/*  
Theme Name: Coffee Break
Version: 1.5.1
Description: Designed by <a href="http://www.jepson.no">Magnus Jepson</a>.
Author: WooThemes
Author URI: http://www.woothemes.com
*/

/* Default styles */
@import "reset.css";

body {
}
a { color: #2FA2D8; }
a:hover { text-decoration: underline; }

/* Containers */
#footer { background: #333333 url(images/bg-footer-top.gif) repeat-x top left; color: #7E7E7E; padding: 25px 0 14px 0;}
#main-content { margin: 10px 0 40px 0;}
#home #main-content { margin: 10px 0 10px 0;}
#top { background-color: #0285B3; background-image: url(images/bg-top.png); background-position: left bottom; background-repeat: repeat-x; border-bottom: 1px solid #62B4DC; height: 70px;}
#wrap { background-color: #fff;}
.content { margin: 0 auto; padding: 0; width: 860px;}

/* Header */
#header { clear: both; height: 76px; padding: 0; position: relative; width: 100%;}
#header h1 { display: none;}
#header img.logo { float: left;}

/* Page Nav */
#nav { position:relative; z-index:99; }
#nav, #nav ul {padding: 0;margin: 0;list-style: none; line-height: 1;float:right;}
#nav { margin-top:22px; }
#nav a {font-size:11px;letter-spacing:1px;font-weight:bold;display: block;line-height: 28px;padding: 0 7px 0 10px;}
#nav a { color: #fff; text-shadow:2px 2px #023E75; }
#nav a:hover, #nav li.current_page_item a{ color:#D0FB4B; boder: none; text-decoration: none;}
#nav li a { background: url(images/bg-menu-divider.png) no-repeat left center;}
#nav li a#item-1 { background: none;}
#nav li { float: left; }

/* Style drop down list */
#nav li ul li:hover, #nav li ul li.current_page_item { border:none; }
#nav li ul { position: absolute; width: 170px; left: -999em; border: 1px solid #2a2a2a; z-index: 99; }
#nav li ul li {	position:relative; z-index:99; background: #FFF; }
#nav li ul li a {  border:none !important; line-height: 25px; font-size: 11px; width: 150px; }
#nav li ul ul {	margin: -26px 0 0 170px; }
#nav li ul ul li a { line-height: 25px; }
#nav li:hover ul, #nav li.sfhover ul { left: auto; }
#nav li:hover ul ul, #nav li.sfhover ul ul { left: -999em; }
#nav li.current_page_item ul li a{ color:#c0baa5; background:#fff; }
#nav li.current_page_item ul li a:hover, #nav li ul li.current_page_item a:hover { color:#fff; background:#3f3a2b; }
#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul { left: auto; }
#nav li:hover, #nav li.hover { position: static; } /* IE7 Fix */

/* Featured / Slider */

#featured {   }
#featured #page-title { position:relative; margin-top: 10px; }
#featured #page-title h2 { color: #333333; font-weight: bold; padding:10px 0 0 0; }
#featured .subscribe { position:absolute; right:0; top:0; }
#featured .alignright {margin: 5px 0px 8px 20px;float: right;}

#slider-block { overflow:hidden; min-height:320px; }

.container { width:860px; height:320px; overflow:hidden; position:relative; margin-left: 50px;}
.slides { position:absolute; top:0; left:0; }
.slides div.slide { position:absolute; top:0; width:860px; display:none; }

#loopedSlider { width:960px; margin:0 auto; padding:40px 0;}
#loopedSlider .nav-buttons { list-style-type:none; margin:0; padding:0; position:relative;}
#loopedSlider li#p { position:absolute; top:120px; left:0px; }
#loopedSlider li#n { position:absolute; top:120px; right:0px; }

#featured h2 { color:#fff; font-size:24px; padding:0 0 10px; line-height:40px; font-weight:normal; letter-spacing:-1px; text-shadow: 2px 2px 0 rgba(0, 0, 0, 0.15) }
#featured h4 { font-size:18px; color:#333; line-height:22px; letter-spacing:1px; }
#featured p { font-size:14px; color:#333; line-height:20px; }

.slides ol, .slides ul { line-height: 18px; }
.slides ul { padding-left: 20px; }
.slides ul li { list-style: dot; padding: 3px 0; }
.slides ol { padding-left: 20px; }
.slides ol li { list-style: decimal; padding: 3px 0; }


/* Main Content (style) */
#main {	width:550px; }
#main.full { width:860px; }
#main p, #main ul, #main ol { font-size:14px; }
#main a { text-decoration: underline; }
#main a:hover {	text-decoration: none; }
#main h2, #main h3 { font-weight: normal; }
#main h2 { font-size: 24px;	padding-top:0; }
#main h3 {font-size: 16px; }
#main h4 { font-size: 16px; }
#main ol, #main ul { line-height: 18px; }
#main ul { padding-left: 50px; }
#main ul li { list-style: circle; padding: 3px 0; }
#main ol { padding-left: 57px; }
#main ol li { list-style: decimal; padding: 3px 0; }
#main blockquote {border-left:2px solid #777777;color:#777777;font-style:italic;margin:5px auto 15px;padding:0px 10px;width:85%;}

/* Main Content (article) */
#main .post { border-bottom: 1px dashed #ddd; margin-bottom: 10px;}
.single #main .post, 
.page-153 #main .post, 
.page-11 #main .post, 
.page-3 #main .post { border-bottom: none;}
#main .post h2 { font-size: 18px; color: #999; margin: 0; padding: 0;}
#main .post .post-details { font-size: 11px; color: #999; margin: 0; padding: 0;}
#main .post p { margin: 5px 0 10px 0; padding: 0;}

/* Main Content (advert 468x60) */
#main .advert_468x60 { background-color: #EDEDED; margin: 5px 0 25px 0; padding: 12px 0; text-align: center;}
#main .latest .advert_468x60 { margin-left: 33px;}
#main p.tags { background: url(images/ico-tag.gif) no-repeat center left; clear: both; padding-left: 25px; width: 100%;}
.single #main .advert_468x60 { margin: 15px 0 0px 0;}

/* Comments */
#comments h3 { font-size: 20px;	font-weight: normal;padding: 10px 0 20px 0;}
#comments #comments_wrap {padding: 0; position: relative; margin:20px 0;}
#main .post #comments ol, #main .post #comments ul { background:none; border:none; padding:0; }
#comments ol.commentlist li { list-style-type:none; padding:20px; background:none; }
#comments ol.commentlist li.thread-even { background:#f6f6f6; border-top:1px solid #e3e3e3; border-bottom:1px solid #e3e3e3; }
#comments ol.commentlist img.avatar { float:right; border:1px solid #e4e4e4; padding:4px; background:#fff; }
#comments ol.commentlist .user-meta { font-size:12px; margin-bottom:10px; }
#comments ol.commentlist .user-meta .name,
#comments ol.commentlist .user-meta .name a { font-size:16px; text-decoration:none;  }
#comments ol.commentlist .comment-entry { padding-right:80px;  }
#comments .comment a { text-decoration: underline; }
#comments .comment a:hover { text-decoration: none; }
#comments .comment small { font-size: 10px;	margin-top: -2px; }
#comments .comment .col-left {width: 110px;}
#comments .comment .col-left img {border: #EDEDED 5px solid;}
#comments .comment .col-left p { padding: 0 0 0 2px; line-height: 19px;}
#comments .comment .col-left .inside{width:110px;float:left;position:relative;overflow:hidden;min-height:70px;}
#comments .comment .col-right{min-height:70px;background:#fff;border:#EDEDED 1px solid;margin-left:100px;float:none;padding:10px 20px;}
* html #comments .comment .col-right{height:100px;}
#comments .comment span.reply{float:right;font-size:11px;padding:3px 3px 0;}
#comments .comment span.reply a{text-decoration:none;color:#aaa;}
#comments ul.children{margin:15px 0 0;padding:0;}
#comments ul.children li{border-top:1px solid #e3e3e3;margin:20px 0 0 0;padding:20px 0 0 25px;}
#comments .navigation .alignright,#comments .navigation .alignleft{margin:0;}
#comments .navigation a{display:block;font-weight:700;margin:15px 0;padding:5px 0;}
#comments .commentlist p{padding:0 0 10px;}
#comments #respond{margin-top:15px;}
#comments .commentlist .children #respond #form_wrap .col-right{float:none;}
#comments .cancel-comment-reply{margin-bottom:10px;}
#comments #respond .input{background:#f6f6f6;border-top:1px solid #bebebe;border-left:1px solid #bebebe;border-bottom:1px solid #f3f3f3;border-right:1px solid #f3f3f3;padding:5px;}
#comments .commentlist .thread-even #respond .input{background:#fff;}
#comments #respond label{padding-left:5px;}
#comments ul.children li ul.children,#comments .commentlist{padding:0;}

div#submit a {background:transparent url(images/btn-medium.png) no-repeat scroll left top;border:medium none;color:#FFFFFF; font-size:14px; cursor:pointer !important;font-weight:bold;height:43px;width:150px; line-height: 43px; text-align: center; margin: 0 auto; text-shadow:1px 1px #54A103; display: block;}
div#submit a:hover {background:transparent url(images/btn-medium.png) no-repeat scroll left -43px; text-shadow:1px 1px #996600; text-decoration: none;}


/* Sidebar + Homepage */
#sidebar{width:280;overflow:hidden; } 
#home {	width:580px;}
#home .widget .more-icon { background:url(images/icon-arrow.png) no-repeat left 50%; padding: 0 0 0 25px;}
#home .widget .more { padding: 0 0 0 25px;}
#home #col-1{margin-right: 10px;}
#home .widget h3, #sidebar h3{font-weight:bold;color:#555;margin:0;padding:8px 0 20px;line-height:24px;}
#home .widget ul, #sidebar ul{clear:both;}
#home .widget ul li .meta, #sidebar ul li .meta{display:block;font-size:11px;color:#878787;font-weight:normal;}
#home .widget, #sidebar .block {background:#fcfcfc;border:1px solid #e9e8e8;padding:10px 15px 15px 15px; width: 248px; float: left; margin: 0;background: url(images/bg-block-heading.png) repeat-x left top; }
body.home .widget {height: 275px;}
#sidebar .block {clear: both;}
#home .widget .inside, #sidebar .block .inside{border:#D5D4D4 5px solid;background:#EDEDED;padding-bottom:5px;}
#home .widget .inside ul, #sidebar .block .inside ul{padding:0;}
#home .widget .inside li, #sidebar .block .inside li{line-height:18px;position:relative;padding:8px 0;}
#home .widget .inside li img.thumbnail, #sidebar .block .inside li img.thumbnail{border:#A4A4A4 2px solid;float:left;margin-right:10px;}
#home .widget ul,
#sidebar ul,
#home .widget .textwidget,#sidebar .textwidget{clear:both;padding:5px 0;}
#home .widget,#sidebar .widget{margin-bottom:10px;}
#home .widget li,#sidebar li{line-height:18px;overflow:hidden;padding:5px 0 0 0px;}
#home .widget ul ul,#sidebar ul ul{border:0;margin:3px 0 0;padding:0;}
#home .widget ul ul li,#sidebar ul ul li{border:0;padding-bottom:0;border-top:1px solid #E2E2E2;}

/* Homepage: Columns */
#home #col-1 h3 { background:url(images/ico-heading-info.png) no-repeat left 0; padding-left:40px; }
#home #col-1 ul {padding-bottom: 0;}
#home #col-1 li {background:url(images/icon-bullet-question.png) no-repeat left 50%; padding:5px 0 0 25px; margin: 10px 0;}
#home #col-1 li a {font-size: 14px;}
#home #col-2 h3 { background:url(images/ico-heading-chart.png) no-repeat left 0; padding-left:40px; }

.post .widget_woo_newswidget h3,
#sidebar .widget_woo_newswidget h3 { background:url(images/ico-heading-news.png) no-repeat left 0; padding-left:40px; }
#sidebar .widget_data_storage_quote h3 { background:url(images/ico-users-business.png) no-repeat left 0; padding-left:40px; }
#sidebar .widget_data_storage_quote p.buttons { width: 125px; margin: 0 auto;}

.post  .widget_woo_newswidget li,
#sidebar .widget_woo_newswidget li {background:url(images/ico-bullet-news.png) no-repeat left 10px; padding:5px 0 0 25px;}
#sidebar .widget_woo_twitter { font-size:14px; }
#sidebar .widget_woo_twitter li { margin:0 0 10px 0  }
#sidebar .widget_woo_twitter h3 { background:url(images/ico-twitter.png) no-repeat left top; padding-left:32px; }
#sidebar .widget_woo_twitter a { color:#2882c1; font-size:14px; }
#sidebar .widget_woo_twitter .follow { padding:0 0; }
#sidebar .widget_woo_twitter .follow a { font-size:12px; font-style:italic;}

/* Homepage: Quote */
#quote { background: url(images/bg-quote.png) no-repeat top center; border-bottom: 1px solid #eee; background-color: #004891; 
/* height: 586px;  */
text-align: center;}
#quote .wrap { margin: 0 auto; text-align: left; width: 860px;}
#quote .left { background: url(images/bg-quote-left.png) no-repeat bottom left; float: left; height: 386px; width: 480px;}
#quote .left ul { margin: 30px 0 0 45px;}
#quote .left ul li { background: url(images/ico-bullet-tick.png) no-repeat left 50%; font-size: 13px; padding: 5px 0 5px 25px;}
#quote .right { color: #FF0000; float: left; margin-top: 0px; text-align: left; width: 380px;}
#quote .right h1 { color: #FFFFFF; font-size: 20px; font-weight: bold; margin-bottom:0px;}
#quote .right label { font-size: 12px; margin: 0px 0px 10px; 0px; color:#FFFFFF;}
#quote .right li{ margin-bottom: 1px; }
#quote .right .ginput_container input, #quote .right .ginput_container select { font-size: 10px; padding: 2px; width: 35%;}
#quote .right .gform_footer { padding: 0; text-align: left; }

