/*
Theme Name: All City Band
Theme URI: http://www.allcityband.org
Description: The theme for Seattle's All City Marching Band
Version: 1.0
Author: Jenn Waugh
Tags: green, fixed header, fixed width, two columns, widgets

*/

/* Sets all margins and padding to zero for cross-browser compatibility */
*{margin:0;padding:0}

/* Forces Firefox and Safari to include the vertical scrollbar to avoid "adjustments"
to the layout when content does/does not go below the fold */
/*html { height: 100%; margin-bottom: 1px; } */

/* Begin Typography & Colors */
p {margin: 1em}

body {
	font-size: 62.5%; /* Resets 1em to 10px */
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	background: #B4AD83 url(images/bg-gradient.gif) repeat-x top;
	color: #000;
	text-align: left;
	margin: 0;
	}

#page {
	text-align: left;
	}

#header {
	background: url('images/header.jpg') no-repeat bottom left;
	}

#headerimg 	{
	margin: 0;
	padding: 0;
	height: 206px;
	width: 900px;
	}

#content {
	font-size: 1.2em;
	}

.widecolumn .entry p {
	font-size: 1.05em;
	}

.narrowcolumn .entry, .widecolumn .entry {
	line-height: 1.4em;
	}

.widecolumn {
	line-height: 1.6em;
	}

#footer {
	background: url('images/footer.jpg') no-repeat top;
	border: none;
	}


h1, h2, h3 {
	font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
	font-weight: normal;
	}

h1 {
	font-size: 4em;
	text-align: center;
	}

#headerimg .description {
	font-size: 1.2em;
	text-align: center;
	}

h2 {
	font-size: 1.6em;
	font-weight: bold;
	}

h2.pagetitle {
	font-size: 1.6em;
	}

#sidebar h2 {
	font-family: 'Lucida Grande', Verdana, Sans-Serif;
	font-size: 1.2em;
	}

h3 {
	font-size: 1.3em;
	}

#sidebar {
	font: 1em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	}

small, #sidebar ul ul li, #sidebar ul ol li, .nocomments, .postmetadata, blockquote, strike {
	color: #000;
	}
/* End Typography & Colors */



/* Begin Structure */
body {
	margin: 0 0 20px 0;
	padding: 0;
	}

#page {
	background-color: white;
	margin: 25px auto;
	width: 900px;
	}

#header {
	background-color: #226338;
	padding: 0;
	height: 206px;
	width: 900px;
	}

#headerimg {
	margin: 0;
	height: 206px;
	width: 100%;
	}

.narrowcolumn {
	float: right;
	padding: 0 25px 0 0;
	width: 625px;
	}
	
.fullcolumn {
	float: right;
	padding: 0;
	width: 900px;
	}

.widecolumn {
	padding: 10px 0 20px 0;
	margin: 5px 0 0 0;
	width: 625px;
	}

.post {
	margin: 0 0 30px;
	text-align: left;
	}

.post hr {
	display: block;
	}

.widecolumn .post {
	margin: 0;
	}

.clear {
	clear: both;
}

#footer {
	padding: 0;
	margin: 0 auto;
	width: 900px;
	height: 45px;
	clear: both;
	}

#footer p {
	margin: 0;
	padding: 7px;
	text-align: center;
	color:#FFF;
	}

.footlink a{font-family:verdana; font-size:1em; font-weight:normal; color:#FFF; padding: 0px 3px; text-decoration:none;}
A.footlink:active {text-decoration:underline; color:#FFF}
A.footlink:visited {text-decoration:none; color:#FFF}
A.footlink:hover {text-decoration:underline; color:#FFF}

#copy {font-size:.9em; font-weight:normal; color:#DDD; text-decoration:none; text-align:center; margin-top: 0;}

/* End Structure */



/*	Begin Headers */
h1 {
	padding-top: 70px;
	margin: 0;
	}

h2 {
	margin: 10px 0 0;
	}

h2.pagetitle {
	margin-top: 10px;
	text-align: center;
}

#sidebar h2 {
	margin: 5px 0 0;
	padding: 0;
	}

h3 {
	padding: 0;
	margin: 30px 0 0;
	}
	
/* End Headers */


/* Begin Lists

	Special stylized non-IE bullets
	Do not work in Internet Explorer, which merely default to normal bullets. */

html>body .entry ul {
	margin-left: 0px;
	padding: 0 0 0 40px;
	padding-left: 40px;
	list-style-type:disc;
	}

html>body .entry li {
	margin: 5px 0 5px 10px;
	}

.entry ol {
	padding: 0 0 0 35px;
	margin: 0;
	}

.entry ol li {
	margin: 0;
	padding: 0;
	}

#sidebar ul, #sidebar ul ol {
	margin: 0;
	padding: 0;
	}

#sidebar ul li {
	list-style-type: none;
	list-style-image: none;
	margin-bottom: 15px;
	}

#sidebar ul p, #sidebar ul select {
	margin: 5px 0 8px;
	}

