/*  
Theme Name: LFR 2012
Author: Postmodern Sublime
Author URI: http://www.postmodernsublime.com/
*/

/*=== Setup and all-purpose ===*/
*{border: 0;margin: 0;padding: 0; outline: none}
html{height: 100%}
body{background: #c3bcb7; color: #333; font: 12px/1.3  "Helvetica Neue", Helvetica, Arial, sans-serif; text-align:center}
p{margin: 0 0 10px}
.alignleft{float:left;}
.alignright{inline;float:right;}
.aligncenter {display: block; margin-left: auto; margin-right: auto;text-align: center}
.mr10 {margin-right: 10px}
.width50 {width: 49.9%}
.block {display: block}
.row {clear:  both; overflow: hidden}
.no-float {float: none!important}
a {color: #367333;text-decoration: none}
a:hover {color: #a1c93d}
a:active, a:focus {outline: none}
.article-link img{}
img.alignleft {margin-right:10px}
img.alignright {margin-left:10px}
div.no-image {width: 75px; height: 35px}
img.avatar {-moz-box-shadow: 0 2px 4px #666; -webkit-box-shadow: 0 2px 4px #666}
input,select,textarea{font: normal 1em  "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;padding: 2px; border-width: 1px; border-color: #eaeaea #ddd #ccc; border-style: solid}
input[type="submit"] {font-weight: bold; text-transform: uppercase; padding-right: 7px; padding-left: 7px; background: #6ba83d; cursor: pointer; color: #fff; border: none}
input[type="submit"]:hover {background-color: #a1c93d }
input[type="submit"]:focus {outline: none!important;}
.ps-thumb {padding: 2px; border: 1px #ddd solid}
select{padding: 0}
ul li{list-style: none}
h1, h2, h3{margin: 0 0 10px; font-family: 'Source Sans Pro'}
h1{font-size: 24px;}
h2{font-size: 18px;}
h3 {font-size: 14px;}
h4 {font-size: 12px; color: #666;}

.m0 {margin: 0}
.mb10 {margin-bottom: 10px}
.mr10 {margin-right: 10px}
.mt10 {margin-top: 10px}
.ml10 {margin-left: 10px}
.mb7 {margin-bottom: 7px}
.mr7 {margin-right: 7px}
.mt7 {margin-top: 7px}
.ml7 {margin-left: 7px}
.p0 {padding: 0}
.p10 {padding: 10px}
.pb10 {padding-bottom: 10px}
.pr10 {padding-right: 10px}
.pt10 {padding-top: 10px}
.pl10 {padding-left: 10px}
.pb7 {padding-bottom: 7px}
.pr7 {padding-right: 7px}
.pt7 {padding-top: 7px}
.pl7 {padding-left: 7px}
.b0 {border: none!important}
.black {color: #000}
.centered {width: 970px; margin-left: auto; margin-right: auto; position: relative; text-align: left}
/*=== Layout ===*/
#wrap {background: #fff; border-top: 4px #877870 solid; border-left: 1px #877870 solid; border-right: 1px #877870 solid; border-bottom: 4px #877870 solid; width: 1010px; padding: 10px 0; margin: 15px auto}
/*=== Header ===*/
#header{position:relative;z-index: 10; height: 200px}
#utilities position: relative;}
	#utilities ul{float: right}
	#utilities li {margin: 0 0 0 10px; float: left; text-transform:uppercase; font: 85% "Century Gothic", Futura, "Helvetica Neue", Helvetica, Arial, sans-serif; height:15px; line-height:15px;}
#banner_ad {margin: 0 0 10px}
#logo{position: absolute; left: 0; top: 5px; z-index: 10; font: normal 20px/1 'Helvetica Neue', Helvetica, Arial, sans-serif; background: url(images/logo.png) no-repeat 0 0; text-transform: uppercase; letter-spacing: 0.02em; width: 655px; height: 153px}
#logo a{ display: block; text-indent: -999em;height:153px; width: 655px;}
#tagline {position: absolute; color: #fff; left: 135px; top:65px; font: 12px/1 'Helvetica Neue', Helvetica, Arial, sans-serif; z-index: 4}
/*main nav*/
	
	#mainmenu {position: absolute; z-index: 99; right: 0; top:145px}
	#mainmenu ul {}
	#mainmenu li {float: left; position: relative;line-height: 14px; font-size: 14px;}
		#mainmenu li a {padding: 0 10px; display: block; border-right: 1px #6ba83d solid; padding: 0 10px}
		#mainmenu .current-menu-item a, #mainmenu a:hover {}
			
	#submenu {position: absolute; right: 0; top: 165px; background: #6ba83d; height: 24px; width: 970px; z-index:2}
		#submenu ul {}
		#submenu li {float: left; padding: 6px 0;}
		#submenu li a {color:#eee; display: block; line-height: 12px; border-right: 1px #eee solid; padding: 0 20px}
		#submenu li a:hover {color:#fff}
		#submenu li:last-child a {border: none;}

#social-top {position: absolute; top: 20px; right: 00px; z-index: 3; width: 200px}
	#facebook-top {width: 100px; position: absolute; left:0; top:0; overflow:hidden}
	#twitter-top {position: absolute; right:0; top:0}	
	
#search {position: absolute; top: 90px; right: 0px; width:212px;height: 20px; background: #fff url(images/searchicon.gif) no-repeat 2px center; z-index: 10; border:1px #ccc solid}
	#s {width: 125px; border: none !important; position: absolute; left: 0; top:0; padding: 2px 2px 2px 17px; background-color: transparent}	
	#searchsubmit {position: absolute; top: 0px; right:0; height: 20px; border: 0; -moz-box-shadow: none; -webkit-box-shadow: none; cursor: pointer; color:#fff; text-align: center; padding:2px 0; width: 60px }
	.ui-autocomplete-input {background: transparent; border: none}
	.ui-autocomplete-loading {background: transparent url(images/loading.gif) no-repeat right center}
	.ui-autocomplete {width: 210px; background: #fff; box-shadow: 0 5px 5px rgba(0,0,0,0.3); border: 1px #dedede solid; 

border-bottom: none}
	.ui-autocomplete li {border-bottom: 1px #dedede solid; text-align: left; padding: 1px 3px}
	.ui-autocomplete span {font-style: italic;}
	.ui-autocomplete a {cursor: pointer; font-weight: bold}


/*=== Main column ===*/

#content{overflow: hidden; text-align: left; padding-bottom: 50px}
.banner {margin: 0 0 10px; overflow: hidden; position: relative; z-index:1}
	
#main{width: 510px; float: left; margin: 0 0 10px 150px}
#main.forum {width: 660px; margin: 0 0 10px}
/*=== Post ===*/
.blogpost {padding: 0 0 10px; margin: 0 0 10px; clear:both; border-bottom: 1px #ddd dashed; overflow:hidden }
.blogpost .preview-image {margin: 0 15px 0 3px}
.post {clear: both; overflow: hidden}
.post p, .post ul, .post ol, .post li, .blogpost p {margin: 0 0 10px}
.embed-wrap {margin: 0 auto 10px; width:640px;  -moz-box-shadow: 0 2px 4px #666; -webkit-box-shadow: 0 2px 4px #666; padding: 5px; background: #4c4c4c}
.post-title {color: #367333}

	.embed-wrap embed {}
.postmeta {color: #999;font-size: 85%; overflow: hidden; font-family: "Century Gothic", Futura, "Helvetica Neue", Helvetica, 

Arial, sans-serif; display:block; margin: 0 0 5px}
.single .postmeta {border-bottom: 1px #ddd dashed; padding: 0 0 7px; margin: 0 0 10px;  }
	
	.postmeta .time {border: none; padding: 0; margin:0 }
	.postmeta .tags {display: block; clear:left; margin: 5px 0 0 0; border: none; font-style: italic}
	
.blogpost .posted {float: right; color: #999;font-size: 85%;}
.post-content {overflow: hidden;color: #333333;font: 14px/24px Helvetica, Arial, sans-serif;}
.post a:hover {text-decoration: underline}
.post-content ol {margin: 0 0 0 20px}
.post-content ul{margin: 0 0 10px 10px}
.post-content ul li ul, .post ol li ol{margin-bottom:0px;}
.post-content ul li {list-style:disc outside;margin: 5px;}
.post-content ul li ul li {list-style:disc outside;}
.post-content ol li {list-style:decimal outside }
.post-content ol li ol li {list-style:decimal-leading-zero outside}
.post-content img {}
.edit {float:right; font-size: 85%}	
.more {float: right; text-transform:lowercase; font-family: "Century Gothic", Futura, "Helvetica Neue", Helvetica, Arial, sans-

serif; background: url(images/more.png) no-repeat 100% 0; padding: 0 18px 0 0; color: #C6463C;}
.more:hover, .track-website a:hover{color:#b32216; background-position: 100% -15px }
.previous-next {font-size: 85%; text-transform:lowercase;}
.rss-link {float: right; color: #c6463c; background: url(http://sustainablereview.net/wp-content/themes/lfr2012/images/feed-small.png) no-repeat 0 0; padding: 1px 0 5px 20px; font-weight: bold}

.wp-caption, .wp-caption.aligncenter {margin-bottom: 10px}
		.wp-caption img {margin: 0 auto 5px; display: block}
		.wp-caption .wp-caption-text {font-size: 90%; padding: 3px 3px 0; text-align: center}
		.wp-caption.alignright {margin: 0 0 7px 7px}
		.wp-caption.alignleft {margin: 0  7px 7px 0}

/*home page feature*/
#features {position: relative; overflow: hidden}
.ui-tabs-hide {display: none}
#features .panel {position: relative; z-index:1; height: 255px; width:510px;overflow: hidden}
.feature-overlay {position: absolute; z-index:2; background: rgba(0,0,0,0.75); bottom:0; left:0; width:490px; padding: 10px}
.feature-img {position: relative; z-index: 1; width:510px}
.feature-title {font: normal 24px 'Source Sans Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif;}
	.feature-title a {color: #A0C83C}
	.feature-title a:hover {color:#fff}
.feature-excerpt {color: #eee}
#promo-nav {position: absolute; top: 10px; right: 5px; z-index:10}
		#promo-nav li {opacity: 0.6; float:left; width: 10px; height: 10px; margin:0 5px 0 0; background: url(images/dot.png) no-repeat 0 0}
		#promo-nav .ui-tabs-selected,  #promo-nav .ui-state-hover {opacity: 1}
		#promo-nav a {display: block; width:10px; height: 10px}

	.topstory {width: 150px; }
	.topstory-1 {margin-right: 9px}
	.topstory-2 {border-right: 1px #dcdcdc solid; border-left: 1px #dcdcdc solid; padding: 0 9px}
	.topstory-3 {margin-left: 9px}
	
.draggable {border: 1px #dcdcdc solid; position: relative; background: #eee url(images/gradient_black.png) repeat-x 0 0;}
.grabber { padding: 3px 7px; font: normal 15px/1 font-family: 'Source Sans Pro','Helvetica Neue', Helvetica, Arial, sans-serif; color: #367333}
.grabber a {color: #367333}
.grabbable { cursor:move}
.resize-draggable {position: absolute; z-index:2; top:3px; right:3px; height: 20px; width: 20px;background: url(images/arrows.png) no-repeat 100% 0px;cursor:pointer}
.draggable-content {background: #fff url(images/gradient_white.png) repeat-x left bottom; }
.draggable .highlight {width: 60%; float: left; border-right: 1px #dcdcdc solid}
.draggable .more-posts {width: 35%}

	
/*=== sidebars == */
#sidebar-r {width: 300px; overflow: hidden}

#sidebar-l {width: 140px; float:left; margin: 0 0 0 -660px}

.sidebar-content {}
.sidebar .widget {margin: 0 0 10px 0; border: 1px #dcdcdc solid; background:url(images/gradient_white.png) repeat-x 0 bottom}
	.sidebar .widget:last-child {margin: 0}
	.sidebar .widget.widget_popular_tabs, .sidebar .widget.widget_single_ad, .sidebar .widget.widget_smart_ad {border: none; background: none}
.widget-content {overflow: hidden}
	.widget-title {color: #367333; line-height:1; padding: 7px 10px 0; font: normal 14px 'Source Sans Pro','Helvetica Neue', Helvetica, Arial, sans-serif; text-transform: uppercase;}
	.widget_single_ad .widget-title {padding: 0 0 10px}
	.widget_smart_ad .smart_ad {margin-bottom: 10px}
	.widget_smart_ad .smart_ad:last-child {margin-bottom: 0}
	.sidebar h3 a {color: #fff; }
	.sidebar .widget ul {margin: 10px}
		.sidebar .widget ul li {overflow: hidden; margin: 0 0 7px; background: url(images/arrow.png) no-repeat 0 

5px;padding: 0 0 0 10px}
		.sidebar ul li.more-news {border: none}
.sidebar-content ul li a {}
.featured-posts-more-news, .follow-me {}

#popular-tabs {}
	#popular-tabs .panel {border: 1px #dbdbdb solid;background: #fff url(images/gradient_white.png) repeat-x left bottom; overflow:hidden}
	#popular-nav {border-left: 1px #dbdbdb solid; margin:0 }
	#popular-nav li {float: left; border-right: 1px #dbdbdb solid;border-top: 1px #dbdbdb solid; margin:0; text-transform: uppercase;background-color: #f2f2f2; background-image: url(images/gradient_black.png); background-repeat: repeat-x; background-position: 0 0; border-bottom: none; padding: 0}
		#popular-nav li.ui-state-hover {background-color: #ddd}
		#popular-nav li.ui-tabs-selected {background-color: #6ba83d}
		#popular-nav li a {color: #434343; font-size: 10px;line-height: 20px; display: block; padding: 0 10px}
		#popular-nav li.ui-tabs-selected a {color: #fff}
		#popular-nav li.fb {}
	.widget_popular_tabs ol li {color:#b92025; font-size: 20px; list-style:decimal outside; margin: 0 0 7px 25px}
	.widget_popular_tabs ol li a {font-weight: bold; font-size: 14px}

/*=== Footer ===*/
#footermenu {border-top: 1px #ccc solid; border-bottom: 1px #ccc solid}
#footermenu ul {text-align: center; padding: 7px 0}
	#footermenu li {display: inline; border-right: 1px #ccc solid; margin: 0 7px 0 0; padding: 0 7px 0 0}
#footer{position: fixed; z-index:99; bottom: 0; background: #367333; height: 26px; padding:7px 0; width: 100%; box-shadow: 0 -2px 2px rgba(0,0,0,0.33); color: #fff}
	#footer a {}
.faceyspace {display: block; background-image: url(images/social.png); background-repeat: no-repeat; float: right; height:27px; opacity: 0.9}
	.faceyspace:hover {opacity:1}
	#facebook-icon {width: 14px; background-position: -33px 0}
	#twitter-icon {width: 33px}
#footer-subscribe {height: 27px; overflow: hidden; width: 850px}
	#subscribe-label {line-height: 27px}
	#subscribe-email, #subscribe-fname, #subscribe-lname {height: 21px; width: 170px; font-size: 18px}
	#subscribe-submit {height: 25px; font-size: 18px}
#copyright {clear: both}
	
/*========= COMMENTS =========*/
div#comments {clear: both; border-top: 1px #ddd dashed; padding: 10px 0}
textarea#comment {width: 400px}
.post-a-comment {float: right}
div#comments li {list-style: none; margin: 0}
#comments a {color: #555555}
.respond {width: 100%; margin: 0 0 0 10px}
	.respond p{margin-bottom:10px;padding:0!important;}
.respond input {padding: 3px 5px}
.cancel-comment-reply {display: none}
.fldrequired{}

ol.commentlist{margin: 10px 0 0;padding: 0;list-style: none;line-height: 20px;}
ol.commentlist p{line-height: 20px;}
ol.commentlist cite{font-style: normal;font-weight: bold;}
ol.commentlist li{padding: 10px; border-top:1px dashed #dddddd;}
ol.commentlist li.alt{background: #fbfbfb}

ol.commentlist .comment-meta{font-size:10px; float: right; color: #999}	
ol.commentlist li .avatar {float:left;margin-right: 7px;}
ol.commentlist li .even{}
ol.commentlist li ul {margin: 0 -10px 0 20px; padding: 0}
ol.commentlist li ul li {padding: 10px; background: none!important ;}
ol.commentlist li ul li ul li.alt {}
ol.commentlist li .reply {text-align: right; font-size: 0.8em}
ol.commentlist li .awaiting-moderation {color: #892e06; font-style: italic; padding: 0 0 5px}
.post-alt p {padding:0;}

.navigation {padding: 10px 0 0;overflow: hidden; clear:both}

ul.reviews {margin: 0}
ul.reviews li {font: italic 10px Georgia, "Times New Roman", Times, serif; margin: 0 0 7px; padding: 0 0 7px; border-bottom: 1px #eaeaea dotted; list-style: none;}
.reviews .quote {font: italic bold 18px Georgia, "Times New Roman", Times, serif; position: relative; bottom: -6px; line-height: 50%}
.review-name {display: block; text-align: right; font: 85% "Helvetica Neue", Helvetica, Arial, sans-serif; color: #777; padding: 7px 0 0}
.review-count {font-size: 85%; margin: 0 0 5px; color: #777;}
/*widgets*/
.news-feed span {display: block;margin: 0 0 5px }
.news-feed .title {font-weight: bold}
.news-feed .excerpt {font-style: italic}
.more-headlines {color: #444!important; background: none!important; padding: 5px 0!important; margin: 0 0 5px!important}
.news-feed .date {color: #999; font: normal 85% "Century Gothic",Futura,"Helvetica Neue",Helvetica,Arial,sans-serif; margin: 0}

/*ads*/
.top-banner {margin: 0 auto 10px; width: 560px}
#bottom-banner {margin: 10px 0 0; width: 560px}


.widget_smart_ad .nsd_ad {margin-bottom: 10px}

#popup{background: #fff; height: 300px; width: 300px; font-size: 16px; padding: 25px}
.shadowbox-close {font-size: 16px; color: #fff; font-weight: bold; width: 100px; display: block; margin: 15px auto 0; padding: 5px 0; text-align: center; background: #00aeef}
.shadowbox-close:hover {background: #000; color: #fff}
/*home page*/
li.arrow {background: url(images/arrow.png) no-repeat 0 5px; padding: 0 0 0 10px}