/*
Theme Name: Dark Inspiration
Theme URI: http://tomglenn.co.uk
Description: Theme designed strictly for use on <a href="http://tomglenn.co.uk">tomglenn.co.uk</a>.
Version: 1.0
Author: Tom Glenn
Author URI: http://tomglenn.co.uk
Tags: dark, inspiration, tom, glenn
*/

/* Elements & Typography */
html
{
	height: 100%;
}

body
{
	margin: 0;
	padding: 0;
	height: 100%;
	font-family: Helvetica Neue, Helvetica, Arial, Verdana;
	font-weight: normal;
	color: #ffffff;
	background: url('images/background.jpg') no-repeat top center fixed #131313;
}

a
{
	text-decoration: none;
	color: #e5dda3;
}

a:hover
{
	color: #d1c889;
}

hr
{
	border-top: 1px solid #0c0c0c;
	border-bottom: 1px solid #202020;
	border-left: none;
	border-right: none;
}

h2, h3, h4
{
	font-weight: 100;
	text-shadow: 2px 2px 2px #000000;
}

input[type=text]
{
	padding: 5px;
	color: #cecece;
	font-family: Helvetica Neue, Helvetica, Arial, Verdana;
	font-size: 0.8em;
	background-color: #111111;
	border-top: 1px solid #050505;
	border-left: 1px solid #050505;
	border-bottom: 1px solid #222222;
	border-right: 1px solid #222222;
}

textarea
{
	padding: 5px;
	width: 887px;
	height: 65px;
	color: #cecece;
	font-family: Helvetica Neue, Helvetica, Arial, Verdana;
	font-size: 0.8em;
	background-color: #111111;
	border-top: 1px solid #050505;
	border-left: 1px solid #050505;
	border-bottom: 1px solid #222222;
	border-right: 1px solid #222222;
}

input[type=submit]
{
	padding: 5px;
	color: #cecece;
	background-color: #111111;
	border-top: 1px solid #222222;
	border-left: 1px solid #222222;
	border-bottom: 1px solid #050505;
	border-right: 1px solid #050505;
}

label
{
	color: #555555;
}

/* Wrapper */
#wrapper
{
	margin: 0 auto -125px auto;
	width: 900px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
}

/* Header */
#header
{
	height: 50px;
	color: #ffffff;
}

#header a
{
	text-decoration: none;
	font-weight: bold;
	color: #ffffff;
}

#header a:hover
{
	color: #777777;
}

#header ul
{
	list-style-type: none;
}

#header ul li
{
	display: inline;
	margin-right: 25px;
}

#header ul#header_links
{
	float: left;
	margin: 18px 0 0 0;
	padding: 0;
}

#header #header_search
{
	float: right;
	margin: 13px 0 0 0;
}

#header #header_search form, #header #header_search input
{
	margin: 0;
	padding: 0;
}

#header #header_search input[type=text]
{
	float: left;
	padding: 5px;
	width: 200px;
	background: url('images/search_background.png') repeat-x;
}

#header #header_search input[type=image]
{
	float: right;
	width: 70px;
	height: 28px;
}

/* Banner */
#banner
{
	margin: 25px 0 25px 0;
}

/* Posts */
.post_navigation, .comment_navigation
{
	font-size: 0.8em;
	text-align: right;
}

.post_navigation a, .comment_navigation a
{
	padding: 5px;
	text-decoration: none;
	color: #555555;
	background: #101010;
	border: 1px solid #090909;
}

.post_navigation a:hover, .comment_navigation a:hover
{
	color: #555555;
	background: #151515;
}

.post_date
{
	float: left;
	padding: 10px;
	width: 100px;
	height: 50px;
	text-align: center;
}

.post_date .day
{
	float: left;
	padding: 5px;
	color: #333333;
	font-size: 1.8em;
	font-weight: bold;
	color: #555555;
	border-right: 1px solid #0c0c0c;
}

.post_date .month
{
	float: left;
	padding: 5px;
	color: #333333;	
	border-left: 1px solid #202020;
}

.post_date .year
{
	font-size: 0.8em;
}

