@charset 'utf-8';

/* W@P: lilithfair.com | Base Style & Layout CSS */

/* @import url("tools.css"); */

div.views-cycle {
	z-index:0;
	position: relative;
	overflow: hidden;
}

div#center-column {
	z-index: 99;
	position: relative;
}


/** Layout
---------------------------------
*  Using a negative margin technique, adapted from ZEN. The page is loaded by this order:
*  
*  1. Header
*  2. Navigation menus
*  3. Content
*  4. Sidebar Left
*  5. Sideabr Right
*	
*/

#wrapper { width: 100%; min-width: 960px; min-height: 800px; }

#page {
	width: 960px; /* edit to change the width of the page */
	margin: 0 auto; /* remove 'auto' and the width to switch to a fluid width */
}

/* Base Anchors */

a, a:link { text-decoration:none; }
a:hover, a:active { text-decoration:underline; }
a:visited, a.active { }

/* General Styles */

p { font-size:small; line-height:1.5; margin:0; padding:0; margin-bottom:15px; }
h1, h2, h3, h4, h5 { margin: 0 0 15px 0; }

h1 { font-size: 34px; }
h2 { font-size: 26px; }
h3 { font-size: 16px; }

img { border:none; }

/* General Table Layout */

table { table-layout:fixed; border: 1px solid #eee; }
table thead tr { background:#f4f4f4; border-bottom:2px solid #ddd; }
table thead tr th { padding:7px 12px; font-weight: bold; }
table tbody tr { border-bottom:1px solid #eee; }
table tbody tr td { padding:7px 12px; }

/* Primary / Service / Account Nav */

ul#primary-links { float: left; font-size: 12px; }
ul#account-services { float: right; padding: 0; }

ul#primary-links li, ul#account-services li { float: left; padding: 0; margin: 0; }

/** Sidebars width
---------------------------------
*  Changing the width of the sidebars is dead easy, just change the
*  values below corresponding to the sidebar you want to modify.
*  Make sure you keep negative values as negative values.
*  For example, if I want to increase the width of the left sidebar
*  to 300px, I would have to change each '190' to '300'.
*/

.two-sidebars .center,
.sidebar-left .center {
  margin-left: 190px;     /* LEFT value */
}
#sidebar-first {
  width: 190px;           /* LEFT value */
  margin-right: -190px;    /* negative LEFT value */
}
.two-sidebars .center,
.sidebar-right .center {
  margin-right: 305px;    /* RIGHT value */
}
#sidebar-second {
  width: 305px;           /* RIGHT value */
}

/** Columns inner
---------------------------------
*  You can change the padding inside the columns without changing the
*  width of them by just using the INNER div of each column
*/

.inner {                             
	padding: 0px;                 
}                        

/** LAYOUT RULES
---------------------------------
*  do not change if you're not sure you know what you're doing
*/

#content {
  float: left;
  width: 100%;
  margin-right: -100%;
  padding: 0;
}                                   
.sidebar {                          
  float: left;                       
}                                   
#sidebar-second {
  float: right;
}

body.admin { margin-top: 20px !important; }

body.page-node h1.title { margin: 0; padding: 0; }
span.submitted { font-size: 11px; color: #999; display:block;}

body.not-front #content #content-inner { padding: 20px 20px 40px; }

/* Header */

#header #header-region {
  overflow: hidden;
}

/* Footer */

#footer {
	float: none;
	clear: both;
	padding: 10px 0 40px;
	width: 960px;
	margin: 0 auto;
}

#footer #block-menu-menu-footer-links { margin: 0; }

#footer ul, #footer ul li { margin: 0; padding: 0; list-style: none; }
#footer ul li a { display:block; float: left; font-size: 11px; margin: 3px; text-transform: uppercase; }
#footer p#copyright { text-transform: uppercase; }

/* Layout Helpers */

#header,
#footer,
#main #content .mission,
#main #content .breadcrumb,
#main #content .node {
  clear: both;
}

#main { margin-bottom: 20px; min-height: 320px; clear: both; }

#header { height: 70px; }

