/*   
Theme Name: ecofabulous 2.0
Description: This is ecofabulous 2.0
Author: Angelsmith
Author URI: http://angelsmith.net
Version: 1
*/

/* These rather presentational classes are generated by WordPress, so it's useful to have some styles for them. Edit as you see fit. More info: http://codex.wordpress.org/CSS */
.aligncenter { display:block; margin:0 auto }
.alignleft { float:left }
.alignright { float:right }
.wp-caption { border:1px solid #666; text-align:center; background:#ccc; padding:10px; margin:10px }

/* You might find the following useful */
/* div, ul, li { position:relative } This will save you having to declare each div / ul / li's position as 'relative' and allows you to absolutely position elements inside them */
br.clear { clear:both; display:block; height:1px; margin:-1px 0 0 0 } /* Use this br class to clear your floated columns */
li#theme-switcher { background:#fff; border:10px solid red; padding:20px; position:fixed; top:0; right:0 } /* Use this if you have the Theme Switcher Reloaded plugin (http://themebot.com/webmaster-tools/1-wordpress-theme-switcher-reloaded) installed and want to make it nice and obvious */
a{ outline:none; }

@media screen {

* { margin: 0; padding: 0; }
body { background: white; font: 14px/1.4 Georgia, Serif; }
.screen-reader-text { position: absolute; left: -9999px; top: -9999px; }
.clear { clear: both; }
.group:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
* html .group, *:first-child+html .group { zoom: 1; } /* First selector = IE6, Second Selector = IE 7 */

#page-wrap { width: 960px; margin: 20px auto; }

h1, h2, h3, h4 { font-weight: normal; margin: 0 0 10px 0; }
h1 { margin:0 10px 10px 10px !important; font-size:22px; }
h2 { margin:0 10px 10px 10px !important; font-size:18px; }
h3 { margin:0 10px 10px 10px !important; font-size:16px; }
h4{ margin:0 10px 10px 10px !important; font-weight:bold !important; }

p { margin: 0 0 10px 0; }
a { }
a:hover { } 

blockquote { }
blockquote p { margin:20px 0 20px 50px !important; width:450px !important; }

ul, ol { margin: 0 0 10px 40px; font-family:'Verdana', Tahoma, sans-serif; font-size:12px; }

.post { }

.entry { }
.entry a { }
.entry a:hover { }

pre { }
code, tt { }

#meta { }
.postmetadata { }

#sidebar { }

.navgation { }
   .next-posts { }
   .prev-posts { }

#searchform { float:right; margin-right:16px; }
	#s { background:url('images/bg-search.jpg'); width:268px; padding:0 5px; color:#666666; font-size:9px; font-family:'verdana', sans-serif; height:19px; border:0; }
	#searchsubmit { background:url('images/btn-search.png'); border:0; color:transparent; width:19px; height:19px; position:relative; z-index:4; right:14px; top:1px; }
	
ol.commentlist { list-style: none; }
ol.commentlist li { }
ol.commentlist li.alt { }
ol.commentlist li.bypostauthor { }
ol.commentlist li.byuser { }
ol.commentlist li.comment-author-admin { }
ol.commentlist li.comment { border-bottom: 1px dotted #dfdfdf; border-top: 1px dotted #dfdfdf; padding: 10px; list-style:none; margin:0; }
ol.commentlist li.comment div.comment-author { color:#343635; font-size:12px; text-transform:uppercase; }
ol.commentlist li.comment div.vcard { }
ol.commentlist li.comment div.vcard cite.fn { font-style: normal; }
ol.commentlist li.comment div.vcard cite.fn a.url { }
ol.commentlist li.comment div.vcard img.avatar { float:right; margin: 0 0 10px 10px; }
ol.commentlist li.comment div.vcard img.avatar-32 { }
ol.commentlist li.comment div.vcard img.photo { }
ol.commentlist li.comment div.vcard span.says { }
ol.commentlist li.comment div.commentmetadata { }
ol.commentlist li.comment div.comment-meta { font-size: 10px; }
ol.commentlist li.comment div.comment-meta a { color: #ccc; }
ol.commentlist li.comment p { margin:0 0 10px 0; }
ol.commentlist li.comment ul { }
ol.commentlist li.comment div.reply { font-size: 11px; clear:both; }
ol.commentlist li.comment div.reply a { font-weight: bold; }
ol.commentlist li.comment ul.children { list-style: none; margin: 10px 0 0; }
ol.commentlist li.comment ul.children li { }
ol.commentlist li.comment ul.children li.alt { }
ol.commentlist li.comment ul.children li.bypostauthor { }
ol.commentlist li.comment ul.children li.byuser { }
ol.commentlist li.comment ul.children li.comment { }
ol.commentlist li.comment ul.children li.comment-author-admin { }
ol.commentlist li.comment ul.children li.depth-2 { border-left: 5px solid #555; margin: 0 0 10px 10px; }
ol.commentlist li.comment ul.children li.depth-3 { border-left: 5px solid #999; margin: 0 0 10px 10px; }
ol.commentlist li.comment ul.children li.depth-4 { border-left: 5px solid #bbb; margin: 0 0 10px 10px; }
ol.commentlist li.comment ul.children li.depth-5 { }
ol.commentlist li.comment ul.children li.odd { }
ol.commentlist li.even { background: #fff; }
ol.commentlist li.odd { background: #f6f6f6; }
ol.commentlist li.parent { border-left: 5px solid #111; }
ol.commentlist li.thread-alt { }
ol.commentlist li.thread-even { }
ol.commentlist li.thread-odd { }

form { }
input[type=text] { margin-top:5px; }
textarea { margin:5px 0; }


} /* END screen media */


@media print {

.do-not-print { display: none; }
#comments { page-break-before: always; }

body { width: 100% !important; margin: 0 !important; padding: 0 !important; line-height: 1.4; word-spacing: 1.1pt; letter-spacing: 0.2pt; font-family: Garamond,"Times New Roman", serif; color: #000; background: none; font-size: 12pt; }
h1,h2,h3,h4,h5,h6 { font-family: Helvetica, Arial, sans-serif; }
h1 { font-size: 19pt; }
h2 { font-size:17pt; }
h3 { font-size:15pt; }
h4,h5,h6 { font-size:12pt; }
code { font: 10pt Courier, monospace; } 
blockquote { margin: 1.3em; padding: 1em; }
img { display: block; margin: 1em 0; }
a img { border: none; }
table { margin: 1px; text-align:left; }
th { border-bottom: 1px solid #333;  font-weight: bold; }
td { border-bottom: 1px solid #333; }
th, td { padding: 4px 10px 4px 0; }
caption { background: #fff; margin-bottom: 2em; text-align: left; }
thead { display: table-header-group; }
tr { page-break-inside: avoid; } 
a { text-decoration: none; color: black; }
	
} /* END print media */

/* RESET */
/* ----------------------------------------- */

/* Global reset */
/* Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
ol, ul, li { list-style:none }
caption, th { text-align:left }
q:before, q:after { content:''}

/* Global reset-RESET */
/* The below restores some sensible defaults */
strong { font-weight:bold }
em { font-style:italic }
a img { border:none } /* Gets rid of IE's blue borders */

/* >> The Magnificent CLEARFIX: Updated to prevent margin-collapsing on child elements << j.mp/bestclearfix */
.clearfix:before, .clearfix:after {
  content: "\0020"; display: block; height: 0; visibility: hidden;	
}

.clearfix:after { clear: both; }
/* Fix clearfix: blueprintcss.lighthouseapp.com/projects/15318/tickets/5-extra-margin-padding-bottom-of-page */
.clearfix { zoom: 1; }

/* THEME STYLES */
/* ----------------------------------------- */

/* These rather presentational classes are generated by WordPress, so it's useful to have some styles for them. Edit as you see fit. More info: http://codex.wordpress.org/CSS */
.aligncenter { display:block; margin:0 auto !important; }
.alignleft { float:left; margin:10px 20px 10px 0; }
.alignright { float:right }
.wp-caption { border:1px solid #666; text-align:center; background:#ccc; padding:10px; margin:10px }

/* You might find the following useful */
/* div, ul, li { position:relative } This will save you having to declare each div / ul / li's position as 'relative' and allows you to absolutely position elements inside them */
br.clear { clear:both; display:block; height:1px; margin:-1px 0 0 0 } /* Use this br class to clear your floated columns */
li#theme-switcher { background:#fff; border:10px solid red; padding:20px; position:fixed; top:0; right:0 } /* Use this if you have the Theme Switcher Reloaded plugin (http://themebot.com/webmaster-tools/1-wordpress-theme-switcher-reloaded) installed and want to make it nice and obvious */
a{ outline:none; text-decoration:none; color:#68827E; }
a:hover{ color:#68827E; text-decoration:underline; }

hr{ margin:10px 0; color:#68827E; }

body{ position:absolute; top:-336px; background-color:#88a29b; background-image:url('images/bg-gradient.png'); background-repeat:repeat-x; width:100%; font-family:'Verdana', Tahoma, sans-serif; }

#site{ margin:0 auto; width:1124px; display:block; }
#wrapper{ width:1124px; margin:0 auto; float:left; background:url('images/bg-body.png'); }
#wrapper-top{ width:1124px; margin:0 auto -4px 0; }
.win #wrapper-top{ margin-bottom:-5px; }
#wrapper-bottom{ width:1124px; margin:0 auto -4px 0; float:left; z-index:0; }
#wrapper-bottom img{ float:left; }

header{ width:1020px; margin:0 auto; float:left; background:url("images/bg-header-gradient.jpg"); background-repeat:repeat-x; margin-left:51px; }
#content{ float:left; width:1020px; margin-top:-25px; padding-bottom:30px; margin-left:51px; }

#member{ float:right; margin:8px 5px 0 0; }
#member a{ color:#343635; text-decoration:none; text-transform:uppercase; font-size:9px; }
#member li{ float:left; margin:0 2px; padding:0 4px 0 0; border-right: 1px solid; color:#343635; text-decoration:none; text-transform:uppercase; font-size:10px; height:10px; }
#member li:hover{ text-decoration:underline; text-decoration:underline; }
#member li:last-child { border:0; }

.social-media{ float:right; margin:0 25px 0 0; position:relative; z-index:3; }
.social-media a{ float:left; margin:0 3px; }
.social-media .rss{ width:24px; height:24px; background:url('images/social-media.png'); background-position:24px 0; display:block; }
.social-media .twitter{ width:24px; height:24px; background:url('images/social-media.png'); background-position:0 0; display:block; }
.social-media .facebook{ width:24px; height:24px; background:url('images/social-media.png'); background-position:48px 0; display:block; }
.social-media .rss:hover{ background:url('images/social-media.png'); background-position:24px 24px; display:block; }
.social-media .twitter:hover{ background:url('images/social-media.png'); background-position:0 24px; display:block; }
.social-media .facebook:hover{ background:url('images/social-media.png'); background-position:48px 24px; display:block; }

#logo{ float:left; margin:17px 0 -100px 200px; position:relative; }
.swirl{ float:left; position:relative; right:-5px; top:325px; }
.tagline{ margin:-25px -2px 0 0; text-align:right; font-size:14px; color:#627d79; text-transform:lowercase; }
.slideshow-header{ margin:6px 29px 6px 0; position:relative; float:right; width:282px; height:57px; overflow:hidden; }
.slideshow-item{ float:right; position:relative !important; }

.cufon{ margin-top:-5px; }

#sub{ float:right; margin-right:26px; background:url('images/bg-nav-sub.png'); width:286px; height:27px; background-position:1px 0; background-repeat:no-repeat; position:relative; z-index:4; }
#sub ul{ float:left; width:283px; padding-top:1px; margin-left:1px; }
#sub li{ float:left; border-right: 1px solid #7a1a3b; border-left:1px solid #bb587a; padding:6px 5px 5px; }
#sub li:first-child{ border-left:0; padding-left:18px; }
#sub li:last-child{ border-right:0; padding-right:17px; } 
#sub a{ text-shadow:1px 1px 0px #8f1d44; float:left; color:#ffffff; text-decoration:none; text-transform:uppercase; font-size:10px; font-weight:bold; }
#sub li:hover{ background:url('images/bg-newsletter-hover.png') !important; background-position:left bottom; }

#sidebar .box-1col{ margin:17px 0 0 !important; height:auto; border-radius:0 !important; -moz-box-shadow: 0 0 0; -webkit-box-shadow: 0 0 0; box-shadow: 0 0 0;  }
#sidebar .box-1col p{ width:auto; height:auto; margin:0 0 5px 5px; font-size:11px; color:#343635; }
#sidebar p{ margin:0 0 5px 5px; font-size:11px; color:#343635; } 

#twitter-feed{ display:none; float:right; text-align:left; margin:0 28px 0 0; width:780px !important; height:32px !important; background:url('images/bg-twitter-feed.png'); background-repeat:no-repeat; position:relative; z-index:3; color:#343635; font-family:'Verdana', sans-serif; font-size:10px; }
#twitter-feed div{ float:left; margin:-10px 0 0 10px; width:780px; font-size:10px; }
#twitter-feed ul{ font-size:10px; }
#twitter-feed img{ margin:7px 5px 0; float:left; }
#twitter-feed a{ color:#627d79; }
#twitter-feed a:hover{ text-decoration:underline; }

.twitter-pager { position:relative; left:933px; bottom:30px; z-index:4; }
#twitter-pager a, #s7 strong { color:transparent; margin: 0 2px; width:8px; height:8px; background:url('images/pager-off.png'); background-repeat:no-repeat; }
#twitter-pager a.activeSlide { color:transparent; background:url('images/pager-on.png'); width:8px !important; height:8px !important; background-repeat:no-repeat; }
#twitter-pager a:focus { outline: none; }

#main{ clear:both; display:block; height:31px; background:url('images/bg-main-nav.jpg'); position:relative; width:1020px; border-top:1px solid #9bb7af; border-bottom:2px solid #aec7bd; }
#main ul{ float:left; }
#main li{ float:left; padding:6px 10px 4px; border-right: 1px solid #67817d; border-left: 1px solid #87a19a; }
#main a{ float:left; color:#ffffff; text-decoration:none; text-transform:uppercase; font-size:14px; font-weight:bold; }
#main li:last-child a{ border:0; }
#main li:first-child{ width:123px; text-align:center; background:url('images/bg-newsletter.jpg'); padding:3px; }
#main li:first-child:hover{ background:url('images/bg-newsletter-hover.jpg') !important; background-position:left bottom; }
#main li:first-child a{ border:0; margin:0 auto; padding:2px 0 0 7px !important; color:#ffffff; font-size:16px; }
#main li:hover{ background:url('images/bg-newsletter-hover.png'); color:#ffffff; }

.current-menu-item{ background:url('images/bg-newsletter-hover.png'); color:#ffffff; }
#searchform{ clear:both; position:absolute; right:-7px; bottom:6px; }

#editorial { float:left; border-bottom:1px solid #f0f1f1; height:21px; padding:9px 0 0 0; position:relative; z-index:4; background:url('images/bg-editorial.png'); background-repeat:repeat-x; width:1020px; }
#editorial li{ float:left; padding:0 6px; height:21px; border-right:1px solid #f0f1f1; }
#editorial a{ float:left; color:#343635; text-decoration:none; text-transform:uppercase; font-size:12px; }
#editorial li:last-child { border:0; }
#editorial li:first-child{ padding-left:11px; }
#editorial li:hover{ background:url('images/bg-editorial-hover.png'); }
ul.dropdown{ position: relative; }
ul.dropdown ul{ z-index:1; width: 156px; visibility: hidden; position: absolute; padding:0 0 6px 0; margin:0 0 0 -6px; background:url('images/bg-editorial-dropdown.png'); background-position:bottom center; }
ul.dropdown ul li a{ padding-bottom:5px; clear:both !important; width: 180px; display: inline-block; font-weight: normal; color: #343635 !important; float: none !important; text-transform:none !important; font-weight:normal !important; } 
ul.dropdown ul li{ z-index:1; clear: both !important; width:144px; border-bottom: 1px solid #ffffff; border-right: 0 !important; border-left:0 !important; }
ul.dropdown ul li:last-child a{ border-bottom:0 !important; }
ul.dropdown ul li:first-child { padding:0 0 0 6px !important; }
ul.dropdown ul li:hover{ background: url('images/bg-newsletter-hover.png')!important; }
ul.dropdown ul ul{ left: 100%; top: 0; }
ul.dropdown li:hover > ul{ visibility: visible; }
ul.dropdown li{ float: left; zoom: 1; }
ul.dropdown li a{ display: block; }
ul.dropdown li.hover,ul.dropdown li:hover{ position: relative; background:url('images/bg-editorial-hover.png') !important; }#footer-bottom{ float:left; width:964px; margin:-12px 28px 0; }

#slideshow-container{ width:631px; height:250px; background-color:#ffffff; margin:33px 30px 0 31px; float:left; border-radius: 1px; -moz-box-shadow: 0px 0px 8px #d8d8d8; -webkit-box-shadow: 0px 0px 8px #dfdfdf; box-shadow: 0px 0px 8px #dfdfdf; overflow:hidden; }
.ie #slideshow-container { border:1px solid #dedede; width:629px; }
#slideshow-container .title-article{ }
#slideshow-container .slideshow-entry .super-page-widget{ width:631px !important; float:left; height:250px !important; position:relative; }

.slideshow-entry{ float:left; width:635px; z-index:2 !important; position:relative; }
.slideshow-entry .title-feature{ width:260px; margin:15px 0 0px 1px !important; padding: 0 0 0 10px; }
.slideshow-entry .title-article{ width:260px; line-height:22px; font-size:24px; margin:0px 0 0 0px !important; padding-left:10px; float:left; font-weight:bold; }
.slideshow-entry img{ border-left:1px solid #E7E7E8; padding:30px; }
.slideshow-entry a{ float:left; }
.slideshow-entry p{ width:256px; height:136px; clear:both; clear:both; margin:10px 0 0 10px; color:#343635; font-size:11px; line-height:18px; }
.slider-image { position:absolute; top:10px; left:280px; width:300px; height:250px; }
.slideshow-entry .description{ float:left; margin-top:12px; }
.slideshow-entry .description .more{ bottom:10px; }
.slideshow-entry .photo{ float:left; margin-top:8px; }

.video-entry{ float:left; width:635px; position:relative; z-index:0 !important; }
.video-entry .more{ display:none; }
.slideshow-entry .more{ text-align:right; bottom:-3px; left:10px; position:absolute; z-index:2000; text-shadow:1px 1px 0px #e8ecec; color:#8b1d43; font-size:11px; text-transform:uppercase; font-weight:bold; float:right; margin:4px; }
.slideshow-pager { float:right; position:relative; width:auto; top:285px; right:362px; text-align:right; z-index:4; height:24px; }
#pager-container { background:url('images/bg-more.jpg'); border-top:1px solid #e7e7e8; float:left; margin-left:31px; position:relative; top:283px; width:623px; padding-right:8px; text-align:right; z-index:1; height:24px; }


#slideshow-pager a, #s7 strong { color:transparent; position:relative; margin-right:4px; top:7px; width:8px; height:8px; background:url('images/pager-off.png'); background-repeat:no-repeat; }
#slideshow-pager a.activeSlide { color:transparent; background:url('images/pager-on.png'); width:8px !important; height:8px !important; background-repeat:no-repeat; }
#slideshow-pager a:focus { outline: none; }
#slideshow-pager a{ z-index:2500; }

.ad-728x90{ margin:336px auto -336px; width:728px; }
.ad-728x90 img{ float:left; }
.ad-300x250{ float:left; margin:17px 27px 0 0; font-size:8px; color:#343635; text-transform:uppercase; }
.ad-300x250 p{ margin:0 0 5px 5px; font-size:8px !important; }
.ad-160x600{ float:left; width:140px; height:600px; margin:0 0 24px 24px; }
.ad-300x100{ float:left; margin:17px 0 0 33px; width:300px; height:250px; position:relative; z-index:3; font-size:8px; color:#343635; text-transform:uppercase; }
.ad-300x100 img{ margin-bottom:20px; }
.ad-300x100 p{ margin:0 0 5px 5px; font-size:8px !important; }
#skyscrapers{ display:none; float:left; width:160px; position:absolute; left:1062px; top:144px; z-index:4; }
#sidebar .ad-300x250{ margin:17px 28px 25px 0; }

#google_ads_div_Homepage_300x100{ margin-bottom:20px; }
#google_ads_div_Homepage_300x100_ad_container{ margin-bottom:20px; }

.title-article{ clear:both; border-bottom: 1px dotted #343635; margin-bottom:10px; padding-bottom:3px; color:#343635; text-decoration:none; font-size:22px; font-weight:bold; line-height:20px; }
.title-feature{ clear:both; color:#627d79; text-transform:uppercase; color:#627d79; text-decoration:none; font-size:11px; text-transform:uppercase; font-weight:normal; }
.title-feature a{ color:#627d79; text-decoration:none; font-size:11px; text-transform:uppercase; font-weight:normal; }
.title-article a{ color:#343635; text-decoration:none; font-size:22px; }
.title-article a:hover{ color:#8b1d43; border-bottom:0; }
.title-video{ display:none; } 

.clear{ clear:both; }
/*.clearfix{ clear:both; }*/
.byline{ float:left !important; margin:0 15px 10px 15px !important; height:10px !important; font-size:10px !important; font-style:italic; }
.byline a{ color:#343635; }
.box-1col{ overflow:hidden; background:#ffffff; width:300px; height:250px; float:left; border-radius: 1px; -moz-box-shadow: 0px 0px 8px #d8d8d8; -webkit-box-shadow: 0px 0px 8px #dfdfdf; box-shadow: 0px 0px 8px #dfdfdf; margin:34px 0 0 31px; z-index:3; position:relative; }
.ie .box-1col { border:1px solid #dedede; width:298px; }
.box-1col .title-feature{ margin:8px 0 0 10px !important; }
.box-1col .title-article{ margin:0 0 4px 0 !important; padding-left:9px; }
.box-1col .textwidget{ width:auto; height:auto; margin:0 auto; font-size:11px; color:#343635; }
.box-1col p{ width:280px; height:170px; margin:10px auto 0; font-size:11px; color:#343635; }
.box-1col .wp-post-image{ height:156px; width:280px; clear:both; text-align:center; margin:8px 10px; }
.box-1col #embed-holder{ height:149px; width:300px; float:left; margin:7px 0 13px 10px; }
.box-1col .more{ background:url('images/bg-more.jpg'); position:absolute; bottom:0px; left:0px; z-index:4; text-shadow:1px 1px 0px #e8ecec; border-top:1px solid #e7e7e8; float:left; width:290px; text-align:right; padding: 6px 10px 4px 0; color:#8b1d43; font-size:11px; text-transform:uppercase; font-weight:bold; }

.box-2col{ width:631px; height:250px; margin:34px 0 0 31px; float:left; border-radius: 1px; -moz-box-shadow: 0px 0px 8px #d8d8d8; -webkit-box-shadow: 0px 0px 8px #dfdfdf; box-shadow: 0px 0px 8px #dfdfdf; z-index:3; position:relative; }
.ie .box-2col { border:1px solid #dedede; width:629px; }
.box-2col .title-feature{ margin:8px 0 0 14px !important; }
.box-2col .title-article{ margin:0 0 10px 0 !important; padding-left:13px; }
.box-2col img{ float: left; width:250px; margin-top:-20px; }
.box-2col p{ width:334px; height:169px; float:right; color:#343635; font-size:11px; line-height:18px; margin-right:15px; }
.box-2col .image-text{ height:164px; width:624px; margin:0 auto; }
.box-2col .more{ background:url('images/bg-more.jpg'); text-shadow:1px 1px 0px #e8ecec; border-top:1px solid #e7e7e8; position:absolute; bottom:0px; left:0px; width:621px; text-align:right; padding:6px 10px 3px 0; color:#8b1d43; font-size:11px; text-transform:uppercase; font-weight:bold; }
.box-2col .slider-image { float:left !important; width:260px !important; height:144px !important; position:relative; left:10px; }
.box-2col .slider-image a{ float:left; }

.post .more{ background:url('images/bg-more.jpg'); text-shadow:1px 1px 0px #e8ecec; border-top:1px solid #e7e7e8; position:absolute; bottom:0px; left:0px; width:621px; text-align:right; padding:6px 10px 3px 0; color:#8b1d43; font-size:11px; text-transform:uppercase; font-weight:bold; }

#slider{ margin:22px; clear:both; height:250px; overflow:visible !important; }
.image{ float:left; width:300px; height:250px; border-radius: 1px; -moz-box-shadow: 0px 0px 8px #dfdfdf; -webkit-box-shadow: 0px 0px 8px #dfdfdf; box-shadow: 0px 0px 8px #dfdfdf; margin:0 12px 0 0; }
#slider img{ max-width:300px; margin:auto; max-height:250px; width:auto; height:auto; text-align:center; }
#slider .title-article{ padding:0; }
.description{ float:left; width:275px; height:250px; font-size:11px; color:#343635; }
.description p{ margin-bottom:15px; }
.post-slide{ width:587px; height:250px; }
.prev-next ul{ clear:both; text-align:center; margin:0 auto; width:auto; }
#nav li{ list-style-type:none; margin:0 1px; margin-left:0!important; width:10px; display:inline !important; }
#next{ background:url('images/next.png'); float:right; width:13px; height:10px; color:transparent; background-repeat:no-repeat; }
#prev{ background:url('images/prev.png'); float:left; width:13px; height:10px; color:transparent; background-repeat:no-repeat; }
.prev-next{ width:300px; position:relative; top:285px; left:22px; }
.btn-next{ position:absolute; right:0; }
.btn-prev{ position:absolute; left:0; }

#nav { width: 120px; margin:-6px auto -10px; z-index:3; }
#nav a, #s7 strong { float:left; color:transparent; position:relative; margin-right:4px; top:7px; width:8px; height:8px; background:url('images/pager-off.png'); background-repeat:no-repeat; }
#nav a.activeSlide { float:left; color:transparent; background:url('images/pager-on.png'); width:8px !important; height:8px !important; background-repeat:no-repeat; }
#nav a:focus { outline: none; }

footer{ float:left; background-image:url('images/bg-footer.jpg'); background-repeat:repeat-x; background-color:#feffff; width:1020px; height:50px; margin:0 0 0 51px; border-top:2px solid #dee8e4; }
#footer { margin: 0 0 0 400px; float:left; position:relative; z-index:3; }
#footer li{ float:left; padding:6px 6px 0; border-right:1px solid #fefefe; border-left:1px solid #f2f6f4; }
#footer a{ float:left; color:#68827e; text-transform:uppercase; font-size:12px; font-weight:bold; }
#footer a:hover{ text-decoration:none; }
#footer li:hover{ text-decoration:none; color:#627d79 !important; background:url('images/bg-editorial-hover.png'); }
#footer li:last-child { border-right:0; }
#footer li:first-child{ border-left:0; }
footer .social-media{ margin-top:10px; }
ul.footer-dropdown{ position: relative; }
ul.footer-dropdown ul{ z-index:1; width: 200px; visibility: hidden; position: absolute; padding:4px 0 6px 0; margin:-4px 0 0 -6px; background:url('images/bg-footer-dropdown.png'); background-position:bottom center; }
ul.footer-dropdown ul li a{ padding-bottom:5px; clear:both !important; width: 200px; display: inline-block; font-weight: normal; color: #343635 !important; float: none !important; text-transform:none !important; font-weight:normal !important; } 
ul.footer-dropdown ul li{ z-index:1; clear: both !important; width:192px; padding:6px 4px 0 !important; border-bottom: 1px solid #f7f8f8; border-right: 0 !important; border-left:0 !important; }
ul.footer-dropdown ul li:last-child a{ border-bottom:0 !important; }
ul.footer-dropdown ul li:hover{ background: url('images/bg-newsletter-hover.png')!important; background-position:center bottom !important; }
ul.footer-dropdown ul ul{ left: 100%; top: 0; }
ul.footer-dropdown li:hover > ul{ visibility: visible; }
ul.footer-dropdown li{ float: left; zoom: 1; }
ul.footer-dropdown li a{ display: block; }
ul.footer-dropdown li.hover,ul.dropdown li:hover{ position: relative; background:url('images/bg-editorial-hover.png') !important; }#footer-bottom{ float:left; width:964px; margin:-12px 28px 0; }

#footer-swirls{ float:left; position:relative; right:-18px; bottom:220px; margin-bottom:-150px; }

.copyright{ float:right; margin:-22px -220px 0 0; font-size:10px; color:#ffffff; text-transform:uppercase; }
#policy{ float:right; margin:0 68px 0 0; position:relative; bottom:38px; z-index:3; }
#policy li{ float:left; margin:0 6px 0 0; }
#policy a{ float:left; border-right:1px solid; padding-right:6px; color:#ffffff; text-transform:uppercase; font-size:10px; font-weight:bold; height:11px; }
#policy li:last-child a{ border:0; }

#blog{ width:662px; float:left; margin-top:-34px; }
#sidebar{ float:left; width:300px; margin:22px 0 34px 30px; }
#sidebar h2{ clear:both; margin: 8px 0 0 0; color:#627d79; text-transform:uppercase; color:#627d79; text-decoration:none; font-size:11px; text-transform:uppercase; font-weight:normal; }
.widget{ margin-bottom:10px; }
#sidebar .ad-300x100{ margin:20px 0; }
#blog .slideshow-pager { float:none; right:0; position:relative; width:auto; top:260px; text-align:right; z-index:4; height:24px; }

.commentlist{ float:left; width:631px; margin: 20px 0 0 0; }
#respond{ float:left; padding:10px 0 15px 10px; width:621px; margin: 10px 0 0 0; font-size:12px; color:#343635; border-top:1px dotted #343635; }
#respond .title-feature{ margin:8px 0 0 0 !important; text-transform:uppercase; }
.logged-in{ font-size:10px !important; margin:0 !important; }

.post{ overflow:hidden; width:631px; height:auto; margin:34px 0 30px 80px; float:left; border-radius: 1px; -moz-box-shadow: 0px 0px 8px #dfdfdf; -webkit-box-shadow: 0px 0px 8px #dfdfdf; box-shadow: 0px 0px 8px #dfdfdf; z-index:3; position:relative; background-color:#ffffff; }
.post .title-feature{ margin:14px 0 0 14px !important; text-transform:uppercase; }
.post .title-article{ margin:6px 0 10px 0 !important; padding:0 15px; }
.post p{ margin:10px; font-size:12px; color:#343635; clear:both; }
.post img{ clear:both; height:auto; }
.post ul{ margin-left:20px; font-size:12px; }
.post li{ list-style-type:circle; margin-left:20px; }
.post table { color:#343635; font-size:12px; }
.post-image{ clear:both; width:550px; margin:0 auto; text-align:center; }
.post-image img{ margin:0 auto; clear:none; width:auto; }
.post-image a{ margin:0 auto; clear:none; width:auto; }

#video-content{ width:660px; float:left; }
#video-content .wp-pagenavi{ width:660px !important; }
.featured-video{ float:left; width:630px; position:relative; height:250px; margin:36px 30px 0 30px; border-radius: 1px; -moz-box-shadow: 0px 0px 8px #d8d8d8; -webkit-box-shadow: 0px 0px 8px #dfdfdf; box-shadow: 0px 0px 8px #dfdfdf;  }
.featured-video .video{ float:left; width:300px; height:250px; margin:0; }
.featured-video .description{ margin:15px 0 0 15px; width:300px; height:250px; }
.featured-video .more{ background:url('images/bg-more.jpg'); position:relative; bottom:40px; z-index:4; text-shadow:1px 1px 0px #e8ecec; border-top:1px solid #e7e7e8; float:right; width:320px; text-align:right; padding: 6px 10px 4px 0; color:#8b1d43; font-size:11px; text-transform:uppercase; font-weight:bold; }
.featured-video h1{ margin:0; } 
.featured-video h2{ margin:0; } 

.page{ width:631px; background:#ffffff; height:auto; margin:34px 0 30px 87px; float:left; border-radius: 1px; -moz-box-shadow: 0px 0px 8px #dfdfdf; -webkit-box-shadow: 0px 0px 8px #dfdfdf; box-shadow: 0px 0px 8px #dfdfdf; z-index:3; position:relative; padding:0 0 40px; }
.page p{ width:600px; margin:0 0 10px 20px; font-size:12px; color:#343635; clear:left; }
.page .title-article{ margin:20px 0 15px 0 !important; padding: 10px 0 0 20px; clear:left; }

.vertical-content{ position:relative; z-index:2; height:auto; font-size:14px; color:#343635; width:940px; margin:0 auto -25px auto; padding:50px 40px 0 40px; float:left; }
.vertical-content h1{ clear:both; border-bottom: 1px dotted #343635; margin-bottom:10px; padding-bottom:3px; color:#343635; text-decoration:none; font-size:22px; font-weight:bold; line-height:20px; }
.vertical-content h2 a{ color:#627d79; text-decoration:none; font-size:11px; text-transform:uppercase; font-weight:normal; }
.vertical-content h1 a{ color:#343635; text-decoration:none; font-size:22px; }
.vertical-content h1 a:hover{ color:#8b1d43; border-bottom:0; }

#content-internal{ float:left; width:1020px; padding-bottom:30px; margin-left:51px; }
#product-finder-sidebar{ float:left; width:300px; margin:34px 0 0 27px; position:relative; z-index:3; border-radius: 1px; -moz-box-shadow: 0px 0px 8px #dfdfdf; -webkit-box-shadow: 0px 0px 8px #dfdfdf; box-shadow: 0px 0px 8px #dfdfdf; }
#product-finder-sidebar .widget{ margin:10px 0 10px 10px; }
.widget h2{ clear:both; margin-bottom: 3px; color:#627d79; text-transform:uppercase; color:#627d79; text-decoration:none; font-size:11px; text-transform:uppercase; font-weight:normal; }
.product-finder{ width:631px; height:auto; margin:34px 0 30px 30px; float:left; border-radius: 1px; -moz-box-shadow: 0px 0px 8px #dfdfdf; -webkit-box-shadow: 0px 0px 8px #dfdfdf; box-shadow: 0px 0px 8px #dfdfdf; z-index:3; position:relative; }
.product-finder p{ margin:0 0 30px 30px; font-size:12px; color:#343635; }
.product-finder .title-feature{ font-weight:bold !important; margin:0 0 0 30px !important; font-size:14px !important; }
.product-finder .title-article{ margin:30px 0 !important; padding: 0 0 0 30px; clear:left; font-size:30px; }
.product-finder img{ margin:0 0 30px 30px; }
.product-finder .addthis_toolbox{ margin:10px 0; width:auto; position:relative; bottom:10px; }

#archive{ width:660px; height:auto; margin:34px 0 30px 0; float:left; }
#archive .meta{ clear:left; margin:0 0 10px 10px !important; height:10px !important; font-size:10px; color:#343635; }
#archive .post{ margin:17px 0 17px 30px !important;}
#archive .post img{ float:left; border-radius: 0; margin:10px; }
#archive .post p{ float:left; clear:none !important; width:300px; margin:10px; font-size:12px; color:#343635; }
#archive h1{ padding-left:30px; }

.blog{ width:631px; height:auto; margin:34px 0 30px 80px; float:left; border-radius: 1px; -moz-box-shadow: 0px 0px 8px #dfdfdf; -webkit-box-shadow: 0px 0px 8px #dfdfdf; box-shadow: 0px 0px 8px #dfdfdf; z-index:3; position:relative; background-color:#ffffff; }
.blog{ margin:17px 0 17px 30px !important;}
.blog img{ float:left; border-radius: 0; margin:10px; }
.blog p{ float:left; width:300px; margin:10px; font-size:12px; }
.blog .title-feature{ margin:14px 0 0 14px !important; }
.blog .title-article{ margin:6px 0 10px !important; padding:0 15px; }
.blog .entry{ float:left; }
.blog .more{ background:url('images/bg-more.jpg'); text-shadow:1px 1px 0px #e8ecec; border-top:1px solid #e7e7e8; position:absolute; bottom:0px; left:0px; width:621px; text-align:right; padding:6px 10px 3px 0; color:#8b1d43; font-size:11px; text-transform:uppercase; font-weight:bold; }

.author{ width:631px; border-radius: 1px; -moz-box-shadow: 0px 0px 8px #dfdfdf; -webkit-box-shadow: 0px 0px 8px #dfdfdf; box-shadow: 0px 0px 8px #dfdfdf; background-color:#ffffff; height:auto; margin:30px 0 17px 30px !important; float:left; position:relative; }
.author img{ float:left; margin:0 20px; border:1px solid #e7e7e8; }
.author .title-article{ margin: 15px 0 10px !important; padding-left: 15px; }
.author .post{ border:1px solid #e7e7e8; width:600px; margin:10px 16px !important; -moz-box-shadow:none !important; }
.author .post .title-article{ margin: 2px 0 10px !important; }
.author .post img{ border:none !important; margin-bottom:14px !important; width:190px; }
.author .post p{ width:345px !important; margin:10px !important; float:left; clear:none; }
.subtitle{ margin-bottom:15px; }
.bio{ width:450px; margin:0 15px 20px 0; float:left; font-size:12px; line-height:18px; color:#343635; }

#special-projects{ margin:0 52px 30px 52px; float:left; width:1020px; }
#special-projects-content{ width:612px; float:left; font-size:12px; color:#343635; }
#special-projects-content p{ margin:10px 0; }
#special-projects-content img{ margin:10px; }
#special-projects-content tr{ margin:5px 0; }
#special-projects-sidebar{ float:left; margin:15px 30px 15px 30px; width:100px; }
#special-projects-nav{ float:left; margin:20px 30px 0 34px; width:171px; position:relative; z-index:3; }
#special-projects-nav img{ margin:0 0 10px 0; }
#special-projects .title-article{ text-align:center; margin:12px 0 0 0; padding:0 0 7px 0; }
.sp-header{ margin:0 auto; width:100%; text-align:center; clear:both; margin:20px auto; padding:0 10px 10px 0; }
#special-projects .box-1col .title-article{ margin:12px 0 10px !important; min-height:43px; }
#special-projects li{ list-style-type:circle; margin:0 0 0 15px; }
#special-projects .guide_table{ font-size:10px !important; }

.addthis_toolbox{ width:64px; float:right; margin:10px 4px 0 0; }
.search{ width:660px; height:auto; margin:34px 0 30px 0; float:left; }
.search .meta{ clear:left; margin:0 0 10px 10px !important; height:10px !important; font-size:10px; color:#343635; }
.search .post{ margin:17px 0 17px 30px !important; }
.search .post img{ float:left; border-radius: 0; margin:10px; }
.search .post p{ float:left; width:300px; margin:10px;clear:none; }
.search h1{ padding-left:30px; }
.search>div {margin-left:30px; }

.navigation{ margin:0 0 0 30px; font-size:10px; position:relative; text-transform:uppercase; float:left; z-index:5; width:632px; }
.navigation .prev-posts{ float:right; }
.navigation .next-posts{ float:left; }
.wp-pagenavi{ float:left; font-family:'Verdana', sans-serif; color:#343635; font-size:10px; position:relative; z-index:5; width:1020px; top: 16px;  text-align:center; padding:10px; }
.wp-pagenavi a{ font-size:12px; padding:3px 7px !important; }
.wp-pagenavi span.current{ font-weight:bold; }
.wp_pagenavi a:hover{ border-color:#68827E !important; color:#68827e !important; } 
.wp-pagenavi span.current{ border:2px solid #DEE8E4; color:#68827e; font-size:12px; padding:2px 4px; }
.wp-pagenavi .larger{ display:none; }
.wp-pagenavi .smaller{ display:none; }
.wp-pagenavi .pages{ display:none; }
.wp-pagenavi .nextpostslink{ border:0!important; }
.wp-pagenavi .previouspostslink{ border:0!important; }

.newsletter-signup{ float:left; cursor:pointer; font-size:16px; margin-bottom:-356px; position:relative; z-index:8; width:300px; display:none; }
.newsletter-signup input{ clear:both; margin:8px 0; width:205px; }
.newsletter-signup label{ float:left; margin:10px 5px 0 5px; font-size:14px; width:45px; }
.newsletter-signup p{ clear:both; margin:0 0 -5px; padding:0 5px; text-align:center; }
.newsletter-signup .title-article{ margin: -20px 0 0 0; text-align:center; }
.officialRules{ font-size:7px; text-transform:uppercase; text-align:right; }
.close-window{ margin:2px 6px 0; text-transform:uppercase; text-align:right; font-size:10px; }
.menu_head{ bottom: 43px; height: 30px; margin: 0 0 -15px 0 !important; position: relative; right: 15px; width: 132px !important; }
.menu_body{ background:url("images/bg-newsletter-signup.png") no-repeat scroll center bottom transparent; padding:10px 10px 0 10px; }

.gform_wrapper{ margin:10px 0 10px 20px !important; color:#343635; font-size:12px; font-family:'Verdana', sans-serif; }
.gform_title{ font-weight:normal !important; }
.gform_wrapper .top_label .gfield_label { font-weight: normal !important; }
.gform_wrapper input.button{ margin:10px 0 0 0; font-family:'verdana', sans-serif; border:1px solid #CACACA !important; color:#343635 !important; text-shadow:1px 1px 0 #ffffff !important; -webkit-border-radius: 2px; -moz-border-radius: 2px; -webkit-background-clip: padding-box; border-radius: 2px; font-size:10px !important; padding: 7px 9px !important; text-transform:uppercase; }
.gform_wrapper input.button:hover{ border-color: #CACACA !important; color:#8B1D43 !important; }
.gform_wrapper .gform_footer{ margin:0 !important; padding:0 !important; }

.widget_sp_image-image-link{ height:183px; }

#respond input.button{ margin:10px 0 0 0; font-family:'verdana', sans-serif; border:1px solid #CACACA !important; color:#343635 !important; text-shadow:1px 1px 0 #ffffff !important; -webkit-border-radius: 2px; -moz-border-radius: 2px; -webkit-background-clip: padding-box; border-radius: 2px; font-size:10px !important; padding: 7px 9px !important; text-transform:uppercase; }
#respond input.button:hover{ border-color: #CACACA !important; color:#8B1D43 !important; }

.press{ width:631px; margin:0 15px; }
.press-hit{ float:left; margin:10px; width:90px; text-align:center; }
.press-hit p{ width:86px; margin:4px 1px 0 1px !important; text-align:center; }
.press-hit img{ border:1px solid #CACACA; }

.site{ width:100px; float:left; margin:10px; }
.site p{ width:94px; margin:4px 1px 0 1px !important; text-align:center; }
.site img{ border:1px solid #CACACA; }

div.city_guide_footer {
    background: url("images/guide-footer.jpg") no-repeat scroll 0 0 transparent; color: #343635; font-size: 16px; font-weight: bold; height: 40px; margin: 30px 24px; padding: 30px; width: 519px; float:left; text-align:center; }
div.city_guide_footer a{ color:#8B1D43; }

.blog-slideshow img{ padding:0 !important; }

.sign-up{ margin:30px auto 0; color:#343635; font-size:12px; border:1px dotted #68827e; margin:20px auto; padding:20px; width:450px; background:url('images/swirl.png'); }
.sign-up img{ margin:10px; }
.sign-up input{ margin:10px 0; }
.sign-up label{ margin:0 0 0 10px; font-weight:bold; }
.sign-up .officialRules{ text-align:center; font-size:10px; margin-top:-10px; }
.sign-up p{ width:auto; margin:0 0 10px 0; }

#disqus_thread{ float:left; margin:20px 0; padding:0 11px; width:610px; font-size:12px; color:#343635; border-top:1px dotted #343635; }
.dsq-brlink{ display:none; }
#dsq-content #dsq-footer { float: right; font-size: 10px; margin: 0 -8px 15px 0 !important; text-transform: uppercase; }
#dsq-content h3{ text-transform:uppercase; }
#dsq-account-dropdown{ float:right; text-transform:uppercase; }
#dsq-sort-by{ display:none; }

#relatedposts{ float:left; width:632px; }
#relatedposts h3{ clear:both; border-bottom: 1px dotted #343635; margin-bottom:10px; padding-bottom:3px; color:#343635; text-decoration:none; font-size:16px; font-weight:bold; line-height:18px; }
#relatedposts ul{ float:left; margin:0 10px; }
#relatedposts li{ width:192px; list-style-type:none; float:left; margin:0 18px 0 0; }
#relatedposts li:last-child{ margin-right:0 !important; }
#relatedposts p{ float:left; margin:0; font-size:10px; }
#relatedposts img{ max-width:160px; margin:0 auto 12px; }
#relatedposts .title-article{ margin:6px 0 20px; }
#relatedthumb { width:192px; }
#relatedthumb a{ width:auto; margin:0 auto; }

.app_content_68044025044{ margin:17px 0 0 0; }

.tweets ul{ margin:5px 0; }
.tweets li{ margin:5px 12px; border-bottom:1px dotted; padding:0 0 5px 0; }
.tweets li:last-child{ border:none; }

.tweets ul{ margin:5px 0; }
.tweets li{ margin:5px 12px; border-bottom:1px dotted; padding:0 0 5px 0; }
.tweets li:last-child{ border:none; }

/* RSS FEED STYLES */

.feedEntryContent img{ margin:0 20px 0 0 !important; }

/* City Guides */
div.guide_ad { width:300px; height:250px; margin: 10px; padding:10px; border:1px solid #dfdfdf; background: #f7f7f7; float:right; }
table.guide_table, table.guide_table_ad { width:auto; border:none; margin:10px; }
table.guide_table td { margin:5px 0 0 0; padding:0px 10px 15px 0px; border:none; line-height: 166%; color: #575850; font-size: 12px; vertical-align:top; }
table.guide_table td img { margin:0px 0 0 0; border:1px solid #D9E5DF; }
table.guide_table td.guide_content { padding-top:8px; border-top:1px solid #D9E5DF; }
table.guide_table td.guide_content:nth-child(odd) { border-top:none !important; }
table.guide_table_ad { margin-bottom:10px; }
table.guide_table_ad td.guide_ad2 { padding:10px; }
table.guide_table_ad td.guide_ad1 { padding:10px; width:300px; height:250px; border:1px solid #dfdfdf; background: #f7f7f7; }

/* >> The Magnificent CLEARFIX: Updated to prevent margin-collapsing on child elements << j.mp/bestclearfix */
.clearfix:before, .clearfix:after {
  content: "\0020"; display: block; height: 0; visibility: hidden;	
} 
.clearfix:after { clear: both; }
/* Fix clearfix: blueprintcss.lighthouseapp.com/projects/15318/tickets/5-extra-margin-padding-bottom-of-page */
.clearfix { zoom: 1; }



/* PHOTO TOUR CSS */
.phototour .menu_body p{margin:5px 0;}

.phototour .menu_list {	
	width: 150px;
}
.phototour .menu_head {
	width:25px !important;
	height:22px !important;
	text-align:center;
	cursor: pointer;
	margin:1px;
    font-weight:bold;
    background-image:url('../../../../phototour/images/star.png');
	background-repeat:no-repeat;
	color:#ffffff;
	font-size:16px;
	bottom:0;
}
.phototour .menu_body {
	display:none;
	width:200px;
	background:#ffffff;
	width:200px;
	padding:0 6px 10px 6px;
	border:2px solid #999999;
	font-size:12px;
	position:relative;
	z-index:9;
}
.phototour .menu_body p{ margin: -5px 0 8px 0; font-size:12px; text-align:center; }
.phototour .menu_body img{ margin-top:5px; max-width:170px; }
.phototour .menu_body a{
  display:block;
	margin-bottom:-15px;
  color:#006699;
  text-align:center;
  font-weight:bold;
  text-decoration:none;
  font-size:14px;
}
.phototour .menu_body a:hover{
  color: #000000;
  text-decoration:none;
  }

.phototour{
	width:564px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
	z-index:1000;
}

.phototour .item-description{ text-align:center; }
.phototour .menu_body h2{ margin:0 0 5px 0 !important; }
.phototour h2{ margin:10px 10px 34px !important; }
.phototour br{ margin-bottom:10px; }

.where-to-get-it{ margin-top:10px; }
.where-to-get-it a{ font-size:12px !important; display:inline !important; }

.article_title{ font-family:'Times New Roman'; font-size: 24px; font-weight:normal; color:#01808B; }

.post_info{ border-bottom:1px solid #89a79e; font-family:arial; color:#000000; font-size:12px; margin-bottom: 15px; padding-bottom: 8px !important;}

#tour{ background-color:#ffffff; }

.more-photos { padding:0px !important;}
.more-photos li{ display:inline; list-style-type:none; margin: 10px 7px 10px 0;}

.close-window{ border:2px solid #999999; margin-left:190px; cursor: pointer; font-weight:bold; padding:0 2px; color:#ffffff; background-color:#999999; font-size:12px; }

#phototour-gallery{ width:592px; margin: 20px 0 0 14px; }
#phototour-gallery td{ height:147px; overflow:hidden; }
#phototour-gallery img{ width:170px; height:auto; }