/*----------------------------------------------------------------------------------
[Master Style Sheet]
------------------------------------------------------------------------------------
Project:		Cheetah's Show Lounge & Bar
Version:		1.0
Designer:		Ryan Martinez (knee_pole@hotmail.com)
CSS 2.1 standards validated by: W3C  validated on:
last change:	
Assigned to:
Primary use:	Cheetah's Show Lounge & Bar

[Layout / Table of Contents]
------------------------------------------------------------------------------------
* global reset
* gloabl styles
* html
* body
* mainContainer
	1.0 header / #header
		1.1 homepage, icon link /#header h1
		1.2 header tagling/ #header #tagline
		1.3 Primary navigation/ #header #pnav
			1.3.1 subnav menu/ #header #pnav li ul.subnav
	2.0 bread crumbs / #breadcrumbs
	3.0 main container /#main-content	
		3.1 left column/ #main-content #leftColumn
			3.1.1 quick refernce menu / #main-content #leftColumn .quickReferenceMenu
			3.1.2 common links / #main-content #leftColumn #commonLinks
			3.1.3 newsletter login / #main-content #leftColumn #newsletterLogin
		3.2 center column/ #main-content #centerColumn
		3.3 right column/ #main-content #rightColumn
			3.3.1 login links / #main-content #rightColumn #loginlinks
			3.3.2 login box / #main-content #rightColumn .loginbox
			3.3.3 contact info / #main-content #rightColumn #contactInfo
	4.0 footer/ #footer
		4.1 secondary navigation/ #footer #Snav
----------------------------------------------------------------------------------*/


/*----------------------------------------------------------------------------------
	global reset
----------------------------------------------------------------------------------*/
* {
	vertical-align: baseline;
	font-weight: inherit;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-size: 12px;
	border: 0 none;
	outline: 0;
	padding: 0;
	margin: 0;
	text-decoration:none;
	list-style:none;
}
/*----------------------------------------------------------------------------------
	global styles
----------------------------------------------------------------------------------*/
.clearer{
	height:1px; width:100%;
	margin:0px; padding:0px;
	clear:both;
}
/*the following will remove the dotted outline that appears when a link is focused*/
a:focus {
	outline: none;
}

.SkipNav{
	display:none;	
}
/*----------------------------------------------------------------------------------
	default (homepage) template for Cheetah's Show Lounge & Bar
----------------------------------------------------------------------------------*/
html{}

body{
	position:relative;
	margin:0px; padding:0px;
	
	background:#1e1e1e /*dark grey background*/ url(../images/backgrounds/insidepage_Body_bg.jpg) repeat-x 0px 0px;
}
#mainContainer{
	position:relative;
	width:950px;height:auto;
	margin:0px auto;
	/*border:1px solid blue;*/
}

#header{
	position:relative;
	width:950px;height:136px;

	background:url(../images/backgrounds/insidepageHeader_background.jpg) no-repeat -14px 0px;
}
	#header a#logo{
		position:relative;
		display:block;
		width:150px; height:50px;
		margin:0px 0px 0px 20px;
		z-index:100;		
	}
		#header a#logo span{
			display:none;
		}
	#header #pnav{
		position:absolute;
		top:33px; right:0px;
		width:auto; height:18px;
		z-index:100;
	}
		#header #pnav li{
			width:auto; height:auto;
			float:left;
			
			background:url(../images/backgrounds/pnav_li_bg.jpg) no-repeat right 3px;
		}
		#header #pnav li a{
			display:block;
			padding:0px 10px 0px 10px;
			
			font-size:11px;
			color:#3E7C70; /*mint green */
			text-decoration:none;
		}
		#header #pnav li a:hover{
			color:#7FD3C2; /*light mint*/
		}
#content{
	height:auto;
	overflow:auto;
	
	background:url(../images/backgrounds/Insidepage_Content_bg.jpg) no-repeat center 45px;
}
#content div.contentColumn{
	width:167px;
	float:left;
	padding:0px 5px 0px 5px;
