/*
Theme Name: Tom's Footprint 2
Theme URI: http://tomsfootprint.co.uk/
Description: A theme created for Tom's Footprint.
Version: 1.6
Author: Tom Ruttle
Author URI: http://tomsfootprint.co.uk/
Tags: blue, custom header, fixed width, two columns, widgets
*/
	
/* RESET */
	
	html, body, div, span, object,
	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,
	b, u, i, center,
	dl, dt, dd, ol, ul, li,
	fieldset, form, label,
	caption {
		margin: 0;
		padding: 0;
		border: 0;
		outline: 0;
		font-size: 100%;
		vertical-align: baseline;
		background: transparent;
			}
	
	body {
		line-height: 1;
			}
			
	ol, ul {
		list-style: none;
			}
	
	blockquote, q {
		quotes: none;
			}
			
	blockquote:before, blockquote:after,
	q:before, q:after {
		content: '';
		content: none;
			}

/* remember to define focus styles! */
	:focus {
		outline: 0;
			}


/* MAIN STYLES */
	
	body {
		color: #CDBDAE;
		font-family: georgia;
		text-align: justify;
		line-height: 140%;
		padding: 0px;
		margin: 0px;
		background-color: #1F1F1F;
		/*background-color: #c36c0d;*/
		/*background-color: #6b3d23;*/
		/*background-color: #74ceb2;*/
		/*background-color: #85A3A7;*/
		/*background-color: #F8F7E5;*/
		/*background-color: #efede0;*/
		/*background-color: #DCDFFA;*/
			}
	
	p {
		padding-bottom: 10px;
		}
	
	a, a:visited, a:link, a:active {
		color: #c36c0d;
		text-decoration: none;
			}
			
	a:hover {
		text-decoration: underline;
		}
		
	h1 {
		margin: 30px 0 20px 0;
		color: #7A5B3E;
		position: relative;
		left: 29px; /* -1*/
		top: 67px; /* 72 */
		font-size: 188px;
		font-weight: normal;	
		font-family: georgia;
		display: inline;
			}
			
	h2 {
		display: inline;
		font-size: 120px;
		margin: 30px 0 20px 0;
		top: 69px; /*26 */
		left: 39px; /*280 */
			}
			
	h2 a, h2 a:visited, h2 a:link, h2 a:active, h2 a:hover {
		color: #CDBDAE;
		text-decoration: none;
			}
			
		
	h2, h3 {
		letter-spacing: -0.09em;
		color: #CDBDAE;
		text-transform: lowercase;
		position: relative;
		font-weight: normal;
		}
		
	h3 {
		font-size: 52px;
			}
			
	.homepostdate a h5, .homepostdate a h4 {
		color: #c36c0d;
			}
			
	h4, h5 {
		display: inline;
		letter-spacing: -0.09em;
		color: #7A5B3E;
		text-transform: lowercase;
		margin: 0px;
		position: relative;
		font-weight: normal;
		}
		
	h4  {
		font-size: 40px;
		padding-left: 5px;
			}
			
	h5 {
		font-size: 30px;
			}
			
	h6 {
		color: #CDBDAE;
		text-transform: lowercase;
		font-weight: normal;
		}
		
/* ID's */	

	#wrapper {
		position: relative;
		width: 960px;
		margin: -30px auto;
		/*background-color: #dddddd;*/
			}
			
	#header {
		position: relative;
		border-bottom: 2px solid #FAFAFA;
		border-top: 2px solid #FAFAFA;
		top: 80px;
		height: 150px;
		margin-bottom: 150px;
			}
			
	#barnav {
		position: relative;
		left: 100%;
		top: -82px;
		margin-left: -444px;
		width: 384px;
		height: 55px;
		line-height: 55px;
		padding: 0 30px;
		/*background-color: #aaa;*/
		z-index: 2;
			}
			
	#barnav li {
		float: left;
		width: 128px;
		text-align: center;
			}
			
	#main { 
		position: relative;
		/*background-color: #aaa;*/
			}
			
	#posts {
		float: left;
		width: 426px;
		padding-bottom: 40px;
			}
			
	#wideposts {
		float: left;
		width: 626px;
		padding-bottom: 40px;
			}
			
	#navigation {
		position: relative;
		width: 366px;
		height: 55px;
		line-height: 55px;
		padding: 0 30px;
		/*background-color: #aaa;*/
		z-index: 2;
		border-top: 1px dotted #555;
		border-bottom: 1px dotted #555;
		margin-top: 40px;
			}
			
	#navigation li {
		float: left;
		width: 183px;
		text-align: center;
			}
			
	#sidebar {
		float: right;
		width: 444px;
		padding-bottom: 40px;
			}
			
	#narrowsidebar {
		float: right;
		width: 244px;
		padding-bottom: 40px;
			}
			
	#links {
		margin-top: 50px;
		float: right;
		width: 356px;
		padding: 0 30px 0 30px;
		padding-bottom: 40px;
			}
		
			
	#footer {
		position: relative;
		border-bottom: 2px solid #FAFAFA;
		border-top: 2px solid #FAFAFA;
		top: -50px;
		height: 50px;
		margin-top: 50px;
			}
		
	#footernav {
		position: relative;
		top: 0px; /*63*/
		width: 920px;
		height: 55px; /*42*/
		line-height: 55px; /*42*/
		padding: 0 31px;
		/*background-color: #aaa;*/
		z-index: 2;
			}
			
	#footernav li {
		float: left;
		width: 306px;
		text-align: center;
			}
		
	#menu {
		position: relative;
		width: 426px;
		left: 50%;
		margin-left: -213px;
		padding-bottom: 30px;
			}
			
