/* = Reset 
#########################################*/
body {height: 100%; width: 100%;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,table,tr,th,td,embed,object{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img,abbr{border:0;}
ul {list-style:none;}
caption,th {text-align:left;}
div{text-align: left; vertical-align: top;}
q:before,q:after{content:'';}
a{text-decoration:none;}
strong{font-weight: bold;}
em{font-style: italic;}
*:focus {outline: none;}

/* = Library 
#########################################*/
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-block;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}
.clear {clear: both; float: none;}
.align-right {text-align: right;}
.align-left {text-align: left;}
.align-center {text-align: center;}
.justify {text-align: justify;}
.float-left {float:left;}
.float-right {float:right;}
.hide {display:none;}
.show {display: block;}
.inline {display: inline;}
.italic {font-style: italic;}
.nomargin {margin: 0;}
.nopadding {padding: 0;}
.subscript {font-size: .75em; vertical-align: bottom;}
.font14 {font-size:14px;}
.font16 {font-size:16px;}
.font18 {font-size:18px;}
.font20 {font-size:20px;}
.pink {color: #ed297a;}
.brown {color: #563403;}
.aqua {color: #16a3b8;}

/* = Global Elements
#########################################*/
body {
	background: #603813 url('../images/bg.png');
	color: #575959;
	font: 11px/1.5 Arial, Helvetica, sans-serif;
	text-align: center;
}

a {
	color: #4d8eca;
}
a.more {
	color: #ed297a;
}

#main p {
	margin-bottom: 1em;
}

h2 {
	color: #ed297a;
	font-size: 22px;
	font-weight: bold;
	line-height: 1;
	margin-bottom: 20px;
	text-transform: lowercase;
}

h3 {
	font-size: 16px;
	font-weight: bold;
	line-height: 1;
	margin-bottom: 1em;
}


/* = Structure (global)
#########################################*/
#wrapper {
	background: #ffffff;
	min-height: 740px;
	height: auto !important;
	height: 740px;
	margin: 0 auto 50px auto;
	text-align: left;
	width: 1020px;
}

#header {
	height: 228px;
	position: relative;
}

#header h1 {
	background: url('../images/seattle-cityof-music-trans.png') no-repeat top left;
	height: 194px;
	position: absolute;
	top: 20px;
	left: 40px;
	width: 136px;
	text-indent: -9000px;
}

#header-text {
	position: absolute;
	bottom: ;
	left: 204px;
	bottom: 40px;
}

#main { /*width of 950px*/
	padding: 0 30px 30px 40px;
}

/* = Page Specific (home page)
#########################################*/
body.home #header {
	background: url('../images/home-header-bg.jpg') no-repeat top left;
}

body.home #col1 {
	float: left;
	margin-right: 30px;
	padding: 10px 0 0 0;
	width: 240px;
}

body.home #col2 {
	background: #e2f3f5;
	float: left;
	min-height: 415px;
	height: auto !important;
	height: 415px;
	margin-right: 30px;
	padding: 15px 10px 10px 10px;
	position: relative;
	width: 280px;
}

body.home #col3 {
	background: #e2f3f5;
	float: left;
	min-height: 415px;
	height: auto !important;
	height: 415px;
	padding: 15px 15px 10px 15px;
	position: relative;
	width: 320px;	
}

.news p {
	line-height: 1.25;
}

.news p a.headline {
	font-weight: bold;
	text-transform: uppercase;
}

.suggested {
	margin-bottom: 15px;
	border-bottom: 5px dotted #ffffff;
}

.suggested.last {
	margin-bottom: 15px;
	border-bottom: none;
}

.suggested p {
	margin-top: 1em;
}

.suggested a.title {
	color: #002157;
	font-weight: bold;
}

img.partner-logo {
	float: left;
	margin: 0 15px 1em 0;
}

.partners div.clearfix {
	margin-bottom: 15px;
	border-bottom: 5px dotted #ffffff;
}

.partners div.clearfix.last {
	border-bottom: none;
}

.partners a.title {
	color: #002157;
	font-weight: bold;
}

.partners a.see-more {
	position: absolute;
	bottom: 10px;
	right: 15px;
}

/* = Page Specific (secondary pages)
#########################################*/
body#about #header {background: url('../images/about-header-bg.jpg') no-repeat top left;}
body#history #header {background: url('../images/history-header-bg.jpg') no-repeat top left;}
body#contact #header {background: url('../images/contact-header-bg.jpg') no-repeat top left;}
body#annual_event #header {background: url('../images/contact-header-bg.jpg') no-repeat top left;}

