/*
Theme Name: Andre Sobel River of Life - Lisa
Theme URI: http://www.outtolunchproductions.com/work
Description: Customized job for Andre Sobel. With Counter!
Version: 2.5
Author: Carter Fort
Author URI: http://outtolunchproductions.com
Tags: light, two-columns, right-sidebar, blue, non-profit, 

Swatch Colors:
27466e = Dark Blue
282828 = Dark Grey
15bf16 = Dark Green
53403d = Reddish Brown
def8ff = Light Blue

*/

/* Resets and Overrides 
========================*/

*
{
	margin: 0;
	padding: 0;
}

img
{
	border:none;
}

:focus
{
	outline: 0;
}

/* Links and Type
========================*/
body
{
	background-color: #27466e;
	color: #fff;
	font-family: Trebuchet MS, Helvetica, Arial;
	font-size: 14px;
}

a, a:active, a:visited
{
	color: #e0ffde;
	font-weight: bold;
}

a:hover
{
	color: #15bf16;
}
a.boxed, a.boxed:link, a.boxed:active, a.boxed:visited
{
	background-color: #27466e;
	border: 1px solid #fff;
	color: #ffffff;
	padding: 10px;
	position: relative;
	text-decoration: none;
}
a.boxed:hover
{
	color: #d0d0d0;
}

#news a:link, #news a:active, #news a:visited
{
	color: #000;
	font-size: 15px;
	text-decoration: none;
}

#news a:hover
{
	color: #53403d;
	text-decoration: underline;
}
.blueBox a
{
	color:#15bf16;
	text-decoration: none;
}
.blueBox a:hover
{
	color: #e0ffde;
	text-decoration: underline;
}
.asks a
{	
	border-bottom: dotted #fff 1px;
	color: #ddd;
	font-weight: bold;
}
.asks a:hover
{
	border-bottom: dotted #fff 2px;
	color: #fff;
	text-decoration: none;
}
h1
{
	border-bottom: 1px solid #97aeca;
	font-size: 30px;
	letter-spacing: 1px;
	margin-bottom: 10px;
	padding-bottom: 10px;
}

#iam_column h1
{
	margin-bottom: 10px;
}

h1 a
{}

h1 a:hover
{}

#empty h1
{
	border: none;
}

h2
{
	padding-bottom: 10px;
}

h2 a
{}

h2 a:hover
{}

#center_bar h2
{
	border-bottom: 2px solid #fff;
	font-size: 14px;
	letter-spacing: 1px;
	margin-bottom: 3px;
	padding-bottom: 3px;
	text-transform: uppercase;
}

h3
{
	color: #15bf16;
	font-size: 20px;
	padding-bottom: 15px;
}

#news h3
{
	background-image: url(images/thick_dot.png);
	background-repeat: repeat-x;
	background-position: bottom;
	color: #282828;
	font-size: 25px;
	font-weight: bold;
	letter-spacing: 1px;
	margin-bottom: 10px;
	margin-top: 10px;
	padding-bottom: 15px;
	text-transform: uppercase;
	width: 220px;
}

.blueBox h3
{
	color: #27466e;
	text-transform: uppercase;
	margin-bottom: 10px;
}

h3.sitemap_heading
{
	background-image: none;
	border-bottom: solid 1px #bababa;
	color: #000;
	font-size: 16px;
	font-weight: bold;
	letter-spacing: 0px;
	margin:0;
	padding-bottom: 15px;
	text-transform: none;
	width: auto;
}

h3 a
{
	color: #15bf16;
	text-decoration: underline;
}

h3 a:hover
{
	color: #e0ffde;
	text-decoration: none;
}

.blueBox h3
{
	background: none;
	margin: 0;
	width: auto;
}

h4
{
	font-size: 16px;
	padding-bottom: 5px;
	text-align: center;
	text-transform: uppercase;
}
h5
{
	padding-bottom: 10px;
	text-transform: uppercase;
}

#mission p
{
	color: #282828;
	font-size: 16px;
	line-height: 22px;
	padding-right: 20px;
	text-align: right;
}
#mission strong, .mint
{
	color: #15bf16;
	font-size:18px;
	font-style: italic;
	text-transform: uppercase;
}


