/*
Theme Name:Blue Steel
Theme URI:http://www.darrensearle.com/
Description:A cool theme for Darren
Portfolio
Version:1.0
Author:Celeste du Preez
Author URI: http://www.celestedupreez.com
*/
@charset "utf-8";
/*--------------------------------- global styles --------------------------------------------------------------------*/
*{
	margin:0px;
	padding:0px;
}

body{
	background-image: url(images/body_bg.jpg);
	background-repeat: repeat;
	color:#88979b;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 75%;
	line-height:1.5em;
	font-weight:normal;
}
img{
	border:none;	
}
a:link, a:visited{
	color:#88979b;
	text-decoration:none;
	font-weight:normal;
}
a:hover{
	color:#616d70;
	text-decoration:none;
}

.post a{
	color:#88979b;
	text-decoration:underline;
	font-style:oblique;
}
.post a:visited{
	color:#88979b;
	text-decoration:underline;
	font-style:oblique;
}
.post a:hover{
	color:#616d70;
	text-decoration:none;
}


p{
	margin-bottom:10px;		
}

body#home div#container {
	background-image: url(images/container_bg.jpg);
	background-repeat: repeat-x;
	background-position: top center;
}

#wrapper{
	width:860px;
	margin-left:auto;
	margin-right:auto;
}
/*--------------------------------- header & footer--------------------------------------------------------------------*/
#header{
	height:161px;	
	padding-top:5px;
}
#header ul, #footer ul{
		font-size: 1.4em;	
		float:right;
		height:12px;
}
#footer ul{
	padding-top:65px;	
}
#header li, #footer li{
	float: left;
	list-style:none;
	width:82px;
	border-right: 1px solid #88979b;
	text-align:center;
}
#container #wrapper #header ul li.last{
	border:none;	
}
#footer ul li.last{
	border:none;	
}

h1 a{
	display: block; 
	text-indent: -9999em; 
	text-decoration: none;
	/*z-index: 1000; */
	width:287px;
	height:128px;
	background-image:url(images/logo.png);
}
h3{
	margin-top:10px;
	margin-bottom:10px;
}
#footer{
	background-image:url(images/footer_bg.jpg);
	height:172px;
	clear:both;
	padding-top:40px;
	background-position:center;
	background-repeat:repeat-x;
}
#footer img{
	display:block;
	float:left;
}
#smallprint{
	clear:both;
	padding-top:20px;
}
#designer{
	float:right;
	display:inline;
	height:43px;
	background:url(images/logo_celeste.png) top right no-repeat;
	padding-right:20px;
}

#copyright{
	float:left;
	display:inline;
}

#footerwrapper{
	width:860px;
	margin-left:auto;
	margin-right:auto;
}
/*--------------------------------- header & footer - end --------------------------------------------------------------------*/
/*--------------------------------- global styles - end --------------------------------------------------------------------*/


/*--------------------------------- homepage styles --------------------------------------------------------------------*/
#home #primarycontent{
	margin-top:30px;	
	margin-bottom:30px;
}

h2#latestworkhed{
	float:left;
	background: url(images/hed_latestwork.png) no-repeat;
	width:121px;
	height:20px;
	text-indent: -9999em; 
	margin-right:67px;
}

h2#portfoliohed{
	float:right;
	background:url(images/hed_portfolio.png) no-repeat;
	width:138px;
	height:78px;
	text-indent: -9999em; 
	margin-top:20px;
}
#secondarycontent{
	background-image: url(images/secondarycontent.jpg);
	background-position: top center;
	background-repeat: no-repeat;	
	padding-top:20px;
}

/*--------------------------------- portfolio  section --------------------------------------------------------------------*/
.post{
	width:860px;
	height:302px;
	border-bottom:dashed;
	border-bottom:1px dashed #365f6f;
	margin-top:36px;
}

