/*  
Theme Name: Escape Crate 3
Theme URI: http://www.escapecrate.co.uk/
Description: v3.0 of Escape Crate
Version: 3.0
Author: Anthony Casey
Author URI: www.escapecrate.co.uk
*/

/* -----vv----- Resets and things like that -----vv----- */

body {
	padding: 0;
	margin: 0;
	font-size:80%;
	background: #EDE4D3;
	line-height: 1;
}


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
}

h1, h2, h3, h4, h5, h6 {
	font-family: "Gill Sans", "Gill Sans MT", Helvetica, Arial, sans-serif;
}

p, li {
	font-family: "Lucida Grande", Trebuchet, "Trebuchet MS", arial, sans-serif;
}

ol, ul, li {
	list-style: none;
}

/* -----vv----- The float clearing code -----vv----- */

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */

/* -----vv----- Link colours -----vv----- */

a { text-decoration: none; }
a:link, a:visited { color: #3F4483; }
a:hover, a:active { color: #900; }


#post_content p.center a, #post_content p.left a, #post_content p.right a { border: none; background: none; }

#post_content a { text-decoration: none;  padding: 1px 2px 1px; }
#post_content a:link, #post_content a:visited { color: #333; background: #EAF1C0; border-bottom: 1px dashed #C9DB61; }
#post_content a:hover, #post_content a:active  { color: #900; background: #eee; }

#post_content h2 a { text-decoration: none;  padding: 1px 2px 1px;  }
#post_content h2 a:link, #post_content h2 a:visited { color: #3F4483; background: none; border: none; }
#post_content h2 a:hover, #post_content h2 a:active  { color: #900; background: none; border: none; }

/* -----vv----- The main container -----vv----- */

#container {
	width: 960px;
	margin: 12px auto;
}

/* -----vv----- The content section -----vv----- */

#content_holder {
	float: left;
	width: 550px;
}

#post_holder {
	border: 1px solid #D6CCBA;
	width: 530px;
	margin: 0 auto 12px auto;
	background: #fff url(images/beer_stains.jpg) repeat-y center top;
}

/* -----vv----- The Post Header - i.e. Post tile -----vv----- */

#post_header h1 {
	width: 506px;
	margin: 0 auto;
	border-top: 12px #C9DB61 solid;
	color: #3F4483;
	text-align: center;
	font-weight: bold;
	font-size: 3em;
	padding: 12px 0 0 0;
	font-variant: small-caps;
	letter-spacing: -0.02em;
}

#post_header h2 {
	width: 506px;
	margin: 0 auto;
	border-bottom: 1px #C9DB61 solid;
	color: #555;
	text-align: center;
	font-family: Georgia, Helvetica, Arial, sans-serif;
	font-weight: normal;
	font-size: 1.2em;
	font-style: italic;
	padding: 12px 0 20px 0;
}

/* -----vv----- The post content and typography bits -----vv----- */

#post_content {
	padding-top: 12px;
}

#post_content h2 {
	width: 506px;
	margin: 0.2em auto 0.8em auto;
	background: #FAFCEF;
	border-top: 1px #C9DB61 solid;
	border-bottom: 1px #C9DB61 solid;
	color: #3F4483;
	font-variant: small-caps;
	text-align: center;
	font-weight: normal;
	font-size: 2em;
	padding: 6px 0;
}

#post_content h3 {
	margin: 18px 24px 12px 24px;
	color: #3F4483;
	font-variant: small-caps;
	font-weight: normal;
	font-size:1.8em;
}

#post_content p {
	line-height: 1.5em;
	font-size: 1.05em;
	color: #625948;
	padding: 0 24px 1.5em 24px;
}

#post_content blockquote {
	width: 400px;
	margin:0 auto 1.5em;
	color: #C9DB61;
	border-top: 1px solid #DCD4C4;
	border-bottom: 1px solid #DCD4C4;
	background: #fff;
}

#post_content blockquote p {
	padding: 12px 6px;
	color: #C9DB61;
	font-weight: bold;
	font-style: italic;
	font-size: 1.2em;
}

#post_content hr {
	border: none;
	height: 1px;
	border-top: 1px solid #C9DB61;
	color: #625948;
	margin: 0 12px 24px 12px;
}

#post_content blockquote p:before {
	content: open-quote;
}

