/* @override http://www.nicktoye.co.uk/pixels/css/screen.css */

/*

	Title 			Screen.css
	Version			1.0
	Date Created	17th July 2010
	Date Modifield	n/a
	Author			Nick Toye	

	Contents
	
	0. IMPORTS
	1. BODY
	2. DEFAULTS
	   2.1 HEADINGS
	   2.2 TYPOGRAPHY
	   2.3 LINKS
	   2.4 LISTS
	   2.5 IMAGERY
	   2.6 FORMS
	   2.7 TABLES
	3. SPECIFICS
	   3.1 LAYOUT
	   3.2 BRANDING
	   3.3 NAVIGATION
	4. HELPERS
	   4.1 MODERNIZR
	   4.2 CLEARFIX	
*/

/* @group [0] IMPORTS */

@import url(reset.css); /* RESET CSS */


/* @end */

/* @group [1] BODY */

/* html background and base styles*/

html {
	background: url(../img/html.png) repeat
}

body {
	font-family: Georgia, Verdana, sans-serif;
	font-size: 62.5%;
	background: url(../img/body.png) repeat-x top left;
	color: rgba(0,0,0,.6);
}

/* @end */

/* @group [2] DEFAULTS */

/* @group [2.1] HEADINGS */

/* Base heading weights, sizes and styles */

h1, h2, h3, h4 {
	font-weight: normal;
	text-shadow: 0 1px 0 rgba(255,255,255,.8);
}

h1 {
	font-size: 18px;
}

h2, span.caption-title p {
	font-size: 18px;
	font-style: italic;
}

h2 a, h1 a {
	font-size: 18px;
	font-style: italic;
}

.article h2, .article h1 {
	margin-bottom: 15px;
}


#sidebar h3 {
	font-size: 13px;
	text-transform: uppercase;
	margin-bottom: 10px;
	font-weight: bold;
}

h3 {
	font-weight: bold;
	margin-bottom: 15px;
	font-size: 14px;
}


/* @end */

/* @group [2.2] TYPOGRAPHY */

/* Base typographical styles */

p {
	margin-bottom: 15px;
	font-size: 13px;
	text-shadow: 0 1px 0 rgba(255,255,255,.4);
}

#sidebar p {
	font-size: 12px;
}

blockquote {
	font-style: normal;
	margin-bottom: ;
}

strong {
	font-weight: bold;
}

em {
	font-style: italic;
}

sup, sub {
	line-height: 0;
}

abbr, acronym {
	border-bottom-width: 0;
}



/* @end */

/* @group [2.3] LINKS */

/* Base anchor link styles */

a, a:visited {
	outline: none;
	color: #6C93A3;
	text-decoration: none;
	font-size: 12px;
}

a:hover {
	color: #B27F5E;
	text-decoration: none;
}

a:active, a:focus {
	color: #B27F5E;
}



/* @end */

/* @group [2.4] LISTS */

/* Generic Lists */

ul.generic {
	
}

ul.generic li {
	
}

#sidebar ul {
	font-size: 12px;
	margin-bottom: 15px;
}

#sidebar ul li {
	padding-left: 20px;
	line-height: 22px;
	background: url(../img/star.png) no-repeat 0 50%;
}

/* Ordered Lists */

ol.numerical li {
	list-style: decimal;
	list-style-position: inside;
}

/* Definition Lists */

dl {
	margin: ;
}

dt {
	font-weight: bold;
}

dd {
	margin-left: ;
}

/* @end */

/* @group [2.5] IMAGES */

/* Image styling for positional images */

img.left {
	float: left;
	margin: 0 15px 15px 0;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
	-webkit-box-shadow: 0 0 5px rgba(0,0,0,.4);
	-moz-box-shadow: 0 0 5px rgba(0,0,0,.4);
	-o-box-shadow: 0 0 5px rgba(0,0,0,.4);
}

img.right {
	float: right;
	margin: 0 0 15px 15px;
	border: 2px solid #fff;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
	-webkit-box-shadow: 0 0 5px rgba(0,0,0,.4);
	-moz-box-shadow: 0 0 5px rgba(0,0,0,.4);
	-o-box-shadow: 0 0 5px rgba(0,0,0,.4);
}

