/*  Theme Name: Alan Sawyer Template
Theme URI: http://www.alansawyer.co.uk 
Description: 2010 Template for Alan Sawyer.co.uk 
Version: 1.0
Author: Steven Jones 
Author URI: http://www.stomptheweb.co.uk
*/

body{margin:50px 0 0 0;padding:0;background: url('images/bg.jpg') repeat-x fixed; }
body{font: 90% "Calibri", "Helvetica", "Arial", "sans-serif"; text-align:center;}
p{margin:20px 20px 0 0; text-align: justify; }

a img{border: none;}


div#header h1{height:200px;line-height:80px;margin:0;
  padding-left:20px; padding-top: 10px}
div#container{text-align:left; background-color: white; -moz-box-shadow: 4px 4px 10px black;
    -webkit-box-shadow: 4px 4px 10px black;
}
div#content p{line-height:1.4}
div#navigation{background:#FFF}
div#extra{background:#FFF}
div#footer{background: #333;color: #FFF}
div#footer p{margin:0;padding:5px 10px}

div#container{width:1020px;margin:0 auto;  }
div#wrapper{float:left;width:100%; }
div#content{margin: 0 300px 10px 200px; border-right: 2px solid #e8e8e8; padding: 5px; min-height: 1000px}
div#post{margin: 0 10px 30px 30px; border-bottom: 2px solid #e8e8e8; padding-bottom: 30px; }
div#post h2{color:#1c1565; font-size: 24px}
div#post h2 a{color:#1c1565; text-decoration:none;}
div#post h3{margin-left: 0px;}
div#post a{display: inline ; }
div#date{color: #bfa8d4; margin-top: -20px;}
div#meta{margin-top: 30px;color: #7d7d7d; font-size: 13px}
div#meta a{color: #91117e; }
div#tags{color: #7d7d7d; font-size: 13px; margin-top: 10px;}
div#tags a{color: #91117e; }

div#navigation{float:left;width:300px;margin-left:-300px;}
div#navigation ul{list-style-type: none; margin-left: -20px; font-size: 26px; font-weight: bold ; margin-top: 20px; font-family: Georgia;}

div#navigation li a{text-decoration: none;}
div#navigation li a:hover{text-decoration: underline;}
.about a {color: #672e8f; text-decoration: none;}
.services a{color: #91117e; text-decoration: none;}
.work a{color: #1a1565; text-decoration: none; }
.contact a{color: #672e8f; text-decoration: none; }




#clients ul{font-size: 12px;}
#twitter{margin: 5px 3px 5px 15px;  }
#twitter ul{color: #cc99cc; text-align: left; font: 100% "Calibri", "Helvetica", "Arial", "sans-serif"!important; margin-left: -40px!important; margin-right: 10px;}
#twitter li{margin-bottom: 20px;}
#twitter a img{border: none; margin-left: -20px}


.aktt_username {color: #672e8f!important;}
.aktt_tweet_reply {color: #672e8f!important;}
.aktt_tweet_time {color: #91117e!important;}
.aktt_more_updates {display:none}


#twitterleft{float: left; width: 130px}
#twitterleft a{color: #990066; font-size: 16px; text-decoration: none; margin: 40px 0 10px 0; display: block;}
#twitterleft a:hover{text-decoration: underline;}
#twitterright{float: right;width: 100px; margin: 15px 40px 0 0}


#work {margin: 10px 10px 20px 17px; padding-top: 15px;border-bottom: 2px solid #e8e8e8;border-top: 2px solid #e8e8e8; }
#projects {margin: 2px 10px 10px 17px;}
#projects a{text-decoration: none; color: #990066;}
#projects ul{color: #cc99cc; text-align: left; font: 100% "Calibri", "Helvetica", "Arial", "sans-serif"!important; margin-left: -40px!important;}


div#extra{float:left;width:200px;margin-left:-1020px; border-right: 2px solid #e8e8e8; padding: 5px; margin-bottom: 10px; min-height: 1000px}
div#extra h2, h3{margin:0 20px 20px; color: #990066}
div#extra img {margin: 0 0 20px 20px;}
div#extra h2 {font-size: 24px}
div#extra h3 {font-size: 16px}
div#extra ul {list-style-type: none; margin: -20px 0 20px -20px;color: #666;}
#readmore a{color: #990066; font-size: 16px; text-decoration: none; margin: 5px 0 10px 20px;}
#readmore a:hover {text-decoration: underline}

#viewmore a{color: #990066; font-size: 16px; text-decoration: none; margin: 10px 0 15px 0; display:block}
#viewmore a:hover {text-decoration: underline}
div#footer{clear:left;width:1010px; text-align: center; margin-top: 30px; background-color: white}

#headerleft {float: left; width: 230px;}
#headerright{float: right;width: 780px;}

.credit		{margin-left: 15px; padding-top: 30px;}