@import "reset-fonts-grids.css";

/* Colours & Fonts */

html {background-color: #E7DED0;}

body {background-color: #E7DED0; color: #006595; font-family: "Lucida Grande", Helvetica, Verdana, sans-serif;}

div#upper {border-bottom: 2px solid #948671;}

div#pocket {background-color: #D9CFC0; border-bottom: 2px solid #948671;}

div#lower {text-align: left;}

div#footer {background-color: #948671; color:#E7DED0; font-size: 75%;}
div#footer a, div#footer a:link {color: #E7DED0;}


a, a:link {color: #948671;}

h1, h2, h3 {font-family: Georgia, "Times New Roman", serif;}

h2 {font-size: 150%;}

h2 a, h2 a:link {color: #006595; text-decoration: none;}

h2 a:hover {color: #948671;}

h3 {font-size: 120%;}


/* Imagery */

li#about {background: url('images/icon-facebook.png') no-repeat;}

li#twitter {background: url('images/icon-twitter.png') no-repeat;}

li#psn {background: url('images/icon-twitter.png') no-repeat;}

li#facebook {background: url('images/icon-facebook.png') no-repeat;}

li#greader {background: url('images/icon-facebook.png') no-repeat;}



/* Layout - General */

div#upper {width: 100%;}

div#pocket {max-height: 200px; width: 100%;}

div#lower {width: 100%; clear: both;}

div#footer {height: 20px; width: 100%;}



/* Layout - #upper */

div#upper {padding-top: 50px;}

div#logo {float: left; margin-left: 60px;}

div#logo a {display: block; text-indent: -999em; height: 81px; width: 330px; background-image: url('images/helmet-text.png');}

div#buttons {position:relative; right: 0px; height: 70px; margin-top: 50px; margin-right: 70px; text-align: left; margin-left: 70px;}

div#buttons ul li {display: block; float: right; width:32px; height:32px; margin: 0px 0px 0px 30px; text-indent: -999em;}

div#buttons ul li a {display: block; width: 32px; height: 32px;}



/* Layout - #pocket */

div#pocket {overflow: hidden;}

div#pocket ul {margin: 20px 70px 0px 73px;}

div#pocket ul li {display: block; float: left; width: 175px; margin: 0 20px 20px 0; padding: 5px; background-color: #BFE5FF; border: 1px solid blue; text-align: left;}

div#pocket ul li.last {margin: 0 0 20px 0;}

div#pocket ul li p.itemdata {margin-top: 5px; font-size: 80%;}



/* Layout - #lower */

div.post {margin: 20px 70px 0px; width:450px; border-bottom: 1px solid #948671; padding-bottom: 20px;}

div.post p {margin-top: 20px;}
div.post strong {font-weight: bold;}
div.post ol {margin-top: 20px; padding-left: 20px;}
div.post ol li {margin-top: 10px; list-style-type: decimal; list-style-position: outside;}

div.post ul.postmetadata li {margin-top: 20px;}

li.date {font-style: italic;}

div.archivelink {margin-top:20px; margin-left:70px; width:450px; position: relative;}
p.nextpage {display:block; float: right;}
p.prevpage {display:block;}




/* Layout - #comments */

div#comments {margin: 10px 70px 0px; width:450px; border-bottom: 1px solid #948671; padding-bottom: 10px;}

div.addthis_toolbox {margin-top: 10px; font-size: 95%}
p.addthis-help {margin-top:5px; font-size: 75%; margin-bottom: 15px;}

p.addthis-help span.addthis-help-1 {color:#948671;}
p.addthis-help span.addthis-help-1 span.addthis-help-2 {text-decoration:none; display:block; margin-top:3px; overflow:hidden; height:0px; color:#006595;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
p.addthis-help span.addthis-help-1:hover span.addthis-help-2 {height:50px; text-decoration: none;}


ol.commentlist {margin: 20px 0px;}
li.comment {padding: 10px 10px 10px 50px; border: 1px solid #006595; position: relative; border-bottom-left-radius: 5px 5px; border-bottom-right-radius: 5px 5px; border-top-left-radius: 5px 5px; border-top-right-radius: 5px 5px; margin-bottom: 10px;}
ol.commentlist div.comment-meta {float: right; font-size: 75%; text-decoration: none;}
ol.commentlist div.comment-author {float: left;}
ol.commentlist div.comment-author img {position: absolute; left:10px;}
li.comment p {clear:both; padding-top: 10px;}
li.comment p i {padding-top: 10px; font-size: 75%;}
li.pingback {padding: 10px 10px 10px 50px; border: 1px solid #006595; position: relative; border-bottom-left-radius: 5px 5px; border-bottom-right-radius: 5px 5px; border-top-left-radius: 5px 5px; border-top-right-radius: 5px 5px; margin-bottom: 10px;}
li.pingback p {clear:both; padding-top: 10px;}
li.pingback p i {padding-top: 10px; font-size: 75%;}

span.twitoaster {font-size: 75%; margin-top: 20px;}


/* Layout - #footer */
div#footer {padding-top: 20px; clear: both;}
div#footer p {width:450px; padding-left: 70px; text-align: center;}


/* Temporary Settings */
div#pocket {display:none;}