/*
Theme Name: 9:30 Club
Theme URI: http://1trickpony.com/
Description: WordPress Theme for 9:30 Club.
Version: 1.0
Author: 1 Trick Pony
Tags: 

9:30 Club by 1 Trick Pony || http://1trickpony.com
Specific Them for 9:30 Club.
*/

* {
	padding: 0px;
	margin: 0px;
	border: 0px;
}


html, body {
	color: #FFFFFF; 
	font-family: Helvetica, Arial, sans-serif;
	background-color: #000000; 
	text-align: center;
	font-size: 11px;
	height: 100%;
}

	.wood {
		background-image: url(images/bgs/wood.jpg);
	}
	
	.glass {
		background-image: url(images/bgs/glass.jpg);
	}
	
	.brick {
		background-image: url(images/bgs/brick.jpg);
		
	}
	.none {
		background-image: url(images/bgs/column.jpg);
	}
	
p {
	padding: 7px 0 7px 0;
}

a {
	color: #000099;
}
a:hover{
	color: #0000FF;
	text-decoration: none;
}

h1, h2, h3 {
	padding-bottom: 5px;
}
h1 {
	font-size: 2em;
}
h2 {
	font-size: 14px;
}
h3 {
	font-size: 1.3em;
}

.white {
	color: #FFFFFF;
}

.clear { 
	clear: both;
	height: 0px;
	padding: 0px;
	margin: 0px;
	visibility: hidden;
}

	#container {
		width: 100%;
		min-width: 930px;
		min-height: 100%;
		text-align: center; 
		z-index: 100;
		/*background-image: url(images/global/vertical_column.gif);*/
		background-repeat: repeat-y;
		background-position: 50%;
		border: 0px;
		background-color: #000000;
	}
	* html #container {
		height: 100%; /*** IE doesn't support min-height, but instead it handles height as min-height so we need to hack the height ***/
	}
	
		#wrapper {
			position: relative;
			text-align: left; /*** Because we centered the text in body we have to move the text back to left aligning ***/
			width: 930px;
			min-height: 100%;
			/*background-image: url(images/global/vertical_column.gif);*/
			margin: 0px auto;
			background-repeat: repeat-y;
			background-position: 230px 0px;
		}
	
	