div.taxonomy { float: right; font-size: 11px; border-left: 2px solid #ddd; padding-left: 7px; }
div.taxonomy span { color: #999; }

/* Sidebar Navigation Overrides */

.sidebar {
	background: none;
}

.sidebar div.block-user h3.block-title {
	padding: 15px 15px 0;
}


#sidebar-second .inner { padding-right: 15px; }

#sidebar-second div.block-user { margin-right: -15px; }

.sidebar .block ul.menu {
	list-style: none;
	margin: 0;
	padding: 0;
}

#sidebar-first .block ul.menu { margin-left: 1px; }

#sidebar-second .block ul.menu { margin-right: 1px; }

.sidebar .block ul.menu li, .sidebar .block ul.menu li.leaf, .sidebar .block ul.menu li.collapsed {
	list-style-type: none;
	list-style-image: none;
	margin: 0 0 1px 0;
	padding: 0;
	display: block;
}

.sidebar .block ul.menu li a {
	/*font-family: Arial,Helvetica, sans-serif;*/
	display: block;
	padding: 10px 15px;
	background: #eee;
	font-size: 12px;
	font-weight: bold;
}

.sidebar .block ul.menu li a:hover { background: white url('images/gradients/hov_large-up.png') repeat-x bottom left; }

.sidebar .block ul.menu li a:active { background: white url('images/gradients/hov_large-down.png') repeat-x top left; }

.sidebar .block ul.menu li ul {
	margin: 8px 0;
}

.sidebar .block ul.menu li ul li, .sidebar .block ul.menu li ul li.leaf, .sidebar .block ul.menu li ul li.collapsed {
	margin-left: 18px;
}

.sidebar .block ul.menu li ul li a, .sidebar .block ul.menu li ul li a:hover, .sidebar .block ul.menu li ul li a:active {
	padding: 2px;
	background: white;
	font-weight: normal;
}

#sidebar-first .block ul.menu li ul li.active-trail a.active, #sidebar-second .block ul.menu li ul li.active-trail a.active {
	border: 0;
	margin: 0;
	padding: 2px;
}

.sidebar .block ul.menu li a:hover {
	text-decoration: none;
}
.sidebar .block ul.menu li ul li a:hover {
	text-decoration: underline;
}


/** User interface styles 
---------------------------- */

.resizable-textarea textarea {
	font-size:14px!important;
}
.messages {
	padding: 10px;
	margin: 10px 0;
	border: 1px solid #04a107;
	color: #04a107;
	background-color: #edffed;
}
form{
	margin:10px 0;
}

/*Form Elements*/
input {
	border: 1px solid #ccc;
	vertical-align: middle;
	/*font-size: 1em;*/
}

select {
	vertical-align: middle;
	padding: 2px;
	/*font-size: 1em;*/
}

textarea {
	border: 1px solid #ccc;
	padding: 5px;
	border-radius:3px;
	color: #777676;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-bottom-right-radius:0;
	border-bottom-left-radius:0;
	-moz-border-radius-bottomleft:0;
	-moz-border-radius-bottomright:0;
	-webkit-border-bottom-left-radius:0;
	-webkit-border-bottom-right-radius:0;
}
option {
	border-bottom: 1px dotted #d7d7d7;
	padding: 0 3px; 
}
input[type="file"] {
	border: 0;
}


/* Form Elements */

input[type="submit"] { font-weight: bold; }

span.button, a.button, a.button:link, a.button:visited, input[type="button"], input[type="submit"], input[type="reset"] {
	background: white url('images/gradients/alt_large-up.png') repeat-x bottom left;
	border-width: 1px;
	padding: 2px 6px;
	font-size: 12px;
	text-decoration: none !important;
	cursor: pointer;
	white-space: nowrap !important;
	text-align: center !important;
	display:-moz-inline-stack;
	display:inline-block;
	zoom:1;
	*display:inline;
	outline: none;
	border: 1px solid #ddd;
	text-transform: capitalize !important;
	background-color: white;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	text-decoration: none;
	color: #444;
	
}
span.button:hover, a.button:hover, input[type="button"]:hover, input[type="submit"]:hover, input[type="reset"]:hover {
	background-image:url('images/gradients/hov_large-up.png');
	text-decoration: none;
	border-color: #bbb;
	color: #2e2e2e;
}
span.button:active, a.button:active, input[type="button"]:active, input[type="submit"]:active, input[type="reset"]:active {
	background-image: url('images/gradients/def_large-down.png');
	border-color: #aaa;
	color: black;
	text-decoration: none;
}
span.button.disabled, a.button.disabled, input[type="button"][disabled], input[type="submit"][disabled], input[type="reset"][disabled] {
	background: #f6f6f6 !important;
	color: #ccc !important;
	border-color: #ddd !important;
}

input[type="password"], input[type="text"] {
	padding: 3px 5px;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	color: #777676;
	font-size: 12px;
	/*border: 1px solid #999;*/
}
input[type="password"]:focus, input[type="text"]:focus, input[type="textfield"]:focus, input.textwidget:focus, textarea:focus {
	border: 1px solid #444;
	color: #2e2e2e;
}
fieldset {
	border: 1px solid #ddd;
	border-width: 1px 5px 1px;
	margin: 10px 0;
	padding: 0.3em 1em 0.7em;
}
fieldset legend a:link, fieldset legend a:hover, fieldset legend a:hover, fieldset legend a:active {
	text-decoration: none;
	font-weight: bold;
}

label {
	white-space: nowrap;
	font-family: Arial, Helvetica, sans-serif;
}

input.form-submit { margin-top: 20px; }

/* Read More Link */
span.read-more { white-space: nowrap; display: block; }
span.read-more:after { content: "\2192"; font-size: 2em; vertical-align: -0.2em; color: #ccc;}
span.read-more a { /*font-weight: bold;*/ font-size: 1.1em; padding-right: 3px; }


/*  Misc Overrides */

#admin-menu, #admin-menu ul {
	z-index: 9999;
}

#content-area div.node h2.title { margin-bottom: 0; }

#content-area .box { margin: 10px 0; border: 1px dotted #ddd; border-width: 1px 0; padding: 10px 0; }
#comments { margin-top: 20px; padding-top: 20px; /*border-top: 1px solid #ddd;*/ }
.comment h3 { margin: 0; }
#comments p { margin-top: 0; }
#comments .comment { margin-bottom: 20px; }

.form-item input.error, .form-item textarea.error, .form-item select.error { border-width: 1px; }
div.error { padding: 10px; }

form#lilith-aweber-web-form input.form-submit { margin: 0; display:inline-block; }

html.js input.form-autocomplete { background-position: 100% 3px; }
html.js input.throbbing { background-position: 100% -16px; }
html.js input.form-submit.throbbing { background-position: 95% center; background-color: white; }

#content-area .node div.links { padding: 5px; margin-bottom: 30px; }

#content-area a.feed-icon { display: inline-block; vertical-align: middle;}
#content-area a.feed-icon:hover { text-decoration: none; }

body.page-news #content-area a.feed-icon img, body.page-media #content-area a.feed-icon img { display:none; }
body.page-news #content-area div.feed-icon, body.page-media #content-area div.feed-icon { margin-top: -50px; }
body.page-news #content-area a.feed-icon, body.page-media #content-area a.feed-icon { min-width: 16px; height: 16px; padding-left: 18px; background: transparent url('images/icons/syndicate_16.png') no-repeat 0 0; }

/* Views & Panels */

#content-area .panel-panel .inside { padding: 20px; }
#content-area .panel-col-top .inside { padding: 0; margin: 0; }

#content-area .view-news .view-content { margin-bottom: 10px; }
#content-area .view-news .views-row { border-bottom:1px solid #FCD9CD; padding-top:2em; }
#content-area .view-news .views-row-last { border-bottom:none 0px; }
#content-area .view-news h3 { margin: 0 0 0 145px; }
#content-area .view-news .news-created-date { font-size: 11px; color: #999; margin-left:145px;display:block;}
#content-area .view-news p { margin: .5em 0 2em 0; }
#content-area .view-news div.feed-icon { float: right; margin: -30px 0 0 0; }

.view-lilith-tweets ul, .view-lilith-tweets ul li { margin: 0 0 10px 0; padding: 0; list-style: none; }
.view-lilith-tweets ul li { padding-bottom: 10px; }

.view-lilith-tweets ul li .tweet-date { font-size: 11px; color: #999; }
.view-lilith-tweets ul li .tweet-date em { font-style: normal; }
.view-lilith-tweets ul li p { margin: 0; line-height: 1; }

#badges-block { margin: 25px -15px 15px 0; }

div.view-badges div.pane-content { margin-top: 50px; }
div.view-badges .views-row { width: auto; height: 110px; float: left; padding: 10px 20px 10px 10px; /*border-right:1px solid #FCD9CD;*/ }

div.view-badges a img { width: auto; height: 110px; }

#content-area #subscribe-block div.error { background-image: url('images/icons/alert_32.png'); background-position: 6px 12px; background-repeat: no-repeat; padding: 12px 10px 10px 45px; }