/*  
Theme Name: Rooftop Kitchen v2
Theme URI: http://jimidemetriou.com
Description: The default theme for rooftopkitchen.com
Version: 1.1
Author: Jimi Demetriou
Author URI: http://jimidemetriou.com/


/* Colors for theme: d8caa8 5c832f  284907   363942  */

/* Browser Reset */
*{padding:0; margin:0;}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;

}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* Overall Page Style */

body {font: 100% HelveticaNeue-Light, "Helvetica Neue Light", "Helvetica Neue", Geneva, Arial, Helvetica, sans-serif; background:#382513}
#container {margin: 0 auto; width:982px; height:auto;  /* background: url(/rooftopkitchen/bkgrndtest.jpg) 10px 0 repeat-y; */ }

/* Header */

#header-repeat{ background: url(/images/header-repeat.jpg) repeat-x top left; margin:0; height:100%; }

#header {
	width: 982px;
	overflow: hidden;	}


#navigation {
	width:982px;
	line-height:52px;
	display:inline;
	color:#fff;
}
#navigation a:link, #navigation a:active, #navigation a:visited {
		margin:0 20px; padding:0;
 		color:#FFFFFF;
		text-decoration:none; text-transform:uppercase;
	} 
	
#navigation a:hover { color:#AFAFAF; }

#subhead{ margin:50px 0; height:150px;}
#logo {text-indent: -9999px; width: 607px; background: url(/images/v2logo.jpg) no-repeat; float:left; }
#logo a {display: block; width: 360px; height: 120px; text-decoration: none; overflow: hidden; -moz-outline-style: none}
#grow {text-indent: -9999px; width: 124px;  background: url(/images/grow.gif) top center no-repeat; float:left;	border-right: 1px solid #ddd;}
#grow a {display: block; width: 124px; height: 120px; text-decoration: none; overflow: hidden; -moz-outline-style: none}
#grow a:hover {display: block; width: 124px; height: 120px; text-decoration: none; overflow: hidden; -moz-outline-style: none; background: url/(images/grow_h.gif) top center no-repeat;}

#cook{text-indent: -9999px; width: 124px;  background: url(/images/cook.gif) top center no-repeat; float:left;	border-right: 1px solid #ddd;	}
#cook a {display: block; width: 124px; height: 120px; text-decoration: none; overflow: hidden; -moz-outline-style: none}
#cook a:hover {display: block; width: 124px; height: 120px; text-decoration: none; overflow: hidden; -moz-outline-style: none; background: url(/images/cook_h.gif) top center no-repeat}

#reuse {text-indent: -9999px; width: 124px;  background: url(/images/reuse.gif) top center no-repeat; float:left;}
#reuse a {display: block; width: 124px; height: 120px; text-decoration: none; overflow: hidden; -moz-outline-style: none}
#reuse a:hover {display: block; width: 124px; height: 120px; text-decoration: none; overflow: hidden; -moz-outline-style: none; background: url(/images/reuse_h.gif) top center no-repeat;}


#feed{ width: 300px; float:left;
	bottom:0;
	right:0; padding:22px 10px 0 5px; text-align:right; display:block;}
#feed form {
	width:186px;
	padding:1px;
	border: 2px solid #ebe4d3;
	-moz-border-radius: 4px;
	float:left;}
#feed form:hover {
	border: 2px solid #5c832f;    
}
input.topsearch {
	border: none;
	background: #fff;
	
}

a:link, a:visited {color:#284907; text-decoration:none;}
a:hover {color:#5c832f; text-decoration:underline; }


input.toptxt {
	float: left;
	width: 160px;
	height: 18px;
	border:0px;
	padding: 4px 0 0 6px;
	background:#FFFFFF;
}
	
/* left or sidebar */

#left {
	width:300px;
	float:left;
	margin:20px 0 0 10px;
	background: #FFF;
	}
.left {
	width:300px;
	margin: 0 0 10px 0;
	}
.sidebar {
	padding:5px;
	width:290px;}
/* right or main */

#right {
	width:652px;
	float:left;
	background:#fff;
	padding:10px;
	margin:20px 0 0 0;
}
#rightnav li { display:inline; margin:0 15px 0 0; }
/* Feature */

