/*

plein air interactive
28 Maple Street
Suite 300
Portland, Maine 04101
+1 207.221.2520

http://pleinairinteractive.com
http://facebook.com/gopleinair
http://twitter.com/gopleinair

BASE.CSS 

*/

@import url(bootstrap.min.css);	
@import url(reset.css);	



/* plein air interactive
------------------------------------------------------------------------------------------------------- */

body {
    margin: 0;
    padding: 0;
    font: 100% 'Open Sans',sans-serif;
    font-style:normal;
    font-weight: 400;
    color: #333;
    background: #fff;
	}


a:link, a:visited {
    color: #39c;
    text-decoration: none;
	}

a:hover {
    color: #036;
    color: #f90;
	}


/* structure */
	
#header {
    width:100%;
    background: #444;
    color: #fff;
    /* overflow: hidden; */
    position: fixed;
    top:0;
    z-index:10001;
    background: #39c;
    opacity:0.9;
    box-shadow: 2px 2px 2px #dfdfdf;
	}

#site-name {
	background: url('/static/admin/img/logo-curator-sm-icon.png') left center no-repeat;
	}

#site-name a {
	color: #fff;
	display:block;
	padding:.5em 0 .5em 40px;
	font-weight: bold;
	font: 160% 'Helvetica Neue', Helvetica, arial, helvetica, sans-serif;
	}

#site-name a:hover {color: #dfdfdf;}


#branding {
	float:left;
    margin:0 2.5em;
	}

.breadcrumbs {
	clear:both;
	font-size:80%;
	background: #f5f5f5;
	border-bottom:1px solid #dfdfdf;
	padding: .75em 3em .5em;
	color:#777;	
	
/*
	position:absolute;
	bottom:0;
	width:100%;
*/
	}

#container {
    padding: 7em 1em 8em 2em;
	}

#sidebar {
	float:left;
	width:16%;
	min-width:132px;
	font-size:90%;
	padding-top:.5em;
	}

#sidebar #loggedout {min-height:360px;}
	
#content h1 {
	float:left;
	font-size:160%;
	width:70%;
	margin-left:1.25em;
	margin-bottom: .5em;
	font-weight: 600;
	text-transform: uppercase;
	}

#content-main {
	float:left;
	margin-left:2em;
	width:80%;
	}

.messagelist {
	text-align:center;
	}

.module {
	margin:.5em 0 0 0;
	}

#sidebar .module {
	/* margin-top:1em; */
	background: #f5f5f5;
	margin:0;
	border-bottom:1px solid #f5f5f5;
	}
	
.module table {
	margin-bottom:0;
	}	

.module caption {
	text-indent:0;
	font-weight:600;
	text-transform: uppercase;
	color: #fff;
	background: #47A3D1;
	/* border-bottom:1px solid #369; */
	padding:.5em .75em;
	color:#666;
	background: #DFDFDF;
	}

.module caption:hover {
	opacity: 0.8;
	}

.module caption a {color:#444;}

.module table tr:hover {
	background: #fafafa;
	
	background: #f9f9fa;
	}

.module table th, .module table td {
	border-bottom:1px solid #dfdfdf;
	/* vertical-align: top; */
	}	

#sidebar .module table th {
    width: 100%;
	}

.module table td {
    white-space: nowrap;
	}

.module table th, .module table td {
	padding:.5em;
	}

.module table th a, .module table td a {
    display: block;
	}

#sidebar .module table th, #sidebar .module table td {padding:0;}
#sidebar .module table th a, #sidebar .module table td a {padding:.75em;}

/* special highlights - module */
#media_library caption, #config caption {
	color: #fff;
	background: #666;
	background: #62b1d8;
	background: #47A3D1;
	}

.auth caption {
	color: #fff;
	background: #7ce;
	}

.bookmarks caption {
	color: #fff;
	background: #7ce;
	}
	
.object-tools {margin-top:-2em;}

.object-tools li {
	float:right;
	margin-left:1em;
	}
	
.messagelist .info, .messagelist .success {
    background: none repeat scroll 0 0 #DFFFDF !important;
    border: medium none !important;
    color: #669966;
    padding:.5em;
    margin-right:1.5em;
    margin-bottom:1em;
    font-size:90%;
	}

.messagelist .warning {
	background: none repeat scroll 0 0 #f8fccc !important;
    border: medium none !important;
    color: #663;
    padding:.5em;
    margin-right:1.5em;
    margin-bottom:1em;
    font-size:90%;
	}

.deletelist li {margin:.5em 0;}
	
/* plein air interactive - adjustments
--------------------------------------------------------------------- */


/* user tools / utility
--------------------------------------------------------------------- */
#user-tools {
	float:right;
	position:absolute;
	top:0;
	right:0;
	width:240px;
	margin-right:1em;
	z-index:1000000;
	background: #39c;
	}

#user-tools:hover {
	background: rgba(19, 18, 23, 0.4);
	}

#user-tools li {
	float:left;
	width:100%;
	background: #39c;
	border-top:1px solid #41a0cf;
	display:none;	
	}

#user-tools li a, #user-tools #name {
    display: block;
    padding: 1.35em;
    background: transparent;
	}

#user-tools #name span {
	padding-right:20px;
	background: url('../img/arrow-down.png') right center no-repeat;
	}

#user-tools #name {
	font-size:90%;
	display:block !important;
	color:#efefef;
	}

#user-tools #name:hover {
	color:#fff;
	}

#user-tools li a {
	color:#fff;
	font-size:80%;
	font-weight: bold;
	padding-left:1.25em;
	}

#user-tools li a:hover {
	color:#fff;
	background: #4ea7d3;
	background: rgba(78, 167, 211, 1);
	}

#user-tools li a.offsite:hover {background: rgba(78, 167, 211, 1) url('../img/arrow-offsite-link-hover.png') 94% center no-repeat;}


#changelist {font-size:90%;}

.help {
	font-size:80%;
	color:#777;
	margin: 0;
	line-height: normal;
	clear:both;
	}

.module h2 a {
	font-size:80%;
	margin-bottom:0;
	}

h2#modules {margin-top:1em;font-size:120%;font-weight: bold;}
#applist {margin:1em 0;}
#applist li {margin-bottom:1em;}


/* filebrowser adjustments 
--------------------------------------------------------------------- */
.tiny {font-size:90%; font-weight: normal;}

/* accordion for navigation sidebar */
/* #sidebar .module table tbody {display:none;} */

/* HTML source_editor.htm pop-up */
textarea#htmlSource {height:440px !important;}

/* override declaration in bootstrap.min.css to prevent field collapsing in Satchmo Settings template */
.collapse {height:auto;}
/* override standard setting above to allow settings table to display properly */
.module table td {white-space: normal;}	

.fb_type {font-size:100%;font-style:italic;}

/* override to show the actual sizes of image versions */
body.filebrowser .form-row img {max-height:2000px;}
#done {margin-top:.5em;}

/* flat buttons, search bar
--------------------------------------------------------------------- */
.btn {
	border-radius: 0 !important;
	}

.btn-info {
	background: rgba(78, 167, 211, 1);
	}	

.btn-info:hover {
	background: rgba(78, 167, 211, 0.8);
	}

.search-query {
	border-radius: 0 !important;
	width:200px !important;
	margin-left:-80px !important;
	}


/* tinymce adjustments (outside content area)
--------------------------------------------------------------------- */
.mce-fullscreen {z-index:10002 !important; /* puts controls in front of the header */ }