/*
Theme Name: naioo//WP
Theme URI: http://blog.naioo.com
Description: Wordpress Theme for the naioo.com Blog!
Version: 2.0
Author: Henning Franke
Author URI: http://naioo.com/
Tags: naioo, grey, blue, alien, illustrated

© naioo.com

*/

* {
	margin:0;
	border:0;
	padding:0;
	line-height:20px;
	outline:0;
}

*::selection {
	background: #3acaf7; 
	color: #ffffff;
	}

*::-moz-selection {
	background: #3acaf7; 
	color: #ffffff;
	}

a:focus, a:active {
	outline: 0;
	-moz-outline: none;
}

.Dummy {
	float:left;
	width:100%;
	height:1px;
}

body {
	background:#303030 url(img/site.bg.png) repeat center center;
	font-family:Helvetica, Arial, sans-serif;
	font-size:14px;
	color:#303030;
}

a:link, a:visited, a:active {
	color:#000000;
}

a:hover {
	color:#3acaf7;
}

/* LAYOUT */

#Wrapper {
	position:absolute;
	width:952px;
	height:100%;
	left:50%;
	margin-left:-477px;
}

#Header {
	position:relative;
	float:left;
	width:910px;
	height:61px;
	margin:26px 21px 27px 21px;
}

#HeaderOverlay {
	position:absolute;
	left:39px;
	top:0px;
	width:875px;
	height:134px;
	background:url(img/header.overlay.png) no-repeat;
	cursor:pointer;
}

#Content {
	position:relative;
	float:left;
	width:910px;
	margin:0px 21px 0px 21px;
	background:url(img/content.bg.png) repeat-y;	
}

	#Content p {
		margin:0px 21px 21px 21px;
	}

#ContentA {
	position:relative;
	float:left;
	width:600px;
	padding-top:21px;
}

	#ContentA ul {
		list-style:none;
		margin:0px 0px 21px 21px;
	}

	#ContentA li {
		background:url(img/icons/list.arrow.png) no-repeat 0px 4px;
		padding:0px 0px 0px 20px;
	}

	#ContentA input, #ContentA textarea {
		border:1px solid #9a9a9a;
		font-family:Helvetica, Arial, sans-serif;
		font-size:12px;
		line-height:15px;
		background:none;
		padding:5px;
	}

	.Headline {
		display:block;
		position:relative;
		float:left;
		width:100%;
		margin-bottom:21px;
	}

	.HeadlineL {
		display:block;
		position:relative;
		float:left;
		width:400px;
	}

	.HeadlineR {
		display:block;
		position:relative;
		float:right;
		width:179px;
	}
	
	.Details {
		display:block;
		position:relative;
		float:left;
		width:581px;
		margin-bottom:21px;
		background:#242424 url(img/details.bg.png) no-repeat top;
		font-size:12px;
		font-weight:normal;
		padding:10px 10px 10px 9px;
		color:#f4f4f4;
	}

		.DetailsBtn {
			display:block;
			float:left;
			height:35px;
			background:url(img/details.btn.left.png) no-repeat top left;
		}
	
		.DetailsBtn a, .DetailsBtn a:visited {
			display:block;
			height:28px;
			background:url(img/details.btn.right.png) no-repeat top right;
			padding:7px 15px 0px 15px;
			color:#3acaf7;
			text-decoration:none;
			font-size:12px;
		}

		.DetailsBtn:hover {
			background:url(img/details.btn.left.png) no-repeat bottom left;
		}
	
		.DetailsBtn a:hover {
			background:url(img/details.btn.right.png) no-repeat bottom right;
			color:#ffffff;
		}

		.DetailsBtnActive {
			display:block;
			float:left;
			height:35px;
			background:url(img/details.btn.active.left.png) no-repeat top left;
		}
	
		.DetailsBtnActive a {
			display:block;
			height:28px;
			background:url(img/details.btn.active.right.png) no-repeat top right;
			padding:7px 15px 0px 15px;
			color:#3acaf7;
			text-decoration:none;
		}

		.DetailsBtnActive:hover {
			background:url(img/details.btn.active.left.png) no-repeat top left;
		}
	
		.DetailsBtnActive a:hover {
			background:url(img/details.btn.active.right.png) no-repeat top right;
		}

		.DetailsMeta {
			display:block;
			position:relative;
			float:left;
			width:600px;
			margin-bottom:21px;
			margin-top:-21px;
			background:#d9d9d9 url(img/details.meta.bg.png) no-repeat bottom;
		}

		#DetailsSocial {
			display:block;
			position:relative;
			float:left;
			width:600px;
			margin-top:-10px;
		}

		.DetailsSocialIcon {
			width:24px;
			height:24px;
			float:left;
			margin-left:9px;
		}

		.DetailsContent {
			display:block;
			width:576px;
			position:relative;
			float:left;
			font-size:12px;
			line-height:20px;
			font-weight:normal;
			padding:12px 12px 12px 12px;
			font-weight:bold;
		}

		.DetailsMetaContent a {
			text-decoration:none;
		}

		.DetailsMetaContentT {
			color:#6e6e6e;
			font-size:12px;
			font-weight:normal;
			text-transform:none;
			background:url(img/icons/bullet.blue.png) 0px 1px no-repeat;
			padding:0px 3px 0px 20px;
		}		

		.DetailsMetaContentC {
			margin-right:5px;
			text-transform:uppercase;
		}	

