/*
Theme Name: Blogging From Scratch v1
Theme URI: http://bloggingfromscratch.com/
Description: Theme for Blogging From Scratch.
Version: 1.0
Author: Studio Vigilante
Author URI: http://studiovigilante.com/
*/

/* General
******************************/
* { margin: 0; padding: 0; }
img { border:none; }
a:active { outline: none; }
a:focus { -moz-outline-style: none; }

body {
margin: 0;
padding: 0;
background: transparent url(images/bg_block.png) repeat;
font: 12px/18px trebuchet, trebuchet ms, tahoma, sans-serif;
}

a {
color: #a9b95a;
text-decoration: none;
}
	a:hover {
	text-decoration: underline;
	}

.clear {
clear: both;
}

/* Layout
******************************/
#container {
width: 100%;
min-height: 700px;
background: transparent url(images/bg.png) repeat-x;
}

#wrapper {
margin: 0 auto;
width: 950px;
}

/* Header
******************************/
#header {
padding: 0 0 0 0;
background: transparent url(images/header.png) no-repeat;
}

#logo {
margin: 0;
padding: 0;
}
	#logo a {
	float: left;
	margin: 60px 0 5px 0;
	padding: 0;
	height: 49px;
	width: 606px;
	background: transparent url(images/logo.png) no-repeat;
	}
	#logo span {
	display: none;
	}

#searchform {
margin: 65px 0 0 0;
float: right;
}
	#searchform label {
	display: none;
	}
	#searchform input {
	float: left;
	}
	#searchform input.text {
	padding: 13px 0 0 20px;
	height: 28px;
	width: 143px;
	color: #fff;
	border: none;
	background: transparent url(images/input.png) no-repeat;
	}

/* Menu
******************************/
#menu {
clear: both;
height: 35px;
margin: 0; padding: 0;
background: transparent url(images/menu.png) repeat-x;
list-style: none;
}
	#menu li {
	float: left;
	}
	#menu li a {
	display: block;
	padding: 0 20px;
	line-height: 35px;
	text-decoration: none;
	text-transform: uppercase;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	}
	#menu li a:hover {
	text-decoration: underline;
	}
	
	#menu li.active a {
	background: #1c1c1c;
	}
	#menu li.active a:hover {
	text-decoration: none;
	}

/* Featured, Footer
******************************/
#featured, #footer {
padding: 20px;
background: #1c1c1c;
}
	#featured h2, #footer h2 {
	margin: 0;
	padding: 0 0 5px 22px;
	line-height: 15px;
	text-decoration: none;
	text-transform: uppercase;
	color: #a9b95a;
	font-size: 12px;
	font-weight: normal;
	border-bottom: 1px solid #2c2c2c;
	}

#featuredarticle {
padding: 0 20px 0 0;
float: left;
width: 610px;
}
	#featuredarticle img {
	float: left;
	margin: 0 15px 0 0;
	padding: 3px;
	border: 1px solid #2c2c2c;
	background: #0c0c0c;
	}
	#featuredarticle h2 {
	margin: 3px 0 5px 198px;
	padding-left: 0;
	background: none;
	font-size: 14px;
	color: #fff;
	}
		#featuredarticle h2 a {
		text-decoration: none;
		}
	#featuredarticle p {
	margin: 4px 0;
	color: #fff;
	text-align: justify;
	}
	#featuredarticle .postbits {
	color: #a9b95a;
	font-size: 11px;
	}
	#featuredarticle .readmore a {
	color: #a9b95a;
	font-size: 11px;
	}

#rss {
float: left;
padding: 0 0 0 19px;
width: 260px;
border-left: 1px solid #2c2c2c;
}
	#rss p {
	margin: 7px 0 0 0;
	padding: 0;
	color: #fff;
	text-align: justify;
	}
	#rss h2 {
	background: transparent url(images/icon_present.png) no-repeat;
	}
	#rssform {
	margin: 15px 0 0 0;
	background: #2c2c2c;
	padding: 3px 8px 8px 8px;
	}
		#rssform label {
		margin-left: 5px;
		line-height: 21px;
		color: #a5b74b;
		text-transform: uppercase;
		font-size: 11px;
		}
		#rssform input {
		float: left;
		}
		#rssform input.text {
		padding: 13px 0 0 20px;
		height: 28px;
		width: 143px;
		color: #fff;
		border: none;
		background: transparent url(images/input.png) no-repeat;
		}