/* Classes */

	.eachpost {
		/*background-color: #999999;*/
		position: relative;
			}
			
	.divider {
		height: 30px;
			}
			
	.homepostdate, .blogposttitle {
		letter-spacing: -0.1em;
		text-transform: lowercase;
		margin-top: 0px;
		text-align: center;
		position: relative;
		height: 30px;
		padding-top: 20px;
		margin-bottom: 30px;
		border-bottom: 1px dotted #555555;
		/*background-color: #444444;*/
			}
			
	.blogpostdate {
		float: left;
		position: relative;
		top: 2px;
		width: 80px;
		}
		
	.blogpostdate h4 {
		font-size: 30px;
			}
			
	.blogpostdate h5 {
		font-size: 20px;
			}
			
	.blogtitletext {
		position: relative;
		left: -40px;	
		top: 5px;
			}
			
	.blogtitletext h1 {
		margin: 0;
		color: #7A5B3E;
		position: relative;
		left: 0px;
		top: 0px;
		font-size: 40px;
			}
	
	.hometitletext {
		text-align: center;
			}
			
	.homeentry {
		text-align: left;
			}
			
	.feedentry {
		margin-left: 13px;
		margin-top: -30px;
			}
			
	.homeentry img, .blogentry img, .feedentry img {
		display: block;
		max-width: 422px;
		border: 1px solid #FAFAFA;
		text-align: center;
			}
			
	.blogentry img {
		margin: 30px auto 30px auto;
			}
			
	.homeentry img, .feedentry img {
		margin: 10px auto 10px auto;
			}
			
	.subtitle {
		font-size: 80%;
		border-top: 1px dotted #555555;
		margin-top: 10px;
		height: 30px;
		margin-bottom: 15px;
			}
			
	.menuitem {
		float: left;
		width: 148px;
		text-align: center;
		padding-bottom: 20px;
			}
			
	/* Generic Classes */
			
	.hidden {
		display: none;
			}	
	
	.left {
		width: 50%;
		text-align: left;
		float: left;
			}
			
	.right {
		width: 50%;
		text-align: right;
		float: right;
			}

/* CSS for disqus comments */

	#disqus_thread #dsq-content h3 {
		font-size: 30px;
		color: #7A5B3E;
		text-align: center;
		font-weight: normal;
		width: 100%;
		padding-bottom: 2px;
		border-bottom: 1px dotted #555;
		margin-bottom: 20px;
			}
			
	#disqus_thread #dsq-content  {
		border-bottom: 1px dotted #555;
		margin-bottom: 20px;
			}
			
	input.form-text {
		font-weight: normal;
			}
			
	textarea {
		background-color: #cdbdae;
		color: #7A5B3E;
			}
			
/* Here beginneth tumblr stylings */

	.caption {
		text-align: right;
		font-style: italic;
		font-size: 90%;
			}
			
	.vid {
		display: block;
		margin: 10px auto 10px 0;
			}
			
	.navigation {
		margin: 0 38px 38px 38px;
			}
		
/* Here beginneth picasa stylings */

	.picasaalbum {
		float: left;
		width: 200px;
		text-align: center;
		margin-top: 30px;
			}
			
	.albumtitle {
		font-size: 80%;
		margin: 5px 10px 5px 10px;
			}
			
/* Float Fix */

	#navigation:after, #footernav:after, #barnav:after, #main:after, .menu:after, .blogentry:after, .feedentry:after{
		clear:both;
		content:".";
		display:block;
		height:0;
		visibility:hidden;
			}