/*   
Theme Name: BSYO
Theme URI: 
Description: Website for Brevard Symphony Youth Orchestra.
Author: Christina Reeser
Author URI: http://www.sitevision.com
Template: thematic
Version: 1.0
Tags: Thematic
.
Thematic is © Ian Stewart http://themeshaper.com/
.
*/

/* Reset browser defaults */
@import url('../thematic/library/styles/reset.css');

/* Apply basic typography styles */
@import url('../thematic/library/styles/typography.css');

/* Apply a basic layout */
@import url('../thematic/library/layouts/2c-l-fixed.css');

/* Apply basic image styles */
@import url('../thematic/library/styles/images.css');

/* Apply default theme styles and colors */
/* It's better to actually copy over default.css into this file (or link to a copy in your child theme) if you're going to do anything outrageous */
@import url('../thematic/library/styles/default.css');

/* Prepare theme for plugins */
@import url('../thematic/library/styles/plugins.css');


body {
background: #DED6C8 url(images/bg.gif) repeat-x;
min-width: 960px;
}

#content a { color: #902D0E; }

.hentry, #subsidiary, #siteinfo  {
    width:auto;
    border:0;
}
.main-aside, #subsidiary .aside {
    width:290px;
}

#wrapper { 
width: 960px;
margin: 0 auto;
padding: 0;
background: url(images/wrapper.png);}

#bottom-shadow{ 
width: 960px;
height: 20px;
margin: 0 auto;
padding: 0;
background: url(images/footer.png);}

#branding {
    width:400px;
    float: left;
    margin: 0; padding: 0
}

/* This will clear the floats and keeps the access bottom line
from jumping into the air */
#header_box {
    clear:both;
    margin:0 auto;
    overflow:hidden;
    position:relative;
    width:900px;
    height: 110px;
    padding: 5px 20px 10px;
    margin:0 auto;
    background: url(images/branding.gif) center bottom no-repeat;
}


/* Moves the new widgetized area to the right and levels it with #branding */
#header-aside {
    float:right;
    width:300px;
    padding:0px;
    margin: 0; padding: 0 !important;
    font: 12px "Georgia" !important;
}
#header-aside form { float: right;}
#header-aside p { clear: both;}
#header-aside .aside { margin: 0; padding: 0; }
#header-aside h3.widgettitle { float: left; padding-right: 10px; font-size: 16px !important;}

#searchform #s {}
#blog-title { width: 400px;}

#blog-title span {
	display: block;
	height:104px; /* height of logo */
	width:377px; /* width of logo */
	background: url(images/bsyo_logo.gif) top left no-repeat;
	text-indent:-9000px;
	position: relative;

}

#blog-title span a {
	display:block;
	width:100%;
	height:98%;
	outline:none;
	color: #fff;
	}

#blog-description {display: none; }

#access { border: 0;}

#main { width: 920px; padding: 0; border-bottom: 10px solid #E8DDBD; border-top: 3px solid #D4D2BD;  background: url(images/container.png);}

#container { width: 920px; }

#content { width: 590px; font-family: "Arial"; padding-top: 5px; padding-top: 20px;}

#footer { width: 925px; margin: 0 auto; background-color: #E8DDBD; border-top: 3px solid #D4D2BD;}

#page-top { }

.aside {  border: 0; color: #666; font-family: "Arial"; }


#content h1, #content h2, #content h3, #content h4 {width: auto; }

#content h1, #featured_content h1 { color: #902D0E;
	font-family: "Georgia"; 
	font-size: 26px;
	font-weight: normal;
	}
	
#content h2, #content h3 { color: #902D0E;
	font-family: "Georgia"; 
	font-size: 18px;
	font-weight: normal;
	margin: 0; padding: 0;
	}

#content h3 { font-size: 16px; color: #000; font-style: normal; font-weight: bold; }
	
h3.widgettitle  { 
	font: normal normal 18px "Georgia" !important; 
}	

#page-top, #page-bottom { border: 1px solid #D4D2BD; background-color: #fff; padding-bottom: 5px !important;}
#primary { border: 0;}

.entry-content { width: auto; padding: 15px;}

#featured_content, #featured_images {border-bottom: 7px solid #ECE3CC;}
#featured_content { font-family: "Arial"; float: left; background-color: #FDF7E9; width: 263px; height: 171px; padding: 20px; }
#featured_images, #vslider, #sliderbody { float: right; z-index: 1 !important; }
#featured_images, #vslider, #sliderbody { z-index: 1 !important; }

.clear { clear: both; background: none; }

.calendar-table { background-color: #fff; }

/* Moves the new widgetized area to the right and levels it with #branding */
#header-aside {
    float:right;
    width:300px;
    padding:88px 0 44px;
}

/* This will clear the floats and keeps the access bottom line
from jumping into the air */
#header_box {
    clear:both;
    margin:0 auto;
    overflow:hidden;
    position:relative;
}


/* Moves the new widgetized area to the right and levels it with #branding */
#header-aside {
    float:right;
    width:300px;
    padding:88px 0 44px;
}

/* This will clear the floats and keeps the access bottom line
from jumping into the air */
#access {
    clear:both;
}

a[href $='.pdf'] { 
   padding-left: 18px;
   background: transparent url(images/icon_pdf.gif) no-repeat top left;
}


.menu { 
	width: 915px; 
	padding: 0px;
	padding-left: 5px;
	margin-top: 5px;
	margin-bottom: 5px;
	height: 36px; 
	background-color: #97441F; 
	font-family: "Georgia"; font-size: 15px;
	clear: both;
	}



/*** Sterling Menu overrides ***/
.sf-menu {
	float:left;
	background: #97441F url(images/tick.gif) bottom right no-repeat;
	border: 0;
	z-index:100;
}
.sf-menu a {
	border: 0;
	background: url(images/tick.gif) bottom right no-repeat;
	padding:12px 20px 9px 13px;
	text-decoration:none;
}
.sf-menu .current_page_item a,
.sf-menu .current_page_ancestor a,
.sf-menu .current_page_parent a {
    border-bottom-color:#7E2A0F;
}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color:	#fff;
}
.sf-menu li {
	background:	#98451E;
}
.sf-menu li li {
	background:		#97441F;
	border-bottom: 1px solid #7E2A0F;
}
.sf-menu li li li {
	background:		#97441F;
}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
    background: #97441F;
	outline:		0;
	color: #ccc;
    border-bottom-color:#7E2A0F;
}
.sf-menu ul {
    /*border-right:1px solid #ccc;
    border-bottom:1px solid #ccc;*/
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	top:35px; /* overriding essential styles */
}
.sf-menu ul ul {
    margin-top:0;
}
.sf-menu ul a {
    background:#97441F;
	border-bottom:none;
}
.sf-menu ul a:hover {
    color: #fff;
}

.sf-menu li li:hover {
   background-color: #BB5C30;
}
.sf-menu li a:hover {
	background: url(images/tick.gif) bottom right no-repeat;
}

.sf-menu li li a:hover {
	background: #7E2A0F;
}

.eventsListWidget { margin-top: 20px;}

#footer .login { font-size: .9em; color: #666; text-decoration: none; }

#footer .login a { font-size: .9em; color: #666; text-decoration: none; }


#upcoming-events li { list-style-type: none;  color: #333; }
#upcoming-events li li {list-style-type: square; color: #666; }