.post_date .post_num_comments
{
	margin-top: 5px;
	font-size: 0.7em;
	color: #333333;
	text-align: center;
}

.post_date .post_num_comments img
{
	vertical-align: middle;
}

.floating_post
{
	float: left;
	width: 760px;
}

.post
{
	padding: 10px;
}

.post h2
{
	margin: 0;
	font-weight: 100;
}

.post h3
{
	margin: 0;
	font-weight: 100;
}
.post h4
{
	margin: 0;
	font-size: 1em;
	font-weight: 100;
}

.post p
{
	margin: 0 0 25px 0;
	font-size: 1em;
	color: #b6b6b6;
}

.post ul, .post ol
{
	margin: 10px 0 10px 0;
	font-size: 0.8em;
	color: #b6b6b6;
}

.post ul li, .post ol li
{
	margin: 0 0 5px 0;
}

.post .post_content .left_column
{
	float: left;
	width: 430px;
}

.post .post_content .right_column
{
	float: right;
	width: 430px;
}

.post .post_content .portfolio_left_column
{
	float: left;
	width: 300px;
	text-align: center;
}

.post .post_content .portfolio_right_column
{
	float: right;
	padding: 10px;
	width: 560px;
}

.post .post_content .shadow
{
	text-shadow: 1px 1px 2px #000000;
}

/* Comments */
#comments
{
	padding: 0 0 5px 0;
	font-size: 1.1em;
	font-weight: 100;
	border-bottom: 2px solid #222222;
}

ul.commentlist
{
	margin: 0;
	padding: 0;
	list-style-type: none;
}

ul.commentlist li
{
	margin: 5px;
}

.comment_avatar
{
	float: left;
	width: 100px;
	text-align: center;
}

.comment_avatar img
{
	border: 5px solid #090909;
}

.comment_content
{
	float: left;
	width: 780px;
}

.comment_author
{
	color: #999999;
}

.comment_date
{
	font-size: 0.7em;
	color: #555555;
}

.comment_body
{
	font-size: 0.8em;
	color: #cecece;
}

#respond h3
{
	font-weight: 100;
}

#respond p.logged_in_as
{
	font-size: 0.8em;
}

/* Error */
.error
{
	padding: 10px;
}

.error p
{
	margin: 0 0 25px 0;
	font-size: 0.8em;
	color: #b6b6b6;
}

.error ul
{
	font-size: 0.8em;
	color: #b6b6b6;	
}

.error h2
{
	margin: 0;
	padding: 0;
	font-weight: 100;
}

/* Content */
#content
{
	/*min-height: 220px;*/
}

/* Main Page Lists */
ul.main_page_ul
{
	margin: 10px 0 0 0;
	padding: 0;
	list-style-type: none;
	font-size: 0.8em;
	color: #b6b6b6;
	border-top: 1px solid #202020;
	border-left: 1px solid #202020;
	border-right: 1px solid #090909;
	border-bottom: 1px solid #090909;
}

ul.main_page_ul li
{
	margin: 0;
	padding: 5px;
	border-top: 1px solid #202020;
	border-bottom: 1px solid #0c0c0c;
	background: #131313;
}

ul.main_page_ul li.first
{
	border-top: none;
}

ul.main_page_ul li.last
{
	border-bottom: none;
}

ul.main_page_ul li.odd
{
	/* background: url('images/alt_transparent.png'); */
	background: #151515;
}

/* Footer */
#push
{
	height: 125px;
}

#footer
{
	height: 125px;
	text-align: center;
	background: url('images/footer_background.png') bottom center repeat-x;
}

#footer ul
{
	margin-left: 45px;
	padding-top: 5px;
	list-style-type: none;
}

#footer ul li
{
	display: inline;
	margin-right: 90px;
}

#footer ul li a
{
	text-decoration: none;
	color: #ffffff;
}

#footer ul li a:hover
{
	color: #777777;
}

#footer #footer_copyright
{
	margin: auto;
	width: 900px;
	padding-top: 20px;
	font-size: 0.7em;
	text-align: right;
}

/* Syntax Highlighter Plugin */
.syntaxhighlighter
{ 
	font-size: 0.6em !important;
}