#post_content blockquote p:after {
	content: close-quote;
}

#post_content ul, #post_content ol {
	margin: 0 48px 18px 38px;
}

#post_content li {
	line-height: 1.5em;
	font-size: 1.03em;
	color: #625948;
	padding: 0 24px 3px 8px;
	list-style: square;
}

#post_content img {
	border: 1px solid #D6CCBA;
	padding: 3px;
}

p.left {
	float: left;
}

#post_content p.left {
padding: 0 12px 10px 24px;
}

#post_content p.right {
padding: 0 24px 10px 12px;
}

p.right {
	float: right;
}

p.center {
	text-align: center;
}

#post_content pre {

margin: 0;
padding: 0;

}

#post_content code {
overflow: auto;
width: 470px;
max-height: 230px;
margin: 0 auto 12px auto;
font-size: 1.2em;
display: block;
border: 1px solid #D6CCBA;
padding: 0 6px 10px 6px;
color: #555;
background: #fff;
}

/* -----vv----- The Post footer section -----vv----- */

#post_footer {
	width: 506px;
	margin: 0 auto;
	border-top: 1px #C9DB61 solid;
}

#post_footer p {
	color: #3F4483;
	text-transform: uppercase;
	font-weight: normal;
	font-size: 1.4em;
	padding: 12px 0;
}

#post_footer p.tagging {
	font-family: Georgia, "Lucida Grande", Trebuchet, "Trebuchet MS", arial, sans-serif;
	font-style: italic;
	text-transform: none;
	line-height: 1.5em;
	font-size: 1em;
	color: #343434;
	padding: 3px 6px;
	background: #EAF1C0;
	text-align: right;
	margin-bottom: 12px;
}

/* -----vv----- The three recent post box -----vv----- */

#recent_container {
	background: #fff url(images/beer_stains.jpg) repeat-y center;
	border: 1px solid #D6CCBA;
	width: 530px;
	margin: 0 auto 12px auto;
	padding: 0;
}

#recent_articles h2 {
	width: 508px;
	margin: 0 auto 0px auto;
	border-top: 6px solid #C9DB61;
	border-bottom: 1px solid #C9DB61;
	color: #3F4483;
	text-align: center;
	font-weight: bold;
	font-size: 2em;
	padding: 16px 0;
	font-variant: small-caps;
	letter-spacing: -0.02em;
}

#recent_container p.next, #post_holder p.next {
	font-family: Georgia, "Lucida Grande", Trebuchet, "Trebuchet MS", arial, sans-serif;
	padding: 3px 12px;
	line-height: 1.5em;
	font-size: 1em;
	clear: both;
	background: #EAF1C0;
	margin: 12px;
} 

#recent_container p.next em {
	margin-left: 306px;
}

div.recent_1 {
	float: left;
	width: 33%;
}

div.recent_2 {
	float: left;
	width: 33%;
}

div.recent_3 {
	float: left;
	width: 33%;
}

div.recent_1 h3, div.recent_2 h3, div.recent_3 h3 {
	font-family: "Gill Sans MT", "Gill Sans", "Trebuchet MS", Arial, sans-serif;
	font-weight: normal;
	text-transform: uppercase;
	font-size: 1.2em;
	color: #3F4483;
	xpadding-top: 6px;
	padding-bottom: 6px;
	height: 56px;
	line-height: 1.2em;
	border-bottom: 1px solid #DCD4C4; 
	xtext-align: center;
}

div.recent_1 p, div.recent_2 p, div.recent_3 p {
	padding: 0 0 6px 0;
	color: #625948;
	font-size: 0.9em;
	line-height: 1.4em;
}

div.recent_1 h3, div.recent_1 p {
	margin: 6px 6px 6px 12px;
}

div.recent_2 h3, div.recent_2 p {
	margin: 6px 6px 6px 6px;
}

div.recent_3 h3, div.recent_3 p {
	margin: 6px 12px 6px 6px;
}

/* -----vv----- the comments rules etc -----vv----- */

div.comments {
	background: #fff url(images/beer_stains.jpg) repeat-y;
	border: 1px solid #D6CCBA;
	width: 530px;
	margin: 0 auto 12px auto;
	padding: 0;
	clear:both;
}