/*******
	HEADER
*******/
		#header {
			width: 100%;
			height: 180px;
			background-image: url(images/global/header_lights.jpg);
			background-repeat: no-repeat;
			margin-bottom: 1px;
		}
			
			#header #nojs {
				position: absolute;
				width: 350px;
				top: 25px;
				left: 285px;
				padding: 5px;
				background-color: #FFFF66;
				border: 1px solid #FFFFFF;
				color: #000000;
				font-weight: bold;
				text-align: center;
			}
			
			#search {
				margin-top: 40px;
				margin-right: 30px;
				float: right;
			}
			
				#search label {
					margin-right: 10px;
					color: #d3efff;
					font-weight: bold;
					font-size: 12px;
					letter-spacing: 1px;
				}
				
				#search input.search {
					border-width: 2px 1px 0px 1px;
					border-style: inset;
					border-top-color: #666666;
					border-left-color: #CCCCCC;
					border-right-color: #CCCCCC;
					width: 120px;
				}
				
				#search .mailing {
					margin-top: 20px;
					margin-left: 55px;
					color: #d3efff;
					font-size: 12px;
					font-weight: normal;
					letter-spacing: 1px;
				}
				
					#search .mailing a {
						color: #d3efff;
						text-decoration: none;
					}	
					
					#search .mailing a:hover {
						color: #FFFFFF;
						text-decoration: none;
					}	
				
				
			#nav {
				position: absolute;
				top: 102px;
				height: 77px;
				width: 870px;
				background-image: url(images/nav/nav_bg.gif);
				background-repeat: repeat-x;
				padding-left: 60px;
				overflow: visible;
				z-index: 450;
			}
							
				#nav #buttons {
					margin-top: 42px;
					margin-left: 10px;
				}
					
					#nav buttons a, #nav #buttons ul.menu a {
						color: #FFFFFF;
					}
					
					#nav #buttons ul.menu {
						position: relative;
						padding: 0px;
						margin: 0px;
						list-style: none;
						float: left;
					}
					
						#nav #buttons ul.menu li {
							position: relative;
							float: left;
							margin: 0px;
							padding: 0px;
						}
						
							#nav #buttons ul.menu li ul.submenu {
								position: relative;
								top: 0px;
								left: 0px;
								width: 85px;
								margin-left: 30px;
								list-style: none;
								padding-bottom: 5px;
								display: none;
								visibility: hidden;
								
							}
							
							#nav #buttons ul.menu li ul.submenu li {
								position: relative;
								width: 75px;
								text-align: center;
								float: none;
								height: 11px;
								padding: 5px 7px;
								background-color: #005fc9;
							}
							
							#nav #buttons ul.menu li ul li:first-child {
								padding-top: 8px;
							}
							
							#nav #buttons ul.menu li ul li:last-child {
								padding-bottom: 8px;
							}
							
								#nav #buttons ul.menu li ul li a, #nav #buttons ul.menu li ul li a:visited {
									color: #FFFFF !important;
									font-size: 12px;
									text-decoration: none;
								}
							
								#nav #buttons ul.menu li ul li a:hover {
									color: #FFFFFF;
									text-decoration: underline;
								}
							
							#nav #buttons img {
								margin-bottom: 7px;
								margin-left: 40px;
								margin-right: 40px;
								cursor: pointer;
							}
								
								#nav #buttons img.active {
									cursor: default;
								}
								
								#nav #buttons img.over {
									border-bottom-width: 7px;
									border-bottom-style: solid;
									border-color: #005fc9;
									margin-bottom: 0px;
								}
				
			.logo {
				margin-top: 30px;
				margin-left: 30px;
				float: left;
			}
			
			div#social {
				position:absolute;
				right:32px;
				top:10px;
				font-size:10px;
			}
			
				div#social div#followus {
					background-image:url(images/followus.gif);
					background-position:0 0;
					background-repeat:no-repeat;
					float:left;
					height:10px;
					margin-bottom:5px;
					margin-top:5px;
					width:59px;
					padding-right:8px;
				}
				
					div#social div#followus span {
						display:none;
					}
			
				div#social a#twitter {
					width:25px;
					height:20px;
					float:left;
					
					background-image: url(images/twittersm.gif);
					background-repeat: no-repeat;
					background-position: 0 0;
					
					opacity:1;
					filter:alpha(opacity=100);
				}
				
				div#social a#facebook {
					width:20px;
					height:20px;
					float:left;
					
					background-image: url(images/facebooksm.gif);
					background-repeat: no-repeat;
					background-position: 0 0;
					
					opacity:1;
					filter:alpha(opacity=100);
				}
				
				div#social a:hover#twitter, div#social a:hover#facebook {
					opacity:0.4;
					filter:alpha(opacity=40);
				}


/*******
	COLUMNS
*******/
		.outer {
			padding-left: 271px;
		}
		* html .outer {
			padding-right: 120px; /* Normally this shouldn't be in this hack, it should be in .outer, but because of IE7  */
		}
			.inner {
				height: auto;
				width: 660px;
				padding-bottom: 30px;
				margin: 0px;
				
			}
			* html .inner {
				width: 100%;
			}
			
				.float-wrap {
					float: left;
					width: 0px;
					margin-left: -271px; /*** Same length as .outer padding-left but with negative value ***/
				}
				* html .float-wrap {
					/*** No need for hacking IE on this layout ***/
				}
					