/* Layout
========================*/
.wrapper
{
	margin: 0 auto;
	width:1024px;
}
#header
{
	background-image: url(images/top_tear.jpg);
	background-position: center;
	background-repeat: no-repeat;
	background-color: #27466e;
	min-width: 1024px;
	height: 235px;
	position: relative;
}
#logo
{
	float: left;
	left: 10px;
	position: relative;
	top:10px;
	width: 406px;
}
#mission
{
	background: url(images/whenCompassion.png) no-repeat right top;
	float: right;
	margin: 10px 10px 0 0;
	padding-top: 60px;
	width: 480px;
}
#middle
{
	background-color: #27466e;
}

#story
	{
	background:#27466E none repeat scroll 0 0;
	display:none;
	height: 315px;
	left:350px;
	margin-top: 50px;
	overflow-y: auto;
	padding:20px;
	position:absolute;
	width:500px;
	z-index:100;
}

#story .entry p
{
	line-height: 18px;
	padding-bottom: 15px;
}

#candle
{
	color: #27466e;
	float: left;
	font-size: 15px;
	padding: 120px 25px 0 25px;
	text-align: center;
}
#candle p
{
	line-height: 22px;
	padding-bottom: 38px;
	width: 200px;
}
#news
{
	color: #282828;
	float: right;
	padding-right: 15px;
	text-align: right;
	width: 235px;
}
.datebox
{
	float: left;
	font-weight: bold;
	width:auto;

}
.month
{
	font-size: 18px;
	text-transform: uppercase;
}
.day
{
	font-size: 30px;
	font-weight: bold;
	margin-top: -5px;
}
.news_item
{
	background-image: url(images/thin_dot.png);
	background-repeat: repeat-x;
	background-position: bottom;
	font-size: 12px;
	float: left;
	line-height: 16px;
	margin-bottom: 5px;
	padding-bottom: 15px;
	padding-left: 10px;
	text-align: left;
	width: 185px;
}
.cotm
{
	color:#53403d;
	font-size: 18px;
	line-height: 22px;
	margin-bottom: 5px;
	padding:0 10px;
	text-align: left;
}
.cotm p
{
	padding-bottom: 10px;
}
.cotm p.readmore
{
	text-align: right;
	padding-bottom: 0;
}
.cotm a
{
	color: #27466e;
}
.cotm a:hover
{
	color: #282828;
}
.news_item:first-line
{
	font-weight: bold;
}
.byline
{
	color:#97aeca;
	font-size: 10px;
	padding-top: 6px;
	margin-bottom: 10px;
}
#left_column
{	
	float: left;
	margin-left: 35px;
	margin-right: 30px;
	width: 450px;
}
#left_column .entry, 
{
	padding-top: 20px;
}
#left_column .entry p, #people_column .entry p
{
	line-height: 18px;
	padding-bottom: 15px;
}
#left_column ul, #left_column ol
{
	margin-left: 10px;
	padding-left: 10px;
}
#left_column li
{
	line-height: 18px;
	padding-bottom: 10px;
}
#people_column
{	
	float: left;
	margin-left: 35px;
	margin-right: 30px;
	width: 650px;
}
#iam_column img
{
	border: 1px solid #def8ff;
}

dl
{
 	padding: .3em 0 .8em;
}

dt 
{
	float: left;
	clear: left;
	width: 9em;
	text-align: right;
	font-weight: bold;
	text-decoration: underline;
}

dd 
{
	margin: 0 0 0 10em;
	padding: 0 0 0.5em 0;
}


#center_bar
{
	float:left;
	padding: 0 20px;
	width: 225px;
}
#center_bar .entry
{
	font-size:15px;
	line-height: 20px;
}
#center_bar .entry p
{
	padding-bottom: 10px;
}
#right_bar
{
	float:left;
	width: 215px;
}
#newsletter
{
	background-color: #dde6ed;
	border: 2px solid #163a58;
	float: right;
	margin-bottom: 30px;
	margin-right: 1px;
	text-align: left;
	width: 215px;
}
#newsletter p
{
	color: #27466e;
	font-size: 15px;
	padding-bottom: 5px;
	padding-left: 10px;
	padding-top: 5px;
	text-align: left;
}
#newsletter a
{
	color: #27466e;
	font-style: italic;
}
.publications
{
	line-height: 21px;
	list-style: none;
	padding: 18px 0;
	text-align: center;
}