div.comments h2 {
	width: 508px;
	margin: 0 auto;
	border-top: 6px #C9DB61 solid;
	border-bottom: 1px #C9DB61 solid;
	color: #3F4483;
	text-align: center;
	font-weight: bold;
	font-size: 2em;
	padding: 12px 0;
	font-variant: small-caps;
	letter-spacing: -0.02em;
}

div.comment_container {
	margin: 6px auto;
	border-bottom: 1px solid #DCD4C4;
	width: 508px;
	padding-top: 12px;
	padding-bottom: 12px;
}

div.comment_user {
	width: 33%;
	float: left;
	border-right: 1px solid #DCD4C4;
}

div.comment_user h3 {
	padding: 0 12px 0 0;
	margin-bottom: 6px;
	line-height: 1em;
	font-size: 1.2em;
	color: #625948;
}

div.comment_user p {
	padding: 0 12px 1.5em 0;
	line-height: 1.5em;
	font-size: 0.8em;
	color: #625948;
}

div.comment_user p.left {
	padding: 0;
	margin: 0 12px 0 0;
}

div.comment_user p img {
	border: 1px solid #DCD4C4; 
	padding: 2px;
}

div.comment_text {
	width: 65%;
	float: left;
}

div.comment_text p {
	padding: 0 0 1.5em 12px;
	line-height: 1.4em;
	font-size: 1em;
	color: #625948;
}

div.comments h3#respond {
	width: 508px;
	margin: 0 auto 12px auto;
	border-top: 6px solid #C9DB61;
	border-bottom: 1px solid #C9DB61;
	color: #3F4483;
	text-align: center;
	font-weight: bold;
	font-size: 2em;
	padding: 12px 0;
	font-variant: small-caps;
	letter-spacing: -0.02em;
}

div.comments form p {
	padding: 0 12px 12px 12px;
	line-height: 1.5em;
	font-size: 1em;
	color: #625948;
}

div.comments form input {
	background: #fff;
	border: 1px solid #D6CCBA;
	padding: 2px;
	font-size:1.2em;
	color: #625948;
	font-family: "Gill Sans MT", "Gill Sans", "Trebuchet MS", Arial, sans-serif;
}

div.comments form textarea {
	width: 450px;
	height: 180px;
	background: #fff;
	border: 1px solid #D6CCBA;
	padding: 6px;
	font-size: 1.2em;
	color: #625948;
	line-height: 1.2em;
	font-family: "Gill Sans MT", "Gill Sans", "Trebuchet MS", Arial, sans-serif;
}

div.comments form hr {
	border: none;
	height: 1px;
	border-top: 1px solid #D6CCBA;
	color: #625948;
	margin: 0 12px 12px 12px;
}


/* -----vv----- The Sidebar -----vv----- */

#sidebar {
	float: left;
	width: 410px;
	margin-bottom: 12px;
}

/* -----vv----- The Naigation Links (About, Work, Archive) -----vv----- */

#navigation li {
	float: left;
}

#navigation li a {
	display: block;
	text-indent: -9999px;
	background: #eee;
}

#navigation li.subscribe a:link, #navigation li.subscribe a:visited {
	background: url(images/subscribe.jpg) no-repeat bottom;
	width: 160px;
	height: 100px;
}

#navigation li.subscribe a:hover, #navigation li.subscribe a:active {
	background: url(images/subscribe.jpg) no-repeat top;
}

#navigation li.about a:link, #navigation li.about a:visited {
	background: url(images/about.jpg) no-repeat top;
	width: 78px;
	height: 100px;
}

#navigation li.about a:hover, #navigation li.about a:active {
	background: url(images/about.jpg) no-repeat bottom;
}

#navigation li.work a:link, #navigation li.work a:visited {
	background: url(images/work.jpg) no-repeat top;
	width: 82px;
	height: 100px;
}

#navigation li.work a:hover, #navigation li.work a:active {
	background: url(images/work.jpg) no-repeat bottom;
}


#navigation li.archive a:link, #navigation li.archive a:visited {
	background: url(images/archive.jpg) no-repeat top;
	width: 81px;
	height: 100px;

}

#navigation li.archive a:hover, #navigation li.archive a:active {
	background: url(images/archive.jpg) no-repeat bottom;
}

/* -----vv----- The Header... well the bottle label -----vv----- */

