/* Hmm, so you're checking out my stylesheet?! Be my guest, but leave me some feedback too :)*/

@charset "utf-8";
*{margin:0;padding:0;}
body{background:#F1F1BE url(../images/bg2.gif) repeat-x;font-size:0.62em;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}
/*fonts and images*/
p, ul, form{font-size:1.2em;color:#8c8d8b;}
p{padding:0.8em 0;line-height:1.6em;}
p.note{padding:0.8em 10px;line-height:1.4em;font-size:1em;}
h1{font-size:2.4em;line-height:1.3em;width:480px;color:#c2c2c2;font-weight:normal;padding-bottom:0.5em;}
h1 em{color:#555555;font-style:normal;}
h2{font-size:1.6em;color:#555555;font-weight:normal;padding:0.8em 0 0.4em 0;}
a{color:#98cb4b;text-decoration:none;border-bottom:1px solid #98cb4b;}
a:hover{border-bottom:1px dotted #98cb4b;}
.col.narrow h2{clear:both;}
.col.narrow h2.f{padding-top:0;}
.footer a{color:#508403;border-bottom:none;}
.pic{margin:12px 20px 0 0;}
small{color:#8c8d8b;font-size:0.7em;float:right;}
/*main structure elements*/
.main{margin:0 auto;width:985px;position:relative;padding-left:60px;}
.content{width:840px;-moz-border-radius:10px;-webkit-border-radius: 10px;background:#fff;padding:35px 30px 60px 30px;}
.col.wide{width:540px;background:url(../images/dots.png) repeat-y right;padding:0 30px 30px 0;display:block;}
.col.narrow{width:240px;display:block;vertical-align:top;z-index:2;position:relative;}
.l{float:left;}
.r{float:right;}
.clr{clear:both;height:1px;line-height:0;font-size:0;}
.footer{height:40px;line-height:1.4em;color:#508403;font-size:1em;width:560px;padding:10px 90px 0 0;float:right;display:block;margin:0;}
/*lists and nav*/
ul{list-style:none;padding:1em 0;}
ul li{background:url(../images/blt.png) no-repeat 0 5px;padding:1px 0 1px 28px;}
ul.social li{display:inline-block;width:80px;float:left;padding:0 0 8px 28px;}
ul.social li.linkedin{background:url(../images/social.png) no-repeat 0 0;}
ul.social li.facebook{background:url(../images/social.png) no-repeat 0 -50px;}
ul.social li.twitter{background:url(../images/social.png) no-repeat 0 -100px;}
ul.social li.delicious{background:url(../images/social.png) no-repeat 0 -150px;}
ul.social li.skype{background:url(../images/social.png) no-repeat 0 -200px;}
ul.nav{width:800px;height:20px;padding:30px 0 10px 30px;}
ul.nav li{background:none;display:block;float:left;padding:0;text-align:center;margin-right:1px;}
ul.nav li a{color:#005952;border:0;font-weight:bold;padding:0 20px;}
ul.nav li a:hover,ul.nav li a.current{color:#fff;background:#abc97b;-webkit-border-radius:5px;-moz-border-radius:5px;}
/*deco details*/
.top_band{height:280px;width:355px;position:absolute;right:0;top:15px;z-index:1;}
.bottom_band{background:url(../images/bands.png) no-repeat top right;height:180px;width:360px;position:absolute;bottom:-24px;left:0px;}
/*projects*/
.pr{padding:0 20px 0 55px;margin-bottom:20px;}
.pr.cameroon{background: url(../images/cameroon.gif) no-repeat left 10px;}
.pr.mobydick{background:url(../images/mobydick.gif) no-repeat left 10px;}
.pr.halfords{background:url(../images/halfords.gif) no-repeat left 10px;}
.pr.cooltribe{background:url(../images/cooltribe.gif) no-repeat left 10px;}
.pr.mms{background:url(../images/mms.gif) no-repeat left 10px;}
.pr.usblackjack{background:url(../images/usblackjack.gif) no-repeat left 10px;}
/*forms, error and success messages*/
form{margin-bottom:20px;position:relative;}
form p{padding:7px 0 5px 0;}
label{clear:both;display:block;vertical-align:top;}
input, select, textarea{width:238px;height:22px;border:1px solid #d4d4e3;-moz-border-radius:5px;-webkit-border-radius:5px;}
textarea{height:150px;width:538px}
input.btn_submit{float:right;height:30px;width:140px;background:#00B9EF;color:#fff;border:1px solid #00B9EF;text-shadow:0 1px 1px #00B9EF;cursor:pointer;font-style:italic;}
input.btn_submit:hover{border:1px solid #66D4E6;}
label b{color:#53cdf1;font-weight:normal;font-size:0.8em;}
div.error, div.success{-moz-border-radius:12px;-webkit-border-radius:12px;padding:10px 15px;}
div.error{background:#53cdf1;}
div.success{background:#9CD23C;margin:15px 0;}
div.error p, div.success p{padding:0;color:#fff;}
label.error{display:inline-block;color:#fff;}
div.msg{background:#53cdf1;border:1px solid #53cdf1;-moz-border-radius:7px;-webkit-border-radius:7px;padding:15px 15px 5px 15px;display:none;position:absolute;right:0;top:30px;width:240px;}
div.msg label{display:block;padding-bottom:10px;font-size:1.2em;}
/*misc*/
.status{background:#328514;border:1px solid #328514;-moz-border-radius:7px;-webkit-border-radius:7px;padding:10px;font-size:1.4em;margin-top:20px;display:block;color:#fff ;text-align:center;}
.status:hover{border:1px solid #9ED44A;}
.status.negative{background:#fa5a0c;border:1px solid #fa5a0c;-moz-border-radius:7px;-webkit-border-radius:7px;padding:10px;font-size:1.4em;margin-top:20px;display:block;color:#fff ;text-align:center;}
.status.negative:hover{border:1px solid #fb9664;}
.status em{font-weight:normal;font-style:normal;}

/*Happy pixel pushing!*/
/*P.S. this stylesheet is property of Natalia Pavlova @natalitique.com */