/*	border:1px solid blue;*/
}
	#content div.contentColumn h2{
			display:block;
			width:100%;
			padding:18px 0px 12px 0px; margin:0px 0px 15px 0px;
			color:#89E8D6;
			font-size:15px;
		}
	#content div.contentColumn p.ViewDetials a{
		color:#fff;
		font-size:10px;
	}
	#content div.contentColumn p.ViewDetials a:hover{color:#89E8D6; }
	#content div.contentColumn p.ViewDetials a i{ color:#85618E; /*pink*/}
	#content #first{
		position:relative;
		width:755px; height:auto;
		padding:0px 0px 15px 0px;
	}
		#content #first p{ 
			margin:0px 0px 10px 0px;
			
			color:#606060;
			font-size:11px;
		}
		#content #first h1{
			display:block;
			width:755px;
			height:45px;
			margin:0px 0px 20px 0px; padding:0px;
			
			color:#fff;
		}
		#content #first h1 span{display:none;}
	#content #second{
		float:right;
		width:180px;
		overflow:auto;
		padding:0px 0px 15px 5px;
	}
		#content #second h2{
			font-size:16px;
			color:#fff;
			font-weight:bold;
		}
		#content #second h3{
			margin:0px 0px 10px 0px;
			padding:0px 0px 5px 0px;
			
			border-bottom:1px solid #2b4440;
			
			font-size:15px;
			color:#fff;
			font-weight:bold;
		}
		#content #second p{
					color:#808183;
					font-size:10px;	
		}
		#content div.Event{
			width:180px; height:auto;
			padding:0px 0px 0px 0px; margin:0px 0px 15px 0px;
			float:left;
		}

			#content div.Event a.thumbnail{
				float:left;
				display:block;
				width:43px; height:43px;
				padding:5px; margin:0px 5px 0px 0px;
				
				background:#171717;
				border:none;
			}
				#content div.Event a.thumbnail:hover{
					background:#333;
						
				}
				#content div.Event a.thumbnail img{
					border:1px solid #444;
				}
				#content div.Event p{
					color:#808183;
					font-size:10px;					
				}
				#content div.Event p strong{
					font-size:11px;
					color:#fff;
					font-weight:bold;
					
				}
				#content div.Event p em{
					font-size:10px;
					color:#85618E; /*pink*/
				}
	 			#facebook{
					width:auto;
					display:block;
					margin:5px 5px 15px 4px;
				}
				#facebook img{border:1px solid #555;}
				#facebook:hover img{border:1px solid white;}
				
				#clubHightlights{ margin:0px 0px 15px 5px; }
				#clubHightlights li{
					padding:0px 0px 0px 10px;
					
					background:url(../images/backgrounds/clubHighlights_li_bg.gif) no-repeat 0px 4px;
					
					color:#808183;
					font-size:11px;
				}
				#clubInfo{
					margin:35px 0px 0px 0px;
				}
				#clubInfo li{
					font-size:11px;
					color:#838484;
					text-align:right;
				}
	
#footer{
	position:relative;
	clear:both;
	height:35px;
	
	border-top:1px solid #2b4440;
}
	#footer	#snav{
		position:absolute;
		top:5px; right:0px;
		width:auto; height:18px;	
	}
		#footer	#snav li{
			width:auto; height:auto;
			float:left;
			
			background:url(../images/backgrounds/pnav_li_bg.jpg) no-repeat right 3px;
		}
		#footer	#snav li a{
			display:block;
			padding:0px 10px 0px 10px;
			
			font-size:11px;
			color:#3E7C70; /*mint green */
			text-decoration:none;
		}
		#footer	#snav li a:hover{
			color:#7FD3C2; /*light mint*/
		}

.photoAlbums{
	margin:0px 0px 20px 0px;
	padding:0px 0px 20px 0px;
	border-bottom:1px solid #2b4440;
	overflow:auto;
}

.photoAlbums li{
	float:left;
	width:140px;
	margin:0px 0px 0px 10px;
}
.photoAlbums li a.albumCover{
	display:block;
	width:125px; height:125px;
	margin:0px 0px 10px 0px;
	padding:6px;
	background:#171717;
	border:1px solid #292929;
}
.photoAlbums li a.albumCover:hover{ border:1px solid #555; }
.photoAlbums li a img{margin:0px; padding:0px;}
.photoAlbums li p strong{
	display:block;
	margin:6px 0px 0px 0px;
	padding:5px 0px 0px 0px;
	
	border-top:1px dotted #333;
	font-size:11px;
	color:#fff;
	
}
#content #first .photoAlbums li p{ font-size:9px; }

#featuredAlbum{
	width:277px;
	margin:0px;
	padding:10px 10px 0px 10px;
	background:#171717;
	border:1px solid #292929;
}
#featuredAlbum img{margin:0px 0px 6px 0px;}

#IE6_error{display:none;}