#feature {
	width:672px;
	height:215px;na
	font-size:.8em;
	
	}
.feature-image {	padding: 10px}
.feature-tri {
	width:176px;
	margin:0 72px 0 0;
	float:left;
	}
.feature-tri3 {
	width:176px;
	float:left;
	}

 /* Index */
 #article {
 	width:672px;
	}
.thumbindex { 
	display: block;
	width:  652px;
	height:300px;
	overflow: hidden;  
	position: relative;
	margin:0 0 10px 0;
	}
.thumbexcerpt {
	font-size:.6em;
	width: 220px; 
	float:left; 
	padding:1px 5px;
	}
.thumbpic {width:672px;}
.thumbindex-title { 
	background: #fff; 
	bottom:0;right:0;
	display:block;
	position:absolute;
	padding:4px;
	filter:alpha(opacity=85);-moz-opacity:.85;opacity:.85; 
	width:100%; 

	}
.thumbindex-title h2 a, .index h2 a:visited {
	font-size: 2em;
	font-weight:lighter;
	line-height: .8em;
	letter-spacing: -.03em;
	word-spacing: -.1em;
	padding: .1em 0 .1em .5em;
	text-decoration:none;
	color:#000;
	display:block;
	float:left;
	width:310px;
}
.thumbindex-title h2 a:hover { color: #5c832f;}
.thumbindex-title span { margin: 0;  padding:5px 10px 0 0; display:block; font-size:.8em;	float:right;}
.thumbindex-title span a, .thumb-title span a:visited  { 
  	font-size: 1em;
	font-weight:lighter;
	line-height: .6em;
	letter-spacing: -.03em;
	word-spacing: -.1em;
	padding: .1em 0 .1em .5em;
	color:#5c832f;text-decoration: none; }
.thumbindex-title h3 a:hover { color:#284907;}

/* Blog Index */

.thumb { background: #ebe4d3 url(images/thumb.png); display: block; width: 600px; overflow: hidden; border:1px solid #000; margin: 0 10px 10px 0;  position: relative; }
.thumb-title { background: #222; bottom:0;right:0;display:block;position:absolute;padding:4px;filter:alpha(opacity=85);-moz-opacity:.85;opacity:.85; width:100%; height:60px; }
.thumb-title:hover { background:#2D2D2D; }
.thumb-title h2 { margin: 0;  padding:5px 0 0 10px; line-height:2.5em; }
.thumb-title h2 a, .thumb-title h2 a:visited  { font:24px Arial,helvetica;display:block;color:#fff;text-decoration: none;text-transform:capitalized; }
.thumb-title h2 a:hover { color: #fff;}
.thumb-title h3 { margin: 0;  padding:5px 0 5px 10px; font:14px Arial,helvetica;display:block;color:#fff;text-decoration: none;text-transform:capitalized; }
.thumb-title h3 a {color: #fff;}

/* ==== Post ==== */
.title { font-size: 4.6em;
	letter-spacing: -.04em;
	line-height: .62em;
	margin: .1em 0 .2em;
	padding-bottom: .1em;
	font-weight:100;
}
.entry h2 {font-size: 3em;
	letter-spacing: -.04em;
	line-height: .62em;
	margin: 1.4em 0 .2em;
	padding-bottom: .1em;
	font-weight:100;
}
.post h3 {font-size: 2.4em;
	letter-spacing: -.04em;
	line-height: .62em;
	margin: 1.2em 0 .2em;
	padding-bottom: .1em;
	font-weight:100;
}
.entry {line-height: 1.6em;
	font-size: .9em;
	font-weight: lighter;
	margin-top: 1em;
	margin-bottom: 1em
}
.entry p {margin:1.4em 0}

/* ==== Comments ==== */
#commentside {
	width:300px;
	}
#commentside h3 {
	font-size: 2em;
	letter-spacing: -.04em;
	line-height: .62em;
	margin: 1.2em 0 .2em;
	padding-bottom: .1em;
	font-weight:100;
	}
.quote {
	line-height: 1.6em;
	font-size: .8em;
	margin:1.2em 0;
	}
/* Footer */
#footer {
	width:982px;
	float:left;
	border-top:1px #000 solid;
	font-size:.6em;
	}