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

/*
Theme Name: East Metro Symphony Orchestra
Theme URI: http://www.getcultstatus.com
Description: A theme by <a href="http://www.getcultstatus.com.com">Cult Status Creative Studio</a>.
Version: 1.3.3
Author: Alex Sobieski
Author URI: http://www.getcultstatus.com
Theme Copyright: Copyright 2009, Cult Status Creative Studio. All Rights Reserved. Do not use, copy, adapt or sell this theme, website or any of its componants without the EXPRESS WRITTEN PERMISSION of Cult Status Creative Studio and/or its agents.
*/

/*General Body Formats*/


body {
	background-color: #e7e8e8;
        background-image: url(images/site_images/bkgrnd_gradient.gif);
        background-repeat: repeat-x;
	margin: 0;
	padding: 0;
	}

/*STRUCTURE DIVS*/
#page {
	background: url(images/site_images/cont_dropshadow.png) repeat-y center top;
	width: 100%;
	display: table;
        margin-bottom: 0;
        padding-bottom: 0;
}

#header {
	font-family: Verdana, Geneva, sans-serif;
	background-attachment: scroll;
	background-color: #FFF;
	background-image: url(images/site_images/Emso_logo.gif);
	background-repeat: no-repeat;
	margin-left:auto;
	margin-right:auto;
	overflow: hidden;
	height: 125px;
	width: 920px;
	clear: both;
	padding-top: 1em;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

#leaderbox_cont {
	height: auto;
	width: 920px;
	margin-left:auto;
	margin-right:auto;
	margin-top: 15px;
	margin-bottom: 10px;
	clear: both;	
}

#leaderbox {
	background-color: #ed1c24;
	height: 200;
	margin-left:auto;
	margin-right:auto;
	clear: both;
}

#articlebox {
	height: 200px;
	width: 695px;
	float: left;
	background-color: #f05323;
}

#calendar {
	color: #FFF;
	height: 200px;
	width: 225px;
	background-color: #ed1c24;
	float: right;
}

#body-cont {
	height: auto;
	width: 920px;
	margin-left:auto;
	margin-right:auto;
	padding-top: 15px;
	clear: both;	
}

#right-col {
	float: right;
	clear: right;
	min-height: 250px;
	width: 220px;
	border-left-width: 1px;
	border-left-style: dotted;
	border-left-color: #CCC;
	padding-right: 2px;
	padding-left: 3px;
	overflow: hidden;	
}

#main-col {
	float: left;
	clear: left;
	min-height: 250px;
	height: auto;
	width: auto;
}

#footer_cont {
	min-height: 150px;
	width: 920px;
	margin-left:auto;
	margin-right:auto;
	clear: both;
	background-color: #989898;
	background-repeat: no-repeat;
	background-image: url(images/site_images/footer_fiddle.png);
	background-position: right bottom;
        overflow: hidden;
}



#under_footer {
        position:relative;
        top:-20px;
	width: 920px;
	margin-right: auto;
	margin-left: auto;
        margin-top: 0px;
        padding-top 0px;
	background-image: url(images/site_images/sup_top.png);
	background-repeat: no-repeat;
	background-position: center top;
        z-index: -1;
	}
/*Special Elements*/

.social {float: right; border: solid white 2px;}

#searchform {
	float:right;
	clear: right;
	margin-right: 2px;
	}
	
#searchtext {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: x-small;
	font-style: italic;
	text-transform: lowercase;
	color: #999;
}

#toplinks {
	font-family: Verdana, Geneva, sans-serif;
	font-size: xx-small;
	margin: 5px;
	word-spacing: 1.25em;
	clear: both;
	float: right;
}

#toplinks a {
	color:#989898;
	text-transform: lowercase;
	text-decoration: none;	
	}

#toplinks a:hover {
	color:#989898;
	text-transform: lowercase;
	text-decoration: underline;	
	}

#tagline {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: small;
	font-style: oblique;
	font-weight: 300;
	color: #666;
	text-align: center;
	float: right;
	margin-right: 75px;
	margin-top: 50px;
	width: 375px;
	text-transform: capitalize;
}

