/* 
    Document   : site.css
    Created on : Dec 28, 2009, 11:18:00 PM
    Author     : mrforbes
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

	@font-face {  
	  font-family: Rockwell;  
	  src: url(http://cdn.mrforbes.com/fonts/rockwelllight.eot ); /* IE */  
	  src: local("Rockwell"), url(http://cdn.mrforbes.com/fonts/rockwelllight.ttf ) format("truetype"); /* non-IE */  
	} 

a{color:#000;}
a:hover{text-decoration:none;}

ul li{margin:0;padding:0;}
body{background:#e0e0e0 url('../../images/bg_body.gif') repeat-x;font-family:'gill sans', 'gill sans mt', tahoma;margin:0;padding:0;}


.left{float:left;}
.right{float:right;}
.clear{clear:both;}
.hidden{display:none;}

.w75{width:75%;}
.w20{width:20%;}

#iemessage{background:#000;position:absolute;top:0px;left:0px;width:100%;z-index:10;}
#iemessage div{color:#fff;text-align:center;padding:5px;}
#iemessage div a{color:#fff!important;}

header#header{padding-top:0px!important;margin-top:0px;position:relative;height:229px;overflow:hidden;}
header aside{position:absolute;top:1px;left:0;background:url('../../images/hd_caricature.jpg') no-repeat;width:630px;height:229px;padding-left:180px;}
header aside hgroup h1,#disqus_thread{font-family:Rockwell;text-align:center;font-weight:normal;font-size:2em;background:#fff;padding:10px;margin-top:20px;width:280px;-moz-border-radius: 10px;
-webkit-border-radius: 10px;border-radius:10px;
background:-moz-linear-gradient(center top,rgb(237,237,237) 29%,rgb(205,205,205) 86%); 
background:-webkit-gradient(linear,left top,left bottom,color-stop(0.29, rgb(237,237,237)),color-stop(0.86, rgb(205,205,205)));
	-pie-background: linear-gradient(rgb(237,237,237), rgb(205,205,205));
  behavior: url(/resources/pkg/PIE-1.0beta1/PIE.htc);

text-transform: capitalize;
border:1px solid #fff;
text-shadow: #fff 1px 1px 1px;
}
header aside hgroup h2{font-weight:normal;color:#fff;font-size:2.2em;padding-left:80px;text-shadow: #000 2px 2px 2px;text-transform: capitalize;font-family:Rockwell;
}

nav{margin-top:0px;position:absolute;top:160px;right:0px;}
nav ul{overflow:hidden;zoom:1;}
nav li{float:left;display:block;margin-right:5px;}
nav li a{font-family:Rockwell;display:block;width:130px;height:20px;padding:10px 5px;text-align:center;font-size:1.2em;text-decoration:none;color:#333;
	background:rgb(205,205,205);
	background:-moz-linear-gradient(center top,rgb(237,237,237) 29%,rgb(205,205,205) 86%); 
	background:-webkit-gradient(linear,left top,left bottom,color-stop(0.29, rgb(237,237,237)),color-stop(0.86, rgb(205,205,205)));
	-pie-background: linear-gradient(rgb(237,237,237), rgb(205,205,205));
  behavior: url(/resources/pkg/PIE-1.0beta1/PIE.htc);
	text-shadow: #fff 1px 1px 1px;
	-moz-border-radius: 5px 5px 0px 0px;
  	-webkit-border-radius:5px 5px 0px 0px;
  	border-radius:5px 5px 0px 0px;
	}
nav li a:hover{background:#fff;color:#000;}
nav li a.active{position:relative;padding-bottom:6px;background:#fcfcf5;color:#000;}

#b_home #n_home a, #b_home #n_home a:hover, #b_portfolio #n_portfolio a, #b_portfolio #n_portfolio a:hover,#b_experience #n_experience a, #b_experience #n_experience a:hover,#b_faq #n_faq a, #b_faq #n_faq a:hover,#b_blog #n_blog a, #b_blog #n_blog a:hover,#b_contact #n_contact a, #b_contact #n_contact a:hover{position:relative;padding-bottom:11px;background:rgb(224,224,224);color:#000;
background:-moz-linear-gradient(center top,rgb(255,255,255) 29%,rgb(224,224,224) 86%); 
background:-webkit-gradient(linear,left top,left bottom,color-stop(0.29, rgb(255,255,255)),color-stop(0.86, rgb(224,224,224)));
-pie-background: linear-gradient(rgb(255,255,255), rgb(224,224,224));
  behavior: url(/resources/pkg/PIE-1.0beta1/PIE.htc);

	}

section h2, section h1{font-weight:normal;font-size:1.8em;font-style:italic;}
h3{font-weight:normal;font-size:1.8em;font-family:Rockwell;}


#content h1{margin-left:10px;}
#content hgroup h2{margin-bottom:0px;padding-bottom:0px;}
#content hgroup h4{font-family:Rockwell;font-size:1.2em;color:#333;font-weight:normal;}

footer{background:#e0e0e0;margin:0;padding:0;clear:both;}
footer h3{font-size:1.3em;color:#333;margin:0;padding:0;}


.grid_2{font-size:1.2em;line-height:1.8em;}

.m0{margin:0!important;}
.ml1{margin-left:10px;}
.mt1{margin-top:1em;}
.mt2{margin-top:2em;}
.p0{padding:0!important;}
.p2{padding-top:2em;}
.pb2{padding-bottom:2em;}
.bt1{border-top:1px solid #ccc;}
.bg1{background:#333;}
.bg2{background:#fff;}
.bg3{background:#ebf7d3;}
.rel{position:relative;}


.fs1{font-size:.9em;}
.fs2{font-size:.8em;}
.fs3{font-size:.7em;}
.bfs5{font-size:2.2em;}
.s1{font-size:1em;}
.s2{font-size:1.2em;}
.s3{font-size:1.4em;}
.s4{font-size:1.6em;}
.s5{font-size:1.8em;}


.slideshow,.more-link{display:block;width:130px;padding:5px;background:#333;color:#fff;font-family:Rockwell;text-decoration:none;text-align:center;margin-top:10px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;text-shadow:#000 1px 1px 1pxx;
}
.slideshow:hover{background:#000;}



#summary{margin-top:20px;margin-bottom:20px;}
#summary .slideshow{margin-left:120px;}

#slider .grid_2{width:550px;padding-left:40px;}
#secondarycontent{background:#fff;}
#summary h3{color:#333;padding:10px 0px 10px 45px;margin-top:1em;font-size:1.3em;}
#b_portfolio #summary h3{padding:10px 0px 0px 0px;}
#b_portfolio #summary p{display:block;margin-top:10px;padding-left:120px;height:110px;}

#lucy {background:url(../../images/portfolio/lucy/thumb.jpg) -15px 80px no-repeat;}
#sophie {background:url(../../images/portfolio/sophie/thumb.jpg) -15px 80px no-repeat;}
#mccall {background:url(../../images/portfolio/mccall/thumb.jpg) -15px 80px no-repeat;}
#seascape {background:url(../../images/portfolio/exuma/thumb.jpg) -15px 80px no-repeat;}
#mp {background:url(../../images/portfolio/seriousaccidents/thumb.jpg) -15px 80px no-repeat;}
#am {background:url(../../images/portfolio/am/thumb.jpg) -15px 80px no-repeat;}

h3.optimization{background:url(../../images/sprite_icon.png) 0px 0px no-repeat;}
h3.svn{background:url(../../images/sprite_icon.png) 0px -50px no-repeat;}
h3.satisfaction{background:url(../../images/sprite_icon.png) 0px -100px no-repeat;}
h3.integration{background:url(../../images/sprite_icon.png) 0px -150px no-repeat;}
h3.detail{background:url(../../images/sprite_icon.png) 0px -200px no-repeat;}
h3.skills{background:url(../../images/sprite_icon.png) 0px -250px no-repeat;}
#summary .grid_1, #copy .grid_1 {height:240px;margin-bottom:10px;text-align:justify;}
#summary .grid_1 p, #summary .grid_2, #copy .grid_1{line-height:1.5em;color:#333;}
#summary .grid_2{padding-top:0px;margin-top:0px;}


.fg-button{font-size:84%;font-family:'gill sans', 'gill sans mt', tahoma;font-weight:normal;}
a.fg-button:hover{color:#fff!important;}
#dialog, .ui-widget-shadow{display:none;}

.ui-widget-shadow{position:absolute;z-index:1002;}


form li{overflow:auto;zoom:1;padding:.5em;}
label{float:left;text-align:right;width:33%;}
input.text{float:right;width:58%;}


.popular{background:#fff;border:1px solid #ccc;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;padding:10px;height:200px;font-size:116%;text-align:center;
behavior: url(/resources/pkg/PIE-1.0beta1/PIE.htc);
}
.popular h4{font-weight:normal;font-size:116%;}
.popular .price{font-size:24px;color:#60828d;}

p.first{height:10em;}
.grid_1 p a{text-transform:capitalize;}
.a-button{font-weight:normal!important;padding:.2em .5em;font-size:84%;background:#666 url('/resources/images/bg_whitegloss.png') !important;border:1px solid #ccc!important;color:#666!important;}
.a-button:hover{color:#60828D!important;}

.ui-widget{
    clear:both;
}

.ui-state-error{
    position:relative;
    top:5px;
    font-size:77%;
}

#copyright{padding:10px;text-align:center;color:#fff;}
#copyright a{color:#fff;}

#b_experience #summary .grid_1 a{display:block;padding:5px 5px 5px 20px;}
#b_experience #summary .grid_1 a.active{background:url(../../images/icon_star.png) 2px 7px no-repeat;}
#b_experience #summary .grid_1{height:auto;}
#b_experience #summary .grid_1 h3, #b_faq h3{margin:0;padding-left:0px;}
article p{font-size:1.2em!important;}


.CleanContact { text-align: left; width: 100%; display: block; border:0; padding-top: 1em; }
.CleanContact input[type="text"] { width: 98%; margin-bottom: .5em; border:1px solid #000;padding:5px;}
.CleanContact label { clear: none; display: inline; text-align: left; font-size:1.2em;font-family:Rockwell;}
.CleanContact textarea{ width: 98%; height: 15em; margin-bottom: .5em; font-size: 1.2em;padding:5px;border:1px solid #000;}
.CleanContact label em { font-weight: bold; font-style: normal; color: red; display:none;}
.CleanContact_msg { font-weight: bold;  padding: 1em; -moz-border-radius: 5px; -webkit-border-radius: 5px;  }
.CleanContact_msg.ok{ background-color: #8dff87; border: solid 1px #e6f4d7; color: #000; margin: 2em 0 2em 0;}
.CleanContact_msg.err{ background-color: #ff9595; border: solid 1px #fff; color: #000;}
#clean_contact_send{background:#333;padding:5px;border:0px;display:block;width:100px;text-align:center;cursor:pointer;font-family:Rockwell;color:#fff;font-size:1.4em;-moz-border-radius:5px;}


/* wordpress styles */
section .inner{margin:20px auto 20px auto;width:960px;}
.post .inner{position:relative;margin:0px 20px 20px 0px;width:auto!important;}
#list .inner .post{width:33%;margin:0;padding:0;float:left;padding-bottom:20px;height:280px;}
h2.entry-title{font-size:1.3em;color:#666;margin-bottom:0px;}
h2.entry-title a{color:#333;text-decoration:none;}
.entry-content p{color:#333;}

#primary ul{overflow:auto;zoom:1;}
ul.xoxo{width:960px;margin:20px auto 20px auto;}
#primary ul li.widget-container{float:left;width:33%;}
.widget-container ul li{padding:5px 10px 5px 0px;}
h3.widget-title{font-size:1.3em;}
pre{background:#efefef;}
#full p{font-size:1.2em;}

/* disqus */
#disqus_thread{margin:20px 0px 0px;padding:10px;background-color:#ededed;width:940px!important;}
.dsq-brlink{display:block;margin-bottom:20px;padding-bottom:20px;}