/* Button */
#wrap a.button  { background: url(images/btn-right.png) no-repeat scroll top right; color: #fff; display: block; float: left; font-size: 14px; font-weight: bold; height: 43px; padding: 0 28px 0 0; text-shadow: 2px 2px #669900; text-transform: uppercase; text-decoration: none;}
#wrap a.button span { background: url(images/btn-left.png) no-repeat; display: block; float: left; line-height: 43px; padding: 0 10px 0 40px;}
#wrap a.button:hover { background: url(images/btn-right.png) no-repeat scroll right -43px; cursor: pointer;}
#wrap a.button:hover span { background: url(images/btn-left.png) no-repeat left -43px; color: #fff; text-decoration: none; text-shadow: 2px 2px #C07F01;}

/* How It Works */
.page-3 #main-content p.buttons { width: 424px; margin: 0 auto;}

/* Newsletter */
#newsletter h3, .widget_woo_feedburner h3, .widget_campaign_monitor h3 { background:url(images/ico-letter.png) no-repeat left 0px; padding-left:32px!important; }
#newsletter form, .widget_woo_feedburner form, .widget_campaign_monitor form {margin-top:15px;}
#newsletter .field, .widget_woo_feedburner .field, .widget_campaign_monitor .field {background-color:#F2F2F2;border:1px solid #CBD1D2;color:#999; font-size:11px;}
#newsletter .field, .widget_woo_feedburner .field, .widget_campaign_monitor .field {display:block;float:left;height:19px;margin:0 4px 0 0;padding:5px 0 0 5px;width:170px;}
#newsletter .button, .widget_woo_feedburner .button, .widget_campaign_monitor .button {background:transparent url(images/btn-submit.png) no-repeat scroll left top;border:medium none;color:#FFFFFF; font-size:11px;}
#newsletter .button, .widget_woo_feedburner .button, .widget_campaign_monitor .button {cursor:pointer !important;font-weight:bold;height:25px;width:80px;}