#ContentB {
	position:relative;
	float:right;
	width:308px;
	margin-left:2px;
}

	#ContentBll ul {
		display:block;
		float:left;
		margin:0px 21px 0px 21px;
		list-style:none;
	}
	
	#ContentBll li {
		margin-bottom:2px;
	}
	
	#ContentBll li a {
		display:block;
		width:255px;
		height:27px;
		color:#3acaf7;
		background:url(img/sidebar.button.png) no-repeat left;
		padding:5px 0px 0px 11px;
		text-decoration:none;
	}
	
	#ContentBll li a:hover {
		color:#ffffff;
		background:url(img/sidebar.button.png) no-repeat right;
	}

	#Twitter {
		display:block;
		float:left;
		width:179px;
		height:48px;
		background:url(img/sidebar.twitter.png) no-repeat;
		padding:19px 15px 0px 72px;
		font-size:12px;
		line-height:15px;
		margin:21px 21px 0px 21px;
		color:#777777;
	}
	
	#Twitter a {
		color:#3acaf7;
		line-height:15px;
	}

	#Twitter a:hover {
		color:#ffffff;
	}

#Footer {
	position:relative;
	float:left;
	width:910px;
	margin:0px 21px 21px 21px;
}

	#FooterTop {
		position:relative;
		float:left;
		width:910px;
		height:22px;
		background:url(img/footer.btn.top.png) no-repeat top;
		cursor:pointer;
	}

	#FooterTop:hover {
		position:relative;
		float:left;
		width:910px;
		height:22px;
		background:url(img/footer.btn.top.png) no-repeat bottom;
		cursor:pointer;
	}

	#FooterMid {
		position:relative;
		float:left;
		width:868px;
		background:url(img/footer.bg.png) repeat-y;
		padding:15px 21px 9px 21px;
		font-size:12px;
	}

		#FooterMid ul {
			list-style:none;
		}

		#FooterMid li a {
			display:block;
			padding:0px 0px 13px 0px;
			color:#4e4e4e;
			text-decoration:none;
			background:url(img/footer.line.png) no-repeat bottom left;
			line-height:15px;
		}

		#FooterMid li a:hover {
			color:#3acaf7;
			background:url(img/footer.line.png) no-repeat bottom right;
		}

		#FooterContentL {
			position:relative;
			float:left;
			width:270px;
			margin-right:29px;
		}

		#FooterContentM {
			position:relative;
			float:left;
			width:270px;
			margin-right:29px;
		}

		#FooterContentR {
			position:relative;
			float:left;
			width:270px;
		}

	#FooterBtm {
		position:relative;
		float:left;
		width:910px;
		height:12px;
		background:url(img/footer.bg.btm.png) no-repeat;
	}

