/*
	Theme Name: BorderNights.net
	Theme URI: http://bleucellar.com/
	Description: Theme for BorderNights.net
	Version: 1.0
	Author: Miguel Estrada
	Author URI: http://bleucellar.com
	Tags: dark, imperial valley, calexico, border, mexicali, border nights
	
	Color Palette
*/

/****************************************/
/*            GLOBAL STYLING            */
/****************************************/

body{
	background:							url('images/background.jpg') top center;
	font-size:							12px;
	font-family:						Tahoma, Arial, Helvetica, sans-serif;
	color:								#fff;
	position:							relative;
}
a{
	color:								#12789f;
	text-decoration:					none;
}
a:hover{
	text-decoration:					underline;
}
a span{
	font-size:							90%;
}
h1{font-size:36px;}
h2{font-size:32px;}
h3{font-size:28px;}
h4{font-size:21px;}
h5{font-size:18px;}
h6{font-size:12px;}
ol{list-style:decimal;}
ul{list-style:disc;}
li{
	margin-left:						20px;
	position:							relative;
}
p,
li,
dl{line-height:18px;}
p,
dl,
hr,
h1,
h2,
h3,
h4,
h5,
h6,
ol,
ul,
pre,
table,
address,
fieldset{
	margin-bottom:						20px;
}
ul li ul,
ol li ol{
	margin-bottom:						0px;
}
ol{
	padding:							0 0 0 5px;
}
strong{
	font-weight:						bold;
}
/* Custom Grid */
.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12{
	display:							inline;
	float:								left;
	position:							relative;
	margin-left:						20px;
	margin-right:						20px;
}
.grid_1{width:45px;}
.grid_2{width:130px;}
.grid_3{width:215px;}
.grid_4{width:300px;}
.grid_5{width:365px;}
.grid_6{width:470px;}
.grid_7{width:555px;}
.grid_8{width:640px;}
.grid_9{width:725px;}
.grid_10{width:810px;}
.right{
	float:								right;
}
.left{
	float:								left;
}
.error,
.success{display:						none;}
#wrapper{
	background:							#000;
	margin:								0 auto;
	padding:							0 90px;
	position:							relative;
	width:								815px;
}
/****************************************/
/*            HEADER STYLING            */
/****************************************/
/* Site Logo  */
#header{
	position:							relative;
}
	#header h1{
		font-size:						48px;
		font-weight:					normal;
		padding-top:					30px;
		margin-left:					90px;
		color:							#000;
	}
		#header h1 a{
			display:					block;
			width:						657px;
			height:						88px;
		}
	object#h1-logo{
		margin:							30px 0 20px 25px;
	}
	/* socials */
	#header ul.socials{
		margin-top:						10px;
		list-style:						none;
	}
		#header ul.socials img{
			border:						3px solid #fff;
			border-radius:				4px;
			-moz-border-radius:			4px;
			-webkit-border-radius:		4px;
			margin:						0;
		}
		#header ul.socials img:hover{
			border-color:				#797979;
		}
/* Site Navigation */
ul#navigation{
	background-color:					#1e1e1e;
	height:								34px;
	list-style:							none;
}
	ul#navigation li{
		display:						inline;
		float:							left;
		margin:							0;
	}
		ul#navigation li a{
			color:						#fff;
			display:					block;
			font-size:					14px;
			font-weight:				bold;
			margin:						0 15px 0 0;
			padding:					8px 15px;
			text-align:					center;
			text-decoration:			none;
		}
		ul#navigation li a:hover{
			background-color:			#333;
		}
		ul#navigation li.current_page_item a{
			background-color:			#fff;
			color:						#000;
		}
/****************************************/
/*           CONTENT STYLING            */
/****************************************/
#content{
	clear:								both;
	margin:								20px auto;
	background:							url('images/content-bckgrnd.png') no-repeat top center;
	min-height:							440px;
}
/* HOME PAGE SPECIFIC */
body#home #content ul{
	list-style:							none;
}
	body#home #content ul li{
		display:						block;
		height:							430px;
		width:							815px;
		margin:							0;
		padding:						0;
	}
body#home #content h2{
	float:								left;
	font:								85px/85px "Caviar Dreams";
	margin-right:						20px;
	text-align:							justify;
	text-transform:						capitalize;

}
body#home #content p{
	font:								16px/18px Arial, Helvetica, sans-serif;
	margin-top:							20px;
}
body#home #content div ul li div{
	clear:								both;
}
body#home #content div img{
	margin:								0 5px;
	border:								3px solid #fff;
}
/* ENTERTAINMENT PAGE */
body#entertainment #content object,
body#entertainment #content embed{
	display:							block;
	margin:								0 auto;
	height:								385px;
	width:								640px;
}
/* CONTACT PAGE */
p.error{
	margin-left:						140px;
	margin-top:							10px;
}
#contactForm ul{
	list-style:none;
}
#contactForm label{
	line-height:						35px;
	width:								100px;
	text-align:							left;
	float:								left;
	margin-right:						10px;
}
#contactForm input#contactName,
#contactForm input#email,
#contactForm input#subject,
#contactForm textarea{
	padding:							8px;
	border:								1px solid #ccc;
	margin-left:						10px;
	background:							#CCC;
	-moz-border-radius:					5px;
	-webkit-border-radius:				5px;
}
#contactForm input#contactName:focus,
#contactForm input#email:focus,
#contactForm input#subject:focus,
#contactForm textarea:focus{
	background:							#fff;
}
#contactForm input#contactName,
#contactForm input#email,
#contactForm input#subject{
	width:								200px;
	margin-bottom:						10px;
}
#contactForm textarea{
	width:								200px;
	height:								150px;
	resize:								none;
	margin-bottom:						10px;
}
#contactForm input[type="submit"]{
	float:								right;
}
/* GALLERIES */
#content ul#galleries li.post-item{
	display:							block;
	margin:								0 35px 35px;
	float:								left;
	height:								200px;
	width:								200px;
}
	ul#galleries li.post-item img{
		display:						block;
		margin:							auto;
	}
/* SINGLE GALLERY */
.single #content h2{
	text-align:							center;
}
.single #content #bleu-gallery > div{
	margin:								0 auto;
}
/****************************************/
/*           SIDEBAR STYLING            */
/****************************************/


/****************************************/
/*            FOOTER STYLING            */
/****************************************/
#footer{
	font-size:							10px;
	padding-bottom:						10px;
	text-align:							center;
	clear:								both;
}
	#footer ul{
		list-style:						none;
	}
	#footer ul li{
		display:						inline-block;
		float:left;
		background:						#fff;
		color:							#000;
		font-size:						18px;
		margin-right:					20px;
		padding:						10px;
	}
	#footer ul li:fist-child{
	}
	#footer p{
		clear:							both;
		margin-bottom:					10px;
	}


/****************************************/
/*             MISC. STYLING            */
/****************************************/

/* coming soon heading */
h2.coming-soon{
	font-size:							80px;
	margin:								0 auto;
	text-align:							center;
}
.alignright{
	float:								right;
	margin-top:							-20px;
}
.alignleft{
	float:								left;
	margin-top:							-20px;
}