/*

Theme Name: Tasty Showcase

Theme URI: http://www.themelab.com/free-wordpress-themes/

Description: Template designed by <a href="http://www.demusdesign.com">DemusDesign</a>

Version: 1.0

Author: Theme Lab

Author URI: http://www.themelab.com/



*/



* { padding: 0; margin: 0; }



body {

	background: #262626;

	font-family: Verdana, Arial, Helvetica, san-serif;

	font-size: 12px;

	}

	

	

	

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

/* ---------->>> GLOBAL <<<-----------*/

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



p {

	line-height: 1.5em;

	}

	

a {

	color: #686868;

	text-decoration: none;

	}

	

a img { border: 0; }

	

p, h2, h3, h4, blockquote, ol, dl {

	margin: 10px 0 20px 0;

	}



blockquote {

	background: #F0F0F0;

	border-top: 1px solid #DDD;

	border-bottom: 1px solid #DDD;

	padding: 10px;

	}

	

	blockquote .cite {

		text-align: right;

		font-style: italic;

		/*color: #4B8610;*/
		color:#ffffff;

		margin: 0px;

		}

	

dt {

	/*color: #4B8610;*/
	color:#ffffff;
	/*color: #d0b000;*/

	font-style: italic;

	font-weight: 600;

	}

	

dd {

	padding-left: 10px;

	margin-bottom: 10px;

	}

	

/* ---- LISTS ---- */

	

.post ol {

	margin: 0 0 10px 20px;

	/*color: #4B8610;*/
	color:#ffffff;

	font-style: italic;

	font-weight: 600;

	line-height: 1.5em;

	}

	

	.post ol li {

		padding: 2px 0 2px 0px;;

		margin-bottom: 3px;

		}

	.post ol span {

		color: #5b5b5b;

		font-style: normal;

		font-weight: 400;

		}

	

#green .post ul li {

	padding-left: 20px;

	line-height: 1.5em;

	}

		

/* ---- FORMS ---- */	

	

form {

	width: 520px;
	
	border: 1px solid #31690A;

	background: #3E770D;

	padding: 20px;

	margin: 0 0 30px 0;

	}

	

input, select, textarea {

	margin: 5px 0;

	padding: 5px;

	color: #333;

	border-width: 1px;

	border-style: solid;

  	border-color: #ffffff; 	

	font: 11px 'Lucida Grande', Verdana, Helvetica, sans-serif;

	background: #c7e09c;

}



	input.button { 

		font: bold 12px Arial, Sans-serif; 

		height: 30px;

		margin: 0;

		padding: 2px 3px; 

		color: #FFF;

		background: #4B8610;

		

		border-width: 1px;

		border-style: solid;

		border-color: #59A908 #2F5608 #2F5608 #59A908;

	}

	

/* ---- TABLES ---- */

	

table {

	border-collapse: collapse;

	margin: 10px 20px;		

}

tr { 

	background: #FFF; 

}



	tr.altrow { 

		background: #F9F9F9;	

	}

	

th, td {

	text-align: left;			

	border-width: 1px;

  	border-style: solid;

}



	th {

		color: #555;

		background: #f0f0f0; 

		padding: .8em 1em;	

		border-color: #DDD #DDD #6C0 #DDD;	

	}

	td {

		border-color: #EFEFEF;	

		padding: .7em 1em;	

	}	

	

/* ---- Positioning Elements ---- */



.third {

	width: 290px;

	padding: 5px 15px;

	font-size: 11px;

	}

.sixth {

	width: 130px;

	padding: 5px 15px;

	font-size: 11px;

	}

.left, .alignleft {

	float: left;

	}

.right, .alignright, .avatar {

	float: right;

	}

img.right, img.alignright, img.avatar {

	margin: 0 0 10px 10px;

	}

img.left, img.alignleft {

	margin: 0 10px 10px 0;

	}

img.right, img.left, img.alignleft, img.alignright, img.avatar {

	padding: 3px;

	background: #3E700C;
	

	border: 1px solid #8EC854;

	background-image: none;

	}



.clear {

	clear: both;

	font-size: 0px;

	line-height: 0;

	}

	

	

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

/* -------->>> PAGE LAYOUT <<<--------*/

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

	

#wrapper {

	width: 998px;

	margin: 0 auto;

	}

