/* 
Theme Name: Wren Blog
Theme URL: http://blog.wrenkitchens.com
Description: Wren Kitchens Blog highlighting the Wren Kitchens range of products, tasty recipes and cooking suggestions and all the latest kitchen products, manufacturer news and products update.
Author: Wren Kitchens
Author URI: http://www.wrenkitchens.com
Version: 2.0 */

/*
Background Colour:   '#000000'
Text Colour:         '#000000'
Link Colour:         '#000000'
Content Text Size:   '1.3em => 13px'
Website directory:   'http://www.'
*/

/***** GLOBAL CSS *****/
html {}
body {
	font-size:62.5%;
	color:#666666;
	background:url(images/main-bg-gradient.gif) 0px 240px repeat-x;
	font-family:"Helvetica Neue", Arial, sans-serif;
}
a{
	text-decoration: none;
	color: #666;
}
.clear{clear:both}
.global-center {
	width: 1000px;
	margin: 0 auto;
	position: relative;
	padding: 0px 15px;
}
input,a {outline:none;}
::selection {background:#c1e6a7;}
::-moz-selection {background:#c1e6a7;}

/***** MAIN TYPOGRAPHY *****/
h1, h2, h3, h4, h5, h6 {
	font-weight:bold;
	letter-spacing:-0.025em;
	margin-bottom:0.5em;
}
h1 {font-size:3em;}
h2 {font-size:2.5em;}
h3 {font-size:2em;}
h4 {font-size:1.8em;}
h5 {font-size:1.6em;}
h6 {font-size:1.4em;}
p {margin:0 0 1.5em;}
small{font-size: 0.8em}
strong {font-weight:bold;}
blockquote {
	padding: 20px;
	margin: 20px 60px 20px 60px;
	border-left: 6px solid #CCCCCC;
	border-bottom: 1px dotted #CCCCCC;
	font-style: italic;
	line-height:1.8em;
}
blockquote p:before {
	content:"\201C";
	font-size:2.4em;
	padding:0px 0 0;
	font-family:"Hoefler Text", Georgia, "Times New Roman", serif;
	line-height:.1em;
	margin-right:.2em;
	vertical-align:-.3em;
}
blockquote p:after {
	content:"\201D";
	font-size:2.4em;
	font-family:"Hoefler Text", Georgia, "Times New Roman", serif;
	line-height:.1em;
	margin-left:.2em;
	vertical-align:-.5em;
}
pre, code, tt {
	padding: 9px;
	font-size: 12px;
	border: 1px solid #ebebeb;
	border-left-width: 14px;
	background: url(http://www.fuzeo.com/cms/wp-content/themes/fuzeo/images/pre_bg.png) 0 9px;
	margin: 0 auto 15px auto;
	color: #444;
	white-space: pre-wrap;
	line-height: 24px;
}
em{font-weight:bold;}
address {margin:0 0 1.5em;font-style:italic;}

/***** TABLE STYLE *****/
table {margin-bottom:1.4em;width:100%;}
th {font-weight:bold;}
thead th {background:#c3d9ff;}
th, td, caption {padding:4px 10px 4px 5px;}
tr.even td {background:#e5ecf9;}
tfoot {font-style:italic;}
caption {background:#eee;}

/***** FORM STYLE *****/
label {font-weight:bold; color:#888888; margin-bottom:5px;}
fieldset {padding:1.4em;margin:0 0 1.5em 0;border:1px solid #ccc;}
legend {font-weight:bold;font-size:1.2em;}
#container{

}

/***** HEADER STYLE *****/
#header {
	height: 236px;
	width: 100%;
	border-bottom: 4px solid #66b134;
	background:url(images/header-bg.gif) repeat-x;
	overflow: hidden;
	position: relative;
	margin-bottom: 15px;
}
#header .icon-facebook {
	display:block;
	text-indent:-9999px;
	position:absolute;
	top:-55px;
	left:800px;
	width:102px;
	height:111px;
	background:url(images/icon-facebook.png) no-repeat;
}
#header .icon-twitter {
	display:block;
	text-indent:-9999px;
	position:absolute;
	top:-55px;
	left:700px;
	width:102px;
	height:111px;
	background:url(images/icon-twitter.png) no-repeat;
}
#header .icon-rss {
	display:block;
	text-indent:-9999px;
	position:absolute;
	top:-55px;
	left:900px;
	width:102px;
	height:111px;
	background:url(images/icon-rss.png) no-repeat;
}
#header #logo{
	height: 72px;
	width: 235px;
	background-image: url(images/logo.png);
	text-indent: -9999px;
	margin: 0 0 0 0;
	position: relative;
	float:left;
}
#header #logo a {
	width: 235px;
	height: 72px;
	display: block;
}
#header #navigation {
	overflow: hidden;
	height: 95px;
	width:960px;
	float:left;
}
#header #navigation li{
float:left;
}
#header #navigation li a{
	text-align:center;
	font-size:1.2em;
	font-weight:bold;
	padding:7px 17px;
	color:#FFF;
	text-shadow: #222 1px 1px 0;
	-moz-box-shadow: #232323 1px 1px 0;
	-webkit-box-shadow: #232323 1px 1px 0;
	background:#575757;
	display: block;
	float: left;
	margin-right: 3px;
	-moz-border-radius:0px 0px 4px 4px;
	-webkit-border-top-left-radius:0px;
	-webkit-border-top-right-radius:0px;
	-webkit-border-bottom-right-radius:4px;
	-webkit-border-bottom-left-radius:4px;
	width:50px;
}
#header #navigation li a:hover{
	-webkit-transition-duration:.5s;
	padding-top:10px;
}
#header .search{
	margin:30px 0 20px 0;
	float:right;
	width:280px;
	text-align:right;
	position: relative;
}
#header .search p{
	padding:0px;
	margin:0px;
}
#header .search input {
	background: #FFF;
	float: left;
	padding:15px 45px 15px 15px;
	width: 220px;
	color: #999999;
	font-size: 1.4em;
	border: none;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
}
#header .search button {
	width: 19px;
	height: 20px;
	border: 0;
	background: url(http://dissentskateshop.com/wp-content/themes/dissent/images/search-icon.png) #fff;
	float: right;
	position:absolute;
	left: 240px;
	top: 15px;
}
#header .search button:hover {
	cursor: pointer;
}
#header .phrase {
	color: #5cac27;
	font-size: 1.8em;
	float:right;
	width:960px;
	text-align:right;
}

