/* 
Theme Name: Sackcloth
Theme URL: http://sackclothstudios.com/
Description: Wordpress theme for Sackcloth Studios, based on <a href="http://alexmansfield.com/wordpress/sanitary-theme-0-2">Sanitary</a> v.0.3
Author: Alex Mansfield
Author URI: http://alexmansfield.com/
Version: 2.0
*/


/***** Typography *****/
@import url('css/type.css'); /* import default typography based on the sencss framework v0.6 (http://sencss.kilianvalkhof.com/) */
@font-face {font-family: 'Museo700Regular'; src: url('fonts/museo700-regular-webfont.eot'); src: local('☺'), url('fonts/museo700-regular-webfont.woff') format('woff'), url('fonts/museo700-regular-webfont.ttf') format('truetype'), url('fonts/museo700-regular-webfont.svg#webfontDPG2AVZo') format('svg'); font-weight: normal; font-style: normal;}
@font-face {font-family: 'Museo500Regular'; src: url('fonts/museo500-regular-webfont.eot'); src: local('☺'), url('fonts/museo500-regular-webfont.woff') format('woff'), url('fonts/museo500-regular-webfont.ttf') format('truetype'), url('fonts/museo500-regular-webfont.svg#webfontXgpvzIAj') format('svg'); font-weight: normal; font-style: normal;}
@font-face {font-family: 'Museo300Regular'; src: url('fonts/museo300-regular-webfont.eot'); src: local('☺'), url('fonts/museo300-regular-webfont.woff') format('woff'), url('fonts/museo300-regular-webfont.ttf') format('truetype'), url('fonts/museo300-regular-webfont.svg#webfontpvvM7iQk') format('svg'); font-weight: normal; font-style: normal;}
h1, h2, h3, h4, h5{font-family: 'Museo500Regular', sans-serif;} /* A font by Jos Buivenga (exljbris) -> www.exljbris.nl */
p{color:#333333; font-family: 'Museo500Regular', sans-serif; font-size:1.1666em; margin:0 0 1.285em;}
a{color:#224455; font-family: 'Museo500Regular', sans-serif; margin:0 0 1.285em; text-decoration:none;}
a:hover{text-decoration:underline;}
#main ol, #main ul{color:#333333; font-family: 'Museo500Regular', sans-serif; font-size:1.1666em; margin:0 0 1.285em;}



/***** HTML5 tags *****/
header, nav, article, footer, address {display: block; margin:0; padding:0;}
article ul, article ol{list-style-position:inside;} 



/***** General *****/
body{background:#eeeeee; padding-top:25px; text-align:center;}
body.page{background: #eeeeee url(images/bg3.jpg) no-repeat bottom right fixed;}
#in-header, #in-main, #in-footer{margin:0 auto; padding:0 25px; text-align:left; width:850px;}



/***** Header *****/
header{
   background:#111111;
   border:2px solid #ffffff;
   position:fixed;
   _position:absolute;
   _top:expression(document.body.scrollTop+document.body.clientHeight-this.clientHeight);
   bottom:0;
   height:75px;
   width:100%;}
header h2{
   background:#111111;
   border:1px solid #090909;
   float:left;
   height:45px;
   line-height:45px;
   margin:15px 10px 15px 0;
   width:230px;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;}
header h2:hover{background:#090909;}
header h2 a{
   background: url(images/sackcloth.png) no-repeat left center;
   color:#ffffff;
   display:block;
   overflow:hidden;
   text-decoration:none;
   text-indent:-800px;
   height:45px;}
nav ul{margin:0; padding:0;}
nav .menu li{display:inline; margin:0; padding:0;}
nav .menu li a{
   color:#ffffff;
   display:block;
   float:left;
   font-size:1.1666em;
   line-height:30px;
   height:30px;
   margin:25px 0 20px 0;
   padding: 0 10px;
   text-decoration:none;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;}
nav li a:hover{background:#090909;}
nav li a:active{outline-color:#666666;}



/***** Main *****/
#main{overflow:hidden;}
h1, h2, h3, h4, h5{color: #224455;}
article{clear:both;}
.content{overflow:hidden; margin-bottom:100px;}



/***** Home page *****/
.page h1{font-size:50px; padding-top:25px;}
.home h3{color:#333333;}
.home .content{width:605px;}

a.more{
   font-size:1.1666em;
   margin-right:5px;
   padding:0 5px;
   text-decoration:none;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;}
a.more:hover{background:#e3e3e3;}
a.more:active{outline-color:#999999;}
.more img{text-decoration:none; border:0 solid;float:left; padding-right:2px;}
.more{
   float:left;
   line-height:32px;
   margin:0;
   padding:0 5px 0 0;
   text-decoration:none;
   margin-bottom:1px;}



/***** Index page *****/
.archive .details a{
   background:transparent url(images/details.png) no-repeat 9px center;
   display:block;
   font-size:1.1666em;
   line-height:32px;
   margin:0;
   padding:0 5px 2px 50px;
   text-decoration:none;
   width:200px;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;}
.archive .details a:hover{background:#e3e3e3 url(images/details.png) no-repeat 10px center;}
.archive .details a:active{outline-color:#999999;}



/***** Portfolio template *****/
.category-portfolio .screenshots{float:left; width:550px;}
.category-portfolio img{background:#ffffff; border:10px solid #e3e3e3; float:left; padding:2px; margin-bottom:15px}
.category-portfolio a{color:#333333; font-size:15.1667px; text-decoration:none;}
.category-portfolio h1 a{color:#224455; font-size:26px;  text-decoration:none;}
.category-portfolio .description{margin:0 0 0 590px; padding:4px 0;}
.category-portfolio .description p{font-size:15.1667px;}
.category-portfolio li{list-style-position:outside; list-style-type:none;}
.category-portfolio .quoted{display:block; float:right; margin:20px}
.category-portfolio .label{
   border-bottom:1px dotted #dddddd;
   color:#666666;
   display:block;
   font-family:sans-serif;
   font-size:10px;
   line-height:10px;
   margin:15px 0 5px;
   padding:1px 0;}
article.category-portfolio{padding:0 0 15px 0; width:850px;}


/***** Forms *****/
.gform_wrapper .ginput_container input.medium{
   background:#ffffff;
   border:1px solid #cccccc;
   color:#333333;
   font-family:'Museo500Regular', sans-serif;
   font-size:1.1666em;
   margin-bottom:5px;
   outline-color:#999999;
   padding:2px;
   width:230px;}
.gform_wrapper textarea{
   background:#ffffff;
   border:1px solid #cccccc;
   color:#333333;
   font-family:'Museo500Regular', sans-serif;
   font-size:1.1666em;
   outline-color:#999999;
   margin-bottom:5px;
   padding:2px;
   height:150px;
   width:474px;}
.gform_wrapper input.button{
   background:#eeeeee url(images/send.png) no-repeat 3px center;
   border:1px solid #cccccc;
   color:#333333;
   font-family:'Museo500Regular', sans-serif;
   font-size:1.1666em;
   height:32px;
   margin-top:15px;
   padding:0 5px 2px 35px;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;}
.gform_wrapper input.button:hover{background:#e3e3e3 url(images/send.png) no-repeat 3px center;}
.gform_wrapper li{display:block; list-style-type:none;}
.gform_wrapper label{height:30px; line-height:30px;}
.gform_wrapper .gfield{float:left; padding-right:10px; margin:0;}
.gform_wrapper label .gfield_required{display:none;}
.gform_wrapper .gform_footer{clear:both;}
.gform_wrapper .validation_message{color:#cc3333;}
#gforms_confirmation_message{
   background:transparent url(images/send64.png) no-repeat top left;
   color:#333333;
   font-family: 'Museo500Regular', sans-serif;
   font-size:1.1666em;
   height:64px;
   padding: 15px 0 10px 75px;}