/* For a more photographic effect */

img.polaroid {
	border: 2px solid #fff;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
	-webkit-box-shadow: 0 0 5px rgba(0,0,0,.4);
	-moz-box-shadow: 0 0 5px rgba(0,0,0,.4);
	-o-box-shadow: 0 0 5px rgba(0,0,0,.4);
	float: right;
	margin: 0 0 15px 15px;
}

.photo a img {
	margin-bottom: 15px;
	border: 1px solid #B4BCBE;
	padding: 1px;
}

/* @end */

/* @group [2.6] FORMS */




/* @end */

/* @group [2.7] TABLES */



/* @end */

/* @end */

/* @group [3] SPECIFICS */

/* @group [3.1] LAYOUT */

/* Use 960.gs for columns */

#container {
	
}

#header {
	background: url(../img/code.png) no-repeat top center;
	height: 102px;	
	position: relative;
}

#header a.archive {
	background: rgba(0,0,0,.4) url(../img/archives.png) no-repeat 5% 50%;
	position: absolute;
	bottom: 0;
	right: 0;
	padding: 6px 10px 6px 30px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	color: #fff;
	-webkit-transition: background linear .3s;
	text-shadow: 0 -1px 0 rgba(0,0,0,1);
	-webkit-box-shadow: 0 0 5px rgba(0,0,0,.5);
	-moz-box-shadow: 0 0 5px rgba(0,0,0,.5);
}

#header a.archive:hover {
	background-color: rgba(0,0,0,.8);
}

/* Masthead Sidebar/ Date Box */

/*#dateBox { 
	width:120px; 
	height:40px; 
	background: -webkit-gradient(linear, left top, left bottom, from(#C9D2DB), to(#94a1ad)); 
	-webkit-box-shadow: 0 1px 7px rgba(0,0,0,.3);	
	margin: 0 auto; 
	-webkit-border-bottom-left-radius: 3px; 
	-webkit-border-bottom-right-radius: 3px; 
	position: relative; 
	top: -5px; 
} 

#dateBox p.date { 
	color: rgba(72,76,78,1); 
	text-align: center; 
	font-size: 1.8em; 
	font-weight: normal; 
	font-style: italic; 
	text-shadow: 0px 1px 2px rgba(255,255,255,.9); 
	position: relative; 
	top: 7px; 
}*/

/* Masthead Sidebar/Tags */





/* 3.1.3 Main Content */

#main-content {
	background: url(../img/content-faux.png) repeat-y top left;
}

/* Sidebar */

#sidebar {
	margin: 30px 0;
	background: rgba(255,255,255,.4);
	border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	padding: 0 10px;
	-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,.2);
}

#sidebar .section {
	margin-bottom: 20px;
	padding: 10px 0px 15px 0px;
	border-bottom: 1px solid rgba(0,0,0,.1);
	float: left;
	width: 220px;
}

#sidebar .section:last-child {
	border: 0 !important;
}

#twitter {
	padding-bottom: 25px !important;
}

#twitter h3 {
	padding-left: 24px;
	background: url(../img/twitter.png) no-repeat 0 50%;
}

#tweets {
	margin-bottom: 15px;
}

#tweets .content {
	margin-bottom: 10px;
	border-bottom: 1px solid rgba(0,0,0,.05);
	padding-bottom: 5px;
	word-wrap: break-word
}

#twitter a.follow {
	padding-left: 20px;
	background: url(../img/follow.png) no-repeat 0 50%;
}

ul#pagination {
	float: left;
	width: 100%;
	margin: 15px 0 0 0;
}

ul#pagination li {
	display: inline;
}


ul#pagination li a {
	opacity: .5;
	-webkit-transtion: opacity linear .3s;
}

ul#pagination li.next a {
	background: url(../img/next.png) no-repeat;
	text-indent: -3000px;
	float: right;
	width: 16px;
	height: 16px;
	margin: 0 3px;
}

ul#pagination li.prev a {
	background: url(../img/prev.png) no-repeat;
	text-indent: -3000px;
	float: left;
	width: 16px;
	height: 16px;
	margin: 0 3px;
}