#main{
	width:1000px;
	padding:15px;
	overflow: hidden;
	background: #FFF;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	margin:0 auto;
	margin-bottom: 15px;
}

/***** CONTENT AREA STYLE *****/
.content{
	width:705px;
	margin: 0 auto;
	overflow: hidden;
	float: left;
}
.content img {
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	margin: 0 0 15px 0;
	padding: 5px;
	border: 1px solid #DDD;

}
.content ul{
	line-height: 1.8em;
	font-size: 1.3em;
	margin: 1em;
	list-style-position:inside;
	list-style-type:circle;
}
.content ol{
	line-height: 1.8em;
	font-size: 1.3em;
	margin: 1em;
	list-style-position:inside;
	list-style-type:decimal;
}
.content hr {
	color: #fff;
	border: none;
	border-bottom: 1px dotted #ccc;
	margin: 0px 0 30px 0;
	clear: both;
}
.content p{
	font-size: 1.3em;
	line-height: 1.8em;
}
.content.page .title {
	color: #444;
	padding: 0px 0px 15px 0px;
	margin: 0px 0px 15px 0px;
	font-size: 2.8em;
	border-bottom: 1px solid #DDD;
}
.content .post {
	margin-bottom: 30px;
	overflow: hidden;
}
.content .post .comment-count {
	float: right;
	font-size: 16px;
	width: 110px;
	text-align: right;
	height: 65px;
	line-height: 65px;
	color: #666;
	padding: 0 50px 0 0;
	background:url(images/dark-grey-wren.png) center right no-repeat;
}
.content .post .title {
	color: #444;
	padding: 0px;
	margin: 0px 0px 5px 0px;
	font-size: 2.8em;
}
.content .post .title a {
	color:#444;
}
.content .post.excerpt img{
	height: 125px;
	width: 170px;
	float: left;
	margin: 0 15px 15px 0;
}
.content .post.excerpt .meta{
	padding: 0px 0px 10px 0px;
	font-size: 1.1em;
	display: block;
	border-bottom: 1px dotted #DDD;
	color: #5cac27;
}
.content .post.single .meta{
	padding: 0px 0px 10px 0px !important;
	font-size: 1.1em;
	display: block;
	border-bottom: 1px dotted #DDD;
	color: #5cac27;
}
.content .post .sociable
{
	margin:0px 0px 15px 0px !important;
	padding:0px !important;
}
.content .post .sociable .sociable_tagline
{
	margin:0 0 10px 0;
	color:#999;
}
.content .post .read-more {
	float: right;
	font-size: 1.4em;
	color: #FFF;
	width: 100px;
	height: 35px;
	position: relative;
	top: -34px;
	text-align: center;
	text-shadow: #222 1px 1px 0;
	line-height: 35px;
	background:url(images/read-more-button-bg.png) repeat-x;
	-moz-border-radius:4px 4px 0px 0px;
	-webkit-border-top-left-radius:4px; 
	-webkit-border-top-right-radius:4px; 
	-webkit-border-bottom-right-radius:0px;
	-webkit-border-bottom-left-radius:0px;
	display:none;
}
.content .post   .continue-reading{
	color: #5cac27;
}
.content .wp-pagenavi {
	border-top: 1px dotted #DDD;
	color: #666;
	font-size: 1.4em;
	text-align: center;
	padding:35px 0 10px 0;
	font-weight:bold;
}
.content .wp-pagenavi a, .content .wp-pagenavi span {
	padding:0px;
	margin:0px;
	border:none;
}
.content .wp-pagenavi span.current{
	border: 1px solid #76c900;
	text-align: center;
	background: #f7f7f7;
	padding: 6px 9px 3px 9px;
	color: #CCCCCC;
	text-shadow: 0 1px 0 #fff;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	margin: 0 10px 0 0;
}
.content .wp-pagenavi a.page{
	border: 1px solid #76c900;
	text-align: center;
	background-color: #f7f7f7;
	padding: 6px 9px 3px 9px;
	text-shadow: 0 1px 0 #fff;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	margin: 3px 10px 0 0;
}
.content .wp-pagenavi a.page:hover{
	background-color: #E7E7E7;
}
.content .wp-pagenavi a.nextpostslink{
	border:none;
	background-color:#FFF;
}
.content .wp-pagenavi a.previouspostslink{
	margin-right:10px;
	border:none;
	background-color:#FFF;
}
.content #comments {
	padding:0px;
	margin:0px;
}
.content #comments ul
{
	padding:17px 0px 0px 0px;
	margin:0px;
}
.content #comments ul li {
	list-style:none;
	margin:0px;
	padding: 0px;
}
.content #comments p.no_comments {
	margin: 0 0 25px 0;
	border: 1px solid #CCCCCC;
	text-align: center;
	background: #f7f7f7;
	padding: 20px;
	color: #666666;
	text-shadow: 0 1px 0 #fff;
}
.content #comments h4#reply {
	padding-top: 22px;
	border-top: 1px dotted #ccc;
}

