/*   
Theme Name: BDC
Theme URI: http://www.briandchandler.com
Description: Wordpress theme for BrianDChandler.com
Author: Brian Chandler
Author URI: http://www.briandchandler.com
Version: 1.0
.

.
*/


body{ 
	margin: 0px auto;
	background-color: #07a3f2;
	font-family: Trebuchet MS, Helvetica, Arial;
	color: #ffffff;
}

#outterwrapper{
	background-image: url(images/bodybg.jpg);
	margin: 0px auto;
}

#wrapper{
	background-image: url(images/bodytopbg.jpg);
	background-repeat: repeat-x;
	margin: 0px auto;
}

#contentwrap{
	width: 900px;
	margin: 0px auto;
}

#content{
	width: 844px;
	margin: 0px auto;
	padding-bottom: 30px;
}

#content a{
	color: #beecfd;
	text-decoration: none;
	font-weight: bold;
}

#content a:hover{
	color: #ffffff;
}

#header{
	width: 844px;
}

/* ============= Menu CSS ============= */
#brianchandler{
	width: 467px;
	height: 99px;
	float: left;
}

#menu ul{
	float: left;
	margin: 0px;
	padding: 0px;
	margin-left: 14px;
}

#menu ul li{
	list-style: none;
	float: left;
	height: 80px;
}

#menu a{
	display: block;
}

a#menu_home{
	width: 62px;
	height: 80px;
	background-image: url(images/menuhome.jpg);
}

a#menu_about{
	width: 72px;
	height: 80px;
	background-image: url(images/menuabout.jpg);
}

a#menu_portfolio{
	width: 86px;
	height: 80px;
	background-image: url(images/menuportfolio.jpg);
}

a#menu_blog{
	width: 64px;
	height: 80px;
	background-image: url(images/menublog.jpg);
}

a#menu_art{
	width: 64px;
	height: 80px;
	background-image: url(images/menuart.jpg);
}

a#menu_contact{
	width: 79px;
	height: 80px;
	background-image: url(images/menucontact.jpg);
}

a#menu_home:hover{
	width: 62px;
	height: 80px;
	background-image: url(images/menuhomeon.jpg);
}

a#menu_about:hover{
	width: 72px;
	height: 80px;
	background-image: url(images/menuabouton.jpg);
}

a#menu_portfolio:hover{
	width: 86px;
	height: 80px;
	background-image: url(images/menuportfolioon.jpg);
}

a#menu_blog:hover{
	width: 64px;
	height: 80px;
	background-image: url(images/menublogon.jpg);
}

a#menu_art:hover{
	width: 64px;
	height: 80px;
	background-image: url(images/menuarton.jpg);
}

a#menu_contact:hover{
	width: 79px;
	height: 80px;
	background-image: url(images/menucontacton.jpg);
}


/* ============= End Menu CSS ============= */


#elevatorpitch{
	background-image: url(images/semitrans.png);
	padding: 20px;
	border: 1px solid #1555cc;
	color: #fce2ac;
	font-size: 31px;
	text-shadow: 2px 2px 2px #000000;
	margin-bottom: 16px;
	-moz-border-radius: 8px; -webkit-border-radius: 8px;
}

h1, h2{
	color: #f9cd6f;
	font-size: 24px;
	margin: 0px 0px 6px 0px;
	font-weight: normal;
	text-shadow: 2px 2px 2px #000000;
}

h2{
   font-size: 20px;
}

.imgborder{
	background-image: url(images/semitrans.png);
	padding: 10px;
	border: 1px solid #1555cc;
}

#featuredwork{
	margin-bottom: 16px;
}

.featuredpic{
	float: left;
	margin-right: 38px;
}

.testimonial .featuredpic{
	margin-right: 20px;
}

.testimonial .imgborder{
	border: 1px solid #37404E;
}


.featuredtext{
	float: left;
	width: 306px;
}

.testimonial .featuredtext{
	width: 280px;
}

.role{
	font-weight: bold;
	font-size: 12px;
	color: #fce2ac;
}

#latestblog{
	width: 491px;
	float: left;
	margin-right:  38px;
	margin-top: 18px;
}

.blogdate{
	font-size: 14px;
	margin-bottom: 6px;
}

.line{
	margin: 2px 0px 6px 0px;
	background-color: #000000;
	height: 1px;
	border-bottom: 1px solid #0a3275;
}

#bestthingever{
	background-image: url(images/moretrans.png);
	padding: 16px;
	border: 1px solid #0a3275;
	color: #fce2ac;
	margin-bottom: 16px;
	width: 274px;
	float: left;
	-moz-border-radius: 8px; -webkit-border-radius: 8px;
}


.ulstyle1{
	background-image: url(images/moretrans.png);
	padding: 16px;
	border: 1px solid #0a3275;
	margin-right: 20px;
	width: 224px;
	float: left;
}



#footerdivider{
	background-image: url(images/footerdividerbg.jpg);
	height: 35px;
	margin: 0px auto;
}

#footer{
	background-image: url(images/footerbg.jpg);
	background-repeat: repeat-x;
	margin: 0px auto;
	color: #e4e4e4;
}

#footerwrapper{
	background-image: url(images/footercenterbg.jpg);
	background-repeat: no-repeat;
	margin: 0px auto;
	width: 1006px;
	padding-bottom: 30px;
}

#footercenter{
	width: 844px;
	margin: 0px auto;
	padding-top: 16px;
}

#footerleft{
	width: 491px;
	float: left;
	margin-right:  38px;
	font-size: 18px;
}

#footerright{
	margin-bottom: 16px;
	width: 274px;
	float: left;
	font-size: 18px;
}

#footerleft ul{
	margin: 0px;
	padding: 0px;
}

#footerleft ul li{
	list-style: none;
	margin-bottom: 4px;
}

#footerleft input, #footerleft textarea{
	background-image: url(images/semitrans.png);
	background-color: transparent;
	border: 1px solid #85cff4;
	height: 24px;
	width: 240px;
	color: #85cff4;
	font-size: 18px;
	padding: 6px;
	-moz-border-radius: 8px; -webkit-border-radius: 8px;
}

#footerleft textarea{
	height: 100px;
	overflow-x: auto;
	overflow-y: auto;
}

#footerleft .submit{
	margin-top: 10px;
	width: 86px;
	height: 39px;
	border: 0px;
	padding: 0px;
}

#preload, .hide{
	display: none;
}

.clearem{
	clear: both;
}