/*
THEME NAME: StreetoHome Annual Reports
THEME URI: http://streetohome.org/annual-reports/
DESCRIPTION: This is the website for Streetohome Annual Reports
VERSION: 1.0
AUTHOR: <a href="http://www.ballisticarts.com">Ballistic Arts Media Studios Inc.</a>
AUTHOR URI: http://www.ballisticarts.com
*/

@charset "UTF-8";
/* CSS Document */

body {padding: 0; margin: 0; font-family:Arial, Helvetica, sans-serif;}

a, a:link, a:visited {text-decoration:none; color:#000;}
a:hover {color:#5f574f;}
.clear {clear: both;}

a img {border:0}

img.alignleft {float:left !important; display:inline !important; margin:0 15px 15px 0;}
img.alignright {float:right !important; display:inline !important; margin:0 0 15px 15px;}

.alignleft {float:left;}
.alignright {float:right;}

#wrapper {width: 980px; margin: 0 auto; padding:0; background-color:#FFF;}

#contentarea-bg {width: 980px; margin: 0; padding: 0; float: left; background:url(img/main/bg-content.jpg) repeat-y #FFF; position: relative;}

/* HEADER
================================================================ */

#header {height: 225px; width: 980px; padding: 0; margin: 0; float: left; background-color:#FFF; border-bottom: #e1dfde 1px solid}

h1#logo {height: 225px; width: 300px; padding: 0; margin: 0;  float: left; border-right: #e1dfde 1px solid;}
h1#logo a{height: 225px; width: 300px; padding: 0; margin: 0; display:block; text-indent:-99999px; font-size:0; overflow:hidden; background:url(img/main/logo-streetohome.jpg) no-repeat;}
h1#logo a:hover {height: 225px; width: 300px; padding: 0; margin: 0; background-position: 0 -225px; float: left;}

#banner-header {height: 225px; width: 679px; padding: 0; margin: 0; background:url(img/main/banner-header-2010.jpg) no-repeat; float: left; }

ul#header-nav {height: 23px; width: 115px; list-style-type: none; padding: 7px 10px 0; margin: 0; float: right; font-size: 12px; text-transform:uppercase; background: rgb(255, 255, 255); /* fallback color */ background: rgba(255, 255, 255, 0.7); }
ul#header-nav li {float:left; margin:0; padding:0 5px; list-style:none; display:block; border-right: 1px #000 solid;}
ul#header-nav li a{color: #5f574f;} 
ul#header-nav li a:hover{color: #000;}
ul#header-nav li:last-child {border-right: none;}


/* SIDEBAR
================================================================ */

#sidebar {width: 300px; padding: 25px 0 90px 0; margin: 0; float: left; background:url(img/main/sidebar-topgradient.jpg) repeat-x #FFF; }

#sidebar ul {float: left; width: 300px; margin: 0; padding: 0; list-style: none; overflow: hidden;}
#sidebar ul li {float: left; width: 300px; margin: 0; padding: 0; font-size: 24px; font-weight:bold; text-transform:uppercase; list-style: none;}

ul#menu-mainnav {list-style-type:none; margin: 0; padding: 0 0 20px 0; width: 300px; font-size: 14px;}
ul#menu-mainnav ul {border-left: #bed600 6px solid; list-style-type:none; padding: 0 0 0 15px; margin: 15px 0 0px 120px; _margin: 10px 0 10px 60px;}
ul#menu-mainnav a {display: block; text-decoration: none; color: #5f574f; float: left;}
ul#menu-mainnav li {width: 196px; float: left; margin: 0; padding: 0 0 25px;}
ul#menu-mainnav li a {color: #5f574f; padding: 0 0 0 100px; margin: 0; font-weight: bold; float: left; width: 160px; background:url(img/main/nav-arrow.gif) no-repeat 25px 10px;}
ul#menu-mainnav li a:hover {width: 160px; color: #000; background:url(img/main/nav-arrow-hover.gif) no-repeat 25px 10px #bed600;}
ul#menu-mainnav li li {border: none; margin: 0; padding: 0;}
ul#menu-mainnav li ul li a {font-size: 14px; font-weight:normal; padding: 5px 0;background: none; width:160px;}

ul#menu-mainnav li ul li a:hover {font-size: 14px; font-weight:normal; padding: 5px 0;background: none; color: #000; }

/* This fixes the nav items with only one line of text */
/* "GIVE" link */ ul#menu-mainnav li#menu-item-128 a {padding: 15px 0 0 100px; height: 45px;}

/*#bottombtn {width: 300px; height: 60px; padding: 0; margin: 0; background:url(img/main/title-gradient.jpg) top repeat-x #FFF; border-top: #e1dfde 1px solid; position:absolute; bottom: 0; left:0; float: left; display: block}
#bottombtn a{width: 185px; height: 50px; padding: 10px 25px 0 70px; margin: 0; background: url(img/main/arrow-visitmainwebsite.png) no-repeat 25px 10px #FFF; display: block; font-size:17px; color: #5f574f; text-transform:uppercase; font-weight: bold}*/

#btn-mainsite a{width: 300px; height: 60px; padding: 0; margin: 0; background: url(img/main/btn-visitmainwebsite.jpg) no-repeat; border-top: #e1dfde 1px solid; position:absolute; bottom: 0; left:0; float: left; display: block; text-indent:-99999px; font-size:0; overflow:hidden;}
#btn-mainsite a:hover{width: 300px; height: 60px; padding: 0; margin: 0; background: url(img/main/btn-visitmainwebsite.jpg) no-repeat 0 -60px; border-top: #e1dfde 1px solid; position:absolute; bottom: 0; left:0; float: left; display: block; text-indent:-99999px; font-size:0; overflow:hidden;}

/* RIGHT CONTENT
================================================================ */
#right-content {border-left: #e1dfde 1px solid;  width: 679px; padding: 0; margin: 0; float: left; background:url(img/main/sidebar-topgradient.jpg) top repeat-x #FFF;}

#main-title {width: 639px; padding: 20px 20px; margin: 0; background:url(img/main/title-gradient.jpg) repeat-x #FFF; text-transform:uppercase; border-bottom: #e1dfde 1px solid; border-top: #e1dfde 1px solid; float: left; font-size:24px;}
#content {width: 629px; padding: 0 30px 0 20px; margin: 0; float: left; font-size: 14px;}
#content p {font-size: 14px; color: #5f574f; line-height:1.5em;}
#content h1 {font-size: 24px;}
#content h2 {font-size:16px; color: #5f574f; line-height:1.2em;}
#content h2 strong {font-size:18px;}
#content img.top-horizontal-image{border-bottom: 1px solid #e1dfde; padding: 10px 0;}
#content img.content-horizontal-image{border-top: 1px solid #e1dfde; border-bottom: 1px solid #e1dfde; padding: 10px 0; margin: 10px 0;}
#content img.bottom-horizontal-image{border-top: 1px solid #e1dfde; padding: 10px 0; margin: 10px 0;}

#content a {color:#000; background:#bed600; padding:1px 5px; font-weight:bold;}
#content a:hover {color:#FFF;}
#content a img {border: 2px solid #e1dfde; padding: 0 !important; background:none !important; }
#content a img:hover {border: 2px solid #bed600;}

#content a.videolink {padding:0 0 !important; background:none !important;}

#content ol {}
#content ol li {font-size:16px; font-weight:bold; color: #5f574f; line-height:1.2em; padding-bottom:12px;}
#content ol li p {font-weight:normal;}
#content ol li a.expand {font-size:12px; font-weight:normal; padding:6px 0 0; background:none; color: #5f574f;}
#content ol li a.expand:hover {color:#bed600; font-weight:bold;}
#content ol li ul {margin:0; padding:0 0 10px; list-style:none;}
#content ol li ul li {margin:0; padding:0; list-style:none;}
#content ol li ul li ol li {margin:0 10px 10px 0; padding:0 10px 0 0; list-style:disc; font-size:14px; font-weight:normal;}


#content table {width:620px; margin:0 0 10px;}
#content table td {width:300px; padding:5px 10px 5px 0; margin:0; color: #5f574f; line-height:1.5em; vertical-align:top;}

#content .really_simple_share a {background:#fff;}

/* FOOTER
================================================================ */
#footer {width: 930px; margin: 0; padding: 25px; float: left; background:url(img/main/footer-gradient.jpg) top repeat-x #FFF; border-top: #e1dfde 1px solid; font-size: 12px; color: #5f574f;}
#footer-right {float: right;}
#footer-left {float: left;}