.content #comments #reply a {
	color: #666666;
	text-decoration: none;
}

.content #comments .response_count {
	margin: 25px 0;
}

.content #comments .submitted {
	margin-bottom:15px;
	display: block;
}

.content #comments .submitted .avatar_container {
	-khtml-border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	height:100px;
	width:70px;
	float:left;
	margin: 0 0 0 10px;
}
.content #comments .submitted .content {
	border:1px solid #d9d9d9;
	-moz-border-radius:4px;
	-khtml-border-radius:4px;
	-webkit-border-radius:4px;
	background-color:#F7F7F7;
	float:left;
	min-height:88px;
	max-width:702px;
	min-width:200px;
}

.content #comments .submitted .content_container {
	padding:0px !important;
	width:700px;
}

.content #comments .submitted img {
	padding:4px;
	border:1px solid #d9d9d9;
	-moz-border-radius:4px;
	-khtml-border-radius:4px;
	-webkit-border-radius:4px;
	background-color:#f7f7f7;
	float:left;
	width:40px;
	height:40px;
	margin-top:10px;
}
.content #comments .submitted .meta {
	height:26px;
	border-bottom:1px dotted #CCC;
	padding:8px 10px 0 0 !important;
	margin:0px;
	font-size:12px;
	line-height:22px !important;
}

.content #comments .submitted .name {
	font-weight:bold;
	font-size:13px;
	float:left;
	color: #666;
}

.content #comments .submitted .date {
	color:#9f9f9f;
	font-size:11px;
	float:right;
}