#navcont{
	height: 45px;
	width: 920px;
	margin-left:auto;
	margin-right:auto;
	background-image: url(images/site_images/nav_shadow.gif);
	background-repeat: repeat-x;
}

#nav {
	list-style: none;
	margin: 0px;
	z-index: 1;	
}
#nav li {
	float: left;
	margin-left: 5px;
}
#nav a {
	color: #bb131a;
	text-decoration: none;
	border-right: 3px solid #FFF;
	display: block;
	font-family: Verdana, Geneva, sans-serif;
	font-size: .75em;
	text-transform: capitalize;
	letter-spacing: 0.125em;
	padding-top: 7px;
	padding-right: 15px;
	padding-bottom: 8px;
	padding-left: 15px;	
}
#nav a:visited {
	color: #bb131a;
	text-decoration: none;
}
#nav a:hover {
	color: #ed1c24;
}

.leader_img {
	height: 200px;
	width: 450px;
	float: right;
	clear: right;
	vertical-align: top;
	margin-left: 5px;	
}

.leader {
	font-family: Verdana, Geneva, sans-serif;
	color: #FFF;
	text-decoration: none;
	margin-left: 5px;	
}

p.leader {
	font-size: .75em;
}
h2.leader {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1em;
	padding-top: .5em;
	padding-bottom: 1em;
}

.cal {  margin: 5 0 5 5;
        float: right;
	font-family: Verdana, Geneva, sans-serif;
}

.post_cont {
	background-color: #FFF;
	background-image: url(images/site_images/down_grade.gif);
	background-repeat: repeat-x;
	background-position: top;
	margin: 15px;
	width: 650px;
	overflow: hidden;
}

.single_post_cont {
	background-color: #FFF;
	background-image: url(images/site_images/down_grade.gif);
	background-repeat: repeat-x;
	background-position: top;
	margin: 15px;
	padding-left: 15px;
	width: 635px;
	overflow: hidden;
}

a.post {text-decoration: none; color: inherit;}
a:hover.post {text-decoration: underline; }
a:active.post {text-decoration: underline; }
a:visited.post {text-decoration: none; color: inherit;}

h2.post{
	color: #000;
	background:none;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.5em;
        text-transform: capitalize;
	padding-left: 3px;
	padding-bottom: 5px;
	padding-top: 0.5em;
        text-decoration: none;
	
}

p.post {font-family: Verdana, Geneva, sans-serif; font-size: small; color: #333; background:none; padding-left: 3px;

}

img.post{
	background: #333;
	border: none;
}
#postimage { background: #333;
        height: 200px;
        width: 200px;
	clear: left;
	float: left;
	margin: 0.5em;
        border: 1px solid #ccc;
        overflow: hidden;}

.post_ex {font-family: Verdana, Geneva, sans-serif; font-size: small; color: #333; background:none; padding-left: 3px;

}

