/*
Theme Name: Slaver's Blog Theme
Theme URI: http://slaver.info/
Description: Slaver's Blog Theme
Version: 1.2
Author: Slaver
Author URI: http://slaver.info/
*/

/*
	Main styles
*/

html { width: 100%; }

* {
	margin: 0;
	padding: 0;
}

body {
	background: #000 url("images/bg.gif") 0 0 repeat-x;
	color: #fff;
	font: 12px/14px Arial, Tahoma, sans-serif;
}

a img, fieldset {
	border: none;
}

legend {
	display: none;
}

p {
	margin: 10px 0 0 0;
}

ul, ol {
	margin: 0 0 0 20px;
}

pre {
	color: #333;
	font: 14px/16px Consolas, Monaco, "Courier New";
	margin: 10px 0;
}

a {
	color: #2cb5ce;
}

a:hover {
	text-decoration: none;
}

a:hover, a:active, a:focus {
	outline: none;
}

/*
	Layonts
*/

#container {
	background: #404040;
	margin: 0 auto;
	overflow: hidden;
	padding: 0;
	width: 1000px;
}

#header {
	background: #000;
	float: left;
	width: 100%;
}

#content {
	float: left;
	margin-top: 7px;
	width: 100%;
	background: url("images/content.gif") 0 0 repeat-y;
}

#left {
	background: #fff;
	color: #000;
	float: left;
	width: 750px;
}

#sidebar {
	float: left;
	width: 250px;
}

#footer {
	float: left;
	width: 100%;
}

/*
	Logo
*/

#logo {
	float: left;
	height: 40px;
	width: 205px;
}

#logo h1 {
	font: bold 18px/30px Arial, Tahoma, sans-serif;
	height: 40px;
	padding: 0;
	margin: 25px 20px 0;
	position: relative;
	width: 205px;
}

	#logo h1 a {
		display: block;
		color: #fff;
		cursor: pointer;
		text-decoration: none;
	}

		#logo h1 a span {
			background: url("images/logo.jpg") 0 0 no-repeat;
			height: 100%;
			left: 0;
			position: absolute;
			top: 0;
			width: 100%;
		}

#logo .description {
	font: bold 12px/14px Arial, Tahoma, sans-serif;
	text-align: center;
	margin-top: -10px;
}

#logo .rss {
	background: url("images/rss_mini.png") no-repeat 0 0;
	height: 15px;
	left: 230px;
	position: relative;
	top: -40px;
	width: 12px;
}

	#logo .rss {
		display: block;
	}

	#logo .rss span {
		display: none;
	}

/*
	Menu
*/

#menu {
	float: right;
	margin-top: 50px;
	width: 500px;
}

#menu ul {
	float: right;
	margin: 0 20px 0 0;
	padding: 0;
}

#menu li {
	color: #fff;
	float: left;
	font: bold 15px/30px Arial, Tahoma, sans-serif;
	list-style: none;
	margin: 0 1px 0 0;
}

#menu li a {
	background: #1f1f1f url("images/menu_back.gif") 0 0 no-repeat;
	color: #fff;
	display: block;
	text-decoration: none;
}

#menu li a.active {
	background: #404040 url("images/menu_back_a.gif") 0 0 no-repeat;
}

#menu li a:hover {
	background: #404040 url("images/menu_back_a.gif") 0 0 no-repeat;
}

	#menu li a span {
		background: url("images/menu_back.gif") right -30px no-repeat;
		display: block;
		padding: 0 12px;
	}

	#menu li a.active span {
		background: url("images/menu_back_a.gif") right -30px no-repeat;
	}

	#menu li a:hover span {
		background: url("images/menu_back_a.gif") right -30px no-repeat;
	}

/*
	Content
*/

#content .pagetitle {
	border-bottom: 3px solid #404040;
	color: #1F1F1F;
	font: bold 22px/26px Arial, Tahoma, sans-serif;
	margin: 20px 20px -10px;
}

	#content .pagetitle span {
		font-style: italic;
	}

#content .post {
	margin: 30px 20px;
}

	#content .post .entry {
		margin: 20px 0;
	}

	#content .post .comments-link {
		margin: 5px 0;
	}

		#content .post .comments-link p {
			font: bold 14px/16px Arial, Tahoma, sans-serif;
			margin: 0;
		}

	#content .post .meta {
		border-top: 1px solid #eee;
		color: #747474;
		margin: 5px 0;
		padding: 5px 0;
		text-align: right;
	}

		#content .post .meta p {
			font: 11px/14px Arial, Tahoma, sans-serif;
			margin: 0;
		}

		#content .post .meta p a {
			color: #747474;
		}

