/* WOO CUSTOM STYLESHEET --------------------- Instructions: Add your custom styles here instead of style.css so it is easier to update the theme. Simply copy an existing style from style.css to this file, and modify it to your liking. */ /* Original Theme Name: Coffee Break Version: 1.5 Description: Originally Designed by Magnus Jepson. Author: WooThemes Author URI: http://www.woothemes.com Modified by CJ Rhoads from HPL Technologies Copied into Custom.css (Didn't understand at first so I directly modified style.css. Copied here in case original Style needs to be updated) Jnue 2013 */ /* Default styles */ body { background:#fff; } a { color: #2882c1; } /* Containers - original. REMMED out to see if top banner goes back to original color (get rid of green) .content { width:860px; margin:0 auto; padding:0;} #top { background:url(images/bg-top-tile.gif) repeat-x top left; border-bottom:1px solid #000000; } #top .content { background:url(images/bg-top.png) no-repeat top center; } #main-content { background: url(images/bg-main-top.gif) repeat-x top left; padding:10px 0 25px; } #footer { background: #e1e1e1 url(images/bg-footer-top.gif) repeat-x top left; padding: 25px 0 14px 0; margin-top:25px; } Remmed out original containers */ /* Header */ #header { width: 100%; height: 50px; padding: 5px 0 5px 0; clear: both; position: relative; } #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:30px; } #nav a {font-family:Georgia, "Times New Roman", Times, serif;font-size:18px;color:#e70014;padding: 0 10px;} #nav a { color: #FF061B; } #nav a:hover, #nav li.current_page_item a{ color:#fff; background:#3f3a2b; border-width: 0 0px 1px 0; } #nav li a { border:none !important; } #nav li { float: left; } /* Style drop down list */ #nav li:hover, #nav li.current_page_item { border-bottom:1px solid #2a2a2a; } #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: 14px; 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:#e70014; 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 REMMING out to see if it will eliminate green bar #featured { background:#FFFFFF url(images/bg-slider-bot.png) repeat-x left bottom; border-top:1px solid #FA3650; border-bottom:1px solid #FA3650; } #featured #page-title { position:relative; } #featured #page-title h2 { padding:2px 0; } #featured .subscribe { position:absolute; right:0; top:25px; } #featured .alignright {margin: 5px 0px 8px 20px;float: right;} It did eliminate green bar (and made text virtually invisible, which is fine - I didn't like the featured page title anyway */ #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:20px; padding:0 0 10px; line-height:20px; font-weight:normal; letter-spacing:-1px; text-shadow: 2px 2px 0 rgba(0, 0, 0, 0.15) } #featured h4 { font-size:18px; color:#333; font-family:Arial, Helvetica, sans-serif; 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; } /* Homepage */ .home h3 { padding: 0; } .home .feature { margin-left:65px; } .home img.home-icon { float:left; padding:0; } /* Main Content (style) */ #main { width:540px; } #main.full { width:840px; } #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: 18px; } #main h4 { font-size: 12px; } #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 (post) */ #main .post { padding:0 5px 25px 0; } #main .post-title { width: 100%; position: relative; } #main .post-title h2, #main .post-title p.post-details, #main .post-title h3 { padding-right: 50px; } #main h2 a, #main h3 a { color: #2A2A2A; text-decoration: none; } #main h2 a:hover, #main h3 a:hover { text-decoration: underline; } #main p.post-details { line-height: 18px; margin-top: -10px; position: relative; } #main p.post-details a { text-decoration: none; } #main p.post-details a:hover { text-decoration: underline; } #main p.post-details { color: #9F9F9F; font-size: 11px; padding: 0 0px 0 1px } #main .post h4 { margin-top: 1px; clear: both; width: 100%; } #main .post h4.continue a { background: #A8BC70; padding: 5px 10px; color: #fff; text-decoration: none; } #main .post h4.continue a:hover {background: #9fb26a;} #main .post img.thumbnail { background-color:#EEEEEE; border:1px solid #DDDDDD; padding:5px; } #main .post img.gallery { margin:0 7px 7px 0; } #main h2.arh { border-bottom: #EBEBEB 1px solid; margin-top: -10px; margin-bottom: 10px; position: relative; } /* Main Content (advert 468x60) */ #main .advert_468x60 { background-color:#EDEDED; padding:12px 0; margin: 5px 0 25px 0; text-align:center; } #main .latest .advert_468x60 {margin-left:33px;} /* Main Content (post>single) */ #main p.tags { background: no-repeat center left; padding-left:25px; width: 100%; clear: both; } .single #main .advert_468x60 {margin: 15px 0 0px 0;} #main .page h2 {padding-top: 5px;} /* 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;} #comments #submit {background:transparent no-repeat scroll left top;border:medium none;color:#FFFFFF;font-family:Georgia, "Times New Roman", Times, serif; font-size:11px; cursor:pointer !important;font-weight:bold;height:25px;text-transform:uppercase;width:80px;} /* Sidebar */ #sidebar{width:300px;overflow:hidden;} #sidebar h3{border-bottom:1px dashed #ccc;font:12px uppercase Georgia, serif;font-weight:bold;text-transform:uppercase;color:#555;letter-spacing:1px;margin:5px 0;padding:0 0 15px;line-height:24px;} #sidebar ul{clear:both;} #sidebar ul li a{color:#636363;} #sidebar a:hover,#sidebar .current-cat a,#sidebar li.active a{color:#000;} #sidebar ul li .meta{display:block;font-size:11px;font-family:Arial, Helvetica, sans-serif;color:#878787;font-weight:normal;text-transform:uppercase;} #sidebar .block{background:#fcfcfc;border:1px solid #e9e8e8;padding:15px;} #sidebar .block .inside{border:#D5D4D4 5px solid;background:#EDEDED;padding-bottom:5px;} #sidebar .block .inside ul{padding:0;} #sidebar .block .inside li{line-height:18px;position:relative;padding:8px 0;} #sidebar .block .inside li img.thumbnail{border:#A4A4A4 2px solid;float:left;margin-right:10px;} #sidebar ul,#sidebar .textwidget{clear:both;padding:5px 0;} #sidebar .widget{margin-bottom:25px;} #sidebar li{line-height:18px;overflow:hidden;padding:5px 0 0 0px;} #sidebar ul ul{border:0;margin:3px 0 0;padding:0;} #sidebar ul ul li{border:0;padding-bottom:0;border-top:1px solid #E2E2E2;} #sidebar .widget_woo_newswidget h3 { background: no-repeat left 3px; padding-left:32px; } #sidebar .widget_woo_newswidget li {background: no-repeat left 10px;padding:5px 0 0 15px;} #sidebar .widget_woo_twitter { font-size:14px; } #sidebar .widget_woo_twitter li { margin:0 0 10px 0 } #sidebar .widget_woo_twitter h3 { background: 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;} #newsletter h3, .widget_woo_feedburner h3, .widget_campaign_monitor h3 { background: 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 no-repeat scroll left top;border:medium none;color:#FFFFFF;font-family:Georgia, "Times New Roman", Times, serif; font-size:11px;} #newsletter .button, .widget_woo_feedburner .button, .widget_campaign_monitor .button {cursor:pointer !important;font-weight:bold;height:25px;text-transform:uppercase;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-family:Arial, Helvetica, sans-serif;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 img {vertical-align: middle;} #footer .col-right span {display: none;} #footer .col-left { width:540px; padding:0 20px 0 0; background: repeat-y top right; } #footer .col-right { width:280px; } /* Misc */ a.button { background: no-repeat scroll top right; display: block; float: left; height: 46px; margin-right: 6px; padding-right: 13px; text-decoration: none; color: #3e3e3e; background-color: #8b1010; font-family: Georgia; font-size:18px; } a.button span { float:left; background: no-repeat; display: block; line-height: 46px; padding: 1px 5px 5px 18px; } a.button:hover span{ text-decoration:underline; } span.middle { float: left; padding: 13px 13px 13px 9px; } div.hr { background: repeat-x top left; height:1px; margin:15px 0; } #footer div.hr { background: repeat-x top left; height:1px; margin:15px 0; }