/* 
Theme Name: Article
Theme URI: http://www.fusedrealitystudios.com/work/2010/article
Description: A highly customisable, free-to-use, Wordpress theme.
Version: 1.0b
Author: <a href="http://www.craigmccreath.com">Craig McCreath</a>
Author URL: http://fusedrealitystudios.com
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -   */

/* @group header */

/* HEADER
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */


div#header {
	width: 100%;
	margin: 0 auto;
	text-align: left;
	color: #fff;
	background:rgba(0,0,0,0.7);
	font-family: Helvetica, Arial, "Gill Sans", Verdana, sans-serif;
	padding: 12px 0;
	
	font-weight: bold;
	position: relative;
	
	border-bottom: 5px #ccc solid;
	
	/* things that shall not be overruled */
	font-size: 12px !important;
	letter-spacing: normal !important;
}

	div#header a {
		color: rgba(200,200,200,0.7);
		text-decoration: none;
	}
	
		div#header a:active {
			color: #fff;
		}

div#header h1 {
	padding: 5px;
	background:rgba(0,0,0,0.7);
	border-radius:5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding-left: 5px;
	margin-left: 8px;
	display: inline;
}

	div#header h1 a {
		color: #fff;
		text-decoration: none;
	}
	
		div#header h1 a span {
			color:rgba(200,200,200,0.7);
		}
		
		div#header h1 a:hover span {
			color:#fff;
		}
		
div#header ul, div#header li {
	display: inline;
}

div#header ul#navigation {
	background: url('images/header_seperator.png') no-repeat left;
	margin-left: 8px;
	padding-left: 12px;
}

	div#header ul#navigation li {
		padding-right: 20px;
	}
	
		div#header ul#navigation li:last-child {
			padding-right: 0px;
		}
		
div#header ul#post-navigation {
	position: absolute;
	top: 12px;
	right: 20px;
}

	div#header ul#post-navigation li {
		padding-left: 20px;
		float: left;
	}

div#header .previous a, div#header .next a {
	display: block;
	width: 16px;
	height: 16px;
	opacity: 0.7;
	text-indent: -5000000%;
}

	div#header .previous a span, div#header .next a span {
		display: none;
	}
	
	div#header ul#post-navigation li:last-child{
		padding-left: 10px;
	}
	
	div#header .previous a {
		background: url('images/left.png');
	}
	
	div#header .next a {
		background: url('images/right.png');
	}
	
	li.comments a {
		color: #fff !important;
	}
	
	


div#comments_wrapper, div#journal_comments {
}


div#journal_comments {
	font-family: "Lucida Grande", Helvetica, Arial, "Gill Sans", Verdana, sans-serif;
	font-size: 11px;
}

	div#journal_comments h3 {
		font-size: 100%;
		text-transform: uppercase;
		letter-spacing: 3px;
		margin-bottom: 1.4em;
	}
	
		div#journal_comments h3 strong {
			font-weight: bold;
		}
		
		
#comment_comment {
	width: 570px;
}

ol.commentlist li {
	margin-bottom: 50px;
}

div.comment-body {
	position: relative;
}

	div.comment-body p {
		padding-bottom: 10px;
	}

	div.comment-body img.avatar {
		position: absolute;
		top: 0;
		left: 0;
		border: 5px solid #D6D6D6;
	}
	
	div.comment-body div.comment-author {
		position: absolute;
		top: 0;
		left: 0;
		padding-left: 70px;
		font-size: 118%;
		
		width: 110px;
		height: 60px;
		overflow: hidden;
		text-overflow:ellipsis;
	}
	
		div.comment-body div.comment-author a {
			text-decoration: none;
			color: #000;
			border-bottom: 1px dotted #000;
		}
	
		div.comment-body div.comment-author .says {
			display: none;
		}
		
		div.comment-body {
			padding-left: 200px;
		}
		
			div.comment-body div.comment-meta a {
				color: #ccc;
				text-decoration: none;
			}


div#respond textarea {
width:99%;
}

	.comment-form-right {
		text-align: right;
		padding-top: 15px;
		padding-right: 3px;
	}
	
		.comment-form-right label {
			padding-right: 6px;
		}