#content .post p {
	font: 13px/16px Arial, Tahoma, sans-serif;
}

	#content .post .more-link {
		font: bold 14px/16px Arial, Tahoma, sans-serif;
		margin: 10px 0 0;
	}

	#content .post .entry h1, #content .post .entry h2, #content .post .entry h3, #content .post .entry h4, #content .post .entry h5 {
		font: bold 15px/18px Arial, Tahoma, sans-serif;
		margin: 15px 0 10px;
	}

#content .post a {
	color: #2cb5ce;
}

#content .post h3 {
	border-bottom: 3px solid #ddd;
	font: bold 20px/22px Arial, Tahoma, sans-serif;
	margin: 10px 0 0;
}

	#content .post h3 a {
		color: #000;
		text-decoration: none;
	}

		#content .post h3 a:hover {
			color: #2cb5ce;
		}

#content .post ul, #content .post ol {
	font: 13px/18px Arial, Tahoma, sans-serif;
	margin: 20px 0 10px 30px;
}

#content .post ul li, #content .post ol li {
	margin: 0;
}

#content .post ul li ul, #content .post ol li ul, #content .post ol li ol {
	font: 14px/16px Arial, Tahoma, sans-serif;
	margin: 0 0 0 10px;
}

#content .post blockquote {
	border-left: 3px solid #ddd;
	margin: 10px 0 0 20px;
	padding: 0 0 3px 10px;
}

	#content .post blockquote p {
		font: italic 14px/16px Arial, Tahoma, sans-serif;
	}

#content .post abbr, #content .post acronym {
	border-bottom: dotted 1px #000;
	cursor: help;
}

/*
	Navigation
*/

#content .navigation {
	border-top: 1px solid #ddd;
	display: block;
	margin: 10px 20px 30px;
	overflow: hidden;
	padding: 10px 0 0;
}

	.alignright {
		float: right;
	}

	.alignleft {
		float: left
	}

/*
	Comments
*/

#comments span {
	height: 15px;
	position: relative;
	top: -10px;
	width: 12px;
	font: 10px Arial, Tahoma, sans-serif;
}

	#comments span a {
		text-decoration: none;
	}

#content .comments {
	margin: 30px 20px;
}

#content .comments h3 {
	border-bottom: 3px solid #ddd;
	font: bold 20px/22px Arial, Tahoma, sans-serif;
	margin: 10px 0 0;
}

.commentlist {
	margin: 5px;
	overflow: hidden;
	padding: 0;
}

	.commentlist li {
		border-bottom: 1px solid #ddd;
		list-style-position: outside;
		list-style-type: none;
		margin: 15px 0 3px;
		padding: 5px 10px 10px 0;
	}

	.commentlist li .avatar {
		background: #fff;
		border: 1px solid #eee;
		float: left;
		margin: 0 10px 0 0;
		padding: 2px;
	}
	
	.commentlist cite, .commentlist cite a {
		font: bold 14px Arial, Tahoma, sans-serif;
	}

		.commentlist cite a {
			color: #000;
		}

	.commentlist a.says {
		border-bottom: 1px dotted #747474;
		color: #000;
		text-decoration: none;
	}

	.commentlist .commentmetadata {
		color: #747474;
		font: 10px Arial, Tahoma, sans-serif;
	}

		.commentlist .commentmetadata a {
			color: #747474;
		}

	.commentlist li p {
		margin: 5px 0 10px;
	}

		.commentlist li p a {
			color: #2cb5ce;
		}

	.commentlist .author {
		float: left;
		margin-bottom: 10px;
		width: 100%;
	}

	.commentlist .thdrpy {
		color: #747474;
		font: bold 11px Arial, Tahoma, sans-serif;
		margin: -10px 0 0;
		text-align: right;
	}

		.commentlist .thdrpy a {
			color: #747474;
		}

	.commentlist .comment-childs {
		border-top: 1px solid #ddd;
		margin: 10px 0 0 20px;
		padding-top: 15px;
	}

#content .comments h3#respond {
	margin-top: 30px;
}

/*
	Comments form
*/

#commentform .field, #commentform textarea {
	border: 1px solid #747474;
	margin: 3px 0;
	padding: 2px;
}

#commentform .button {
	background: #4a4a4a;
	border: 0;
	color: #fff;
	cursor: pointer;
	font: bold 16px/18px Arial;
	margin: 2px 0;
	padding: 2px 4px;
}

#commentform textarea {
	height: 120px;
	width: 99%;
}

/*
	Tabs
*/

#commentform {
	overflow: hidden;
	width: 100%;
}

#commentform .tab {
}

#commentform .tabset {
	border-bottom: 3px solid #4a4a4a;
	clear: both;
	float: left;
	font: bold 18px/31px "Arial Narrow";
	height: 31px;
	list-style-type: none;
	margin: 15px 0 10px;
	overflow: hidden;
	padding: 0;
	width: 100%;
}

