/*
Theme Name: James Clark Portfolio
Theme URI: http://www.active-intelligence.com
Description: Theme for the portfolio of James Clark 2010
Author: James Clark
Version: 1.0
*/
body{margin:0; padding:0; text-align:center; background:url(images/body_bg.jpg) top center fixed #000; color:#fff; font-family:Helvetica,Arial,sans-serif; font-size:0.8em}
#wrapper{text-align:left; width:870px; margin:0 auto; padding:0}
a{color:#e1e2c7}
a:hover{color:#eee}
h1, h2, h3, h4{font-family:Corbel,Helvetica,Arial,sans-serif}
p{margin: 15px 0 0 0; padding:0; font: 12/18px Arial, Helvetica, sans-serif;}
img{border:0px}
#logo{float:left; padding:10px 0 45px 0; padding:30px 0 35px 0;}
h1, h1 a{text-decoration:none; color: #CC9; font-size:2.6em; font-weight:normal; margin:0 0 20px 0; padding: 0 0 10px 0; border-bottom: 1px solid #222;}
h1 a:hover{color:#fff}
h2{#fff; font-size:2em; font-weight:normal; margin:0px; padding:0px}
#nav2{padding:6px 10px 8px 10px; float:right; text-align:left; margin:35px 0 10px 0;}
#nav2 ul{margin:0px; padding:0px}
#nav2 li{list-style-type:none; margin:0px; padding:0px; display:inline}
#nav2 li a{font-family:Corbel,Helvetica,Arial,sans-serif;  text-decoration:none; font-size:1.8em; margin:0 10px 0 10px}
#nav2 .home{margin-right:5px}
#content{margin:0; margin-bottom:30px; line-height:21px; width: 870px;}
.homeabt { width:870px;}
.hometxt { width:600px;}
.left{float:left}
.left p{ width: 550px; }
.left img{width:550px; height:auto}
.right{width:250px; float:right; line-height:21px; margin-top:5px}
.pageleft{width:400px; float:left; line-height:23px}
.pageright{width:400px; float:right; line-height:23px}
.post{padding-bottom:30px; float:left; width:830px; font-family:Arial,'Helvetica',sans-serif}
.post li{list-style:none}
.alignleft{margin:5px 10px 5px 0}
.alignright{margin:5px 0 5px 10px}
#content h2{font-size:2.1em; color:#beffdd; line-height:32px; margin-bottom: 20px;}
#content h2 a{text-decoration:none; }
.meta a, .meta{font-family:Helvetica,Arial,sans-serif; color: #eee; text-decoration:none; margin:0 0 10px 0}
.meta a:hover{color:#ccc; text-decoration:underline}
div.alignleft,  div.alignright{display:block; width:40%; padding:3px 0px 3px 0px}
div.alignleft{float:left; text-align:left}
div.alignright{float:right; text-align:right}
div.alignleft a, div.alignright a{font-size:0.8em; text-decoration:none; text-transform:uppercase; color:#000}
div.alignleft a{padding:3px 7px 3px 15px;color:#fff}
div.alignleft a:hover{color:#000}
div.alignright a{padding:3px 15px 3px 7px; color:#fff}
div.alignright a:hover{color:#457cb9}
#comments, #commentform{width:550px; padding:0; margin:0; float:left; clear:both}
#comments h3{font-size:1.7em; color:#a2987b; margin:30px 0 10px 0}
div.avatar{width:50px; float:left}
div.comment{width:450px; float:left; margin-bottom:40px}
.comment span{font-weight:bold; padding:0; margin:0; font-size:1.2em}
ul.commentlist{padding:0; margin:0; float:left}
.commentlist li{padding:10px 0 0; list-style:none}
form textarea{margin:5px 0 0 0; width:550px; padding:5px; font-family:Helvetica,Arial,sans-serif; color: #eee; font-size:1em; background: #111; border: 1px solid #222;}
form input{margin:5px 5px 0 0; padding-left:5px; color: #eee; background: #111; border: 1px solid #222;}
#footer{width:870px; margin:0 auto; display:block; float:left; margin:60px 0 50px 0; color:#ccc}
#copyright{float:left}
#copyright a:hover{color:#eee; text-decoration:underline}
#icons{text-transform:uppercase; float:right; font-size:0.9em; padding-right: 10px;}
#icons a:hover{color:#e1e2c7}
#icons img{float:left}
#footer a{color:#ccc; text-decoration:none}
#footer img{border:none; margin:0 5px 0 0}
.fadeThis {position:relative;display:block;height: 55px;width: 220px;background:url(images/request-quote-sprite.png) 0 0 no-repeat;}
.fadeThis * {display: none;}
.fadeThis span.hover {position: absolute;top: 0;left: 0;display: block;height: 55px;width: 220px;background:url(images/request-quote-sprite.png) 0 -55px no-repeat;}
.fadeThis a{position: absolute;display: block;height: 55px;width: 220px;}