#recentposts {
padding: 0 20px 0 0;
float: left;
width: 239px;
}
	#recentposts h2 {
	background: transparent url(images/icon_paper.png) no-repeat;
	}
	#recentposts ul {
	margin: 5px 0 0 0;
	padding: 0;
	list-style: none;
	}
	#recentposts ul li {
	margin: 4px 0;
	padding: 5px 0;
	}
	#recentposts ul li.stripe {
	background: #2c2c2c;
	}
	#recentposts ul li a {
	display: block;
	padding: 0 0 0 22px;
	background: transparent url(images/icon_check.png) no-repeat;
	line-height: 16px;
	color: #fff;
	text-decoration: none;
	}

#recentcomments {
padding: 0 20px;
float: left;
width: 329px;
border-left: 1px solid #2c2c2c;
}
	#recentcomments h2 {
	background: transparent url(images/icon_comments.png) no-repeat;
	}
	#recentcomments ul {
	margin: 0;
	padding: 0;
	list-style: none;
	}
	#recentcomments ul li {
	margin: 0;
	padding: 10px;
	line-height: 16px;
	color: #ccc;
	}
	#recentcomments ul li.stripe {
	background: #2c2c2c;
	}
	#recentcomments ul li a {
	text-decoration: none;
	color: #a9b95a;
	}
	#recentcomments ul li img {
	float: left;
	margin-right: 10px;
	}
	
#copyright {
float: left;
padding: 0 0 0 19px;
width: 260px;
border-left: 1px solid #2c2c2c;
color: #fff;
}
	#footermenu {
	color: #a9b95a;
	}
	#copyright a {
	text-decoration: none;
	}
	#copyright p {
	margin: 10px 0 57px 0;
	}

/* Body
******************************/
#body {
margin: 0 0 0 0;
padding: 20px;
color: #555;
background: #fff url(images/bg_body.png) right repeat-y;
}

#left {
padding: 0 20px 0 0;
float: left;
width: 612px;

}
#right {
float: left;
padding: 0 0 0 20px;
width: 255px;
color: #6a6a6a;
}

/* Post
******************************/
.post {
margin: 0 0 20px 0;
padding: 20px;
border: 1px solid #d5d5d5;
}
.post h2.title {
background: none;
font-size: 18px;
padding: 0 0 5px 0;
text-transform: uppercase;
}
	.post h2.title a {
	color: #555;
	text-decoration: none;
	}
.post .postbits {
margin: 3px 0 8px 0;
padding: 5px 0;
border-top: 1px solid #d5d5d5;
border-bottom: 1px solid #d5d5d5;
color: #aaaab1;
font-size: 11px;
}
.post .content {
}
	.post .content p {
	margin: 10px 0;
	}
	.post .content ul {
	margin: 10px 40px;
	}
	
.navigation {
margin-bottom: 20px;
padding: 10px 20px;
border: 1px solid #d5d5d5;
}
.navigation a {
text-decoration: none;
}
	.alignright {
	float: right;
	}
	.alignleft {
	float: left;
	}
.pagetitle {
background: none;
font-size: 24px;
line-height: 32px;
padding: 0 0 15px 0;
text-transform: uppercase;
}

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

.commentlist li {
margin-bottom: 20px;
padding: 10px 20px;
border: 1px solid #d5d5d5;
}

#right ul {
margin: 5px 0 0 0;
padding: 0;
list-style: none;
}
	#right ul li {
	margin: 4px 0;
	padding: 5px 0;
	}
	#right ul li a {
	display: block;
	padding: 0 0 0 22px;
	background: transparent url(images/icon_check.png) no-repeat;
	line-height: 16px;
	color: #6a6a6a
	text-decoration: none;
	}
	#right h2 {
	margin: 20px 0 0 0;
	padding: 0;
	line-height: 15px;
	text-decoration: none;
	text-transform: uppercase;
	color: #6a6a6a;
	font-size: 12px;
	font-weight: bold;
	border-bottom: 1px solid #6a6a6a;
	}
.entrecard {
margin: 20px 0;
text-align: center;
}