#commentform .tabset li {
	background: transparent url("images/tabset-a.gif") 100% 0 no-repeat;
	float: left;
	height: 31px;
	margin: 0 -18px 1px 0;
	padding: 0 30px 0 0;
	text-align: center;
}

#commentform .tabset li.active {
	background: transparent url("images/tabset-a.gif") 100% -31px no-repeat;
	padding: 0 30px 0 0;
	position: relative;
}

#commentform .tabset li a {
	background: transparent url("images/tabset-li.gif") 0 0 no-repeat;
	color: #4a4a4a;
	height: 31px;
	float: left;
	line-height: 31px;
	padding: 0 0 0 15px;
	text-decoration: none;
}

#commentform .tabset li.active a {
	background: transparent url("images/tabset-li.gif") 0 -31px no-repeat;
	color: #fff;
}

#commentform .subscribe-to-comments {
	margin-top: 10px;
}

#cancel_reply {
	color: #747474;
	float: right;
	margin: -60px 0 0 ;
}

#commentform .logged {
	margin: 5px 0;
}


/*
	Sidebar
*/

#sidebar {
	color: #d8d8d8;
}

#sidebar ul {
	list-style: none;
	margin: 30px 20px;
}

	#sidebar ul li {
		margin: 0 0 20px;
	}

		#sidebar ul li ul {
			font: 13px/18px Arial, Tahoma, sans-serif;
			list-style: square;
			margin: 10px 20px;
		}

			#sidebar ul li ul li {
				margin: 2px 0;
			}

			#sidebar ul li ul li ul {
				margin: 0 15px;
			}

#sidebar h2 {
	border-bottom: 3px solid #747474;
	color: #d8d8d8;
	font: bold 20px/22px Arial, Tahoma, sans-serif;
	margin: 10px 0 10px;
}

#sidebar a {
	color: #d8d8d8;
}

#sidebar abbr, #sidebar acronym {
	border-bottom: dotted 1px #fff;
	cursor: help;
}

#sidebar .textwidget {
}

	#sidebar .textwidget .rss {
		font: bold 26px/32px Arial, Tahoma, sans-serif;
		margin-top: 30px;
		text-align: center;
	}

		#sidebar .textwidget .rss a {
			background: url('images/rss.png') 0 0 no-repeat;
			padding-bottom: 10px;
			padding-left: 35px;
		}

	#sidebar .textwidget .banner {
		margin-top: 30px;
		text-align: center;
	}

	#sidebar .textwidget .ads {
		font-size: 10px;
		color: #747474;
	}

		#sidebar .textwidget .ads a {
			color: #747474;
		}

/*
	Searchform
*/

#searchform {
}

	#searchform .field {
		background: #d8d8d8;
		border: 0;
		height: 18px;
		padding: 2px 2px;
		width: 150px;
	}

	#searchform .button {
		background: #747474;
		border: 0;
		color: #fff;
		cursor: pointer;
		font: bold 12px/16px Arial;
		padding: 2px 2px;
		width: 50px;
	}


/*
	Code
*/

#content .post .code code {
	color: #333;
	font-family: Consolas, Monaco, "Courier New";
	white-space: pre;
}

#content .post .code li {
	font-family: Consolas, Monaco, "Courier New";
	margin: 0 0 5px;
}

#content .post .code {
	background: #f5f5f5;
	border: solid #ddd 1px;
	clear: both;
	color: #615351;
	list-style-image: none;
	list-style-position: outside;
	list-style-type: decimal-leading-zero;
	margin: 20px -20px 20px;
	padding: 10px 50px 10px;
}


/*
	Images
*/

p img {
	margin: 0;
	max-width: 100%;
	padding: 0;
}

	#content p img {
		border: 1px solid #ddd;
		margin: 3px;
		padding: 3px;
		background: #fff;
	}

		#content p img:hover {
			border: 1px solid #747474;
		}

#content p img.alignnone {
	display: inline;
	margin: 0;
}

#content p img.alignleft {
	display: inline;
	float: left;
	margin: 2px 7px 2px 0;
	padding: 3px;
}

#content p img.alignright {
	display: inline;
	float: right;
	margin: 2px 0 2px 7px;
	padding: 3px;
}

/*
	Footer
*/

#footer {
	padding: 15px 0;
}

	#footer p {
		color: #ddd;
		font: 11px/16px Arial, Tahoma, sans-serif;
		margin: 0 10px;
	}

		#footer p a {
			color: #ddd;
		}

		#footer p img {
			margin-right: 10px;
			vertical-align: middle;
		}

/*
	Other
*/

.tag_cloud {
	margin: 10px 5px;
	line-height: 20px;
}

a.lj {
    background: url("images/user.gif") center left no-repeat;
    padding-left: 18px;
	font-weight: bold;
}

a.archive {
    background: url("images/archive.gif") center left no-repeat;
    padding-left: 18px;
	font-weight: bold;
}