body.secondary #main {
	font-size: 14px;
}

body.secondary #col1 {
	float: left;
	margin-right: 30px;
	padding: 10px 0 0 0;
	width: 530px;
}

body.secondary #col2 {
	float: right;
	min-height: 440px;
	height: auto !important;
	height: 440px;
	width: 350px;
}

body#about #col2 {background:url('../images/about-main-bg.jpg') no-repeat top left ;}
body#history #col2 {background:url('../images/history-main-bg.jpg') no-repeat top left ;}
body#contact #col2 {background:url('../images/contact-main-bg.jpg') no-repeat top left ;}


/* = Lightbox
#########################################*/
.lightbox {
	background: #cacfcf;
	font-size: 14px;
	padding: 20px 20px 10px 20px;
}

.lightbox .left {
	float: left;
	margin-right: 40px;
	width: 210px;	
}

.lightbox .right {
	float:left;
	width: 340px;	
}

.lightbox p.title {
	text-transform: uppercase;
}


/* = Primary Navigation
#########################################*/
#primary-nav {
	list-style: none;
	margin: 20px 0 20px 0;
	padding: 0 0 0 40px;
}

#primary-nav li {
	border-left: 1px solid #563403;
	float: left;
	font-size: 12px;
	font-weight: bold;
	line-height: 1;
	margin-right: 14px;
	padding-left: 14px;
	text-transform: uppercase;
}

#primary-nav li.first {
	border-left: none;
	padding-left: 0;
}

#primary-nav li a {
	color: #563403;
}

#primary-nav li a.selected, #primary-nav li a:hover {
	color: #16a3b8;
}

#main .form_partner p {clear:left; margin-bottom:30px; }
.form_partner p label { font-size:1.2em; float:left; width:300px; margin-left:50px; text-align:right; margin-right:10px; font-weight:bold;}
.form_partner p input,
.form_partner p textarea {width:300px; background:#f9f9f9; border:1px solid #ccc; border-top:1px solid #aaa; padding:3px;}
.form_partner .submit { margin-left:360px;}

.success { font-size:1.2em; font-weight:bold; color:#009900; padding:20px; 
margin-bottom:30px; text-align:center;}
.error { border-bottom:1px solid #990000; background-color: #FFCECE; color:#990000; padding:4px; width:300px;margin-left:360px; display:block; margin-top:3px;}

.img-upload { float:left; margin-right:10px;}
.admin-box { border-bottom:1px solid #999; padding-bottom:10px; margin-bottom:10px;}

.admin #TB_ajaxContent ul{ list-style:circle; padding:30px 0 0 30px;}
.admin #TB_ajaxContent ul li{ margin-bottom:20px;}
.admin #TB_ajaxContent p{ padding:0 0 10px 20px;}
.admin #TB_ajaxContent h4 { padding:10px 0 10px 20px;}

.admin #col2 label { font-size:1.2em;}
.admin #col2 input, .admin #col2 textarea { padding:5px; width: 260px; margin:5px 0 15px 0; font-size:1em}

.facebook { background:url(../images/favicon-facebook.gif) no-repeat 0 1px; padding:1px 5px 5px 18px; display:block; float:left; height:16px;}
#sharethis_0 { margin-left:3px;}
#footer { padding:20px 0; margin:0 30px 30px 40px; border-top:1px solid #E2F3F5}
#footer form { float:right; padding:0 5px 0 0; position:relative;}
#footer form #mail { margin:0 5px; padding:2px; }
#footer form label { font-weight:bold; font-size:1.2em;}
.gallery a { float:left; width:118px; height:100px; text-align:center; display:block; margin:0 0 10px 0; }
.video a { margin-right:10px; width:120px; height:110px;}
.video table { width:100%;}
code {  margin:5px 5px 10px 0; display:block; border:1px solid #f5f5f5; padding:10px 15px; background:#fff;}
code strong { color:#FF0000; font-size:1.2em; }

.ajax-error { color:#FF0000;}
#loading { display:none;}
.red_link { font-weight:bold; color:red;}
.red_link a { font-weight: bold; color:#009bf2; text-decoration: underline;}

#primary-nav.nav-admin li{ font-size:10px;}