h2.right_col {font-size: 1.125em; color: #333; padding-left: 3px; padding-top: 0.5em; padding-bottom: 5px; line-height: 50%;}

.right_col {font-size: 0.95em; color: #666; padding-left: 5px; padding-bottom: 5px;}

ul.right_col {list-style-type: circle; padding 0 3 3 3;}

.right_col li a, .right_col li a:visited {text-decoration: none; color: inherit;}
.right_col li a:hover, .right_col li a:active {text-decoration: underline; }



li.categories { font-size: small; color: #666; padding-left: 3px; padding-bottom: 5px; text-decoration: none;}

.footer {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #ccc;
	padding-right: 10px;
	padding-left: 5px;
}

h3.footer {font-size: 1em;}

ul.footer {
        font-size: 0.75em;
	text-decoration: none;
	list-style-type: none;
        padding-top: 5px;
}

li.footer, ul li.footer, ul ul li.footer {list-style-type: none;}

a.footer {
	color: #CCC;
	text-decoration: none;
        
}

a:hover.footer {color: #FFF;}

.footer li a, .footer li a:visited {color: #CCC; text-decoration: none; }
.footer li a:hover, .footer li a:active {text-decoration: underline; color: #FFF; }

.footer ul li a, .footer ul li a:visited {color: #CCC; text-decoration: none; padding-left: 10px; }
.footer ul li a:hover, .footer ul li a:active {text-decoration: underline; color: #FFF; padding-left: 10px;}


.foot_date {color: #555; }
li.footer {padding-top: 5px; line-height: 90%;}


#footer_col {width: 240px;
	float: left;
	margin-left: 10px;}


.underfoot {
	height: 50px;
	font-size: x-small;
	color: #999;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	padding-top: 1.55em;
        padding-left: 0.55em;
        text-transform: capitalize; z-index: 3;}
#underfoot_1 {width: 920px;
	margin-right: auto;
	margin-left: auto;
        margin-top: 0px;
        padding-top 0px;
	padding-bottom: 1.5em; clear: both;}

a.underfoot {
	color: #666;
	text-decoration:none;
z-index: 3;}

a:hover.underfoot{color: #bb131a;}

.design_by {
	padding-right: 8.25em;
	padding-left: 8.25em;z-index: 1;
}	

a.underfoot_log { padding-left: 8.25em; color: #666;
	text-decoration:none; z-index: 3;}

.post_time {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: xx-small;
	font-style: italic;
	color: #999;
	float:left;
	clear: both;
	width: auto;
	height: auto;
	}
a.post_cat{text-decoration: none; color: inherit;}
a:visited.post_cat{text-decoration: none; color: inherit;}
a:hover.post_cat{text-decoration: underline;}
a:active.post_cat{text-decoration: underline;}

.post_cat {font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: xx-small;
	font-style: italic;
	color: #999;
	float:left;
        padding-right: 5px; 
}
.post_comment {font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: xx-small;
	font-style: italic;
	color: #999;
	float:left;}
.post_nav {
	margin: 5px;
	padding: 5px;
	clear: both;
	float: left;
}
.prev {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: x-small;
	font-style: italic;
	font-weight: 200;
	text-transform: lowercase;
	float: left;
}
.next {font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: x-small;
	font-style: italic;
	font-weight: 200;
	text-transform: lowercase;
	float: right;
}

.alignnone {padding: 10px;}
.alignleft {padding: 10px; float: left; }
.alignright {padding: 10px; float: right;}

#comment_wrap{padding: 25px 5px 5px 25px; clear: both;}

.nocomments {font-color: #555;}

.alt {backgound-color: #ccc;}

h3.comments { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
             color: #ed1c24;
             font-size: 1.25em;
             padding-bottom: 10px;}


.commentmetadata {font-color: #555;}

.url {}

h3#respond {font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
             color: #989898;
             font-size: 1em; 
             line-height: 200%;}

/* Things Missing -- CSS from Comments p h p  */
#comments, #respond {
	border-bottom: 1px dotted #CCC;
	padding-bottom: 5px;
}
.commentlist {
	margin: 10px 0px 0px 10px;
	padding-left: 20px;
	line-height: 130%;
}
.commentlist li{
	padding: 5px 10px;
	position: relative;
}
.commentlist .avatar {
	position: absolute;
	top: 5px;
	right: 5px;
	border: solid 1px #e7e8e8;
	padding: 1px;
	background: #fff;
}
.commentlist .alt {
	background: #e7e8e8;
}
.commentlist cite, .commentlist cite a, .commentlist cite a:visited {
	font-weight: bolder;
	color: #989898;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	text-decoration: none;
}
.commentlist small {
	margin-bottom: 5px;
	display: block;
	font-size: 87%;
}
#commentform {
	margin-top: 10px;
	font: 110% Verdana, Geneva, sans-serif;
}
#commentform p {
	padding: 6px 0px;
	margin: 0px;
}
#commentform label{
	font-weight: bold;
	color: #000;
	font-size: 100%;
}
#commentform input{
	width: 153px;
	background:#e7e8e8;
	border: 1px solid #ccc;
	padding: 3px;
	margin-top: 3px;
}
#commentform textarea{
	width: 478px;
	height: 115px;
	background:#e7e8e8;
	border: 1px solid #989898;
	padding: 2px;
	margin-top: 3px;
}
#commentform textarea:focus, #commentform input[type="text"]:focus {
	background: #ffffff;
}
#commentform #submit{
	font: bold 12px Verdana, Geneva, sans-serif;
	color: #000;
	border: none;
	float: left;
	width: 144px;
	height: 29px;
}