/*
Site Name: Bay Area Charter School
Description: Site layout designed by Victor Duwon Jackson.
Author: Victor Duwon Jackson
Author URI: http://rachalconsulting.com
Version: 1.0
Last Edit:  052611 - Added secondary content class to handle download list
*/
#ads { padding:5px 0 0 20px; }

ul.cool-li {
list-style-type: none;
margin-bottom: 12px;
}

ul.cool-li li {
padding: 0 0 0 15px;
background: url(../img/list-item.gif) no-repeat 0 8px;
}
/*---------HEADER STUFF-----------*/
#headerContainer { _background:#0C3A6D url(../img/header_tile_ie6.gif) repeat-x; background:#0C3A6D url(../img/header_tile.png) repeat-x; width:100%; }

/* -----A TAG STUFF----- */
a { color:#0C3A6D; text-decoration:none; }
.calnk a:hover { background-position:0 0; border-bottom:1px dotted #000; color:#000; text-decoration:none; }
.calnk a:hover span { background:#F6F79B; color:#333; display:block; margin-top:1px; padding:5px; position:absolute; width:150px; z-index:100; }
.calendar-table { border:none; width:100%; }
.calendar-month { font-weight:700; text-align:center; width:50%; }
.normal-day-heading { background-color:#EBF2EA; border:1px solid #DFE6DE; font-size:.8em; height:25px; text-align:center; width:25px; }
.weekend-heading { background-color:#EBF2EA; border:1px solid #DFE6DE; color:red; font-size:.8em; height:25px; text-align:center; width:25px; }
.day-with-date { border:1px solid #DFE6DE; height:60px; text-align:left; vertical-align:text-top; width:60px; }
.day-without-date { border:1px solid #E9F0E8; height:60px; width:60px; }
span.weekend { color:red; }
.current-day { background-color:#E4EBE3; border:1px solid #BFBFBF; height:60px; text-align:left; vertical-align:text-top; width:60px; }
span.event { font-size:.75em; }
.kjo-link { font-size:.75em; text-align:center; }
.event-title { font-size:1.2em; font-weight:700; text-align:center; }
.cat-key { border:1px solid #D6DED5; margin-top:10px; padding:5px; width:100%; }

/* -----BODY STUFF----- */
body { background:#b8b8b8; color:#333; font-family:Arial, Sans-Serif; height:auto; margin:0; padding:0; width:auto; }

/*--- P TAG STUFF ---*/
p { font-size:12px; line-height:1.7em; text-align:justify; }
a:hover { text-decoration:underline; }
h2.categorytitle { border:1px solid #ebebeb; color:#555; font-size:12px; font-weight:400; line-height:normal; margin:0; padding:0; text-transform:uppercase; }
h2.categorytitle span { background:url(../img/widget_bg.jpg) repeat-x center; border:1px solid #fff; display:block; font-weight:400; padding:12px; }
h2.categorytitle span a { color:#bbb; margin-right:15px; outline:none; }
h2.categorytitle span a:hover { color:#333; text-decoration:none; }

/* -----PAGE STUFF----- */
#contentContainer { background:#f5f5f5 url(../img/content_tile.jpg) repeat-y center; border:1px solid #fff; border-width:0 0 1px; width:100%; }
#content { background:#f8f8f8; margin:0 auto; padding:30px 0 0; width:960px; }
#main { float:left; line-height:1.5em; margin:0; overflow:hidden; padding:10px 0; width:630px; }
#sidebar { overflow:hidden; padding:10px 0 10px 30px; width:300px; clear:right; }
#header { background:transparent url(../img/logo-trans-lg.png) no-repeat scroll right 42px; height:259px; margin:0 auto; position:relative; width:960px; }
#topBar { color:#eee; font-size:10px; height:42px; }
#topBar #today { padding:13px 0 0; }
#logo { margin:0; padding:41px 0 0; width: 800px;}
#logo a { background:url(../img/logo-trans.png) no-repeat; display:block; height:86px; margin:0; overflow:hidden; padding:0; text-indent:-999px; width:601px; }
#navigation { _bottom:-1px; bottom:0; height:42px; left:0; margin:0; padding:0; position:absolute; width:100%; z-index:6000; }
#district_list { }
#district_list ul { float:left; }
#district_list ul li { font-size:1.2em; list-style-type:none; }

/* ----FLOATIE STUFF---- */

/* required to avoid jumping */
#floatieWrapper { position:absolute; top:135px; display:none; }
#floatie { -moz-border-radius:20px 2px 5px 5px; -moz-transform:rotate(90deg); -webkit-border-radius:20px 2px 5px 5px; -webkit-transform:rotate(90deg); background-color:#0C3A6D!important; border:1px solid #000; height:2.5em; left:-30px; padding-top:.8em; position:absolute; text-align:center; text-shadow:2px 2px 2px #000; top:135px; width:6em; }
#floatie.fixed { position:fixed; top:135px; }
#floatie a { color:#ffffff!important; }

/*--------FOOTER STUFF--------*/
#footerContainer { background:#b8b8b8 url(../img/footer_tile.jpg) repeat-y center; border:1px solid #9c9c9c; border-width:1px 0 0; width:100%; }
#footer { clear:both; margin:0 auto; padding:30px 0 0; width:960px; }
#bottomBarContainer { background:#1A1A1A none repeat scroll 0 0; bottom:0; position:relative; width:100%; }
#bottomBar { color:#eee; height:53px; margin:0 auto; width:960px; }
#bottomBar #copyright { font-size:10px; margin:0; padding:20px 0 0; }
#bottomBar #socialbuttons { float:right; font-size:10px; letter-spacing:1px; padding:20px 0 0; text-transform:uppercase; }
#footer_rects { float:right; margin:0; padding:0; width:400px; }
#footer_rect { margin-bottom:25px; }
#footer_rect h2.widgettitle span,#footerPage h2 span { background:url(../img/footer_rect_bg.jpg) repeat-x center; border:1px solid #ccc; display:block; font-weight:800; padding:12px; }
#footer_rect .widgetcontent { font-size:12px; line-height:1.5em; margin:0; padding:10px 0 0; }
#footer_rect .widgetcontent ul li { background:url(../img/footer_rect_border.jpg) repeat-x bottom; list-style:none; margin:0; padding:10px 0 10px 10px; }
#footer_rect .widgetcontent ul li:hover { background:#ccc; }
#footer_rect .widgetcontent ul li ul li { background:none; font-size:10px; list-style:inside; margin:0; padding:0 0 4px; }
#footerPage { color:#000000; font-size:12px; font-weight:400; margin:0; padding:0; width:520px; }
#footerPage h2,#footer_rect h2.widgettitle { color:#FFFFFF; font-family:"Times New Roman",Georgia,Serif; font-size:2em; font-weight:800; line-height:normal; margin:0; text-shadow:0 2px 3px #000000; text-transform:uppercase; }
#footer_rect h2.widgettitle { font-size:1.5em; }
#footerPage p { font-size:12px; text-align:justify; padding:0 10px; }

/*-------MAIN NAVIGATION STUFF--------*/
#dropmenu { list-style:none; margin:0; padding:0; position:relative; width:100%; z-index:4000; }
#dropmenu li { float:left; line-height:42px; list-style:none; margin:0; padding:0; position:relative; }
#dropmenu li a { color:#fff; display:block; font-size:12px; line-height:42px; margin:0; padding:0 13px; text-transform:uppercase; }
#dropmenu li a:hover { background:url(../img/active_nav_bg.jpg) repeat-x; color:#999; text-decoration:none; }
#dropmenu li ul { background:none repeat scroll 0 0 #C8C8C8; border-color:#0C3A6D; border-style:solid; border-width:0 1px 1px; display:none; left:-1px; list-style:none outside none; margin:0; padding:0; position:absolute; top:41px; width:200px; z-index:3000; }
#dropmenu li ul li { border:1px solid #fff; border-top:1px solid #ebebeb; border-width:0 1px 1px; line-height:20px; margin:0; padding:0; position:relative; }
#dropmenu li ul li a { color:#000; font-size:12px; line-height:30px; margin:0; padding:0 10px; width:178px; }
#dropmenu li ul li a:hover { background:none; color:#555; }
#dropmenu li ul li ul { left:199px; margin:0; position:absolute; top:-1px; z-index:2000; }
#dropmenu li.activeTab,#dropmenu li.current-cat { background:url(../img/active_nav_bg.jpg) repeat-x; }
#dropmenu li li.activeTab,#dropmenu li li.current-cat { background:none; }
#dropmenu li.activeTab a,#dropmenu li.current-cat a { color:#555; }

/*--FEATURED STUFF--*/
#featured { padding-bottom:0; }
.main_image { background:#fff; border:1px solid #ebebeb; color:#fff; float:left; font-size:12px; height:293px; overflow:hidden; padding:5px; position:relative; width:618px; z-index:0; }
.main_image h2 { color:#fff; font-size:16px; font-weight:400; margin:0; padding:10px 15px 0; }
.main_image p { font-size:12px; line-height:1.6em; margin:0; padding:5px 15px 15px; }
.block small { background:url(images/icon_calendar.gif) no-repeat 0 center; font-size:14px; padding:0 0 0 20px; }
.main_image .block small { display:none; margin-left:10px; }
.main_image .desc { bottom:5px; display:none; left:5px; position:absolute; width:618px; }
.main_image .block { background:#111; border-top:1px solid #000; width:100%; }
.main_image_interior { border:1px solid #CCCCCC;
margin-bottom:1em;
padding:2px;}
.main_image a.collapse { background:url(images/btn_collapse.gif) no-repeat left top; height:27px; overflow:hidden; position:absolute; right:20px; text-indent:-99999px; top:-27px; width:93px; }
.main_image a.show { background-position:left bottom; }
.image_thumb { background:#f0f0f0; float:right; font-size:12px; width:300px; }
.image_thumb img { background:#fff; border:1px solid #ccc; float:left; padding:3px; }
.image_thumb ul { list-style:none; margin:0; padding:0; }
.image_thumb ul li { background:#f0f0f0 url(images/nav_a.gif) repeat-x; border-bottom:1px solid #ccc; border-left:1px solid #fff; border-right:1px solid #ccc; border-top:1px solid #fff; float:left; margin:0; padding:14px 10px; width:278px; }
.image_thumb ul li.hover { background:#f6f6f6; cursor:pointer; }
.image_thumb ul li.active { background:#eaeaea; border-bottom:1px solid #fff; border-left:1px solid #ccc; border-right:1px solid #fff; border-top:1px solid #ccc; cursor:default; }
html .image_thumb ul li h2 { font-size:14px; margin:5px 0; padding:0; }
.image_thumb ul li .block { float:left; margin-left:10px; padding:0; width:170px; }
.intro { color:#555; font-size:1em; padding-left:1em; }
table { font-size:.8em; margin-left:1em; text-align:left; text-transform:capitalize; width:600px; }
tr:nth-child(even) { background-color:#999; }
td { padding-left:5px; }

/* ----TOOL TIP STYLE----- */
.itooltip { -moz-border-radius:10px; -moz-border-radius-topleft:0; -webkit-border-radius:10px; -webkit-border-radius-top-left:0; background:#000; border:1px solid #fff; border-radius:10px; border-radius-topleft:0; color:#fff; display:none; font-size:12px; padding:5px 10px; position:absolute; z-index:10000000; }

/* -----SEARCH STUFF----- */
#searchform #s { padding:5px; width:200px; }
#searchform #searchsubmit { cursor:pointer; padding:5px; }
#searcher { float:right; padding:2px 0 0; }
#searcher #searchform #s { background:#1f1f1f; border:1px solid #3b3b3b; color:#bbb; font-size:9px; margin:0 4px 0 0; padding:3px; text-transform:uppercase; width:200px; }
#searcher #searchform #searchsubmit { background:transparent url(../img/search_btn.jpg) no-repeat 0 2px; border:none; cursor:pointer; height:22px; line-height:0; overflow:hidden; padding:0; text-indent:-999px; width:38px; }
#sidebar #searchform { margin:0; padding:10px 0 0; text-align:center; }
#sidebar #searchform #s { padding:2px; width:200px; }
#sidebar #searchform #searchsubmit { cursor:pointer; width:40px; }
.listing .post { background:url(../img/content_border.jpg) repeat-x bottom; margin:0; padding:20px 0; }
.listing .post h2.posttitle { font-size:14px; font-weight:700; line-height:normal; margin:0; padding:0; }
.listing .entrytitle { padding:0 0 5px; }
.entrytitle,.post h2.posttitle { font-weight:400; margin:0; padding:0 0 15px; }
.post small,.entry small { font-size:10px; font-weight:700; line-height:1.7em; }
.entry { font-size:16px; line-height:1.7em; margin:0; padding:0 15px 0 0; }
.entry ol { font-size:12px; margin:0; padding:0 0 0 20px; }
.entry ol li { line-height:1.5em; list-style:decimal; margin:0; padding:0; }
.entry ul { font-size:12px; margin:0 0 15px; padding:0 0 0 10px; }
.entry li { line-height:1.5em; list-style:inside; margin:0; padding:0 0 0 10px; }
.entry p { margin:0 0 15px; padding:0; }
.gallery-icon a { border:1px solid #aaa; }
.gallery-icon a img { background:#d2be99; border:1px solid #e8d7b7; padding:3px; }
.details { font-size:12px; line-height:1.5em; margin-bottom:35px; }
.sample { margin:0; padding:5px 15px 0 0; }
.continue { font-size:12px; }

/*--- POST THUMBNAIL STUFF ---*/
div.post .thumb { border:1px solid #d1d1d1; display:block; float:left; height:102px; margin:0 15px 0 0; overflow:hidden; padding:0; }
div.post .thumb .postThumb { background:#eee; border:1px solid #fff; margin:0; padding:3px; }

/*-------BLOG PAGE NAVIGATION STUFF----------*/
.navigation { float:left; font-size:14px; padding:15px 0 0; width:100%; }
#sidebar ul li.widget { list-style:none; margin:0 0 25px; padding:0; }
#sidebar ul li.widget h2.widgettitle { border:1px solid #ebebeb; color:#555; font-size:12px; font-weight:400; margin:0; padding:0; text-transform:uppercase; }
#sidebar ul li.widget h2.widgettitle span { background:url(../img/widget_bg.jpg) repeat-x center; border:1px solid #fff; display:block; font-weight:400; padding:10px; }
#sidebar ul li.widget .widgetcontent { font-size:12px; margin:0; padding:10px 0 0; }
#sidebar ul li.widget .widgetcontent ul li { background:url(../img/content_border.jpg) repeat-x bottom; list-style:none; margin:0; padding:10px 0 10px 10px; }
#sidebar ul li.widget .widgetcontent ul li:hover { background:#fff; }
#sidebar ul li.widget .widgetcontent ul li ul li { background:none; font-size:10px; list-style:disc; margin:0 0 0 15px; padding:0 0 4px; }
#ads {border: 1px solid #ccc; padding: 0.8em!important;}
.ads img{margin:.5em;-moz-box-shadow: 3px 3px 3px #666;
-webkit-box-shadow: 3px 3px 3px #666;
box-shadow: 3px 3px 3px #666;
}
/*---FORM STUFF---*/
input,textarea { padding:5px; }
input { margin:5px 0 0; width:170px; }
textarea { width:100%; }
input[type=submit] { cursor:pointer; padding:5px 0; }

/*---MOBILE STUFF---
html, body, form, fieldset, p, div, h1, h2, h3, h4, h5, h6 {
    -webkit-text-size-adjust:none;
}

@media screen and (max-device-width: 480px){
    img{
        max-width:100%;
        height:auto;
    }
}*/

/*Google Maps Stuff*/

.map_links{ float: right;
    line-height: 2em;
    margin: 5px;
    text-decoration: none;}
    
.map_links ul li{list-style-type: none}

/**  Secondary Content Styles **/

#secondary_content{clear: both;}
#secondary_content .left{float: left;  list-style-type: none;}
#secondary_content .right{float: right;  list-style-type: none;}

/* -----UNIVERSAL STUFF----- */
code { font:1.1em 'Courier New', Courier, Fixed; }
acronym,abbr,span.caps { cursor:help; font-size:.9em; letter-spacing:.07em; }
p img { max-width:100%; padding:0; }
img.centered { display:block; margin:0 auto; }
img.alignright { display:inline; margin:0 0 10px 10px; }
img.alignleft { display:inline; margin:0 10px 10px 0; }
.alignright { float:right; }
.alignleft { float:left; }
acronym.abbr { border-bottom:1px dashed #999; }
blockquote { margin:15px; padding-left:20px; }
blockquote cite { display:block; margin:5px 0 0; }
.center { text-align:center; }
a img { border:none; }
img#wpstats { border:none; height:0; overflow:hidden; padding:0; width:0; }
#hideme { visibility:hidden; }
.hidden { display:none; visibility:hidden; }
.rssSummary { padding-bottom:15px; }
.clear { clear:both; }
table th { font-size:1.2em; }
p.clear { height:1px; margin:0; padding:0; width:1px; }
#tabs > div,.calnk a span,#dropmenu li:hover ul ul,#dropmenu li:hover ul ul ul,#dropmenu li:hover ul ul ul ul,.image_thumb ul li p,.hide { display:none; }
hr {color: #ccc;}
h1,h2,h3,h4,h5,h6,h2.categorytitle .selected { color:#333; }
h1,h1 a,h1 a:hover,h1 a:visited,h2,h2 a,h2 a:hover,h2 a:visited,h3,h3 a,h3 a:hover,h3 a:visited,h4,h4 a,h4 a:hover,h4 a:visited,h5,h5 a,h5 a:hover,h5 a:visited,h6,h6 a,h6 a:hover,h6 a:visited,,#searchform #searchsubmit:hover,#searcher #searchform #searchsubmit:hover,#sidebar #searchform #searchsubmit:hover,.navigation .pagenav a:hover { text-decoration:none; }
#footer a,#bottomBar #socialbuttons a { color:#fff; }
#footer_rect .widgetcontent ul,#sidebar ul li.widget .widgetcontent ul { margin:-10px 0 0; padding:0; }
#footer_rect .widgetcontent ol,.entry h1,.entry h2,.entry h3,.entry h4,.entry h5,.entry h6,#sidebar ul,#sidebar ul li.widget .widgetcontent ol { margin:0; padding:0; }
#footer_rect .widgetcontent ul li ul,#sidebar ul li.widget .widgetcontent ul li ul { color:#999; margin:0; padding:7px 0 0; }
#dropmenu li:hover ul,#dropmenu li li:hover ul,#dropmenu li li li:hover ul,#dropmenu li li li li:hover ul,.navigation .pagenav a { display:block; }
.listing,#pageend { padding-bottom:25px; }
.right{margin-top: -32px;float: right}