#header {
	clear: both;
}

#header h1 {
	text-indent: -9999px;
	width: 403px;
	height: 155px;
}

#header h1 a:link, #header h1 a:visited {
	display: block;
	height: 155px;
	background: url(images/header.jpg) no-repeat bottom;
	width: 100%;
}

#header h1 a:hover, #header h1 a:active {
	background: url(images/header.jpg) no-repeat top;
}

#twitter {
background: url(images/intro_bg_p.jpg) repeat-y top left;
}

div.tweet {
background: url(images/twitter_bg.png) no-repeat top left;
height: 121px;
width: 346px;
margin: 0 auto;
}

#twitter div.tweet p {
line-height: 1.4em;
font-family: "Gill Sans", "Gill Sans MT", Georgia, Arial, Sans-serif;
color: #333;
padding: 15px 22px 0 24px;
font-size: 1.1em;
font-weight: normal;
}

#twitter div.tweet p.twit_link {
padding-top: 0;
text-align: right;
font-style: italic;
font-family: Georgia, "Times New Roman", sans-serif;
font-size: 1em;
}

/* -----vv----- The awkward introduction bit -----vv----- */

#intro h2 {
	text-indent: -9999px;
	background: url(images/intro_bg.jpg) no-repeat top left;
	height: 125px;
	margin: 0 auto;
	width: 100%;
	padding: 0;
	margin: 0;
}

#intro p {
	padding: 12px 30px 12px 24px;
	margin: 0;
	background: url(images/intro_bg_p.jpg) repeat-y top left;
	color: #625948;
	font-size: 1.1em;
	line-height: 1.6em;
}

hr.link_break {
	margin: 0 36px 24px 24px;
	padding: 0;
	background: none;
	height: 1px;
	border: none;
	border-top: 1px solid #DCD4C4;
}

/* -----vv----- The outward links bit -----vv----- */

#links {
	background: #fff url(images/side_footer.jpg) repeat-y bottom left;
	padding-top: 12px;
	padding-bottom: 48px;
	width: 98%;
}

#links h2 {

	font-family: "Gill Sans MT", "Gill Sans", "Trebuchet MS", Arial, sans-serif;
	font-weight: normal;
	text-transform: uppercase;
	font-size: 1.6em;
	color: #C9DB61;
}

#links ul {
	color: #625948;
	font-size: 1em; 
}

/* -----vv----- Places I frequent -----vv----- */

#places {
	width: 230px;
	border-right: 1px solid #DCD4C4;
	float: left;
}

#places h2 {
	padding: 0 0 6px 24px;
}

#places ul {
	margin: 0 0 12px 0;
	line-height: 1.4em;
}

#places li {
	padding: 0 0 3px 24px;
}

/* -----vv----- Archives -----vv----- */

#archives {
	width: 170px;

	float: left;
}

#archives h2 {
	padding: 0 0 6px 12px;
}

#archives ul {
	margin: 0 0 12px 0;
	line-height: 1.4em;
}

#archives li {
	padding: 0 0 3px 12px;
}

/* -----vv----- The Last.fm Jukebox -----vv----- */

#jukebox {
	width: 320px;
	margin: 0 auto;
}

#jukebox h2 {
	background: url(images/jukebox.png) no-repeat top;
	text-indent: -9999px;
	height: 65px;
}

#jukebox li {
	background: url(images/juke_track.png) no-repeat top;
	height: 60px;
}

#jukebox li h3 {
	font-family: "Gill Sans MT", "Gill Sans", "Trebuchet MS", Arial, sans-serif;
	font-weight: normal;
	text-transform: uppercase;
	font-size: 1.3em;
	color: #333;
	text-align: center;
	padding: 6px 0 0 0;
	width: 300px;
	height: 18px;
	overflow: hidden;
	margin: 0 auto;
}

#jukebox li p {
	font-family: "Gill Sans MT", "Gill Sans", "Trebuchet MS", Arial, sans-serif;
	font-weight: normal;
	text-transform: uppercase;
	font-size: 0.9em;
	color: #555;
	text-align: center;
	padding: 6px 0 0 0;
width: 310px;
}

#jukebox p {
	font-size: 0.9em;
	color: #555;
	margin: 0 0 0 6px;
	font-style: italic;
	text-align: center;
}