#sidebar ul ul, #sidebar ul ol {
	margin: 5px 0 0 0;
	}

#sidebar ul ul ul, #sidebar ul ol {
	margin: 0 0 0 0;
	}

ol li, #sidebar ul ol li {
	list-style: decimal outside;
	}

#sidebar ul ul li, #sidebar ul ol li {
	margin: 3px 0 0;
	padding: 0;
	}
/* End Entry Lists */


/* Begin Sidebar */
#sidebar
{
	padding: 20px 0 10px 0;
	margin-left: 25px;
	width: 200px;
	}

#sidebar form {
	margin: 0;
	}
/* End Sidebar */


/* Begin Various Tags & Classes */
blockquote {
	margin: 15px 30px 0 10px;
	padding-left: 20px;
	border-left: 5px solid #ddd;
	}

blockquote cite {
	margin: 5px 0 0;
	display: block;
	}

.center {
	text-align: center;
	}

.hidden {
	display: none;
	}
	
.screen-reader-text {
     position: absolute;
     left: -1000em;
}

hr {
	display: none;
	}

/* End Various Tags & Classes*/


/* Nav */
#nav{
width: 180px;
padding: 20px 0 1em 20px;
margin-bottom: 1em;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 110%;
font-weight: bold;
color: #000;
}

#nav ul{
list-style: none;
margin: 0;
padding: 0;
border: none;
}

#nav li {
margin: 0;
}

#nav li .home{
display: block;
padding: 5px 5px 5px 8px;
border-left: 10px solid #216337;
border-bottom: 1px dotted #CCC;
background-color: #FFF;
color: #000;
text-decoration: none;
width: 100%;
}

#nav li .about{
display: block;
padding: 5px 5px 5px 8px;
border-left: 10px solid #3c7643;
border-bottom: 1px dotted #CCC;
background-color: #FFF;
color: #000;
text-decoration: none;
width: 100%;
}

#nav li .calendar{
display: block;
padding: 5px 5px 5px 8px;
border-left: 10px solid #4b7f4a;
border-bottom: 1px dotted #CCC;
background-color: #FFF;
color: #000;
text-decoration: none;
width: 100%;
}

#nav li .bandjam{
display: block;
padding: 5px 5px 5px 8px;
border-left: 10px solid #5e8c52;
border-bottom: 1px dotted #CCC;
background-color: #FFF;
color: #000;
text-decoration: none;
width: 100%;
}

#nav li .staff{
display: block;
padding: 5px 5px 5px 8px;
border-left: 10px solid #6f995a;
border-bottom: 1px dotted #CCC;
background-color: #FFF;
color: #000;
text-decoration: none;
width: 100%;
}

#nav li .media{
display: block;
padding: 5px 5px 5px 8px;
border-left: 10px solid #85a764;
border-bottom: 1px dotted #CCC;
background-color: #FFF;
color: #000;
text-decoration: none;
width: 100%;
}

#nav li .forms{
display: block;
padding: 5px 5px 5px 8px;
border-left: 10px solid #99b56d;
border-bottom: 1px dotted #CCC;
background-color: #FFF;
color: #000;
text-decoration: none;
width: 100%;
}

#nav li .forums{
display: block;
padding: 5px 5px 5px 8px;
border-left: 10px solid #afc476;
border-bottom: 1px dotted #CCC;
background-color: #FFF;
color: #000;
text-decoration: none;
width: 100%;
}

#nav li .alumni{
display: block;
padding: 5px 5px 5px 8px;
border-left: 10px solid #c1d17f;
border-bottom: 1px dotted #CCC;
background-color: #FFF;
color: #000;
text-decoration: none;
width: 100%;
}

#nav li .friends{
display: block;
padding: 5px 5px 5px 8px;
border-left: 10px solid #d5de87;
border-bottom: 1px dotted #CCC;
background-color: #FFF;
color: #000;
text-decoration: none;
width: 100%;
}

#nav li .links{
display: block;
padding: 5px 5px 5px 8px;
border-left: 10px solid #e4e88e;
border-bottom: 1px dotted #CCC;
background-color: #FFF;
color: #000;
text-decoration: none;
width: 100%;
}

#nav li .contact{
display: block;
padding: 5px 5px 5px 8px;
border-left: 10px solid #FFFB9A;
border-bottom: 1px dotted #CCC;
background-color: #FFF;
color: #000;
text-decoration: none;
width: 100%;
}

html>body #nav li a{ /*Non IE6 width*/
width: auto;
}

#nav li a:hover{
border-left: 10px solid #FCF323;
background-color: #FFFEDD;
color: #000;
}

/* End nav */