#header {

	height: 110px;

	}



#main-top {

	width: 998px;

	height: 13px;

	background: url('images/main-top.gif') no-repeat;

	}

	

#main {

	background: #222;

	border-left: 1px solid #3c3c3c;

	border-right: 1px solid #3c3c3c;

	min-height: 500px;

	padding: 0 9px 5px 9px;

	}

	

#main-bottom {

	width: 998px;

	height: 12px;

	background: url('images/main-bottom.gif') no-repeat;

	margin-bottom: 50px;

	}

	

#front_foot { /* The Green section on the front page */

	width: 960px;

	padding: 20px 10px;

	background: #009bdb url('images/frontfoot.jpg') repeat-x top left;

	border-bottom: 1px solid #213D06;

	/*color: #CCFF99;*/
	color:#FFFFFF;

	}

	

#green_outer {

	background: #12539b url('images/frontfoot.jpg') repeat-x top left;

	width: 980px;

	/*color: #CCFF99;*/
	color:#FFFFFF;

	}

	

#green { /* The Green section on all other pages */

	width: 960px;

	padding: 20px 10px;

	background: url('images/line.png') repeat-y top left;

	border-bottom: 1px solid #FFFFFF; /*#213D06;*/

	}

	

.postfoot { /* Area generally used for post comments */

	width: 560px;

	padding: 30px;

	}

	

	

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

/* ------->>> AREA SPECIFIC <<<-------*/

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



/* ---- Header Styles ---- */

	

#logo {

	width: 550px;

	height: 64px;

	padding-top: 35px;

	background: url('images/logo-bg.jpg') no-repeat top center;

	font-style: italic;
	
	font-family: Times, serif;

	color: #6c94c1;

	text-align: center;

	float: left;

	margin-left: -100px;

	font-size: 50px;

	text-shadow: #000 3px 3px 0px;

	}

#logo a {

	text-decoration: none;

	color: #fff;

	}

#logo a .green {

	color: #6c94c1;

	}

#searchform {

	background: url('images/search.gif') no-repeat;

	width: 324px;

	height: 25px;

	float: right;

	margin: 50px 15px 0 0;

	border: none;

	padding: 0px;

	}

#searchform input {

	background: none;

	outline: 0;

	border: 0;

	}

#searchform #s {

	width: 281px;

	font-size: 12px;

	color: #666;

	padding: 1px 0 0 10px;

	}

#searchform #searchsubmit {

	width: 28px;

	height: 25px;

	float: right;

	cursor: pointer;

	}

	

/* ---- Top Navigation ---- */



#nav {

	list-style: none;

	margin-bottom: 15px;

	padding-top: 3px;

	}

#nav ul {

	padding: 0px;

	}

#nav li {

	display: inline;

	margin: 0px;

	padding-left: 20px;

	}

#nav a {

	color: #999;

	text-decoration: none;

	}

#nav a:hover, #nav .current_page_item a {

	color: #fff;

	}

	

/* ---- Blog Post ---- */



.post {

	width: 560px;

	padding: 30px 30px;

	background: #FFF url('images/contentbg.jpg') repeat-x top left;

	color: #5b5b5b;

	margin-left: 5px;

	border-bottom: 1px solid #CCC;

	border-TOP: 1px solid #FFF;

	font-size: 14px;

	}

.post a {

	border-bottom: 1px solid #ddd;

	}

.post a:hover {

	/*color: #6C0;*/
	color:#000000;

	border-bottom: none;

	}

.post h1 {	

	color: #000;

	font-style: italic;

	font-size: 36px;

	margin-bottom: 30px;

	}

	

.post img {	

	background: #f0f0f0;

	border: 1px solid #CCC;

	}

	

.post p.meta {

	background: #E6E6E6;

	border-top: 1px solid #DDD;

	border-bottom: 1px solid #DDD;

	padding: 10px;

	font-size:12px;

	margin: 30px 0 0 0;

	}

	.post p.meta a {

		border-bottom: 1px solid #CCC;

		}

	.post p.date {

		float: left;

		margin: 5px 20px 0 -31px;

		/*background: #559F0A;*/
		background: #ffffff;

		color: #000000;

		font: 400 10px verdana,arial,sans-serif;

		padding: 12px 8px;

		/*border-left: 1px solid #447810;*/
		border-left: 1px solid #cccccc;

		}

