/* 2 Column Left CSS Document */



@import url(base.css);

@import url(type.css);

@import url(menu.css);



/* HTML Styles

----------------------------------------------------- */



body {

	font-family: Arial, sans-serif;

	color: #FFF;

	background-color: #000;

	margin: 0;

	padding: 0;

	text-align: left;

	background-attachment: scroll;

	background-image: url(images/osbBG10yr.jpg);

	background-position: top left;

	background-repeat: no-repeat;

}



a {

	color: #FFF;

	font-weight: 600;

}



a:visited {

	color: #333;

	font-weight: 400;

}



a:hover {

	color: #CCC;

}



a:active {

	font-style: italic;

}



em {

	font-style: italic;

	font-weight: 600;

}



strong {

	font-weight: 700;

}



th {

	font-weight: 600;

}



ul {

	margin: 0;

	padding: 0;

}



li {

	margin: 0;

	padding: 0;

}


/* Page Container Styles

----------------------------------------------------- */



div#container {

	width: 950px;

	margin: 0;

	padding: 0;

}





/* Header Styles

----------------------------------------------------- */



div#header {

	height: 100px;

	margin: 0;

}



div#branding {

	padding: 18px 0 0 18px;

	margin: 0;

	font-size: 1.125em;

}



span#breadcrumb {

	font-size: 0.75em;

}



div#musicPlayer {

	float: right;

	margin-top: -18px;

	margin-right: 18px;

}



div#search {

	float: right;

	clear: right;

	margin-right: 18px;
	
	margin-top: -18px;

}



#searchbox {

	color: #999;

	background-color: #444;

	border: none;

	height: 21px;
	
	line-height: 21px;

}

	

#searchsubmit {

	background-color: #444;

	border: none;

	font-size: 12px;

	color: #FFFFFF;

	padding: 2px;
	
	line-height: 21px;
	
	height: 21px;

}	



/* Content Wrapper Style

----------------------------------------------------- */



div#content {

	float: right;

	width: 475px;

	margin-right: 194px;

	padding-top: 108px;

	text-align: right;

}



div#content h1 {

	text-transform: uppercase;

	margin-bottom: 0;

	padding-bottom: 0;

	line-height: 1em;

}



/* Content Styles

----------------------------------------------------- */



div#pageTitle {

	padding: 0;

	margin: 0;

}



div#pageTitle h1 {

	text-transform: uppercase;

	text-align: right;

	margin: 0;

	padding: 0;

	line-height: 1em;

}



div#contentMain {

	padding: 10px 0 0 0;

	margin: 0;

	background-color: #F03232;

	text-align: left;

}



	div#contentMain h1 {

		text-transform: uppercase;

		text-align: right;

	}

	

	div#contentMain h2 {

		padding: 5px;

		margin: 10px 5px 5px 5px;

		background-color: #A7201C;

		text-decoration: none;

	}

	

	div#contentMain h2 a {

		color: #FFFFFF;

		text-decoration: none;

		font-weight: 400;
		
		padding: 5px;

	}

	

	div#contentMain div.post_title h2 {

		padding: 5px;

		margin: 10px 5px 5px 5px;

		background-color: #A7201C;

	}



	div#contentMain div.resultsTitle p {

		padding: 2px;

		margin: 10px 10px 5px 10px;

	}

	

div.post_tag p {

	font-size: 0.7em;

	padding: 0 0 0 5px;

	margin: 0;

	line-height: 1em;

}



div.post_tag span.postTime {

	padding-left: 5px;

}


.post_content {
	padding: 0;
	}

	.post_content table {
		padding: 0;
		margin: 0;
		}
	.post_content p {
		padding: 0 5px;
		}
	
.post {
	padding: 0; /* check the tables if you change */
	margin: 0;
	clear: both;
}



div#contentSub {

	display: none;

}

