/*  
Theme Name: Ana's Playground
Theme URI: http://anasplayground.org/
Description: The theme  was created by Sandbox Development and Consulting Inc for Ana's Playground.
Version: 1.1
Author: Jennifer Zelazny/Sandbox Development and Consulting Inc.
Author URI: http://www.sandboxdev.com/
*/

/*
JZ CSS file organization
-----------------
[1] General - All general items, browser specific hacks
[2] Header - All things specific to the header
[3] Navigation - All things specific to the navigation
[4] Main Content - All things specific to the main content
[5] Footer - Things which are page and section specific.
[6] WordPress - Things which are WordPress specific.
Questions/Comments: Email jzelazny@sandboxdev.com
*/


/*---------[1]General---------*/
body {background: #232323;font-family: 'Lucida Grande', Arial, Helvetica, Sans-serif;font-size:.85em;line-height:1.6em;color: #BEBEBE; margin: 0;padding: 0;}
 
.clear {clear:both;}
 	
a, a:visited {color:#8098ab;text-decoration:none;}
a:hover, a:active, a.donate {color:#E8911F;}
 
caption {font-weight:bold;}

ol li{margin-left:15px;padding:0;}

h1{font-size:1.3em;line-height:1.6em;font-weight:normal;color:#E8911F;margin:0;padding:0;}
h2 {font-size:1.2em;line-height:1.4em;font-weight:bold;color:#304a5f;margin:0;padding:0;}
h3 {font-size:1em;line-height:1.2em;font-weight:bold;color:#aaa;margin:0;padding:0;}

img {border:0;}

.flow {float: left;margin: 0px;padding-right:5px;}

#container {background: #181818;text-align: left;margin: 0px auto;margin-top:15px;width: 800px;border:1px solid #000;}

#content {padding:25px;text-align:left;}

/*---------[2]Header---------*/

#top {background:#181818;height:15px;border-bottom:1px solid #000;}

#header {height:375px; width:100%;}
#header p{margin:10px 25px 0 25px;padding:0;color:#505050;font-size: .8em;height:25px;line-height:25px;vertical-align:text-bottom;}

.leftLinks {float:left;display:inline;text-transform:uppercase;margin:0 0 0 0;padding:0 0 0 0;}
.centerLinks {float:left; display:inline;margin-left:125px;font-size:1.7em;}
.centerLinks a {color:#a61c31;text-transform:uppercase;}
.centerLinks a:hover {color:#E8911F;}
.rightLinks {float:right;display:inline;margin:0 0 0 0;padding:0 0 0 0;}
 
 
#slideshow {width:750px; height:350px;z-index:5;overflow:hidden;margin:0 25px;border:1px solid #000; }
#slideshow img{width:750px; height:350px;overflow:hidden;} 

/*---------[3]Navigation---------*/

#navigation {width: 750px;margin:0 auto;text-align:center;}
#navigation ul {list-style:none;width: 750px;margin:5px 0 0 0;padding:0;}
#navigation ul li {display:inline;padding: 0 15px 0 15px;font-size:1.4em;line-height:1.8em;}
#navigation ul li a {color:#505050;}
#navigation ul li a:hover {color:#E8911F;}

#home #nav-home a, #film-synopsis #nav-film-synopsis a, #our-pledge #nav-our-pledge a, 
#bios #nav-bios a, #location #nav-location a, #press #nav-press a, 
#child-soldier-facts #nav-child-soldier-facts a,
#friends-of-ana #nav-friends-of-ana a, #donate #nav-donate a, #filmmakers-blog #nav-blog a {
    color: #BEBEBE;
	}


#navigation img#hr {width:750px;height:1px;padding:10px 0 10px 0;}

#navigation  ul#socialIcons {list-style:none;}
#navigation  ul#socialIcons li {display:inline;margin:0 5px 0 5px;padding:0;}
#navigation  ul#socialIcons li img {width:32px;height:32px;}

/*---------[4]Main Content---------*/

#content {margin-bottom:15px;}
#content p {margin:0 0 10px 0;padding:0;}
#content .post ul {margin:5px 0 5px 0;padding:0;}
#content .post ul li {margin: 0 0 0 35px;padding:0;}
 	
#sidebar img {border:1px solid #000;}

#sidebar {float: left;clear: left;margin: 0px;padding-right:10px;}

/*---------[5]Footer---------*/   
#footer { width: 800px;height:15px;clear: both;margin: 0 auto;padding:0;}
#footer p {text-align:center;font-size:.75em;color:#5B5B5B;margin:5px 0 0 0;padding:0;}