/*  
Theme Name: All Things Must Pass
Theme URI: http://manocornuto.com/
Description: All things must pass...
Version: 1.0
Author: Mano Cornuto
Author URI: http://manocornuto.com/themes/all-things-must-pass/
*/


/*defaults*/
body{font-size: 62.5%;}
html, body, * { margin: 0; padding: 0;}
a {cursor: pointer;}
a img, iframe { border: 0;}
a:active, a:focus { outline: none;}
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal;}
ul, ol, dl, li, dt, dd { list-style: none;}
form, fieldset {border: 0;}
legend { color: #000;}
select { margin: inherit;}
table {	border-collapse: collapse;border: 0;}
td, th, caption { font-size: 100%;font-weight: normal;text-align: left;}
.clearer{clear: both; height: 0px; line-height:0px;}
/*end defaults*/

body{background: #ffffff; color: #000000; font-family: Helvetica, Arial, sans-serif;}
.wrap{ width: 860px; margin: 0 auto; }
a:link, a:visited{ text-decoration: none; color: #ef1f1f;}
a:active, a:hover{ color: #dcc200;}

.header{ height: 100px; margin: 10px 0 10px 0; text-align: left;}
.home{ margin: 0 auto; width: 280px;}
.inner{ float: right;}

.header h1{ font-size: 3em; font-weight: bold; text-transform: lowercase; display: inline-block; background: #ef1f1f; padding: 2px 5px 2px 5px; margin-right:5px;}
.header h1 a{color:#ffffff;}

.homepic{ width: 440px; margin: 10px auto; height: 300px; background: url(src/home.jpg) no-repeat center center;}
.blurb{ width: 100px; float: right; margin-top: 25px; text-align: center; padding: 5px; font-size: 0.5em;}
.blurb h3{font-size: 4em; font-weight: bold;}
.blurb a{color: #ffffff;}

.menu{}
#jsddm{margin: 0 0 0 -25px;padding: 0}
#jsddm li{float: left;list-style: none; font-size: 3em; line-height:1em;font-weight: bold; margin: 0 0 0 25px;}
#jsddm li a:link, #jsddm li a:visited{display: block;text-decoration: none;width: auto;color: #666666;}
#jsddm li a:hover, #jsddm li a:active{color: #ef1f1f;}		
#jsddm li ul{margin: 0 0 0 3px;	padding: 0;position: absolute;visibility: hidden;}	
#jsddm li ul li{float: none;display: inline; font-size: 0.3em;}
#jsddm li ul li a:link, #jsddm li ul li a:visited{width: auto; color: #666666;}
#jsddm li ul li a:hover, #jsddm li ul li a:active{color:#ef1f1f;}

.main{padding:10px 0 10px 0;}
.content{text-align: justify;}

.post{ padding: 10px; }
.post h1, .post h2{font-size: 1.5em; font-weight: bold; }
.postmeta{ margin-bottom: 10px;}
.post p{ margin-bottom: 10px;}
.post .images img { margin: 5px 0 5px 0;}

.postleft{float:left; width: 320px;}
.postright{ float: right; width: 350px;}
.postright .images{ text-align: right;}

.postcentre{ width: 600px; margin: 0 auto;}

.stepcarousel{position: relative /*nochange*/; border: 0; overflow: scroll /*nochange*/; width: 600px; height: 500px;}
.stepcarousel .belt{position: absolute /*nochange*/;left: 0;top: 0;}
.stepcarousel .panel{float: left/*nochange*/;overflow: hidden /*nochange*/;width: 600px; margin: 10px; text-align: center;}
.stepcarousel .panel img{vertical-align: middle;}
.gallery{width: 600px; margin: 0 auto;}
.matter{ width: 420px; margin: 0 auto;}
.buttons{ width: 130px; float: left; padding-top: 20px;}
.mattertext{ width: 280px; float:right;}

.workpost{ width: 160px;border: 1px solid #999999; height: 80px; margin: 5px; float: left; text-align:right;position: relative; letter-spacing: -.01em;}
.workpost img{ float:right;  border-left: 1px solid #999999; width: 80px; height: 80px;}
.workpost .title{ position: absolute;bottom: 0px; width: 75px; font-size: .9em; font-weight: bold; color: #666666; padding: 0 2px 0 2px;}
.entry{padding: 10px;}
.aligncenter,div.aligncenter {}
.alignleft {float: left;}
.alignright {float: right;}

.sidebar{}

.footer{padding: 10px 0 10px 0; font-size: 1.1em;}
.footer a:link, .footer a:visited{ color:#666666;}
.footer a:hover, .footer a:active{ color:#333333;}
.footleft{ float: left; width: 30%;}
.footright{ float: right; width: 60%; text-transform: lowercase; text-align: right;}