/*
Theme Name: Chris Goodwin Grunge Retro
Theme URI: http://www.ChrisGoodwin.info/blog
Description: A totally hip layout!
Version: 1.0
Author: Chris Goodwin
Author URI: http://www.ChrisGoodwin.info
*/
@import url("postCSS.css");
html{
background: #e3ddc7 url(../../../../images/light_texture.jpg) center top;
min-width: 980px;
padding: 0;
margin: 0;
}
body{margin: 0; 
padding: 0;
background: url(../../../../images/background.gif)  no-repeat center top;   
text-align: center;
color: #e3ddc7;
font-family: Tahoma, Geneva, Arial, sans-serif;
width: 100%;
height: 100%;
display: table;
min-width: 980px;
}

a, a:visited{color: #4f998d; text-decoration: none} 
a:hover, a:active{ background-color: #df3c20;
color: #e3ddc7;}

a img{border:0}

h1, h2{
color: #4d8e8d;
margin:0;
padding:0;
letter-spacing: -.04em;
}
h2{
font-weight: normal;
}
h3{font-size:1em;
margin-bottom: 0;}
.smalltext{
display: inline;
color: #4d8e8d;
font-size: .5em;
}
caption{border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; background-color: #4d8e8d;}
code{background: #D2ECE8}
pre code{color: black; background: none;}
pre{ height: auto; padding: 40px 12px 12px 12px; background: #FAF8EB url(images/bg-pre.jpg) no-repeat top left; overflow-x:scroll;}
fieldset{margin: 0; padding: 0; border: 0}
label{display:block; margin: 10px 0 5px 0;}

#container{margin: 0 auto; padding: 0;  text-align: left; background: url(../../../../images/bottom.gif) repeat-x bottom center;}

.navigation{margin: 20px 0; height: 27px;}
.alignleft{float:left}
.alignright{float:right}
.aligncenter{text-align: center; float:none}
.comments a{background:url(images/ico-speech.gif) no-repeat top left; padding-left: 18px;}
.tags a{background:url(images/ico-tags.gif) no-repeat top left; padding-left: 14px; font-size:12px}
h1.post{margin:0;
}
h1.post a{
text-transform: uppercase;
color: #df3c20;
margin:0;
padding:0;
font-size: 32px;
letter-spacing: -.04em;
}
h1.post a:hover{
color: #fac20d;
}
.posted{
font-size: 11px;}
.download{display: inline-block; padding: 5px 10px 5px 52px; background:#ECF3FF url(images/54_32x32.png) no-repeat 12px 5px; font:22px Tahoma, Geneva, Arial, sans-serif; color:#384D92; text-decoration:none; line-height: 32px;border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px}




/* header styles */
#header{ width:100%; height:120px;  margin: 0 0 228px 0; padding: 0 0 0 0; background: url(../../../../images/header.jpg) no-repeat center top; text-align:center; }
#header h1{ margin: 0 40px 0 40px; padding: 8px 0;}
#header h1 a{color: white}
#header a{ display: block;}
#header-page{background: url(../../../../images/contentTop.jpg) center top no-repeat; margin: 0; height:197px; text-align:right}
#header-page img{margin: 20px 30px 0 0}

#main{background: url(../../../../images/contentTile.jpg) repeat-y center top; position: relative; margin: 0; padding: 20px 0 100px 0;}

#content{
float:left;
position:relative;
left:50%;
width: 745px;
margin: -105px 0 0 -488px;
padding: 0;
}
#content div.inner{ padding: 4px 40px 20px 40px }
#content .postfooter{ width: 561px; height: 30px; line-height: 10px; margin:35px 0; text-indent: 10px; border-bottom: 8px dotted #a3c32b; width:100%; font-size:12px}
#content .calendar{background:url(images/ico-calendar.gif) no-repeat top left; width: 39px; height: 41px; float: right; margin: 0 0 0 0; text-align: center}
#content .calendar small{font: 10px Tahoma, Geneva, Arial, sans-serif; color: #e3ddc7; line-height: 1.5em; text-transform:uppercase;display: block}
#content .calendar strong{font: bold 20px Tahoma, Geneva, Arial, sans-serif; color: #4d8e8d;display: block}



#content h1{margin-top:0;}




#sidebar{
float:left;
position:relative;
left:50%;
width: 198px; 
margin: -105px 0 80px -5px;
padding-left:10px;
color: white;
border-left: 1px dotted#df3c20}

#sidebar div{ margin: 10px 10px 20px 10px; color:#e3ddc7}
#sidebar h2{margin: 0 0 10px 0; padding: 0; line-height: 1.3em; text-indent: 8px; background: url(images/sidebar-h2.gif) no-repeat top left; width: 171px; height: 32px; color: #e3ddc7}
#sidebar ul, #sidebar ul li{ margin: 0 0 0 5px; padding: 0; list-style:none;}
#sidebar ul{ margin: 0 0 20px 5px; }
#sidebar a{color: #4d8e8d;}
#sidebar a:hover{ color: #fac20d;}



#comments ol, #comments ol li{margin: 0; padding: 0}
#comments ol li{padding: 20px 30px; margin: 0; background:#fff url(images/bg-comment.jpg)}
#comments ol li strong{font:18px Tahoma, Geneva, Arial, sans-serif}
#comments ol li.alt{background:#fff url(images/bg-comment-alt.jpg)}
#comments ol li.author{background:#fff url(images/bg-comment-author.jpg)}
#comments ol li.author a{color: black}
#comments img{border:3px solid #4d8e8d; float: left; margin: 0 15px 10px 0}
#comments div.comment-body{clear:both; margin: 0 0 0 64px}
#comment-text{ padding-bottom:30px}



#footer{
float:left;
position:relative;
left:50%;
width: 940px;
margin: -152px 0 0 -488px;
padding: 0px 0 0px 30px;
list-style: none; color: white;
background: url(../../../../images/bottomInner_13.gif) center bottom no-repeat;
height: 152px;
}
#footerpadding{
padding-top: 60px;
}

/* Clear Styles */
.clearboth{clear: both}
.clearfix:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0}
.clearfix {display: inline-block}
html[xmlns] .clearfix {display: block}
* html .clearfix {height: 1%}

/*****************************************************/
/*****************************************************/
/*****************************************************/
/*****************************************************/

#headerwrapper{
float:left;
position:relative;
left:50%;
width: 975px;
margin: 0 auto 0 -487px;
padding: 0;
height:120px;
display: table;
}
#headerchris{
padding: 0;
margin: 0;
}
/****NAVIGATION*****/
ul.logo{
margin: 0;
padding: 0;
list-style: none;
display: inline !important;
font-size:18px !important;
}
ul.nav{
margin: 0;
padding: 0;
list-style: none;
display: inline;
font-size:18px;
}
.nav li{
float:right;
margin: 29px 11px 0 0;
padding: 0 11px 0 0;
border-right: 2px solid #4d8e8d;
}
.logo li{
float: left;
margin: 10px 0 0 12px;
padding: 0;
}
.logo li a{
font-weight:normal;
color: #4d8e8d;
text-decoration:none;
font-size:37px;
}
.logo li a:hover .logoborder{
position: relative;
border-top: 10px solid #a3c32b;
padding-top: 2px;
color: #df3c20;
}
.logo a:hover{
background: none;
}
.multi{
font-size: 14px;
text-align:right;
margin: -5px 0 -2px 0;
color: #df3c20;
display:block;
}
a:hover .multi{
color: #4d8e8d;
display:block;
}
.nav li a{
font-weight:bold;
letter-spacing: -.06em;
color: #e3ddc7;
}
/*******NAV COLORS**********/
.nav li.client{
border:none;
margin-right: -1px;
}
.nav li.client a{
text-decoration:none;
}
.nav li.client a:hover{
position: relative;
border-top: 12px solid #a3c32b;
padding: 21px 0 0 0;
margin: -33px 0 0 0;
color: #4d8e8d;
background: none;
}
/*******NAV COLORS**********/
.nav li.work{
border-right-color: #a3c32b;
}
.nav li.work a{
text-decoration:none;
}
.nav li.work a:hover{
position: relative;
border-top: 12px solid #fac20d;
padding: 21px 0 0 0;
margin: -33px 0 0 0;
color: #a3c32b;
background: none;
}
/*******NAV COLORS**********/
.nav li.about{
border-right-color: #fac20d;
}
.nav li.about a{
text-decoration:none;
}
.nav li.about a:hover{
position: relative;
border-top: 12px solid #df3c20;
padding: 21px 0 0 0;
margin: -33px 0 0 0;
color: #fac20d;
background: none;
}
/*******NAV COLORS**********/
.nav li.blog{
border-right-color: #df3c20;
}
.nav li.blog a{
text-decoration:none;
}
.nav li.blog a:hover{
position: relative;
border-top: 12px solid #d348a1;
padding: 21px 0 0 0;
margin: -33px 0 0 0;
color: #df3c20;
background: none;
}
/*******NAV COLORS**********/
.nav li.contact{
border-right-color: #d348a1;
}
.nav li.contact a{
text-decoration:none;
}
.nav li.contact a:hover{
position: relative;
border-top: 12px solid #4d8e8d;
padding: 21px 0 0 0;
margin: -33px 0 0 0;
color: #d348a1;
background: none;
}
/************ FORMS  ******/
/***********Come and Learn!**************/
input, textarea, select {
margin: 0px 0 7px;
	padding:2px;
	width:285px;
	font-size: 18px;
	color: #4d8e8d;
	border:2px solid #a3c32b;
	-moz-border-radius:0.4em;
	-khtml-border-radius:0.4em;
}
input:hover, input:focus, textarea:hover, textarea:focus {
	border:2px solid #df3c20;
	
} 
textarea{
font-family: Tahoma, Geneva, Arial, sans-serif;
height: 100px;
}
.submit {
width:85px;
}
.searchbar {
width:170px;
}
.speakonit{
width: 150px;
}