#bottom_tear
{
	background-image: url(images/bottom_tear.jpg);
	background-position: top center;
	background-repeat: no-repeat;
	padding-top: 50px;
	min-width: 1024px;
}
#sponsors
{
	background: url(images/sponsors.png) no-repeat;
	height: 236px;
	width: 700px;
	clear: left;
	padding-bottom: 30px;
	position: relative;
	top: 15px;
}
#sponsors ul
{
	list-style: none;
	padding-top: 66px;
	padding-left: 100px;
}
#sponsors li
{
	float: left;
	padding-right: 15px;
	text-align: right;
	width: auto;
}
#sponsors p
{
	float: left;
	padding-left: 20px;
	padding-top: 130px;
	text-align: right;
}
#sponsors a
{
	color: #def8ff;
	font-size: 10px;
	font-weight: normal;
}
#sponsors a:hover
{
	color:#fff;
}

#footer
{
	color: #53403d;
	font-size: 10px;
	float: right;
	line-height: normal;
	margin: 10px 30px 20px 0px;
	text-align: right;
	width: 460px;
}
#footer img
{
	float: right;
}
#empty
{
	margin: 0 auto;
	width: 900px;
}

.blueBox
{
	width: 742px;
}

/* Subscription Form
========================*/

#subscriptionForm

{
	margin: 100px 0 0 100px;
	width: 300px;
}

/* Volunteer Form
========================*/

.mmf-form input
{
	font-size: 20px;
}

/* Tooltips
========================*/
.tip 
{
	color: #333;
	left:0;
	top:0;
}

.tip {
	width: 212px;
	padding-top: 37px;
	overflow: hidden;
	display: none;
	position: absolute;
	z-index: 500;
	background: transparent url(images/tipTop.png) no-repeat top;}
	
.tipMid {background: transparent url(images/tipMid.png) repeat-y; padding: 0 25px 20px 25px;}
.tipBtm {background: transparent url(images/tipBtm.png) no-repeat bottom; height: 32px;}


/* Navigation
========================*/
.donate_button
{
	background-image: url(images/donate_button.png);
	background-position: top;
	float: right;
	height: 61px;
	margin: -5px 10px 0 10px;
	position: relative;
	width: 124px;
	z-index: 5;
}

#left_column .donate_button
{
	margin-top: 10px;
	float: none;
}

.donate_button a
{
	display: block;
	height: 61px;
}

.donate_button a:hover
{
	background-image: url(images/donate_button.png);
	background-position: bottom;
}

#spacer
{
	height: 10px;
}

#topNav
{
	height: 42px;
}

#topNav ul
{
	padding-top: 16px;
}

#topNav img
{
	margin-top: -12px;
}

#nav
{
	float: right;
}

#nav, #nav ul { /* all lists */
	list-style: none;
	line-height: 1;
}

#nav a {
	color: #fff;
	display: block;
	font-size: 12px;
	width: auto;
	text-decoration: none;
}

#nav a:hover {
	text-decoration: underline;
	color:#15bf16;
}

#nav li { /* all list items */
	float: left;
	height: 40px;
	padding: 0 15px;
	width: auto; /* width needed or else Opera goes nuts */
}

#nav li ul { /* second-level lists */
	position: absolute;
	background: #27466e;
	width: 10em;
	margin-top: 5px;
	padding-top: 5px;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	z-index: 10;
}

#nav li ul a
{
	font-size: 12px;
}

#nav li ul ul { /* third-and-above-level lists */
	margin: -1em 0 0 10em;
}

#nav li ul li
{
	height: auto;
	padding-bottom: 10px;
}

#nav li:hover ul ul, #nav li.sfhover ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}
#sitemap
{
	clear: both;
	line-height: 25px;
	padding-left: 20px;
}

#sitemap a
{
	color: #2a2a2a;
	font-weight: normal;
}

#sitemap a:hover
{
	color: #53403d;
}

#sitemap ul
{
	border-right:1px solid #BABABA;
	float:left;
	height:120px;
	list-style:none;
	margin-bottom:20px;
	margin-right:15px;
	padding-right:15px;
	width:130px;
}

.sitemap_heading
{
	font-size: 16px;
	font-weight: bold;
	letter-spacing: 1px;
	text-transform: uppercase;
}

#sitemap li
{
	font-size: 12px;
	line-height: 14px;
	padding-bottom: 5px;
}