#tag_cloud h2{display:block;float:none;}
.textwidget{clear:both;line-height:20px;padding:5px 2px;}
#wp-calendar{width:95%;margin-bottom:15px;clear:both;padding:0;}
#wp-calendar caption{padding:10px;}
#wp-calendar th{color:#fff;}
#wp-calendar th,#wp-calendar td{text-align:center;background:#E7E7E7;color:#9E9E9E;padding:5px;}
#wp-calendar td{background:transparent;}
#wp-calendar td,table#wp-calendar th{padding:3px 0;}
#wp-calendar a{text-decoration:underline;}
#wp-calendar a:hover{text-decoration:none;}
#sidebar .widget_woo_search form div{height:33px;background:#F2F2F2;border:1px solid #CBD1D2;}
#sidebar .widget_woo_search input.field{width:163px;padding:9px;outline:none;font-size:12px;color:#777;border:0;background:transparent;z-index:1;}
#sidebar .widget_woo_search input.submit{}

/* Sidebar (flickr) */
.widget_woo_flickr h3 span { color: #0061D8; }
.widget_woo_flickr h3 span span { color: #FF1183; }
.widget_woo_flickr .wrap {	margin-left: -5px;	padding: 0;	position: relative;	}
.widget_woo_flickr a img {	float: left; margin-left: 5px;	margin-bottom: 5px;display: block;	padding: 3px;background: #fff;border: #CECFC6 1px solid; }
.widget_woo_flickr a:hover img {border: #A8AA99 1px solid;}

/* Footer */
#footer .col-left { background: url(images/hr-footer.png) repeat-x left 36px; padding: 0 20px 0 0; width: 540px;}
#footer .col-left h3 { background: url(images/ico-heading-magnify.png) no-repeat left 0; padding-left: 40px;}
#footer .col-right { background: url(images/hr-footer.png) repeat-x left 36px; width: 280px;}
#footer .col-right span { display: none;}
#footer h3 { color: #fff;}
#footer img { vertical-align: middle;}
#footer li { list-style: none; margin: 0; padding: 0 0 10px 0;}
#footer li a { color: #7E7E7E;}

/* Misc */
span.middle { float: left; padding: 13px 13px 13px 9px;}
.wp-caption img { border: 1px solid #ddd; }
hr { text-align: right; width: 100%; height: 1px; color: #ddd; border: none; } /* For Internet Explorer */
html>body hr { margin-right: 0; width: 100%; height: 1px; background-color: #ddd; border: none; } /* For Gecko-based browsers */
html>body hr { margin-right: 0; width: 100%; height: 1px; background-color: #ddd; border: 0px solid #ddd; } /* For Opera and Gecko-based browsers */

/* Horizontal Rules */
div.hr { background:url(images/hr.png) repeat-x top left; height:1px; margin:15px 0; }
#footer div.hr { background:url(images/hr-footer.png) repeat-x top left; height:1px; margin:15px 0; }

/* Banners */
#banner-bottom { background: url(images/bg-main-top.gif) repeat-x top left; background-color: #fff; border-top: 1px solid #eee; font-weight: bold; height: 60px; text-align: center; width: 100%;}
#banner-bottom .cufon { margin-top: 13px;}
#banner-bottom a:hover { color: #D0FB4B; text-decoration: none;}
#banner-bottom p { color: #333333; font-size: 16px; padding: 10px;}
#banner-top { background-color: #2FA2D8; color: #fff; border-top: 1px solid #06549C; border-bottom: 1px solid #62B4DC; font-weight: bold; height: 50px; text-align: center; width: 100%;}
#banner-top p { margin: 0; padding: 13px 0 0 0;}
#banner-top p a { color: #fff; font-size: 20px;}
#banner-top p a em { color: #D0FB4B;}
#banner-top p a:hover { text-decoration: none;}

/* Form: Free Price Quote */
body.page-11 .gform_wrapper {background:#fcfcfc;border:1px solid #e9e8e8;width: 400px; margin: 10px 0 0;background: url(images/bg-block-heading.png) repeat-x left top; }
body.page-11 .gform_wrapper h3.gform_title { margin: 10px 0 0 10px; color: #666; font-size: 14px; background:url(images/ico-users-business.png) no-repeat left 0; padding-left:40px; border-bottom: none;}
body.page-11 .gform_wrapper #gform_wrapper_1 {float: left; width: 400px; margin-top: 20px;}
body.page-11 .gform_wrapper form#gform_1 { background-color: #fcfcfc; padding: 10px;}
body.page-11 .gform_wrapper form#gform_1 .gform_body{ }
body.page-11 .gform_wrapper form#gform_1 ul { padding-left: 0; }
body.page-11 .gform_wrapper form#gform_1 .gform_footer { padding-top: 0;  padding-bottom: 0;}
body.page-11 .gform_wrapper form#gform_1 label { text-align: right;}
body.page-11 .gform_wrapper form#gform_1 .ginput_container label {text-align: left;}
body.page-11 .gform_wrapper #gform_wrapper_1 .validation_error {margin-bottom: 10px;}
body.page-11 #main h4 {margin: 0; padding: 0; }
body.page-11 #main .left {float: left; width: 400px; margin: 10px 10px 0 0; border-bottom:1px solid #ddd; background: url(images/bg-quote-form.png) no-repeat center bottom; height: 451px; }
body.page-11 #main .left ol { background-color: #FFFFCC; border: 1px solid #ddd; }
body.page-11 #main .left ol li { margin: 9px 0; font-size: 16px; }
body.page-11 div.validation_error{ background:url(images/icon-error.png) no-repeat 5px 50%; color:#FF0000!important; float: left; width: 338px; margin: 10px 0 10px 0;line-height: 17px; font-size: 14px; background-color:#FFDFDF!important;  padding:20px 20px 20px 40px; border:1px dotted #C89797; }