#green .post h3 {

		/*color: #6c0;*/
		color:#ffffff;

		}



#green h3, #footer h3, #front_foot h3 {

	font: 600 15px verdana,arial,sans-serif;

	font-style: italic;

	margin-bottom: 10px;

	color: #FFF;

	}

	

/* Sidebar Styles */



	

#green .third { /* This is the sidebar for all pages except the index */

	width: 280px;

	padding: 5px 15px 5px 15px;

	margin-left: 10px;

	}

	

#green .third .sixth {

	padding: 5px 10px 5px 0;

	margin-bottom: 20px;

	}

	

#green ul, #front_foot ul {

	list-style-type: none;

	}

#green ul li, #front_foot ul li {

	padding: 2px 0 2px 10px;

	background: url('images/bullet.gif') no-repeat center left;

	margin-bottom: 3px;

	}

	

.third p {

	font-size: 11px;

	line-height: 1.4em;

	}

.sixth a, .third a {

	color: #CCCCCC;

	border-bottom: 1px solid #ffffff;

	text-decoration: none;

	}

.sixth p a, .third p a {

	color: #FFF;

	}

.sixth a:hover, .third a:hover {

	border-bottom: 2px solid #fff;

	color: #fff;

	}

#front_foot div.right {

	background: url('images/footer-divider.png') repeat-y top left;

	}

	

/* ---- Post Comments ---- */

#green .commentlist li {

	list-style-type: none;

	}

#green .commentlist ul li {

	background: none;

	}

#green #respond a { 

	color: #CCD870;

	}

#green .postfoot .comment {

	padding: 20px 0 18px 0;

	background: url('images/underline.png') repeat-x top left;

	line-height: 1.0em;

	margin-top: 5px;

	}

#green .comment p {

	margin-bottom: 0px;

	}

#green .comment a {

	color: #CF9;

	}

#green .comment a:hover {

	color: #FFF;

	}

#green .comment .meta, #green .comment .meta a, #front_foot .comment p.meta, #front_foot .comment p.meta a {

	color: #fff;

	font: 400 10px verdana,arial,sans-serif;

	font-style: italic;

	}

#green .postfoot .children .comment {

	padding: 15px 0 5px 20px;

	margin-left: 10px;

	background: url('images/reply.gif') no-repeat top left;

	margin-top:0px;

	}

#green .comment .meta a.comment-reply-link {

	text-transform: uppercase;

	font-weight: bold;

	font-style: normal;

	}

	

/* ---- Front Foot - green area in index.html ---- */

	

#front_foot p {

	margin: 0 0 10px 0;

	}

	

#front_foot .comment p.first {

	margin-top: -10px;

	}

#front_foot .comment {

	padding: 8px 0 10px 0;

	background: url('images/underline.png') repeat-x bottom left;

	line-height: 1.0em;

	}

#front_foot .comment p {

	margin: 0px;

	}

	

/* ---- Footer on all other pages ---- */

	

#footer {

	width: 960px;

	padding: 20px 10px 10px 10px;

	border-top: 1px solid #447A0E;

	color: #00000;	

	background: #2F5608;

	}

#footer a {

	background: #3D6E0C;

	border-bottom: none;

	padding: 2px;

	}

	#footer a:hover{

		background: #4B8610;

		}

		

#footer p {

	line-height: 1.8em;

	margin-bottom: 20px;

	}

	

#footer ul {

	list-style-type: none;

	margin-bottom: 20px;

	}

#footer ul.children {

	margin: 12px 0 0 10px;

	}

	#footer ul li{

		display: block;

		margin-bottom: 12px;

		}

	#footer ul li a{

		background: url('images/buallet.gif') no-repeat center left;

		background: #3D6E0C;

		padding: 4px;

		}

	#footer ul li a:hover{

		background: #4B8610;

		}

	

/* ---- Copyright Information - very bottom ---- */

	

p.copy {

	padding: 0px 0 0 10px;

	color: #666;

	margin-bottom: 0px;

	}

	

p.copy a {

	color: #777;

	text-decoration: underline;

	}

	

p.copy a:hover {

	text-decoration: none;

	color: #CCC;

	}