.navigation {
	text-align: center;	
	border-top: 2px solid #7c0d09;
	padding-top: 5px;
	background-color: #A7201C;
	padding-bottom: 5px;
	}
	
	.navigation a {
		text-decoration: none;
		color: #FFF;	
		padding: 2px;
		margin: 0 10px;
		font-weight: 400;
		}
	
	.navigation a:hover {
		text-decoration: none;
		color: #CCCCCC;	
		font-weight: 400;
		}
	
	.navigation a:visited {
		text-decoration: none;
		color: #FFF;
		font-weight: 400;	
		}
	
	.navigation a:active {
		text-decoration: none;
		color: #FFF;
		font-weight: 400;	
		}
	

		/* Local Navigation Styles

		----------------------------------------------------- */

		#navLocal {
			float: left;
			width: 275px;
			padding: 0 0 0 5px;
			margin: 0;
		}

			#navLocal ul {
				padding: 0;					/* in example */
				margin: 0;					/* in example */
				list-style-type: none;		/* in example */
			}

				#navLocal li {
					float: left;			/* in example */
					width: 30px;			/* in example */
					position: relative;
				}

				#navLocal li:hover {
					*z-index: 700;
				}

					#navLocal li a {
						color: #fff;
						display: block;		/* in example */
						width: 30px;		/* in example */
					}

					#navLocal li:hover a {
						background-color: #F03232;
						text-decoration: none;
					}

						#navLocal ul li a:hover {
							background-color: #F03232;
							display: block;
							width: 30px;
							padding: 0;
							margin: 0;
						} 

							#navLocal ul li ul { 
								background-color: #F03232;
								padding: 0;					/* in example */
								margin: 0;					/* in example */
								list-style-type: none;		/* in example */
								position: absolute;			/* in example */
								width: 150px;				/* in example */
								left: -999em;				/* in example */
								top: 0;
								*z-index: 600;
							}

							#navLocal li:hover ul, #navLocal li.sfhover ul {
								left: 30px;					/* in example */
							}

								#navLocal ul ul li {
									float: none;
								}

									#navLocal ul ul a {
										background-image: none; 
										color: #FFF; 
										height: auto; 
										padding: 5px 10px; 
										width: 150px;
										text-decoration: none;
										font-size: 1.3em;
									}

									#link-news a, #link-bio a, #link-music a, #link-lyrics a, #link-press a,
									#link-tour a, #link-forum a, #link-store a, #link-fan a {

										background: url(images/nav-sprite.png) 0 bottom no-repeat scroll;
									}

								div#navLocal ul li#link-news {
									margin-top: 108px;
								}

									#link-news a {
										background-color: #242527;
										background-position: 0 bottom;
										height: 200px;
									}

								div#navLocal ul li#link-bio {
									margin-top: 54px;
								}

									#link-bio a{
										background-color: #1d1f1e;
										background-position: -30px bottom;
										height: 220px;
									}

								div#navLocal ul li#link-music {
									margin-top: 126px;
								}	

									#link-music a{
										background-color: #161817;
										background-position: -60px bottom;
										height: 230px;	
									}

								div#navLocal ul li#link-lyrics {
									margin-top: 72px;
								}

									#link-lyrics a{
										background-color: #0f0f0f;
										background-position: -90px bottom;
										height: 210px;	
									}

								div#navLocal ul li#link-press {
									margin-top: 90px;
								}

									#link-press a{
										background-color: #242527;
										background-position: -120px bottom;
										height: 220px;
									}

								div#navLocal ul li#link-tour {
									margin-top: 108px;
								}

									#link-tour a{
										background-color: #1d1f1e;
										background-position: -150px bottom;
										height: 220px;
									}

								div#navLocal ul li#link-forum {
									margin-top: 72px;
								}

									#link-forum a{
										background-color: #161817;
										background-position: -180px bottom;
										height: 240px;
									}

								div#navLocal ul li#link-store {
									margin-top: 54px;
								}

									#link-store a{
										background-color: #0f0f0f;
										background-position: -210px bottom;
										height: 240px;
									}

								div#navLocal ul li#link-fan {
									margin-top: 36px;
								}

									#link-fan a{	
										background-color: #242527;
										background-position: -240px bottom;
										height: 240px;
									}

									#link-news a:hover, #link-bio a:hover, #link-music a:hover, #link-lyrics a:hover, #link-press a:hover,
									#link-tour a:hover, #link-forum a:hover, #link-store a:hover, #link-fan a:hover,
									#link-news a:active, #link-bio a:active, #link-music a:active, #link-lyrics a:active, #link-press a:active,
									#link-tour a:active, #link-forum a:active, #link-store a:active, #link-fan a:active {

										background-color: #F03232;
									}

									#navLocal li:hover ul a {
										position: relative;
										z-index: 500;
									}

									#navLocal li:hover ul a:hover {
										background: #333;
									}

									#navLocal ul ul a:hover {
										color: #FFF;
										background-color: #F03232;
										background-image: none;
										height: auto; 
										padding: 5px 10px; 
										width: 150px;
										text-decoration: none;
										font-size: 1.3em;
									}

									#navLocal ul ul a:visited {
										color: #FFF; 
									}

									#navLocal .subtitle {	
										background-color: #A7201C;
										background-color: #F03232;
										color: #FFF;
										color: #8d1b18; 
										border-top: 1px solid #A7201C;
										border-bottom: 1px solid #A7201C;
										height: auto; 
										padding: 5px 10px;	
										width: 150px;
										font-size: 1em;
										font-weight: 600;
										position: relative;
										z-index: 500;
									}


/* Additional Content Styles

----------------------------------------------------- */



div#contentAdditional {

	display: none;

}





/* Footer Styles

----------------------------------------------------- */

div#footer {

	clear: both;

	width: 100%;

	height: 125px;

}



div.navAffiliates {

	padding: 0 0 0 65px;

	float: left;

	margin-top: 50px;

}



div.navAffiliates ul {

	margin: 0;

	padding: 0;

}



div.navAffiliates ul li {

	list-style-type: none;

	display: inline;

	height: 35px;

	margin-left: 15px;

	float: left;

}



div.navAffiliates ul li a {

	list-style-type: none;

	display: block;

	height: 35px;
	
	width: 115px;
	
	background-image: url(images/affliates-sprite.jpg);
	
	background-repeat: no-repeat;

}


#twitter {

	background-position: -115px 0;

}



a:hover#twitter {

	background-position: -115px -35px;

}


#facebook {

	background-position: 0 0;

}



a:hover#facebook {

	background-position: 0 -35px;

}


#flickr {

	background-position: -230px 0;

}



a:hover#flickr {

	background-position: -230px -35px;

}

#youtube {

	background-position: -345px 0;

}



a:hover#youtube {

	background-position: -345px -35px;

}

#gavin {

	background-position: -460px 0;

}



a:hover#gavin {

	background-position: -460px -35px;

}

#institute {

	background-position: -575px 0;	

}



a:hover#institute {

	background-position: -575px -35px;	

}


div.navAdditional {

	padding: 0;

	text-align: right;

}



div.navAdditional ul {

	margin: 0;

	padding: 54px 35px 0 0;

}



div.navAdditional ul li {

	display: inline;

	list-style-type: none;

}



div.navAdditional ul li a {

	color: #FFFFFF;

	padding: 0 10px 0 10px;

	text-decoration: none;

}



div.navAdditional ul li a:hover {

	color: #F03232;

}



#copyright {

	font-size: 0.75em; /* 16x0.75=10px */

	padding: 7px 18px 18px 0;

	text-align: right;

	margin: 0;

}



.note {

	display: none;

}