/* -----vv----- The Footer Flock Wallpaper bit -----vv----- */

#footer {
	clear: both;
	background: #fff url(images/wallpaper.jpg);
	height: 360px;
	margin: 12px 0 0 0;
}

#footer_container {
	width: 960px;
	margin: 0 auto;
	padding-top: 30px;
}

/* -----vv----- Brain Tublr Ale -----vv----- */

#tumblr {
	float: left;
	width: 30%;
	height: 258px;
	background: url(images/poster.png) no-repeat top left;
	margin-top: 20px;
}

#tumblr h2 {
	text-indent: -9999px;
	
}

#tumblr h2 a {
	display: block;
	width: 250px;
	height: 80px;
}

#tumblr h3 {
	font-family: "Gill Sans MT", "Gill Sans", "Trebuchet MS", Arial, sans-serif;
	font-weight: normal;
	text-transform: uppercase;
	font-size: 1.6em;
	padding: 9px 66px 3px 12px;
}

#tumblr p {
	padding: 0 64px 0 12px;
	font-family:Arial, Helvetica, sans-serif;
	margin: 0;
	color: #625948;
	font-size: 12px;
	line-height: 1.4em;
}

#tumblr p.tumble_feed {
	text-align: right;
	padding-right: 82px;
	line-height: 1em;
	padding-top: 8px;
	font-family: "Gill Sans MT", "Gill Sans", "Trebuchet MS", Arial, sans-serif;
	text-transform: uppercase;
	background: url(images/poster_icon.gif) no-repeat 210px;
}

#tumblr a:link, #tumblr a:visited {
	color: #333;
}

#tumblr a:hover, #tumblr a:active {
	color: #c00;
}

/* -----vv----- The Flickr Frames -----vv----- */

#flickr {
	float: left;
	width: 40%;
}

#flickr li {
	width: 100%;
}

#flickr li.frame0 {
	background: url(images/frame1.png) no-repeat top;
	height: 148px;
	width: 129px;
	position: relative;
	left: 60px;
}

#flickr li.frame0 img {
	width: 72px;
	height: 72px;
	position: relative;
	top: 48px;
	left: 29px;
}

#flickr li a img {
	border: none;
}

#flickr li.frame1 {
	background: url(images/frame2.png) no-repeat top;
	height: 97px;
	width: 95px;
	position: relative;
	margin-top: -140px;
	left: 220px;
}

#flickr li.frame1 img {
	width: 69px;
	height: 69px;
	position: relative;
	top: 12px;
	left: 13px;
}

#flickr li.frame2 {
	background: url(images/frame3.png) no-repeat top;
	height: 111px;
	width: 119px;
	position: relative;
	margin-top: 10px;
	left: 260px;
}

#flickr li.frame2 img {
	width: 72px;
	height: 72px;
	position: relative;
	top: 17px;
	left: 24px;
}

#flickr li.frame3 {
	background: url(images/frame4.png) no-repeat top;
	height: 112px;
	width: 114px;
	position: relative;
	margin-top: -60px;
	left: 0px;
}

#flickr li.frame3 img {
	width: 71px;
	height: 72px;
	position: relative;
	top: 16px;
	left: 21px;
}

#flickr li.frame4 {
	background: url(images/frame5.png) no-repeat top;
	height: 129px;
	width: 133px;
	position: relative;
	margin-top: -90px;
	left: 123px;
}

#flickr li.frame4 img {
	width: 71px;
	height: 71px;
	position: relative;
	top: 25px;
	left: 30px;
}

/* -----vv----- Big Gamer Gilly Gas -----vv----- */

#gamercard {
	float: left;
	width: 30%;
	background: url(images/gamercard_bg.png) no-repeat top;
	height: 200px;
	text-align:center;
	padding-top: 100px;
	margin-top: 30px;
}

#gamercard h1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.6em;
	padding: 8px 0 0 0;
	color: #3F4483;
}

#gamercard h2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.4em;
	padding: 8px 0 0 0;
	color: #c00;
}

#gamercard p {
	padding: 10px 30px 0 30px;
}

#gamercard p img {
	border: 1px solid #DCD4C4;
	padding: 1px;
	width: 26px;
	height: 26px;
	margin: 0 4px 0 0;
}

acronym {
margin-bottom: 1px dotted #c9db61;
}