/*
Theme Name: Darkest Heresy
Theme URI: http://www.jagrant-design.co.uk
Description: Theme used by <a href="http://wwwodarkestheresy.co.uk">darkestheresy.co.uk</a>.
Version: 0.1
Author: James Grant
Author URI: http://www.jagrant-design.co.uk
Tags: feature footer, 2 column, category specific themes

Colors: page BG				#2D3031
		area emphasis		#DAE0DA
		text emphasis		#5A5458
		subtle border		#999
*/

/*-- global --*/

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

a:link {
	color: #D17B32;
	}

a:visited {
	color: #D17B32;
	}

a:hover {
	color: #D17B32;
	border-bottom: 1px dotted #5A5458;
	}

a:active {
	color: #D17B32;
	outline: none;
	}

p > a:after {
	content: url('images/link_arrow_bright.gif');
	}

h1, h2, h3, h4, h5, h6, 
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, 
h1 a:link, h2 a:link, h3 a:link, h4 a:link, h5 a:link, h6 a:link, 
h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited,
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover,
h1 a:active, h2 a:active, h3 a:active, h4 a:active, h5 a:active, h6 a:active {
	font-family:"Century Gothic","Gill Sans","Trebuchet MS",Arial,sans-serif;
	font-weight: bold;
	color: #5A5458;
	}

h1 a:active, h2 a:active, h3 a:active, h4 a:active, h5 a:active, h6 a:active {
	outline: none;
	}

hr {
	border: 0 none #999;
	height: 1px;
	width: 60%;
	margin: 0 auto;
	color: #999;
	}
	
.notify { /*used in generic notifications or warnings */
	border: 1px dotted #999;
	margin: 10px;
	padding: 5px;
	background-color: #F2EDC0;
	}

body {
	background: #2D3031 url('images/bg.jpg') fixed no-repeat top center;
	}

#page {
	background-color: #fff;
	padding-top: 5px;
	}


/*-- header.php --*/

#header {
	height: 200px;
	background-image: url('images/header.png');
	}
	
	#header h1 a {
		display: block;
		margin: 110px 0 0 40px;
		color: transparent;
		width: 480px;
		height: 75px;
		text-decoration: none;
		border: 0 none;
		font-size: 0px;
		}


/*-- index.php --*/
#feed {
margin-top: 5px;
	}
	
#feed .post {
	background-color: ;
	margin: 0;
	}

	#feed .post .header {
		background-color: #DAE0DA;
		}
		
		#feed .post .header h4 {
			margin: 4px 0 2px 8px;
			font-size: 1.6em;
			}
	
	#feed .post .meta {
		background-color: #DAE0DA;
		font-size: 0.8em;
		padding-bottom: 4px;
		}
		
		#feed .post .meta ul:before, #feed .post .meta ul:after {
			content: " ++ ";
			}
		
		#feed .post .meta ul {
			margin: 0 0 0 8px;
			}

		#feed .post .meta ul, #feed .post .meta ul li {
			display: inline;
			list-style-type: none;
			}
	
	#feed .post .excerpt {
		padding: 9px 0;
		}
		
		#feed .post .excerpt p {
			margin: 0 8px 18px 8px;
			}
		
		#feed .post .excerpt .more-link {
			display: block;
			text-align: right;
			border: 0 none;
			}
		
		#feed .post .excerpt .more-link:after {
			content: "";
			}
		
		#feed .post .excerpt .more-link > span:hover {
			border-bottom: 1px dotted #5A5458;
			}
		
		#feed .post .excerpt ol, #feed .post .excerpt ul {
			margin: 18px 18px 18px 36px;
			}


/*-- single.php / page.php --*/

#single {
	margin-top: 5px;
	}

	#single .header {
		background-color: #DAE0DA;
		}
		
		#single .header .post, #single .header .meta {
			text-align: center;
			}
			
			#single .header .post h2 {
				margin-bottom: 4px;
				}
			
			#single .header .meta h4 {
				line-height: 36px;
				margin-bottom: 4px;
				font-size: 0px; /* hides text */
				}
	
	#single .content {
		}
			
			#single .content .post, #single .content .page {
				margin-left: 10px;
				margin-top: 18px;
				}
				
			#single .content .post {
				width: 540px;
				}
			
			#single .content .meta {
				font-size: 0.8em;
				line-height: 18px;
				}
					
					#single .content .meta ul {
						margin: 18px 10px 0 0;
						list-style-type: none;
						}
						
					#single .content .meta ul li span.left {
						display: block;
						text-align: left;
						margin: 0;
						}
			
					#single .content .meta ul li span.right {
						display: block;
						text-align: right;
						margin: 0;
						border-bottom: 1px dotted #999;
						}