/*******
	LEFT COLUMN
*******/

					#pillarTop {
						position:absolute;
						background-image:url(images/global/pillarTop.png);
						background-repeat:no-repeat;
						height:36px;
						left:216px;
						top:-5px;
						width:70px;	
						z-index: 200;							
					}	
					
					#pillarBottom {
						position:absolute;
						background-image:url(images/global/pillarBottom.png);
						background-repeat:no-repeat;
						width:70px;
						height:30px;
						bottom:0px;
						left:228px;											
					}
					
					#left {
						position:relative;
						float: left;
						width: 189px;
						/*min-height: 100%;*/
						padding: 22px 0px 0px 40px;
						background-image: url(images/global/left_gradient.jpg);
						background-repeat: no-repeat;
						color: #97a5b3;
						z-index: 195;
					}
					
					* html #left {
						position: relative;  /*** IE needs this  ***/
						height: 255px;
						z-index: 195;
					}
						
						#left .heading {
							float: none;
							margin: 0px;
						}
						
						#left h1 {
							font-weight: normal;
							font-size: 14px;
							color: #FFFFFF;
							letter-spacing: 2px;
							margin-bottom: 0px;
						}
						
						#left .news a, #left .news a:visited {
							color: #c28305;
							text-decoration: none;
							font-weight: normal;
						}
						
						#left .news a:hover {
							text-decoration: underline;
						}
						
						#left img {
							margin-bottom: 5px;
						}
					
						#left p {
							padding: 5px 10px 0px 0px;
							font-weight: bold;
							line-height: 13px;
						}
						
							#left p a, #left p a:visited {
								color: #D3EFFF;
								text-decoration: none;
							}
							
							#left p a:hover {
								color: #c28305;
								text-decoration: none;
							}
						
						#left p .showtype {
							color: #c28305;
						}
						
						#left a .support {
							color:#71CCFF;
							font-weight: normal;
							margin: 0px;
						}	
						
						
						#left a .door {
							color:#71CCFF;
							font-weight: normal;
							margin-top: 0px;
						}
						
						#left .buy {
							float: right;
							padding-right: 0px;
							margin-right: 0px;
						}
						
						#left div.buy {
							margin-bottom: 15px;
						}
						
							#left div.buy div.price {
								color: #FFFFFF;
								font-weight: bold;
								margin-top: 0px;
								margin-right: 3px;
								float: right;
							}
						
						#left .date {
							font-weight: bold;
							font-size: 12px;
							letter-spacing: 1px;
							color: #c28305;
							margin-top: -2px;
							margin-bottom: 8px;
						}
						
						* html #left .date {
							margin-bottom: 0px;
						}
						
								
/*******
	RIGHT COLUMN
*******/
			#right {
				float: right; 
				width: 660px;
				min-height: 20px;
				padding: 0px;
				margin-left: 0px;
				margin-right: 0px;
				margin-bottom: 10px;
				background-image: url(images/global/right_gradient.jpg);
				background-repeat: no-repeat;
				background-position: 0px 0px;
				overflow: hidden;
				z-index: 102;
			}
			* html #right {
				position: relative;  /*** IE needs this  ***/
				margin-right: -120px;
				height: 20px;
				overflow: visible;
				z-index: 102;
			}
						
			#right h1 {
				margin-top: 15px;
				margin-left: 35px;
			}
			
			#right h3.title {
				margin: 0px 0px 0px 55px;
				letter-spacing: 1px;
				font-size: 13px;
				
			}
			
				#right h3.title .sm {
					font-size: 10px;
					font-weight: normal;
					margin-left: 5px;
					margin-bottom: 0px;
					letter-spacing: normal;
				}
			
			#right .block {
				padding: 8px 65px 5px 65px;
				min-height: 75px;
				margin-top: 0px;
				margin-bottom: 15px;
				margin-right: -1px;
				color: #000000;
				font-size: 11px;
				font-weight: bold;
				line-height: 14px;
			}
			
							
			* html #right .block {
				height: 75px;
			}
			
				#right .brown {
					background-color: #996600;
				}
			
				#right .blue {
					background-color: #005fc9;
					
				}		
				
/*******
	FOOTER
*******/
	
	
	#footer {
		position: relative;
		width: 930px;
		height: 20px; 
		margin: 0 auto;
		margin-top: -30px; 
		text-align: center;
		color: #c28305;
		font-weight: normal;
		font-size: 12px;
		padding-top: 10px;
		padding-left: 0px;
		padding-right: 0px;
		font-family: Arial, "Times New Roman", Times, serif;
		
		/*border: 1px solid red;
		background-image: url(images/global/footer_column.gif);
		background-repeat: no-repeat;
		background-position: 230px 0px;
		*/
	}
		
		#footer .copy {
			margin-left: 275px;
		}
		
		#footer .space {
			display: inline;
			padding-right: 10px;
			border-left-width: 1px;
			border-left-style: hidden;
			border-left-color: black;
		}	
			
		#footer a.emaillink  {
			text-transform: uppercase;
		}
		
		#footer a, #footer a:visited {
			color: #c28305;
			text-decoration: none;
		}	
		
		#footer a:hover {
			text-decoration: underline;
		}