#Comments {
	display:block;
	float:left;
	width:558px;
	margin:0px 21px 21px 21px;
}

#Comments p {
	margin:0px 0px 21px 0px;
}

#Comments ul {
	list-style:none;
	width:558px;
	margin:0px;
	padding:0px;
}

#Comments li {
	display:block;
	border:1px dotted #9a9a9a;
	margin-bottom:21px;
	background:none;
	padding:21px 21px 0px 21px;
}

.CommentMeta {
	font-size:11px;
	color:#303030;
}

.CommentLine {
	display:block;
	float:left;
	width:516px;
	background:#006600;
	height:30px;
	background:url(img/comment.line.png) no-repeat center center;
}

#Pings {
	display:block;
	float:left;
	width:558px;
	margin:0px 21px 21px 21px;
	font-size:10px;
}

#Pings a, #Pings a:visited {
	color:#9a9a9a;
}

#Pings a:hover, a:active {
	color:#1c1c1c;
}

#Pings ul {
	list-style:none;
	width:514px;
	margin:0px;
	border:1px dotted #9a9a9a;
	padding:21px 21px 21px 21px;
}

#Pings li {
	display:block;
	margin:0px;
	padding:0px;
	background:none;
}

.more-link {
	display:block;
	float:left;
	width:548px;
	height:26px;
	color:#3acaf7 !important;
	text-decoration:none !important;
	background:url(img/btn.continue.png) no-repeat top;
	margin:21px 0px 21px 0px;
	padding:4px 0px 0px 10px;
}

.more-link:hover {
	background:url(img/btn.continue.png) no-repeat bottom;
	color:#ffffff !important;
}

pre {
	display:block;
	float:left;
	width:538px;
	margin:0px 21px 21px 21px;
	background:#0f0f0f;
	color:#3acaf7;
	padding:10px;
	border-radius: 5px;
}

h1 a {
	display:inline-block;
	position:relative;
	float:left;
	font-size:24px;
	font-weight:bold;
	color:#000000 !important;
	line-height:30px;
	padding:0px 21px 0px 21px;
	text-decoration:none;
	text-shadow:1px 1px 1px #ffffff;
	font-family:'Droid Sans', Helvetica, Arial, sans-serif;
}

h1 a:hover {
	color:#3acaf7 !important;
}

.h1icon {
	display:block;
	position:absolute;
	width:60px;
	height:39px;
	background:url(img/icons/headline.png) no-repeat;
	left:-43px;
	top:-6px;
}

h2 {
	display:block;
	position:relative;
	float:left;
	width:576px;
	font-size:18px;
	font-weight:bold;
	color:#000000 !important;
	line-height:25px;
	padding:0px 21px 21px 21px;
	text-decoration:none;
	text-shadow:1px 1px 1px #ffffff;
	font-family:'Droid Sans', Helvetica, Arial, sans-serif;
}

h3 {
	display:block;
	float:left;
	width:195px;
	font-size:18px;
	font-weight:normal;
	color:#ffffff;
	padding:20px 21px 5px 50px;
	margin-bottom:10px;
	text-shadow:1px 1px 1px #1c1c1c;
	background:url(img/icons/list.png) 21px 18px no-repeat;
	font-family:'Droid Sans', Helvetica, Arial, sans-serif;
}

h4 {
	display:block;
	width:270px;
	height:40px;
	background:url(img/h4.bg.png) no-repeat;
	font-size:18px;
	font-weight:normal;
	color:#ffffff;
	margin:10px 0px 10px 0px;
	padding:11px 0px 0px 0px;
	text-align:center;
	font-family:'Droid Sans', Helvetica, Arial, sans-serif;
}