/*
Theme Name: Brave New World
Theme URI: http://thatstandardsguy.co.uk
Description: Base theme using HTML5, WAI-ARIA, hCard and hAtom (includes reset and baseline typography CSS).
Version: 1.2 (WP2.8)
Author: Karl Dawson
Author URI: http://thatstandardsguy.co.uk
Tags: clean, basic, html5, wai-aria, accessible
*/


/* A font by Jos Buivenga (exljbris) -> www.exljbris.nl */
@font-face {
  font-family: fontinsans;
    src: url("Fontin_Sans_R_45b.eot");
    src: local('Fontin Sans'),
       url(fonts/Fontin_Sans_R_45b.otf) format('opentype');
}
 
@font-face {
  font-family: fontinsans;
  font-style: italic;
  src: url(fonts/Fontin_Sans_I_45b.eot);
  src: local('Fontin Sans'),
     url(fonts/Fontin_Sans_I_45b.otf) format('opentype');
}

@font-face {
  font-family: fontinsanssmall;
  font-variant: smallcaps;
  src: url(fonts/Fontin_Sans_SC_45b.eot);
  src: local('Fontin Sans'),
     url(fonts/Fontin_Sans_SC_45b.otf) format('opentype');

}

@font-face {
  font-family: pupcat;
  src: url(fonts/pupcat.eot);
  src: local('Pupcat'),
     url(fonts/pupcat.otf) format('opentype');
}

/* Reset browser defaults ---------------- */
/* Meyer Reset v1.0 | 20080212. Removed elements not in HTML5 */

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;}
body{line-height:1;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';}
/* tables still need 'cellspacing="0"' in the markup */
table{border-collapse:collapse;border-spacing:0;}

/* Smooth image scaling for IE */
img{-ms-interpolation-mode:bicubic;}

/* HTML 5 */
header,nav,section,article,dialog,figure,aside,footer{display:block;margin:0;padding:0;}

/* Utilities */
.hide{position:absolute;top:-9999em;left:-9999em;}
.clear{clear:both;}
img.aligncenter {display:block; width:auto; margin:auto;}
img.alignleft {margin:0 10px 10px 0;float:left;}
img.alignright {margin:0 0 10px 10px;float:right;}
.left {float:left;width:40%;}
.right {float:left;}

/* Layout -------------------------------- */
/* Remember, it's HTML 5 so prepend with #yourID / .yourCLASS as required... */

/* ...plus additional divs... */
.hfeed {float:left;width:740px;margin:0 60px 0 0;}
#sidebar {float:right;width:160px;margin:0;display:inline;}
#page {
margin:0 auto 1.5em;
position:relative;
width:960px;
z-index:1;
}
#content {
margin-top:30px;
}
#wrapper {
margin:0 auto;
width:960px;
}


body {font-size:16px;line-height:1.125;font-family: fontinsans, helvetica, arial, sans-serif;}
#page {font-size:1em;} /* your wrapper div */
h2,h3,h4,h5,h6 {font-family:fontinsans, georgia, "times new roman", serif; font-weight:500;}
h2 {margin:0 10px .518181em;font-size:1.375em;line-height:1.018181;}
h3,h4,dt {margin:0 10px .9em;font-size:1.125em;line-height:.9;font-weight:600;}
p {font-size:1em;line-height:1.125;margin-bottom:1.125em;}
ul,ol,address,cite,blockquote,dd {margin:0 10px 1.125em;font-size:1em;line-height:1.125;}
ul,ol {margin-left:0;}
pre,code {font-family:"Courier New",courier,fixed,monospace;}
code {margin:0 0 1.125em;font-size:.9em;line-height:1;}
pre {margin:0 0 1.125em 10px;overflow:auto;}
table margin:0 10px 1.125em;font-size:inherit;font-size:100%;}
select,input,textarea{ font:99%;}
em {font-style:italic;}
.amp {font-family:"Warnock Pro","Goudy Old Style","Palatino","Book Antiqua",serif;font-size:1.0769em;line-height:1;font-style:italic;}
small {margin:0 10px 1.2857em;font-size:0.875em;line-height:1.2857;font-style:italic;}

