/* ======================================================================

   CHRISTOPHERBARRETT.NET
   Photographer | Berwyn, Illinois
   cb@christopherbarrett.net
   (c) 2008-Now Christopher Barrett, All Rights Reserved.

   Stylesheet prepared by Naz Hamid
   work@weightshift.com / weightshift.com

======================================================================== */

/*----------------------------------------------------------------------- 
   Standard styles
 ------------------------------------------------------------------------ */
 
body {
	background:		#EEE9E3 url(../_gfx/bg.jpg) top left repeat;
	font-family: 	Arial, Georgia, Arial, sans;
	font-size: 		13px;
	line-height:	20px;
	text-shadow:	rgba(255, 255, 255, .01) 0px -1px 1px;
	border:			0; 	
}

img { border: none;	}

.left { float: left; margin: 5px 15px 10px 0px; }

a:link { color: #be7508; text-decoration: none; font-weight: bold; }
a:visited { color: #be7508; text-decoration: none; font-weight: bold; }
a:hover { color: #be7508; text-decoration: underline; font-weight: bold; }
a:active { color: #be7508; text-decoration: none; font-weight: bold; outline: none; }

h1 { 
	color: 			#524038;
	font-family: 	Helvetica, Arial, sans;
	font-weight: 	normal;
	font-size: 		24px;
	line-height: 	24px;
	margin-bottom: 	18px; 
}

h1 a:link { color: #524038; font-weight: normal;  }
h1 a:visited { color: #524038; font-weight: normal; }
h1 a:hover { color: #524038; text-decoration: underline; font-weight: normal; }
h1 a:active { color: #524038; font-weight: normal; }

h1.header {
padding: 10px;
border-bottom: 3px solid #dfdad3;
margin-bottom: 	18px; 
}

h2 { 
	color: 			#666;
	font-family: 	Helvetica, Arial, sans;
	font-weight: 	bold;
	font-size: 		16px; 
	margin-bottom: 	18px;
}

p { margin-bottom: 18px; }

ol, ul { padding: 0 20px 18px 20px; }

ul li { list-style-image: url(../_gfx/bullet_ul.gif); margin-bottom: 5px; }

.group:after { 
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden; 
} 


/*----------------------------------------------------------------------- 
   Layout
 ------------------------------------------------------------------------ */
 
#display {
position: absolute;
top: 116px;
left: 0px;
background: url(../_gfx/base.jpg) top left no-repeat;
width: 1130px;
height: 620px;
padding: 32px 0 0 42px;
}

#content {
position: absolute;
top: 128px;
left: 25px;
width: 974px;
}

#content-head {
position: relative;
width: 974px;
height: 20px; 
background: url(../_gfx/content_top.png) no-repeat;
}

#content-body {
position: relative;
top: 0px;
width: 974px;
background: url(../_gfx/content_body.png) repeat-y;
padding: 20px 20px -68px 20px;
}

#content-footer {
position: relative;
float: left;
width: 974px;
height: 68px; 
background: url(../_gfx/content_footer.png) no-repeat;
}

.col-two {
float: left;
width: 160px;
padding: 0 10px 0 10px;
}

.col-six {
float: left;
width: 550px;
padding: 0 10px 0 10px;
margin: 0 10px 0 0; 
}

.col-ten {
float: left;
width: 940px;
}

.col-four {
float: left;
width: 345px;
padding: 0 10px 0 10px;
}

/*----------------------------------------------------------------------- 
   Blog
 ------------------------------------------------------------------------ */
 
#blog h1 {
font-weight: normal; border-bottom: 3px solid #e2ddd4; padding-bottom: 5px; margin-bottom: 14px;
}

#blog h3 { color: #c3bbad; }

#blog .col-two p { font-size: 12px; }

#blog .col-two h3 { padding: 0px 0px 4px 0px; margin-bottom: 4px; border-bottom: 1px solid #e2ddd4; }

#blog a { font-weight: normal; }

#blog .col-two ul { font-size: 12px; list-style: none; color: #e2ddd4; padding: 0; }

#blog .col-two ul li { padding: 0px 0px 4px 0px; border-bottom: 1px solid #e2ddd4; }

.header { padding-bottom: 20px; border-bottom: 1px solid #e2ddd4; }

.post { margin-bottom: 40px; }

.post img { padding: 20px; background-color: #fff;  }

.post .size-thumbnail { padding: 10px; background-color: #fff; margin: 0px 10px -10px 0px;} 

#blog input.s { width: 130px; height: 14px; }

.rss { background: url(../_gfx/icon_rss.gif) no-repeat 0 50%; padding-left: 20px; }

.older { float: left; }
.newer { float: right; }

#comments {}

#comments h2 { color: #524038; font-weight: normal; padding-bottom: 5px; border-bottom: 3px solid #e2ddd4; margin-bottom: 0px; }

.comments-list {
list-style: none;
padding: 0; 
margin: 0 0 30px 0; 
}

.comments-list li { padding: 2px 0px 0px 0px; margin: 0; border-bottom: 1px solid #e2ddd4; }

.comment { font-size: 12px; }

.commentmetadata { font: bold 10px Arial !important; text-transform: uppercase; }

h2#leavecomment  { margin-bottom: 20px; }

input.text { width: 200px; margin-right: 10px; }

textarea#comment { color: #666; font: 13px Arial; width: 550px; border: 1px solid #e2ddd4; }

#commentform { border-bottom: 1px solid #e2ddd4; margin-bottom: 20px; }


/*----------------------------------------------------------------------- 
   Contact
 ------------------------------------------------------------------------ */
 
#contact-details {
font: 11px arial;
letter-spacing: 2px;
text-transform: uppercase;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}

.contact-detail {
padding: 11px;
border-bottom: 1px dashed #ccc;
}

.contact-item {
margin-left: 10px; 
border-left: 1px dashed #ccc;
padding-left: 10px;
}

.no-dash {
padding: 11px;
border-bottom: 0px;
}

table#contact {
width:				340px;
font-size:			11px;
border-collapse:    collapse;
}

#contact tr { border-top: 1px solid #e9e9e9; }

#contact td { padding: 5px;  }

td.label { width: 85px; }

input.contact { width: 250px; padding: 2px; }

#contact textarea { width: 250px; padding: 2px; height: 160px; }


/*----------------------------------------------------------------------- 
   Nav
 ------------------------------------------------------------------------ */

#nav {
	width: 			974px;
	height: 		101px;
	background: 	url(../_gfx/nav.jpg);
	margin: 		0 auto 0 auto;
	padding: 		0;
	position: 		absolute;
	top: 			15px;
}

#nav span { display: none; }

#nav li { margin: 0px; padding: 0px; list-style: none; position: absolute; top: 0px; }

#nav li, #nav a { height: 101px; display: block; }
#nav1 { left: 0px; width: 240px; }
#nav2 { left: 240px; width: 199px; }
#nav3 { left: 439px; width: 172px; }
#nav4 { left: 611px; width: 117px; }
#nav5 { left: 728px; width: 100px; }
#nav6 { left: 828px; width: 146px; }

#nav1 a:hover { background: transparent url(../_gfx/nav.jpg) 0px -101px no-repeat;}
#nav2 a:hover { background: transparent url(../_gfx/nav.jpg) -240px -101px no-repeat;}
#nav3 a:hover { background: transparent url(../_gfx/nav.jpg) -439px -101px no-repeat;}
#nav4 a:hover { background: transparent url(../_gfx/nav.jpg) -611px -101px no-repeat;}
#nav5 a:hover { background: transparent url(../_gfx/nav.jpg) -728px -101px no-repeat;}
#nav6 a:hover { background: transparent url(../_gfx/nav.jpg) -828px -101px no-repeat;}


#menu-commercial {
position: absolute;
background: rgb(255, 255, 255); /* Fallback */
background: rgba(255, 255, 255, 0.9);
top: 80px;
left: 263px;
width: 130px;
display: none;
z-index: 400;
padding: 10px 10px 14px 10px; 
}

#menu-commercial ul, #menu-personal ul {
list-style: none;
border: 1px solid #ccc;
padding: 0;
margin: 0; 
}

#menu-commercial li, #menu-personal li {
padding: 5px;
margin: 0; 
border-bottom: 1px dotted #ccc; 
}

#menu-commercial li.last, #menu-personal li.last {
padding: 5px;
margin: 0; 
border-bottom: 0px; 
}

#menu-commercial a, #menu-personal a { display: block; letter-spacing: 1px; color: #7a6c57; font: italic 11px Georgia; z-index: 500; 
cursor: hand !important; }

#menu-commercial a:hover, #menu-personal a:hover { color: #be7508; cursor: hand !important; z-index: 500; }

#menu-personal {
position: absolute;
background: rgb(255, 255, 255); /* Fallback */
background: rgba(255, 255, 255, 0.9);
top: 80px;
left: 450px;
width: 130px;
display: none;
z-index: 400;
padding: 10px 10px 14px 10px; 
}

.close { margin: -8px; }


.s { font-size: 11px; }
.l { font-size: 16px;  line-height: 22px; }
.client-list-pad { height: 11px; }