/* post formatting */

.wp-caption {
	background-color: #DAE0DA;
	margin: 5px auto;
	}

	.wp-caption a:hover {
		border: 0 none;
		}
	
	.wp-caption img {
		margin: 5px 5px 2px 5px;
		}
	
	.wp-caption p {
		font-size: 0.8em;
		margin: 0 0 0 5px;
		padding-bottom: 2px;
		}


/* comments.php */
#comments {
	}
	
	#comments .navigation {
		text-align: center;
		}
	
	#comments .header {
		background-color: #DAE0DA;
		}

	#comments .header .comment, #comments .header .meta {
			text-align: center;
			}
			
			#comments .header .comment h2 {
				margin-bottom: 4px;
				}
			
			#comments .header .meta h4 {
				line-height: 36px;
				margin-bottom: 4px;
				font-size: 0px; /* hides text */
				}
	
	#comments .list {
		}
			
			#comments .list .content {
				margin: 0;
				padding: 9px 0;
				}
			
				#comments .list .content .comment {
					border-right: -1px dotted #999;
					margin: 0 10px 0 10px;
					width: 540px;
					}
				
				#comments .list .even {
					background-color: #FFF;
					}
				
				#comments .list .odd {
					background-color: #F0F0EE;
					}
			
				#comments .list .content .meta {
					font-size: 0.8em;
					line-height: 18px;
					}
					
						#comments .list .content .meta ul {
							margin: 0 10px 0 0;
							list-style-type: none;
							}
						
						#comments .list .content .meta ul li .gravatar {
							width: 84px;
							height: 84px;
							margin: 0 auto 5px;
							border: 1px solid #999;
							}
							
							#comments .list .content .meta ul li .gravatar img {
								margin: 2px;
								}
						
						#comments .list .content .meta ul li span.left {
							display: block;
							text-align: left;
							margin: 0;
							}
			
						#comments .list .content .meta ul li span.right {
							display: block;
							text-align: right;
							margin: 0;
							border-bottom: 1px dotted #999;
							}


/* response styles for tinyMCE plugin */
/* something of a dirty hack job because the classing is horrendous, so
	please excuse the mess ;)  */

#respond {  }

	#respond .header { background-color: #DAE0DA; }
	
	#respond .header .form { text-align: center; }
		
		#respond .header .form h2 { margin-bottom: 4px; }
			
	#respond .header .note { text-align: center; }
		
		#respond .header .note h4 { line-height: 36px; margin-bottom: 4px; font-size: 0px; }
	
	p.respond-alert { margin: 18px 0 0 10px; }
		
	.mceEditor, .mceLayout { width: 540px !important; }

	.mceEditor { display: block; 	}
	
	p.submit { text-align: right; }
	
	.respond-note { }
		
		.respond-note p { margin: 18px 0 0 0; font-size: 0.8em; }

#commentform p { margin: 18px 0 18px 10px; }


/* diceroller plugin */

.diceroller { 
	width: 95%;
	margin: 10px auto;
	border: 1px solid #999;
	}

	.diceroller .dice-title {
		display: block;
		margin: -9px 0 8px 10px;
		}
	
		.diceroller .dice-title span {
			background-color: #fff;
			padding: 0 4px;
			}
		
		/* change the color in odd comments */
		.odd .diceroller .dice-title span {
			background-color: #F0F0EE;
			}
	
	.diceroller ul {
		list-style: none;
		margin: 4px 0 4px 8px;
		}
	
		.diceroller .dice-rolling {
			font-weight: bold;
			}
	
		.diceroller .dice-reason {
      font-style: italic;
			}
	
		.diceroller .dice-rolled {
			font-weight: bold;
			}
	

/*-- Sidebar --*/