.content #comments .submitted p {
	font-size:13px;
	line-height:20px;
	margin-top:10px;
}

.content #comments .submitted .moderation {
	color: #999;
	font-weight: normal;
}

.content #comments .submitted .reply_link {
	color:#999999;
	text-decoration:none;
	float:right;
	font-size:11px;
	font-weight:bold;
	padding:0 10px 0 0;
}

.content #comments .submitted .reply_link a {
	color: #5cac27;
	text-decoration: none;
}
.content #comments .children{
	margin: 0 0 0 50px;
}
.content #comments .children .submitted .content_container {
	background: url(images/reply-arrow.png) left center no-repeat;
}
.content #comments .children .submitted .content {
	border:1px solid #d9d9d9;
	-moz-border-radius:4px;
	-khtml-border-radius:4px;
	-webkit-border-radius:4px;
	background-color:#F7F7F7;
	float:left;
	min-height:88px;
	max-width:652px;
	min-width:200px;
}
.content #comments .children .children .submitted .content {
	border:1px solid #d9d9d9;
	-moz-border-radius:4px;
	-khtml-border-radius:4px;
	-webkit-border-radius:4px;
	background-color:#F7F7F7;
	float:left;
	min-height:88px;
	max-width:602px;
	min-width:200px;
}
.content form {
	color:#333;
}

.content #commentform p {
	font-size: 12px;
	margin: 0 0 10px 0;
}

.content #commentform p a {
	color: #5cac27;
	text-decoration: none;
}

.content #form label {
	font-size: 14px;
	margin: 0 0 10px 0;
}

.content input, .content textarea {
	border:1px solid #ddd;
	padding:8px;
	font-size:13px;
	margin:0 10px 10px 0;
	-moz-border-radius:4px;
	-khtml-border-radius:4px 4px 4px 4px;
	-webkit-border-radius:4px 4px 4px 4px;
}

.content input:focus, .content textarea:focus {
	border-color:#5cac27;
	outline:none;
	background:#f9f9f9;
}
.content form button{
	-webkit-transition-duration:.3s;
	padding:.5em 1em;
	background:#eaeaea;
	display:block;
	text-align:center;
	font-size:12px;
	color:#555;
	line-height:2em;
	-moz-border-radius:4px;
	-khtml-border-radius:4px;
	-webkit-border-radius:4px;
	cursor:pointer;
	border:none;
}


/***** SIDEBAR STYLE *****/
#sidebar {
	width: 275px;
	float: right;
}
#sidebar .module.main-categories {
	padding:0px !important;
	background:url(images/recipe-news-products-bg.png);
}
#sidebar .module .main-categories li {
	margin:0px !important;
	padding:0px !important;
	background:none;
}
#sidebar .module .main-categories li a {
	display: block;
	height:74px;
	margin:0px;
	padding:0 0 0 100px;
	;
	line-height:76px;
	font-size:19px;
	background:none;
	color:#444;
	text-shadow:#fff 0px 1px 0;
}
#sidebar .module .main-categories li.recipes{
	-moz-border-radius:6px 6px 0px 0px;
	-webkit-border-top-left-radius:6px; 
	-webkit-border-top-right-radius:6px; 
	-webkit-border-bottom-right-radius:0px;
	-webkit-border-bottom-left-radius:0px;
	border-bottom:1px solid #DDD;
	background:url(images/icon-recipe.png) 10px center no-repeat;
}
#sidebar .module .main-categories li.products{
	background:url(images/icon-products.png) 10px center no-repeat;
}
#sidebar .module .main-categories li.news{
	-moz-border-radius:0px 0px 6px 6px;
	-webkit-border-top-left-radius:0px; 
	-webkit-border-top-right-radius:0px; 
	-webkit-border-bottom-right-radius:6px;
	-webkit-border-bottom-left-radius:6px;
	border-top:1px solid #DDD;
	background:url(images/icon-news.png) 10px center no-repeat;
}
#sidebar .module {
	margin-bottom: 15px;
	padding-bottom: 10px;
	border: 1px solid #DDD;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
}
#sidebar .module.popular-posts {
	font-size:0.8em;
}
#sidebar .module .title {
	line-height:50px;
	padding-left:15px;
	background:url(images/sidebar-title-bg.png) repeat-x;
	height: 50px;
	-moz-border-radius:6px 6px 0px 0px;
	-webkit-border-top-left-radius:6px; 
	-webkit-border-top-right-radius:6px; 
	-webkit-border-bottom-right-radius:0px;
	-webkit-border-bottom-left-radius:0px;
	border-bottom:1px solid #DDD;
	color:#444;
	text-shadow:#fff 0px 1px 0;
	font-size:18px;

}
#sidebar .module ul li {
	font-size: 1.4em;
	padding: 0 0 0 30px;
	margin: 0 0 0 15px;
	line-height: 2em;
	background:url(images/green-wren.png) left 9px no-repeat;
}
#sidebar .module ul li .children li{
	padding: 0px;
	margin: 0 0 0 15px;
	background:none;
	font-size:0.8em;
}
#sidebar #recent_comments li {
	background:none;
	padding:5px 15px 5px 15px;
	margin:0px;
	font-size:1.1em;
	line-height:1.5em;
	display:block;
	clear:both;
	font-weight:normal;
}
#sidebar #recent_comments li a {
	text-decoration:none;
	margin: 0 0 10px 0;
}
#sidebar #recent_comments li img {
	display:block;
	width:40px;
	height:40px;
	padding:3px;
	margin:0 10px 20px 0;
	background:#FFF;
	border:1px solid #ebebeb;
	float:left;
	-moz-border-radius:4px;	
	-webkit-border-radius:4px;
}
#sidebar #recent_comments li a span {
	color:#5cac27;
	font-weight:bold;
}

