/*

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;

	}

img, div, input { behavior: url("iepngfix.htc") }

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

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

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


p {

	line-height: 1.5em;

	}
	

a {

	color: #2F5608;

	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;

		margin: 0px;

		}

dt {

	color: #4B8610;

	font-style: italic;

	font-weight: 600;

	}

	

dd {

	padding-left: 10px;

	margin-bottom: 10px;

	}

	

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

	

.post ol {

	margin: 0 0 10px 20px;

	color: #4B8610;

	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: 20px;

	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: #31690A; 	

	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: 270px;

	padding: 5px 15px;

	font-size: 11px;

	}

.sixth {

	width: 140px;

	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: 960px;

	margin: 0 auto;

	}

#header {

	height: 110px;

	}



#main-top {

	width: 960px;

	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: 960px;

	height: 12px;

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

	margin-bottom: 50px;

	}

	

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

	width: 922px;

	padding: 20px 10px;

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

	border-bottom: 1px solid #213D06;

	color: #CCFF99;

	}

#front_foot.third right{
   width:308px;
   
   font-size:13px;
}

#green_outer {

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

	width: 942px;

	color: #CCFF99;

	}

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

	width: 922px;

	padding: 20px 10px;

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

	border-bottom: 1px solid #213D06;

	}


	

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

	width: 560px;

	padding: 30px;

	}

	

	

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

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

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



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

	

#logo {

	width: 550px;

	height: 64px;

	padding-top: 20px;

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

	font-style: italic;

	color: #66cc00;

	text-align: center;

	float: left;

	margin-left: -100px;

	font-size: 28px;

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

	}

#logo a {

	text-decoration: none;

	color: #fff;

	}

#logo a .green {

	color: #66cc00;

	}

#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 ---- */

#navigation {background: url(images/navbar.png) no-repeat;padding-right:18px;font-size:12px;position: relative;z-index: 6;width: 942px;height: 48px;}

#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 ---- */
#column-content {background: color: #ffffff;width: 922px;float: left;padding-bottom: 20px;margin-left: 7px;}

/* Featured Posts & Articles on Frontpage */

.feat-post {
width: 200px;
padding: 10px 10px 10px 20px;
float: left;
}
.feat-post img {
	background: #f0f0f0;

	border: 1px solid #CCC;

	}

.feat-post h2 {
font-size: 18px;
margin:0 auto;
text-decoration: none;
color: #FAFAFA;
}

.feat-post h2 a {
text-decoration: none;
color: #FAFAFA;
}

.feat-post h2 a:hover {
text-decoration: none;
color: #<?php echo $color;?>;
}

.desc h3 {
font-size: 10px;
font-style: italic;
color: #<?php echo $color;?>;
font-weight: normal;
clear:both;
border-bottom: 1px solid #b1b1b1;
}

.feat-post p {
text-align: justify;
color: #FAFAFA;
margin-top: 15px;
}

.feat-post img {
margin-top: 20px;
border: 1px solid #<?php echo $color;?>;
}

.latest-posts {

}

.latest-posts h2 {
font-size: 18px;
text-decoration: none;
color: #FAFAFA;
}

.latest-posts h2 a {
text-decoration: none;
color: #FAFAFA;
}

.latest-posts ul {
color: #FAFAFA;
margin-top: 10px;
list-style-type: disc;
}

.latest-posts ul li {
color: #FAFAFA;
padding-left: 10px;
margin-bottom: 5px;
}

.latest-posts ul li a {
text-decoration: none;
display: block;
line-height: 15px;
color: #FAFAFA;
}

.latest-posts ul li a:hover {
text-decoration: underline;
color: #FAFAFA;
}

.latest-posts p {
text-align: justify;
color: #FAFAFA;
margin-top: 10px;
}

/* Subpage Column Styles */
#sub-column {width: 780px;height: auto;margin: 0px auto;}
#sub-products {background: url(images/sub-top.gif) ;width: 780px;height: 30px;margin-left: 7px;float: left;margin-top: 20px;}
#sub-top {background: url(images/sub-top.gif) no repeat;width: 780px;height: 42px;margin-left: 7px;float: center;margin-top: 0px;}
#sub-content {background:url(images/center-column.png) repeat-y;width: 780px;float: left;margin-left: 7px;}
/* without value of picture  given  default */
#picture {
float:left;
width: 200px;
height:150px;
}
/*  stop  post  float  */
.floatstop {
clear:both;
}


.post {

	width: 850px;

	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;

	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;

		color: #FFF;

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

		padding: 12px 8px;

		border-left: 1px solid #447810;

		}

#green .post h3 {

		color: #6c0;

		}



#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: 150px;

	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: 12px;

	line-height: 1.4em;

	}

#sixth a, .third a {

	color: #CCFF99;

	border-bottom: 1px solid #6FAC31;

	text-decoration: none;
    
	font-size: 13px;
	}

.sixth p a, .third p a {

	color: #FFF;

	}

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

	border-bottom: 2px solid #8EC854;

	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: #2F5608;

	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: 922px;

	padding: 20px 10px 10px 10px;

	border-top: 1px solid #447A0E;

	color: #CCFF99;	

	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;

	}
	
.third right{
width:313px;
font-size:13px;
}