/*
Theme Name: haiku
Theme URI: http://elliottgoodwin.com
Description: haiku is based on an HTML5 version (http://nathanstaines.com) of (Based on <a href="http://elliotjaystocks.com/starkers/">Starkers</a> by <a href="http://elliotjaystocks.com/">Elliot Jay Stocks</a> which is based on the famous <a href="http://binarybonsai.com/kubrick/">Kubrick</a> by <a href="http://binarybonsai.com/">Michael Heilemann</a>)
Version: 1.0
Author: Elliott Goodwin
Author URI: http://elliottgoodwin.com
Tags: starkers, html5, beginning, start, clean, basic
*/

@import "style/css/reset.css";
@import "style/css/layout.css";

@import "style/css/blueprint/screen.css";
/* @import "style/css/blueprint/print.css"; */

@import "style/css/blueprint/plugins/fancy-type/screen.css";


/* custom */
@font-face { font-family: YKFFb; src: url('style/css/fonts/YanoneKaffeesatz-Bold.otf'); } 
@font-face { font-family: YKFFt; src: url('style/css/fonts/YanoneKaffeesatz-Thin.otf'); } 
@font-face { font-family: YKFFr; src: url('style/css/fonts/YanoneKaffeesatz-Regular.otf'); } 
@font-face { font-family: YKFFl; src: url('style/css/fonts/YanoneKaffeesatz-Light.otf'); } 

@font-face { font-family: Erika; src: url('style/css/fonts/Erika.ttf'); } 
@font-face { font-family: Erika_B; src: url('style/css/fonts/Erika_b.ttf'); } 
@font-face { font-family: Erika_BI; src: url('style/css/fonts/Erika_BI.ttf'); } 
@font-face { font-family: Erika_I; src: url('style/css/fonts/Erika_I.otf'); } 

.span-12 p {
font-size:150%;
font-family: Erika, courier-new, georgia, sans-serif; 


}

ul li {
font-size:150%;
font-family: Erika, courier-new, georgia, sans-serif; 
list-style-type: none;
margin: 0 0 0em;
}

ul, ol {
margin:0 1.5em 1.5em 0;
padding-left:0em;
}


p + p {
margin-top:-1.5em;
text-indent:0;
}




footer {
margin-top:100px;

}

.span-12 {
padding-left:35px;
}

img {
margin-right:-20px;
}

article {
display:block;
clear:both;
margin-bottom:55px;
width:100%;
height:auto;
overflow:hidden;
padding:20px;

}

h2 a {

font-family: Erika, courier-new, georgia, sans-serif;  
text-decoration:none;
font-size:110%;
color:#8C8C8C;
}





h1 a {
text-decoration: none;
font-family: Erika, courier-new, georgia, sans-serif; 
font-size:150%;
text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
font-weight:normal;
color:#8C8C8C;

}

header {
margin-top:25px;
margin-bottom:55px;

}


.tilt1 {
transform:  rotate(3deg);
-moz-transform:  rotate(3deg);
-webkit-transform:  rotate(3deg);



}

.external-vfe {
transform:  rotate(3deg);
-moz-transform:  rotate(3deg);
-webkit-transform:  rotate(3deg);

}

p.vfecss {
font-size: 12px;
font-family:"Helvetica Neue",Arial,Helvetica,sans-serif;
}


.tilt2 {
transform:  rotate(-3deg);
-moz-transform:  rotate(-3deg);
-webkit-transform:  rotate(-3deg);



}

.tilt3 {
transform:  rotate(-6deg);
-moz-transform:  rotate(-6deg);
-webkit-transform:  rotate(-6deg);



}

.tilt3 {
transform:  rotate(6deg);
-moz-transform:  rotate(6deg);
-webkit-transform:  rotate(6deg);


}

.tilt4 {
transform:  rotate(2deg);
-moz-transform:  rotate(2deg);
-webkit-transform:  rotate(2deg);


}

.tilt5 {
transform:  rotate(0deg);
-moz-transform:  rotate(0deg);
-webkit-transform:  rotate(0deg);




}

.shadow {
border:1px solid #f0f0f0;
border-bottom: 2px solid #ccc;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
width:389px;
padding:10px;
}


.shadowsingle {
border:1px solid #f0f0f0;
border-bottom: 2px solid #ccc;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
width:950px;
padding:10px;
margin-bottom:50px;
margin-top:50px;
}

.shadowvid {
border:4px solid #f0f0f0;
border-bottom: 8px solid #ccc;
border-right: 8px solid #ccc;
-webkit-border-radius:20px;
-moz-border-radius:20px;
border-radius:20px;
width:640px;
padding:10px;
margin-bottom:5px;
margin-top:5px;
}


.fixed .column-thumbnail {
width: 25%;
}