#sidebar {
	background-color: #DAE0DA;
	margin-top: 5px;
	margin-bottom: 10px;
	}

	#sidebar a {
		text-decoration: none;
		color: #5A5458;
		border: 0 none;
		}

	#sidebar a:link {
		color: #5A5458;
		border: 0 none;
		}

	#sidebar a:visited {
		color: #5A5458;
		border: 0 none;
		}

	#sidebar a:hover {
		color: #5A5458;
		border: 0 none;
		border-bottom: 1px dotted #5A5458;
		}

	#sidebar a:active {
		color: #5A5458;
		border: 0 none;
		}

	#sidebar div {
		min-height: 16px;
		margin-bottom: 5px;
		padding: 2px 0;
		}
		
		#searchform label { /* label won't like text-align, so fix elsewise */
			display:block;
			}
		
		#sidebar div h5, #searchform label {
			font-family:"Century Gothic","Gill Sans","Trebuchet MS",Arial,sans-serif;
			font-weight: bold;
			color: #5A5458;
			margin: 4px 0;
			text-align: center;
			}
			
		#sidebar div h5:before, #searchform label:before, #sidebar div h5:after, #searchform label:after {
			content: " ++ ";
			}
		
		#searchform div input {
			width: 168px;
			margin: 0 0 4px 8px;
			padding: 1px 0;
			}
			
			/* fix for apparent 6px sizing issue between text input and button */
			#searchform div input#searchsubmit {
				width: 174px;
				}

		form#searchform div {
			border: 0 none;
			}
		
		#sidebar div > ul {
			list-style: none;
			margin: 4px 8px;
			padding: 4px 4px;
			border: 1px dotted #999;
			}
		
			#sidebar div ul {
				list-style: none;
				}
			
			#sidebar div ul li a:before {
				content: url('images/link_arrow.gif');
				}
		
		#sidebar #quotearea {
			margin: 4px 8px;
			padding: 4px 4px;
			border: 1px dotted #999;
			text-align: center;
			font-style: italic;
			}
	
	/*-- icons for sidebar links --*/
	
	#sidebar a.twitter {
		display: block;
		height: 48px;
		width: 146px;
		margin: 0 22px;
		background: transparent url('images/twitter-s.png') scroll no-repeat center top;
		text-indent: -9999px;
		float: left;
		overflow: none;
		}
		
		#sidebar a.twitter:hover {
			background: transparent url('images/twitter-s.png') scroll no-repeat center -48px;
			}
	
	#sidebar a.rss {
		display: block;
		height: 48px;
		width: 146px;
		margin: 0 22px;
		background: transparent url('images/rss-s.png') scroll no-repeat center top;
		text-indent: -9999px;
		float: left;
		overflow: none;
		}
		
		#sidebar a.rss:hover {
			background: transparent url('images/rss-s.png') scroll no-repeat center -48px;
			}
		
		#sidebar a.twitter, #sidebar a.rss {
			border-bottom: 0 none;
			}

/*-- Footer --*/

#footer {
	height: 250px;
	background-color: #DAE0DA;
	}
	
	#footer a {
		text-decoration: none;
		color: #5A5458;
		border: 0 none;
		}

	#footer a:link {
		color: #5A5458;
		border: 0 none;
		}

	#footer a:visited {
		color: #5A5458;
		border: 0 none;
		}

	#footer a:hover {
		color: #5A5458;
		border: 0 none;
		border-bottom: 1px dotted #5A5458;
		}

	#footer a:active {
		color: #5A5458;
		border: 0 none;
		}
	
		#footer div h5 {
			margin: 20px 0 0 40px;
			}
	
		#footer div ul {
			list-style: none;
			border-left: 1px solid #999;
			margin: 1.5em 0 0 40px;
			padding-left: 5px;
			}
		
			#footer div ul li {
				width: 184px;
				height: 1.5em;
				overflow: hidden;
				word-wrap: break-word;
				}
			
			#footer div ul li a:after {
				content: url('images/link_arrow.gif');
				}
		
		#footer div.last h5 {
			margin: 20px 0 0 10px;
			}
		
		#footer div p {
			border-left: 1px solid #999;
			margin: 1.5em 40px 0 10px;
			padding-left: 5px;
			}

/*-- Category Specific --*/

.category-dh-games .comment em {
	margin: 0 30px 0 20px;
	color: #006466;
	display: block;
	text-align: justify;
	font-style: italic;
	}