/***** FOOTER STYLE *****/
#footer{
	width:100%;
	padding:45px 0px 20px 0px;
	background: #f7f7f8 url(images/footer-tear.png) repeat-x top;
	overflow: hidden;
	text-shadow: #FFFFFF 1px 1px 0;
}

#footer ul{
	overflow: hidden;
	font-size: 13px;
	margin:0 15px 35px 0;
	width:238px;
	float:left;
}
#footer ul.last {
	margin: 0px;
}

#footer ul.links li.title{
	font-weight: bold;
	background: none;
	padding: 5px 0 10px 0;
	width:220px;
	color:#666;
	display: block;
	border-right: none;
}

#footer ul li{
	background: none;
	display: block;
	padding:0;
	line-height: 26px;
	padding-right: 10px;
	margin-right: 10px;
	position:relative;
	z-index:200;
	
}
#footer ul li.last{
	border-right:none;
}

#footer .search{
	margin:0px;
	padding:15px 0 0 0;
	width:280px;
	text-align:right;
	position: relative;
}
#footer .search p{
	padding:0px;
	margin:0px;
}
#footer .search input {
	background: #FFF;
	float: left;
	padding:9px 45px 9px 8px;
	width: 160px;
	color: #999999;
	font-size: 1em;
	border: none;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border: 1px solid #DDD;
}
#footer .search button {
	width: 19px;
	height: 20px;
	border: 0;
	background: url(http://dissentskateshop.com/wp-content/themes/dissent/images/search-icon.png) #fff;
	float: right;
	position:absolute;
	left: 185px;
	top: 22px;
}
#footer .search button:hover {
	cursor: pointer;
}

#footer a{
	color: #999;
	decoration: underline;
}

#footer a:hover{
	color: #828282;
	decoration: none;
}
#footer .meta {
	position: relative;
	width: 100%;
	height: 50px;
	clear: both;
}
#footer .meta .back-to-top{
	height: 53px;
	position:absolute;
	top:41px;
	left:873px;
	font-weight:bold;
	z-index: 20;
	width: 100px;
	text-align: right;
}
#footer .meta .back-to-top a{
	color:#666;
}
#footer .meta .logo{
	width: 126px;
	height: 53px;
	background:url(images/footer-logo.png) left bottom no-repeat;
	position:absolute;
	text-indent: -9999px;
	top:0px;
	left:0px;
}
#footer .meta .wren-bird{
	width: 312px;
	height: 246px;
	background:url(images/wren-bird.png);
	position:absolute;
	text-indent: -9999px;
	top:-155px;
	left:1000px;
}
#footer .meta .payment-options{
	width: 190px;
	height: 28px;
	background:url(images/payment-details.png);
	position:absolute;
	text-indent: -9999px;
	top:26px;
	left:820px;
}

#footer #copyright{
	font-size:10px;
	height:20px;
	padding: 42px 0 0 240px;
}
  