#right_box
{
	background: url(images/right_box_bg.jpg) no-repeat;
	padding-top: 10px;
	padding-bottom: 275px;
	height: 315px;
	width: 220px;
}
#right_menu
{
	font-size: 14px;
	list-style: none;
	line-height: 12px;
	padding-bottom: 5px;
}
#right_menu li
{
	border-bottom: dotted 1px #fff;
	margin-left: 10px;
	padding: 6px 5px 6px 20px;
	width: 70%;
}
#right_menu a
{
	color:#fff;
	font-weight: normal;
	text-decoration: none;
}
#right_menu a:hover
{
	text-decoration: underline;
}
#right_menu li.media a{
	color: #15bf16;
	letter-spacing: 1px;
	text-transform: uppercase;
}


/* Counter
========================*/
#counter
{
	background: #0056d6;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 35px;
	font-weight: bold;
	margin: 0 auto;
	padding: 20px;
	width: 815px;
}

#counter-bottom
{
	float: right;
	text-align: right;
	width: 405px;
}

#embed-widget
{
	float: left;
	font-size: 14px;
	margin-top: 20px;
	width: 300px;
}

#counter-bottom img
{
	margin-top: 20px;
}

#clock-wrapper
{
	background: #53d5fd;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	margin: 0 auto;
	padding: 20px;
	text-align: center;
	width: 95%;
}

#clock-wrapper p
{
	padding-left: 10px;
	text-align: left;
}

#asrl-clock
{
	font-size: 55px;
	margin: 0 auto 20px;
	white-space: nowrap;
}

#clock-loader
{
	background: transparent url(images/ajax-loader.gif) no-repeat center center;
	display: block;
	height: 80px;
	width: 740px;
}

#counter span
{
	margin-left: 7px;
}

#counter sep
{
	margin-right: -11px;
}

#counter p
{
	margin-bottom: 10px;
}

.comma
{
	position:relative;
	top:22px;
}

.number
{
	background: #0056d6;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	display: inline-block;
	width: 30px;
	margin-left: 13px;
	padding: 10px 20px;
}

a.clink
{
	color: rgba(255,255,255,0.9) !important;
	text-decoration: none !important;
}

a.clink:hover
{
	color: rgba(255,255,255,1) !important;
}

