/*  
Theme Name: The Smart Snacker
Theme URI: http://www.thesmartsacker.com/
Description: Custom Blog Design for TheSmartSnacker.com
Date: September 20, 2008
Author: BKB Design Group
Author URI: http://bkbdesigngroup.com/
*/

/*-------------------------------------------------------------------------------------------------------------------*/


@charset "utf-8";


* {margin:0; border:0; padding:0}
.clear {clear:both; height:0}
p {padding-bottom:15px;}

h1.sidebar2, h1.sidebar3, h1.sidebar4, h1.left_middle, h1.left_bottom {background-repeat:no-repeat; text-indent:-2000px;height:40px;padding-bottom:10px;}
h1.left_top {background-repeat:no-repeat; text-indent:-2000px;height:30px;padding-bottom:10px;background-image:url(/images/title_recent.png)}
h1.left_middle {background-image:url(/images/title_related.jpg)}
h1.left_bottom {background-image:url(/images/title_highest.jpg)}
h1.sidebar2 {background-image:url(/images/title_categories.jpg)}
h1.sidebar3 {background-image:url(/images/title_archives.jpg)}
h1.sidebar4 {background-image:url(/images/title_blogroll.jpg)}
h2.post_title {font-size:1.4em;font-weight:bold;padding-bottom:15px;}
h3 {padding-bottom:15px;}

a:link, a:active, a:visited {text-decoration:none;outline:none;	color:#537234;}
a:hover {text-decoration:underline; outline:none}

ul, li {list-style-type:none}
ul {padding-bottom:15px;}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: .8em;
	color:#537234;
	background-image:url(/images/back_body.jpg);
	margin-top:20px;
}

#wrapper {
	width:808px;
	margin:0 auto;
	background-image:url(/images/back_top.png);
	background-repeat:no-repeat;
	background-position:top;
	padding-top:23px;
	padding-bottom:20px;
	}

#header {
	height:239px;
	background-image:url(/images/back_header.png);
	background-repeat:no-repeat;
	background-position:bottom;
	}
	
#snacker {
	position:relative;
	float:left;
	margin-left:65px;
	}
	
#logo {
	position:relative;
	float:left;
	margin-left:-20px;
	margin-top:56px;
	}
	
#menu {
	position:relative;
	width:134px;
	padding-top:50px;
	padding-left:50px;
	height:261px;
	background-image:url(/images/back_menu.png);
	background-repeat:no-repeat;
	float:right;
	margin-right:-35px;
	}
#main {
	background-image:url(/images/back_main.png);
	background-repeat:repeat-y;
	width:759px;
	padding-top: 26px;
	padding-right: 23px;
	padding-left: 26px;
	}
	
#sidebar_left {
	float:left;
	width:242px;
	}
#sidebar_left_int {
	background-image:url(/images/back_sidebar_left.jpg);
	background-repeat:no-repeat;
	height:310px;
	padding-top: 61px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
	margin-bottom:20px;
	}
	
#left_bottom {
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
	margin-bottom:20px;
	}

#search {margin-bottom:20px;}

#content {
	float:left;
	width:493px;
	margin-left:23px;
	}

#content_right {
	width:91px;
	float:right;
	margin-left:25px;
	}
#content_right img {
	margin-bottom:15px;
	}
	
#bottom {
	position:relative;
	width:754px;
	margin-top:20px;
	margin-bottom:20px;
	margin-left:3px;
	margin-right:-21px;
	padding-top:20px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #a1dbdd;
}

.bottom_left {
	float:left;
	width:165px;
	margin-right:15px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #ed7f83;
	padding-left:25px;
	margin-left:29px;

	}

.bottom_left li {
	}
.sidebar ul {
	border:0;}

	
#footer_top {
	position:relative;
	margin-left:-20px;
	margin-right:-21px;
	background-image:url(/images/back_footer_top.jpg);
	background-repeat:repeat-x;
	height:32px;
	}
#footer {
	background-image:url(/images/back_footer.png);
	background-repeat:no-repeat;
	height:92px;
	padding-left:68px;
	padding-right:26px;
	padding-top:10px;
	font-size:.8em;
	line-height:1.4em;
	}

#footer li {
	display:inline;
	padding-right:15px;
	padding-left:15px;
	border-right-style: solid;
	border-right-width: 1px;
	border-right-color: #537234;
	}
#footer li.end {
	border-right:0;
	
	}
#footer ul {
	text-align:center;
	margin-top:20px;}
	
.date {
	float:right;
	background-image: url(/images/back_date.jpg);
	background-repeat: no-repeat;
	text-align:center;
	font-size:.85em;
	text-transform:uppercase;
	height: 46px;
	width: 51px;
	padding-top: 8px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 4px;
	line-height:1.3em;
}

.date_small {float:left; width:20px;height:20px; padding:5px; background-color:#666666; color:#FFFFFF;margin-right:10px; font-size:.8em; text-transform:uppercase; text-align:center; line-height:1.1em;}
.recent_post {list-style-type:none; padding-bottom:11px;}
.label {text-transform:uppercase; font-weight:bold;font-size:.9em;letter-spacing:.2em; color:#a2d051}
.date_number {font-size:1.6em;}

hr.archive {border-bottom:1px dashed #333333;margin-bottom:15px;}

div.post ul, div.post li {list-style-type:circle; margin-left:25px;}

.alignright {float:right; width:200px; margin-left:10px;margin-bottom:10px;}
.wp-caption-text {font-size:.8em;text-align:center;}

.imgtfe {margin-right:15px; margin-bottom:10px;}


/* comments styles*/

.comments-template{
	margin: 10px 0 0;
	border-top: 1px solid #ccc;
	padding: 10px 0 0;
}

.comments-template ol{
	margin: 0;
	padding: 0 0 15px;
	list-style: none;
}

.comments-template ol li{
	margin: 10px 0 0;
	line-height: 18px;
	padding: 0 0 10px;
	border-bottom: 1px solid #ccc;
}

.comments-template h2, .comments-template h3{
	font-size: 16px;
	padding-bottom:15px;
}

.commentmetadata{
	font-size: 12px;
}

.comments-template p.nocomments{
	padding: 0;
}

.comments-template textarea{
	font-family: Arial, Helvetica, Georgia, Sans-serif;
	font-size: 12px;
}

input.form_field, textarea.comment_field, input.submit, input.search {
	border:1px solid #000000; 
}

input.form_field {width:200px;}
textarea.comment_field {width:400px; height:200px;}
input.submit {background-color:#a2d051; color:#FFFFFF;}
input.search {width:175px;height:18px;}

.thumb, .alignleft  {float:left; padding-right:20px; padding-right:20px;}