/* Styling */
body {
color:#3b150b;
}
a {
color:#9a2438;
text-decoration:none;
}
a:active, a:hover {
border-bottom:1px solid #9a2438;
}
blockquote {background:url(images/quotes.gif) no-repeat top left;height:28px;}
blockquote p {line-height:28px;padding-left:28px;font-style:italic;}
#page {
background:url(images/headerbg.gif) no-repeat top right;
}
h1 {
font-family: pupcat, FontinSans, helvetica, arial, sans-serif;
font-size:3.3em;
margin:140px 30px 0 0;
float:right;
}

nav.main ul li {
list-style:none;
margin-bottom:20px;
height:30px;
width:210px;
}

nav.main ul li a {
font-size: 1.375em;
}

nav.main ul li:hover a {
color:#fff;
background:#9a2438;
display:block;
padding-left:10px;
}

.twitter {
border-top:1px solid #3b150b;
border-bottom:1px solid #3b150b;
margin-bottom:30px;
background:url(images/twitterbg.gif) no-repeat top right;
}

.twitter p {
margin:10px 35px 10px 0;
}

.twitter p span {
font-size:.7em;
}
article {
margin-bottom:40px;
}
h2.entry-title {
margin-bottom:5px;
margin-left:0;
}
h2.entry-title span{
font-family: fontinsanssmall, fontinsans, helvetica, arial, sans-serif;
}
.meta {
font-size:.9em;
margin-bottom:1.125em;
}
.meta span {
font-size:.8em;
}
#content img {
padding:8px;
background:#EAEDD9;
border:1px solid #bed73b;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}
.flickr a:hover {
border:none;
}
.amzshcs-item {
margin-bottom:20px;
}
.amzshcs-item a:hover {
border:none;
}
hr {
color: #bed73b;
border: 0;
background-color: #bed73b;
height: 1px;
width: 40%;
text-align: center;
}
#sidebar ul {
margin-right:0;
}
#sidebar ul li {
list-style:none;
}
#comments, #commentsform {
margin-top:30px;
}
.line {
clear:both;
width:520px;
}
input#author, input#email, input#url  {
width:400px;
float:right;
height:25px;
background:#eaedd9;
border:1px solid #bed73b;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
padding:0 5px;
}
#commentsform label {
float:left;
line-height:25px;
margin-bottom:10px;
}
.clear2 {
clear:both;
margin-bottom:20px;
}
textarea#comment  {
width:400px;
float:right;
margin-bottom:10px;
background:#eaedd9;
border:1px solid #bed73b;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
padding:5px;
}
input#submit {
float:right;
}
img.avatar {
float:right;
}
#comments ol li {
margin-bottom:30px;
font-size:1.375em;
}
#comments ol li p {
font-size:.7em;
}
#comments ol li.alt {
color: #bed73b;
}
#comments ol li.alt p {
color:#3b150b;
}
.approved {
display:block;
line-height:28px;
background:#bed73b;
}
.older {
float:left;
}
.newer {
float:right;
}
footer {
background:#bed73b;
border-top:1px solid #3b150b;
}
#wrapper {
background: url(images/footerbg.gif) no-repeat top right;
padding-top:30px;
}
#wrapper ul li {
list-style:none;
margin:0 200px 16px 0;
}
#wrapper ul li span, #wrapper label {
font-family: fontinsanssmall, fontinsans, helvetica, arial, sans-serif;
font-size:1.125em;
}
#wrapper b {
font-weight:normal;
}
#wrapper p {
font-size:.8em;
text-align:center;
margin-top:30px;
}
/* Big Red Angry Text
See http://accessites.org/site/2006/07/big-red-angry-text/
*/
font,center,div[align],p[align],table[align],font[color]{margin:10px;padding:10px;color:#cd0000;background:#eecc11 url(images/warning.gif) repeat 0 0;border:2px dashed #cd0000;font-size:2em;font-weight:bold;}