.post p{
	margin-top:20px;
}
/*-.details object{
	float:left;
	margin-right:45px;
	border: 5px solid #1f3133;
}*/
.post img{
	float:left;
	border: 5px solid #1f3133;
	margin-right:45px;
}
.postsmallimage{
	margin-right:0px;	
}

.title{
	font-weight:bold;
	display:inline;

}
.zoom{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	font-weight:bold;	
}
/*--------------------------------- portfolio  section - end --------------------------------------------------------------------*/
/*--------------------------------- homepage styles - end --------------------------------------------------------------------*/


/*--------------------------------------generic page style-------------------------------------------------------------------------------*/

#generic_primarycontent{
	padding-bottom:30px;
}
#form_primarycontent{
	height:350px;
	padding-top:100px;
}

/*--------------------------------- about page --------------------------------------------------------------------*/
#about #container{
	background-image: url(images/container_bg.jpg);
	background-repeat: repeat-x;
	background-position: top center;
}
#about_primarycontent{
	margin-top:10px;	
	margin-bottom:30px;
	width:638px;
	margin-left:200px;
}


h2#abouthed{
	background:url(images/hed_about.png) no-repeat;
	width:109px;
	float:right;
	height:79px;
	text-indent: -9999em; 
	display:block;
	margin-bottom:20px;
	margin-left:550px;
}
#about_secondarycontent{
	width:174px;
	background:none;
	float:left;
	padding-top:10px;
	font-size:1.2em;
}
#about_secondarycontent ul{
	list-style:none;
}
#about #wrapper{
	background: url(images/about_cbg.jpg) no-repeat center bottom;
	padding-bottom:30px;
}
.headings{
	font-weight:bold;
}

/*--------------------------------- about page - end --------------------------------------------------------------------*/
/*--------------------------------- contact page --------------------------------------------------------------------*/

#contact #container{
	background-image: url(images/container_bg.jpg);
	background-repeat: repeat-x;
	background-position: top center;
}

#contact_primarycontent{
	width:600px;	
	padding-top:50px;
}

#contactfirst{
	padding-top:50px;	
}
h2#contacthed{
	float:right;
	background:url(images/hed_contact.png) no-repeat;
	width:130px;
	height:81px;
	text-indent: -9999em; 
	display:block;
	padding-bottom:70px;
}
#contact #wrapper{
	background: url(images/about_cbg.jpg) no-repeat center bottom;
	padding-bottom:60px;
}
#contact_secondarycontent{
	float:right;
	width:242px;
	height:429px;
	background-image: url(images/contact_side.png);
	background-repeat: no-repeat;
	background-position: left bottom;	
}
.divider{
	display:block;
	border-bottom:dashed 1px #365f6f;
	font-size:1.4em;
	padding:15px;
	width:160px;
	margin-left:30px;
}
/*--------------------------------- formstyles --------------------------------------------------------------------*/
.form{
	width:569px;
	height:365px;
	display:block;
}
.cssform{
	padding-top:20px;
	padding-left:20px;
}
.cssform p{
width: 77px;
margin: 0;
padding: 5px 0 8px 0;
padding-left: 77px; /*width of left column containing the label elements*/
clear: left;
height:15px;
}
.cssform label{
float: left;
margin-left: -77px; /*width of left column*/
width: 77px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}
.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 264px;
height: 27px;
background-color:#1f3137;
border:solid 1px #4b6a71; 
color: #CCC;
}
.cssform textarea{
	/*width: 461px;*/
	width:400px;
	height: 139px;
	background-color:#1f3137;
	border:solid 1px #4b6a71;
	color: #CCC;
}
.cssform span{
	color:#c41230;
	font-weight:bold;
}
#message{
	margin-left:0px;
	padding-top:5px;
}
#message label{
	margin-left:0px;
}
#submit{
	margin-top:10px;
	margin-bottom:20px;
}

/*custom fields*/

.post-meta-key{
	margin-top:10px;
	margin-bottom:10px;
	font-size:1.5em;
	font-weight:bold
	display:block;
}

.post-meta {
	display:block;
}