/*  
Theme Name: chrisestelle.com
Theme URI: http://www.chrisestelle.com
Description: Theme for chrisestelle.com
Version: 1.0
Author: Chris Estelle
Author URI: http://www.chrisestelle.com/

*/

/*** Overarching attributes that affect the entire page***/
body
{
background: #FFFFFF;
font-size: 12px;
font-family: "trebuchet ms", helvetica, sans-serif;
color: #353535;
line-height: 18px;
}

a
{
color: #353535;
text-decoration: underline;
}

a:hover
{
text-decoration: none;
}
p
{
margin-bottom: 14px;
}

ul.linklist
{
list-style: none;
margin-left:0px;
}

ul.linklist li
{
border-top: solid 1px #F0F0F0;
padding-top: 5px;
padding-left: 0px;
margin: 5px 0px 0px 0px;
}

/*** Outer shell***/
#outer
{
position: relative;
border-top: solid 1px #F0F0F0;
border-bottom: solid 1px #F0F0F0;
border-right: solid 1px #F0F0F0;
border-left: solid 1px #F0F0F0;
width: 845px;
margin: 0 auto;
background: #fff;
}

/*** inner shell ***/
#inner
{
position: relative;
padding: 10px 10px 10px 10px;
z-index: 2;
}

/*** Header section ***/

#header
{
position: relative;
width: 825px;
height: 85px;
background: #353535 url('/images/topbg.gif') repeat-x;
margin-bottom: 1px;
}

#headercontent
{
float:left;
margin-bottom: 2px;
margin-left: 12px;
padding: 0 0 1px 3px;
}

#headercontent h1
{
font-weight: normal;
color: #fff;
font-size: 33px;
margin-bottom: 0px;
margin-top: 20px;
}

#headercontent h1 a 
{
color: #fff;
text-decoration: none;
}

#headercontent h1 a:hover {
color:#FF9900;
text-decoration:none;

}

#headercontent h2
{
font-size: 12px;
font-weight: normal;
color: #aaa;
}

#headerpic
{
position: relative;
height: 109px;
background: #fff url('/images/hdrpic.jpg') no-repeat top left;
margin-bottom: 1px;
}

/*** Search section ***/

#search
{
float:right;
margin-right:15px;
margin-top:35px;
font-size: 14px;
font-weight: bold;
color: #FFFFFF;
}

#search input.text
{
margin-right: 7px;
vertical-align: middle;
border-top: solid 1px #F0F0F0;
border-right: 0px;
border-bottom: solid 1px #F0F0F0;
border-left: 0px;
padding: 2px;
width: 135px;
}

#search input.submit
{
background: #FF9900;
font-weight: bold;
padding: 3px;
font-size: 12px;
color: #FFFFFF;
vertical-align: middle;
}


/*** Menu section ***/

#menu
{
position: relative;
background: #FF9900;
height: 45px;
font-size: 12px;
padding: 0 10px 0 10px;
margin-bottom: 2px;
}

#menu ul
{
position: absolute;
top: 6px;
}

#menu ul li
{
color:#353535;
position: relative;
display: inline;
}

#menu ul li a
{
color:#353535;
padding: 5px 10px 8px 10px;
color: #353535;
font-size: 12px;
text-decoration: none;
}

#menu ul li a:hover
{
font-size: 12px;
color:#FFFFFF;

}

#menu ul li a#active
{
color:#353535;
background: #FF9900
}

#menubottom
{
background: #FFFFFF url('/images/border1.gif') repeat-x;
height: 14px;
margin-bottom: 4px;
}

/*** Rightside - Recent Work, Recent Articles... ***/
#rightside
{
float:left;
width: 180px;
padding: 0 0 30px 26px;
}

#rightside h3
{
position: relative;
top: 4px;
font-size: 18px;
line-height: 25px;
color: #353535;
letter-spacing: -1px;
border-bottom: dotted 2px #F0F0F0;
padding: 0px 10px 10px 10px;
margin-bottom: 20px;
}

#rightside ul.linklist
{
position: relative;
list-style: none;
padding: 0px 0px 10px 15px;
margin-left:0px;
}

#rightside ul.linklist li
{
border-top: dotted 1px #F0F0F0;
padding-top: 5px;
margin: 5px 0px 0px 0px;
}

#rightside .content
{
position: relative;
padding: 0px 10px 0px 0px;
margin-bottom: 20px;

}

/*** Primary Content ***/
#primarycontent
{
float:left;
width: 600px;
padding: 0 0 0 10px;
}


#primarycontent h3
{
position: relative;
top: 4px;
font-size: 18px;
line-height: 25px;
color: #353535;
letter-spacing: -1px;
border-bottom: dotted 2px #F0F0F0;
padding: 0px 0px 10px 15px;
margin-bottom: 20px;
}

#primarycontent h2
{
position: relative;
top: 4px;
font-size: 18px;
line-height: 25px;
color: #353535;
letter-spacing: -1px;
padding: 0px 0px 10px 15px;
margin-bottom: 20px;
}


#primarycontent .content
{
padding: 0px 15px 0px 15px;
margin-bottom: 20px;
}

#primarycontent .post
{
margin-bottom: 30px;
}

#primarycontent .post .header
{
position: relative;
}

#primarycontent .post .date
{
position: absolute;
right: 15px;
top: 0px;
line-height: 35px;
color: #353535;
font-weight: bold;
}

#primarycontent .post .content
{
margin-bottom: 0px;
}

#primarycontent .post .footer
{
position: relative;
top: -10px;
height: 64px;
}

#primarycontent .post .footer ul
{
list-style: none;
position: absolute;
right: 15px;
bottom: 15px;
}

#primarycontent .post .footer ul li
{
display: inline;
line-height: 14px;
padding-left: 17px;
margin-left: 25px;
background-repeat: no-repeat;
background-position: 0px 2px;
}

#primarycontent .post .footer ul li.comments
{
background-image: url('../images/comm.gif');
}

#primarycontent .post .footer ul li.readmore
{
background-image: url('/images/read.gif');
}

/*** Footer section ***/
#footer
{
position: relative;
clear: both;
width: 825px;
height: 66px;
margin: 0 10px 10px 10px;
text-align: center;
line-height: 66px;
border-top: dotted 2px #F0F0F0;
background: #FFFFFF;
color: #353535;
}


/*** Accessibility ***/
#accessibility {
position: absolute;
top: -10000px;
left: -9000px;
}


/*** Blog Comments ***/

.comments-template{
	margin: 10px 0 0;
	border-top: 1px solid #353535;
	padding: 10px 0 0;
}

.comments-template ol{
	margin: 0;
	padding: 0 0 15px;
	list-style: none;
}

.comments-template ol li{
	margin: 10px 0 0;
	line-height: 18px;
	padding: 0 0 10px;
	border-bottom: 1px solid #353535;
}

.comments-template h2, .comments-template h3{
	font-size: 18px;
}

.commentmetadata{
	font-size: 12px;
}

.comments-template p.nocomments{
	padding: 0;
}

.comments-template textarea{
	font-family: Arial, Helvetica, Georgia, Sans-serif;
	font-size: 12px;
}

/*** End of file ***/