ul#pagination li a:hover {
	opacity: 1;
}

.section a.archive {
	float: left;
	padding-left: 26px;
	background: url(../img/archives.png) no-repeat 0 50%;
	margin-bottom: 15px;
}

#page-pagination {
	float: left;
	width: 690px;
	margin: 0 0 0 10px;
}

#page-pagination a {
	opacity: .5;
	-webkit-transition: opacity linear .3s;
}

#page-pagination a:hover {
	opacity: 1;
}

#page-pagination a.next {
	background: url(../img/next.png) no-repeat;
	text-indent: -3000px;
	float: right;
	width: 16px;
	height: 16px;
	margin: 0 3px;
}

#page-pagination a.prev {
	background: url(../img/prev.png) no-repeat;
	text-indent: -3000px;
	float: left;
	width: 16px;
	height: 16px;
	margin: 0 3px;
}

/* Content */

#content {
	padding-top: 20px;
}

.article {
	margin: 10px 10px 15px 10px;
	padding: 10px;
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(201,210,219,.3)), to(rgba(148,161,173,.3)));
	background: -moz-linear-gradient(top, rgba(201,210,219,.3), rgba(148,161,173,.3));
	border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	position: relative;
	float: left;
	width: 670px;
}



.article-body {
	background: url(../img/divider-pocket.png) no-repeat bottom left;
	padding-bottom: 10px;
	/*border-bottom: 1px dashed rgba(255,255,255,.6);*/
	margin-bottom: 15px;
}

.quote .article-body {
	padding-bottom: 35px;
}

.article h2, .article span.caption-title p, .article h1 {
	border-bottom: 1px dashed rgba(255,255,255,.8);
	padding-bottom: 15px;
}

.article img.article-icon {
	position: absolute;
	right: 5px;
	top: 10px;
}


.quote h1 {
	margin: 0 50px 25px 0;
	font-style: italic;
	text-align: left;
	border: 0;
}

p.source {
	float: right;
	margin-bottom: 0;
	margin-right: 20px;
}

p.date {
	font-size: 12px;
	line-height: 20px;
	margin: 5px 15px 0 0;
	clear: both;
}

ul.tags {
	float: left;	
	padding-left: 20px;
	background: url(../img/tags.png) no-repeat 0 50%;
	margin: 0 0 10px 0;
}

ul.tags li {
	float: left;
	margin-right: 5px;
}

ul.tags li a {
	background: rgba(237,221,178,1);
	padding: 3px 10px;	
	display: block;
	font-size: 12px;
	color: rgba(0,0,0,.4);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	text-shadow: 0 1px 0 rgba(255,255,255,.4);
	-webkit-transition: background linear .2s;
	-moz-transition: background linear .2s;
	border: 1px solid rgba(0,0,0,.025);
	font-style: italic;
}

ul.tags li a:hover {
	background: rgba(237,221,178,.6);
}

/* Disqus stuff */

#disqus {
	clear: both;
	margin: 0 0 0 10px;
	width: 690px;
}

#disqus_thread {
	width: 690px;
	margin: 0 0 0 10px;
}

.dsq-textarea-wrapper {
	border: 0 !important;
}





a.dsq-brlink {
	margin-left: 10px;
}

/* 3.1.4 Footer */

#footer {
	margin-top: 15px;
	border-top: 1px solid rgba(206,213,218,.5);
	padding-top: 10px;	
}

#footer p.copy {
	
	text-align: center;
}

/* @end */

/* @group [3.2] BRANDING */

/* Logo & Masthead branding here, as well
as any other elements required */

#logo {
	width: 152px;
	height: 100px;
	background: url(../img/logo.png) no-repeat;
	float: left;
	margin: 0;
}

#logo a {
	display: block;
	width: 152px;
	height: 100px;
	text-indent: -3000px;
}


/* @end */

/* @group [3.3] NAVIGATION */



/* @end */

/* @end */

/* @group [4] HELPERS */

/* @group [4.1] MODERNIZR */

/* @end */

/* @group [4.2] CLEARFIX */

/* @end */

/* @end */