#asrl-clock .last
{
	background: #15bf16;
	border: 1px solid #96d35f;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}



/* Horizontal Slider
========================*/

#slider
{
	height: 440px;
	margin: 0 auto;
}

/* These 2 lines specify style applied while slider is loading */
.csw {width: 100%; height: 460px; background: #fff; overflow: scroll}
.csw .loading {margin: 200px 0 300px 0; text-align: center}

.stripViewer { /* This is the viewing window */
	float:left;
	height:420px;
	margin-bottom:-20px;
	margin-left:10px;
	overflow:hidden;
	position:relative;
	top:-40px;
	width:722px;/* Also specified in  .stripViewer .panelContainer .panel  below */
}

.stripViewer .panelContainer { /* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS  */
	position: relative;
	left: 0; top: 0;
	width: 100%;
	list-style-type: none;
	/* -moz-user-select: none; // This breaks CSS validation but stops accidental (and intentional - beware) panel highlighting in Firefox. Some people might find this useful, crazy fools. */
}

.stripViewer .panelContainer .panel { /* Each panel is arranged end-to-end */
	float:left;
	height: 420px;
	position: relative;
	width: 722px; /* Also specified in  .stripViewer  above */
}

.stripViewer .panelContainer .panel .slide_wrapper { /* Wrapper to give some padding in the panels, without messing with existing panel width */
	background: #000;
	float: right;
	margin-right: 10px;
	margin-top: 10px;
	opacity: .8;
	padding: 10px;
	width: 350px;
}

.slide_wrapper .capitals
{
	color: #15bf16;
	font-size: larger;
}

.stripNav { /* This is the div to hold your nav (the UL generated at run time) */
	float: right;
	margin-right: 10px;
	position: relative;
	top: 363px;
	z-index: 2;
}

.stripNav ul { /* The auto-generated set of links */
	list-style: none;
}

.stripNav ul li {
	float: left;
	margin-right: 2px; /* If you change this, be sure to adjust the initial value of navWidth in coda-slider.1.1.1.js */
	padding-top: 18px;
}

.stripNav a { /* The nav links */
	font-family: Trebuchet MS, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
	line-height: 32px;
	color: #ddd;
	text-decoration: none;
	text-transform: uppercase;
	display: block;
	padding: 0 9px;
}

.stripNav li a { 
	
 }
	
.stripNav li a:hover {
	color:#ccc;
}

.stripNav li a.current {
	font-size: 90%;
	color: #15bf16;
}

.panel p
{
	font-size: 16px;
	line-height: 26px;
	padding-bottom: 18px;
}


.mother
{
	background: url('images/vtest/mother.jpg') no-repeat;
}
	
.donor
{
	background: url('images/vtest/donor.jpg') no-repeat;
}
	
.doctor
{
	background: url('images/vtest/doctor.jpg') no-repeat;
}
	
.social-worker
{
	background: url('images/vtest/social.jpg') no-repeat;
}
	
.teen-survivor
{
	background: url('images/vtest/teen.jpg') no-repeat;
}
	
.dad
{
	background: url('images/vtest/father.jpg') no-repeat;
}	

.valerie
{
	background: url('images/vtest/valerie.jpg') no-repeat;
}

/* Asks
========================*/

.learn_more
{
	float: right;
	text-transform: uppercase;

}
.asks ul
{
	list-style: none;
	line-height: 20px;
	padding-left: 51px;
}
.asks li a
{
	font-size: 14px;
}
.asks
{
	font-size: 10px;
	width:720px;
}
.asks div
{
	float: left;
	height: 174px;
	margin:0px 8px 5px 0;
	width: 230px;
}
.asks object, .asks embed
{
	margin: 10px 0 10px 2px;	
}

.asks p
{
	line-height: 12px;
	padding-left: 31px;
	padding-right: 31px;
}
.asks p.ask-space
{
	padding-top: 90px;
}
.asks .donate
{
	background-image: url(images/ask_donate.png);
	background-position: center center;
	background-repeat: no-repeat;
}
.asks .purchase
{
	background-image: url(images/ask_purchase.png);
	background-position: center center;
	background-repeat: no-repeat;
}
.asks .honor
{
	background-image: url(images/ask_honor.png);
	background-position: center center;
	background-repeat: no-repeat;
}
.asks .help
{
	background-image: url(images/ask_help.png);
	background-position: center center;
	background-repeat: no-repeat;
}
.asks .volunteer
{
	background-image: url(images/ask_volunteer.png);
	background-position: center center;
	background-repeat: no-repeat;
}
.asks .share
{
	background-image: url(images/ask_share.png);
	background-position: center center;
	background-repeat: no-repeat;
}

.asks .celebrate
{
	background-image: url(images/ask_celebrate.png);
	background-position: center center;
	background-repeat: no-repeat;
}


/* Forms
========================*/

#newsletter #textfield
{
	background-color:#ffffd7;
	border:1px solid #e5e5c2;
	color:#000;
	font-size:10px;
	padding:2px;
	margin-left: 10px;
}

#newsletter #submit
{
	background-color:#274770;
	border:1px solid #7ca4d6;
	color:#FFFFFF;
	font-size:9px;
	font-weight:bold;
	letter-spacing:1px;
	padding:3px 4px;
	text-transform:uppercase;
}
fieldset
{
	padding: 10px;
}
/* Misc
========================*/

img#anniv-banner
{
	float: left;
	position: absolute;
	top:10px;
	z-index: 10;
}

code
{
	background:#FFFFFF none repeat scroll 0 0;
	border:1px solid #000000;
	color:#27466E;
	display:block;
	margin:10px 0;
	padding:5px;
	width:540px;
}

blockquote
{
	border-left: solid 2px #dbdbdb;
	color: #f7f7f7;
	font-size: smaller;
	margin: 10px 0 10px 10px;
	padding-left: 10px;
}

#center_bar blockquote
{
	border-left: 0;
	color: #f7f7f7;
	font-size: smaller;
	font-style: italic;
	margin: 0;
	padding-left: 0;
}

.alignleft
{
	float: left;
	padding-bottom: 5px;
	padding-right: 10px;
}

.alignright
{
	float: right;
	padding-bottom: 5px;
	padding-left: 10px;
}
.clr
{
	clear: both;
}
.clr_left
{
	clear: left;
}
.clr_right
{
	clear: right;
}
.small
{
	font-size: smaller;
}
.capitals
{
	font-weight: bold;
	text-transform: uppercase;
}
#print_footer, #print_news
{
	display: none;
}