/* Theme Name: Headlines Enhanced Version: 3.2.5 Description: Originally Designed by Magnus Jepson Author: PLRBlogs.com Author URI: http://www.plrblogs.com Copyright: (c) 2009 WooThemes. License: GNU General Public License v2.0 License URI: http://www.gnu.org/licenses/gpl-2.0.html */ /* WARNING! DO NOT EDIT THIS FILE! To make it easy to update your theme, you should not edit the styles in this file. Instead use the custom.css file to add your styles. You can copy a style from this file and paste it in custom.css and it will override the style in this file. You have been warned! :) */ /* Default styles */ @import "css/reset.css"; /*------------------------------------------------------------------------------------------- INDEX: 1. SETUP -1.1 Defaults -1.2 Hyperlinks 2. SITE STRUCTURE & APPEARANCE -2.1 Containers & Columns -2.2 Navigation -2.2.1 Page Navigation -2.2.2 Category Navigation -2.2.3 Search -2.3 Header -2.4 Content -2.5 Sidebar -2.6 Footer -2.6.1 Footer Widget Area -2.7 Featured Area 3. POSTS -3.1 Typographic Elements -3.2 Images -3.3 Pagination / WP-Pagenavi -3.4 Buttons / Banners -3.5 Post Author 4. WIDGETS -4.1 Generic Widgets -4.2 Specific Widgets -4.3 Sidebar Tabs -4.4 Video 5. COMMENTS -5.1 Comments -5.2 Comments Form -5.3 Pingbacks / Trackbacks -5.4 Gravity forms 6. MISC -------------------------------------------------------------------------------------------*/ /*-------------------------------------------------------------------------------------------*/ /* 1. SETUP */ /*-------------------------------------------------------------------------------------------*/ /* 1.1 Defaults */ body { font: 12px Arial,Helvetica,Sans-serif; line-height: 1.2; color: #333; background-color: #bdcfdc;} h1, h2, h3, h4, h5, h6 { margin: 0; font-family: Arial,Helvetica,Sans-serif; color: #000; line-height:1; } h1 {font-size: 36px; } h2 {font-size: 28px;} h3 {font-size: 20px;} h4 {font-size: 18px;} h5 {font-size: 14px;} h6 {font-size: 12px;} p {margin: 0;} /* 1.2 Hyperlinks */ a:link, a:visited { text-decoration:none; color: #838C1C; } a:hover {text-decoration:none;} .widget a:hover {border:none;} h1 a:link, h1 a:visited, h2 a:link, h2 a:visited, h3 a:link, h3 a:visited, h4 a:link, h4 a:visited, h5 a:link, h5 a:visited, h6 a:link, h6 a:visited { text-decoration: none; } h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {text-decoration: underline; border:none !important;} /*-------------------------------------------------------------------------------------------*/ /* 2. SITE STRUCTURE & APPEARANCE */ /*-------------------------------------------------------------------------------------------*/ /* 2.1 Containers & Columns */ #container { } #top { background:#daecfc url(images/bg-top.jpg) repeat-x top left; height:207px; } .col-left { float: left; width:340px;} .col-right { float: right; width:317px; margin:0 40px 0 0;} .col-full { width: 980px; margin: 0 auto; background-color:#fff; border:1px solid #84ABCC; } .col-review { width: 980px; margin: 0 auto; padding: 0; } /* 2.2 Navigation */ #navigation {width:100%;} #page-width {width:100%; margin:0 auto; background-color: #0c1e2b; height:32px; } #page-nav ul.rss{background:url(images/ico-rss.png) no-repeat right 8px;padding:0 35px 0; } #page-nav ul.rss li{float:left;width:auto;} #page-nav ul.rss a { line-height:29px; display:block; padding:0 10px; } #page-nav a span { display:none; } /* 2.2.1 Page Navigation */ #page-nav { width:980px; border:none; position:relative; height:32px; font-family:Verdana, Geneva, sans-serif; font-size:10px; text-transform:uppercase; margin:0 auto;} #page-nav a { color:#fff; text-decoration:none; text-shadow: #333 0px 1px 0px; } #page-nav a:hover { background-color: #37a6fa; } #page-nav #nav li.current_page_item {background-color: #118ae5;} #nav, #nav ul { position:relative; z-index:200; margin:0; padding:0; list-style:none; } #nav a { display:block; z-index:200; padding:3px 15px 3px; line-height:26px; text-decoration:none;} #nav li { float:left; width: auto; border-right:1px solid #174f79;} #nav li ul { position: absolute; left: -999em; width: 180px; } #nav li ul li { background: #0c1e2b;} #nav li ul li a { width:160px; line-height:26px; color:#eee; border-left:1px solid #174f79; border-bottom:1px solid #174f79; margin-left:-1px;} #nav li ul li a:hover { color:#fff; border-left:1px solid #174f79; border-bottom:1px solid #174f79; background-color:#37a6fa; } #nav li ul ul { margin: -33px 0 0 191px; } #nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul { left:-999em; } #nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { left: auto; } #nav li:hover,#nav li.hover { position:static; } /* 2.2.2 Category Navigation */ #cat-width {width:100%; background-color: #118ae5; border-bottom:5px solid #0c6bb3; height:40px; padding:0;} #cat-nav { position:relative; width:980px; margin:0 auto; background-color: #118ae5; } #cat-nav a { text-decoration:none; text-shadow: #002037 0px 1px 0px; color:#fff;} #cat-nav a:hover { background:#045694; text-decoration:none; text-shadow: #002037 0px 1px 0px;} #cat-nav li:hover{ background:#045694; } #cat-nav a span { font-family:Verdana, Geneva, sans-serif; font-size:11px; font-style:normal; font-weight:400; color:#888; text-shadow:none;} #cat-nav a:hover span { color:#555; } #secnav li a span.sf-sub-indicator { display:none; } #secnav li ul li a span.sf-sub-indicator { display:inline; } #secnav, #secnav ul { position:relative; z-index:100; margin:0; padding:0; list-style:none; line-height:1;} #secnav a { font-family:Verdana, Geneva, sans-serif; text-transform:uppercase; font-weight:700; font-size:11px; display:block; z-index:100; padding:0 15px; line-height:40px; text-decoration:none;} #secnav li { float:left; width: auto; height:40px; } #secnav li ul { position: absolute; left: -999em; width: auto;} #secnav li ul li { border:1px solid #0c1e2b; border-width:0 1px; height:40px; background:#012f52; } #secnav li ul li a { font-family:Verdana, Geneva, sans-serif; width:auto; line-height:40px; padding:0 15px; font-size:11px; font-style:normal; font-weight:700; color:#fff; width: 200px; } #secnav li ul ul { margin: -30px 0 0 180px; } #secnav li:hover ul ul, #secnav li:hover ul ul ul, #secnav li.sfhover ul ul, #secnav li.sfhover ul ul ul { left:-999em; } #secnav li:hover ul, #secnav li li:hover ul, #secnav li li li:hover ul, #secnav li.sfhover ul, #secnav li li.sfhover ul, #secnav li li li.sfhover ul { left: auto; } #secnav li:hover,#secnav li.hover { position:static; background:#012f52; } /* 2.2.3 Search */ #cat-nav #search { background-color:#fff; height:22px; width:181px; margin-top:6px; position:relative; border:3px solid #0c6bb3; } #cat-nav #search input { background:none; border:none; padding:3px 25px 8px 10px; width:156px; margin:0; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; font-size:12px; color:#9d9d9d; } #cat-nav #search input.submit { position:absolute; right:6px; top:3px; width:15px; height:16px; padding:0; margin:0; } /* 2.3 Header */ #header{padding:32px 0 10px;clear:both;position:relative; margin: 0 auto; width:980px;} #logo { min-height:87px; } #logo img { } #logo .site-title, #logo .site-description { display: none; } #logo .site-title { padding:10px 0 0; } #logo .site-title a { color:#fff; font-size:36px; font-weight:bold; line-height:36px; letter-spacing:4px; text-shadow: #000 1px 1px 0px; } #logo .site-title a:hover { text-decoration:none; color:#eee; } #logo .site-description { color:#bbb; font-size:11px; text-shadow: #000 1px 1px 0px;letter-spacing:1px; } #topad{position:absolute;right:0px;top:37px; border:3px solid #0061a8; height:60px; width:468px; margin:0; padding:0; } #twitter-top { position:absolute;right:0px;top:36px; overflow:hidden; } #twitter-top div.logo { float:left; background:url(images/bg-twitter.png) no-repeat; width:60px; height:76px; } #twitter-top div.tweet { float:left; background:url(images/bg-twitter.png) no-repeat right; max-width:450px; height:76px; } #twitter-top img { float:left; margin: 14px 0 0 15px; } #twitter-top #twitter_update_list { padding:11px 20px 0 0px; font-family:Georgia, "Times New Roman", Times, serif; font-size:12px; font-style:italic; color:#eee; line-height:18px; } #twitter-top #twitter_update_list a { color:#eee; border-bottom:1px dotted; } #twitter-top #twitter_update_list a:hover { color:#eee; border-bottom:1px solid; } #page-nav .home-icon { float:left; margin-right:10px; } #page-nav .home-icon .ico-home { padding:7px 0 6px 0; } /* 2.4 Content */ #content{min-height:400px;padding:0; margin:15px auto 30px;} * html #content{height:400px;} #main{width:610px; margin:0;} #main.fullwidth { width: 980px; } /* 2.5 Sidebar */ #sidebar{width:320px; float:right; margin:25px 25px 0 0;} #sidebarfeatured {width:320px; float:right; margin:-322px 25px 0 0;} /* 2.6 Footer */ #foot-width {width:100%; margin:0 auto; background-color:#011b2e; color:#6693b4; border-top:1px solid #013f6d; } #footer{ font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; font-size:11px;padding: 10px 0 30px;width:980px; margin:0 auto; text-align:center; } #footer a { color:#6693b4;} #footer a:hover { border-bottom:1px dotted; } #footer #copyright .col-foot {vertical-align:middle; margin:0 auto; } /* 2.6.1 Footer Widget Area */ #fwidgets-width {width:100%; margin:0 auto; background-color:#022C49; color:#cacaca; border-top:5px solid #4681B2; } #footer-widgets { position:relative; margin:0 auto; width:980px;} #footer-widgets .container { padding:30px 0 10px; } #footer-widgets .block { width:320px; float:left; margin:0 10px 0px 0; } #footer-widgets .block.last { margin-right:0; } #footer-widgets .widget h3 { background:#0c1e2b; text-shadow: #fff 0px 1px 0px;} #footer-widgets .block .widget { width:300px; float:left; margin:0 10px 20px 0; border:5px solid #4681B2; background:#BDCFDC; color:#555; font-family:Georgia, "Times New Roman", Times, serif; } #footer-widgets .block.last .widget { margin-right:0; } #footer-widgets .block .widget ul li { border-bottom: 1px solid #84ABCC; } /* Featured Area */ #loopedSlider { position:relative; width:600px; float:left; margin:25px 0 2px 17px;} #loopedSlider .container { width:600px; height:320px; overflow:hidden; position:relative; background:#fff;} #featuredVideo { position:relative; width:600px; float:left; margin:25px 0 2px 25px;} #featuredVideo .container { width:600px; height:320px; overflow:hidden; position:relative; background:#fff;} /*-------------------------------------------------------------------------------------------*/ /* 3. POSTS */ /*-------------------------------------------------------------------------------------------*/ #breadcrumb {} .archive_header { display: block; padding:10px 20px 0; margin:0 0 15px; font-size: 18px; font-weight: bold; background:url(images/bg-widget-title.png) repeat-x; height:33px; } .archive_header .cat { } .archive_header .catrss { background:url(images/ico-rss.png) no-repeat 2px; } .archive_header .catrss a { font-size: 14px; text-decoration: none; line-height: 22px; margin-left:35px; } .box { margin: 0 0 10px 25px; clear:both;border-top: 1px dotted #ccc;} .box-post { margin: 0 0 10px 25px; clear:both;} .box img { margin: 0 20px 25px 0; overflow:hidden;} .post { padding:25px 0px 20px; position:relative;} h2.title { font-size:14px; color:#444;} h1.title { font-size:24px;} .box-review { background:#fefefe url(images/bg-box.png) repeat-x; margin: 0 0 20px 0; width:980px;} .post-review { padding:25px 25px 20px; border:1px solid #fff; position:relative; } .post-review p { padding:0;} .post-review .title { margin: 0 0 20px -25px; font-weight:400; text-align:center; padding:0; } .post-review .title a:link, .post-review .title a:visited { color:#222; } .post-review .entry, .post .title a:visited { color:#222;} .post-bottom {border: 1px dotted #cccccc; padding:10px; background-color:#EFEFEF; } .post .title { margin: 0 0 5px 0; font-weight:800; } .post .title a:link, .post .title a:visited { color:#222; } .post-meta{margin: 0 0 15px 0;font-size:10px;color:#9F9F9F; font-family:Verdana, Geneva, sans-serif; text-transform:uppercase; line-height:11px;} .post-meta a { border-bottom:1px dotted; } .post-meta a:hover { border:none; } .post-meta img { vertical-align:top; margin:0 5px; } .post p.tags{background:url(images/ico-tag.gif) no-repeat center left;padding-left:25px;width:100%;clear:both;} .post .thumbnail { padding:5px; border:5px solid #D3D2D2; background:#fff; margin-top:0; } .post .video { margin-bottom:20px; } .entry { font-size:12px; line-height:20px;} /* 3.1 Typographic Elements */ .entry h1 {} .entry h2 {} .entry h3 {} .entry h4 {} .entry h5 {} .entry h6 {} .entry h1, .entry h2, .entry h3, .entry h4, .entry h5, .entry h6 { margin: 0 0 15px 0; } .entry p { margin:0 0 15px;} .entry blockquote { padding: 10px 30px; color: #666; } .entry blockquote p {} .entry ul { margin: 0 0 15px 0; padding: 0 0 0 30px; } .entry ul ul { margin: 0; } .entry ul li { list-style-type: disc; } .entry ul ul li { list-style-type: circle; } .entry ol { margin: 0 0 15px 0; padding: 0 0 0 30px; } .entry ol ol { margin: 0; } .entry ol li { list-style-type: upper-latin; } .entry ol li ol li { list-style-type: lower-latin; } /* 3.2 Images */ .entry img { padding: 5px;} .fullwidth .entry img { padding: 5px;} .entry .wp-caption img{ border:none; } img.wp-smiley { padding: 0 !important; border: none !important; margin: 0 !important; } .alignleft { float: left; width: auto; margin: 10px 20px 10px 0; } .alignright { float: right; width: auto; margin: 10px 0 10px 20px; } .aligncenter, img.aligncenter { display:block; text-align: center; margin:0 auto 10px; } .entry .wp-caption { padding: 1px; text-align:center; background:#F8F8F4; border: solid 1px #e6e6e6; } .entry .wp-caption img{ margin:0; padding:4px 0; background:none; border:0; } .entry .wp-caption-text { margin:0; padding:0; font-size:11px; text-align:center; } .entry .wp-caption a:hover { border:none !important; } /* 3.3 Pagination / WP-Pagenavi */ .more_entries {font-size:12px; line-height:18px; font-family:Georgia, serif !important; font-style:italic !important; margin:10px 0 50px 25px; width:580px; float:left;} .more_entries a { display: block; margin: 0; background:#efefef; padding:4px 8px; color:#777; text-shadow: #fff 0px 1px 0px; border:1px solid #ccc;} .more_entries a:hover { background:#ddd; text-shadow: #fff 0px 1px 0px; border:1px solid #ccc;} .more_entries .fl { float:left; } .more_entries .fr { float:right; } .more_entries .fl a { background-image:url(images/ico-arrow-left.png); background-repeat:no-repeat; background-position:8px center; padding-left:20px;} .more_entries .fr a { background-image:url(images/ico-arrow-right.png); background-repeat:no-repeat; background-position:95% center; padding-right:20px;} .more_entries .wp-pagenavi { margin: 15px 0 0 0; text-align: right; } .more_entries .wp-pagenavi a:link, .more_entries .wp-pagenavi a:visited { display: inline; text-decoration: none; background: #efefef;color: #777; padding: 4px 8px; border:1px solid #ccc; } .more_entries .wp-pagenavi .current, .more_entries .wp-pagenavi .on, .more_entries .wp-pagenavi a:hover { padding: 4px 8px; background: #ddd; color:#777; text-shadow: #fff 0px 1px 0px; border:1px solid #ccc; } .more_entries .wp-pagenavi .extend, .more_entries .wp-pagenavi span.pages { background: #efefef;color: #777; padding: 4px 8px; text-shadow: #fff 0px 1px 0px; border:1px solid #ccc;} /* 3.4 Buttons / Banners */ .entry a.btn, input.submit { padding:4px 8px; color:#fff; font:Georgia, serif; font-size:12px; font-style:italic; text-shadow: #777 0px 1px 0px; background-color:#838C1C; border:1px solid #626915; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; } .entry a.btn:hover { cursor:pointer; opacity:0.8; } .post #share { position:relative; height:55px; margin:20px 0 0; padding:1px 0 0 55px; } .post #share .banner { background:url(images/banner-share.png) no-repeat; position:absolute; top:0; left:-40px; width:78px; height:36px; color:#fff; font:bold italic 14px Georgia, serif; text-shadow:#555 0 1px ; line-height:29px; padding:0 0 0 16px;} .post #share a img { padding:0 10px 0 0; opacity:0.7; } .post #share a:hover img { padding:0 10px 0 0; opacity:1; } .featured-banner { background:url(images/banner-featured.png) no-repeat; position:absolute; top:14px; left:-14px; width:100px; height:36px; color:#fff; font:bold italic 14px Georgia, serif; text-shadow:#555 0 1px ; line-height:29px; padding:0 0 0 16px; z-index:99;} /* 3.5 Post Author */ #post-author {background: none repeat scroll 0 0 #ECECEC;border-bottom: 1px solid #BBBBBB;border-top: 1px solid #F5F5F5;margin: 0 0 20px 25px;padding: 25px 25px 20px;position: relative;} #post-author .profile-image {background: none repeat scroll 0 0 #FFFFFF;border: 1px solid #DDDDDD;float:left;margin:0 15px 0 0;padding: 2px;} #post-author .profile-content h4 {color:#666666;margin-bottom: 5px;} #post-author .profile-content {color:#666666;line-height:20px;font-size:14px;} /*-------------------------------------------------------------------------------------------*/ /* 4. WIDGETS */ /*-------------------------------------------------------------------------------------------*/ /* 4.2 Generic Widgets */ .widget {position:relative; margin: 0 0 20px 0; background:#fefefe; padding:0 5px; border:5px solid #D3D2D2; color:#555; font-family:Georgia, "Times New Roman", Times, serif;} .widget h3 {font-family:Arial, Helvetica, sans-serif; font-size:11px; line-height:13px; color:#fff; margin: 5px 0 0 0; padding:8px 15px; background-color:#0c1e2b; text-transform:uppercase;} .widget .textwidget {margin:5px 0;} .widget .textwidget img {margin:0;} .widget img {margin:5px auto;} .widget ul, .widget p { padding:0px 15px 10px; } .widget ul { clear:both; margin:5px 0;} .widget ul li { background:url(images/ico-bullet.png) no-repeat 4px 14px; padding-left:20px; border-bottom: 1px solid #ededed; } .widget ul li a { padding:0px 0; line-height: 30px; text-decoration: none; color:#3c3c3c; } .widget ul li a:hover { color: #000; border-bottom:1px dotted; } .widget ul ul { margin:0; padding:0; border-top: none; } .widget ul ul li { border: none; } .widget_recent_comments li, #twitter li { padding: 6px 0; line-height: 18px; border-bottom: 1px solid #eee; } /* RESET LI STYLING FOR RECENT COMMENT & TWITTER */ .widget_recent_comments li a, #twitter a { display: inline; padding: 0; line-height: 18px !important; } /* RESET STYLING FOR RECENT COMMENT & TWITTER */ .widget_tag_cloud a { color:#777; } .widget_tag_cloud div { padding-top:5px; } .adspace-widget {background:none; border:none; } .adspace-widget a:hover {border:none;} #advert_125x125 { padding:18px 0 5px 8px; text-align:center; } #advert_125x125 img { padding:0 15px 10px 5px; } #advert_125x125 a:hover {border:none;} .adspace-widget.widget { border:0; } /* 4.2 Specific Widgets */ /* WIDGET FORMS */ .widget #searchform { margin: 15px 0 0 15px; } .widget select { margin: 15px 0 15px 15px; } .widget input#s, .widget input.field, .widget select { width: 250px; padding: 3px 0 3px 5px; border: 1px solid #ccc; } .widget input.submit {} .widget .screen-reader-text { display: none; } #search_main form div{position:relative;height:33px;;margin-bottom:25px;} #search_main input.field{ float:left; border: 1px solid;border-top-color: #C5C3C3;border-left-color: #C5C3C3;border-right-color: #EDEDED;border-bottom-color: #EDEDED;background: #fff;font-family:Georgia, "Times New Roman", Times, serif;font-size: 12px;padding: 7px 10px; font-style:italic; margin:0 5px 5px 0; color:#999; width:170px;} #searchform .submit { padding:5px 8px; font-family:Georgia, serif; } #searchform .submit:hover { opacity:0.8; cursor:pointer; } /* FLICKR */ #flickr h3 {} #flickr h3 span{color:#0061D8;} #flickr h3 span span{color:#FF1183;} #flickr .flickr_badge_image { float: left; margin: 0; padding:0; } #flickr .wrap { margin: 10px; padding: 0; } #flickr a img { float: left; margin: 5px 0 5px 10px; display: block; border: #CECFC6 1px solid; padding: 3px; width:70px; height:70px; } #flickr a:hover img { border:#A8AA99 1px solid; } /* LIFESTREAM */ .widget_lifestream ul li { border-bottom: 1px solid #e0e6e6; } .widget_lifestream ul li a { border:none; background:none!important; } .widget_lifestream ul .lifestream_meta { color: inherit; } /* CALENDAR */ #wp-calendar{width:95%;margin-bottom:15px;clear:both;padding:0;} #wp-calendar caption{padding:10px;} #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;} /* AUTHOR */ #author .widget_title img { vertical-align:top; margin-right:10px; margin-top:-2px; } #author .wrap { padding:10px 5px; } #author img.avatar { padding:2px; background:#fff; border:1px solid #ddd; } #author .author-info { float:left; width:190px; font-family:Verdana, Geneva, sans-serif; font-size:10px; text-transform:uppercase; line-height:16px; padding:2px 0 0 0px; color:#777; } #author .author-desc { font-style:italic; } /* 4.3 Sidebar Tabs */ #tabs { background:#FEFEFE url(images/bg-box.png) repeat-x;; height:auto !important; border:1px solid #fff;display: block; margin-bottom:25px; } #tabs .inside { padding:5px !important;padding: 2px; padding-top:0 !important; } #tabs ul.wooTabs { height:53px !important; background: url(images/bg-widget-title.png) repeat-x center top; padding:0 10px; } #tabs ul.wooTabs li { float: left; display:inline;font-family:Verdana, Geneva, sans-serif; font-size: 10px; color: #ffffff; margin:0px 1px 0px 0px !important; cursor: pointer; } #tabs ul.wooTabs li a.selected, #tabs ul.wooTabs li a:hover { color:#838C1C; text-decoration:none; background:url(images/bg-tabs-selected.png) no-repeat center 41px; } #tabs ul.wooTabs li a { color:#777; line-height: 42px; display: block;float: left;padding: 0 10px 10px; text-transform:uppercase; } #tabs #tagcloud, #tabs .inside li { padding:10px; font-family:Georgia, serif;} #tabs .inside ul { margin:0 5px 5px; } #tabs .inside li { border-bottom:1px solid #EDEDED } #tabs .inside li a { color:#555; font-weight:bold; line-height:20px; line-height:18px; } #tabs .inside a:hover{ border-bottom:1px dotted;} #tabs .inside li span.meta { display:block; font-size:10px; text-transform:uppercase; color:#777; font-family:Verdana, Geneva, sans-serif; line-height:20px; } #tabs .inside li img.avatar, #tabs .inside li img.thumbnail { border: 1px solid #ddd; padding: 2px; background-color: #ffffff; float: left; margin: 0 8px 0 0; } /* 4.4 Sidebar Video */ #video .inside { padding:0; } #video .inside div { padding:7px; } #video ul.wooTabs { margin:0; padding:0 14px 5px; } #video ul.wooTabs li { background:#fafafa; border:1px solid #eee; padding:0 10px; margin-bottom:5px; } /*-------------------------------------------------------------------------------------------*/ /* 5. COMMENTS */ /*-------------------------------------------------------------------------------------------*/ /* 5.1 Comments */ #comments {position:relative;padding:-25px 25px 20px;} #comments h3{ font-size:16px; color:#777; padding:15px 0px 10px 25px; } #comments .comment{margin-top:10px;width:100%;list-style-type:none;} #comments .avatar { float: left; } #comments img.avatar { background:#fff; padding:4px; border:1px solid #ddd; } #comments .comment-right { margin-left: 95px; } #comments .comment .comment-container { padding: 3px 0 3px 25px; } #comments .comment-head { background:#e4e4e4 url(images/bg-comment-head.png) repeat-x bottom; border:1px solid #d8d8d8; height:40px; line-height:40px; padding:0 15px;margin: 0; } #comments .comment-head .name { font-family:Georgia, serif; font-style:italic; margin: 0 0 -5px 0; font-weight: bold; font-size: 12px; } #comments .comment-head .date { margin-right:10px; } #comments .comment-head .date a, #comments .comment-head .edit { font-size: 11px; color:#777; } #comments .comment-entry { background:#fff; border:1px solid #d8d8d8; color:#555; padding:20px 15px 10px 15px; border-width:0 1px 1px 1px; font-size:14px; line-height:20px; } #comments .comment-entry p { margin: 0 0 10px 0;} #comments ul.children{background: url(images/ico-comment-reply.png) no-repeat 0 25px; padding:0 0 0 25px;margin:0 0 0 15px;} #comments .cancel-comment-reply{margin-bottom:10px;} #comments .navigation { } #comments .navigation a{ display: block; margin: 15px 0 0 0; text-decoration: none; } #comments .navigation a:hover{} #comments a.comment-reply-link { background:url(images/bg-button.png) no-repeat center 0; padding:2px 6px; color:#fff; font:Georgia, serif; font-size:12px; font-style:italic; text-shadow: #777 0px 1px 0px; background-color:#aaa; border:1px solid #999; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; } #comments a.comment-reply-link:hover { cursor:pointer; opacity:0.8; } /* 5.2 Comments Form */ #respond { border-top:1px solid #f5f5f5; margin: 0; padding:25px 25px 20px;} #comments #respond { padding:20px 0; } #respond h3 { font-size:16px; color:#777; padding-bottom:10px; } #respond .left { float:left; width:200px; } #respond .right { float:left; width:600px; } #commentform { margin: 15px 0 0 0; font-family:Arial, Helvetica, sans-serif; background:#ececec; } #commentform input.txt { color:#555;width:180px; margin: 0 5px 10px 0; padding: 7px 5px; border: 1px solid #eee; background:#ececec; } #commentform textarea { color:#555;width: 95%!important; padding: 5px; border: 1px solid #eee; background:#ececec; } #commentform #submit { margin: 15px 0 50px 0; } #commentform input.txt, #commentform textarea { border: 1px solid;border-top-color: #C5C3C3;border-left-color: #C5C3C3;border-right-color: #EDEDED;border-bottom-color: #EDEDED; background:#ececec; } #commentform #submit { font-family:Georgia, serif; background:url(images/bg-button.png) no-repeat center 0; padding:4px 8px; color:#fff; font:Georgia, serif; font-weight:bold; font-size:12px; font-style:italic; text-shadow: #555 0px 1px; background-color:#6694ac; border:1px solid #557c90; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; } #commentform #submit:hover { cursor:pointer; opacity:0.8; } /* 5.2 Pingbacks / Trackbacks */ h3#pings { margin: 20px 0 10px 0; } .pinglist li { margin: 0 0 0 20px; list-style-type: decimal; } .pinglist li .author { font-weight: bold; font-size: 15px; } .pinglist li .date { font-size: 11px; } .pinglist li .pingcontent { display: block; margin: 10px 0; } /*-------------------------------------------------------------------------------------------*/ /* 6. MISC */ /*-------------------------------------------------------------------------------------------*/ #lbCenter, #lbBottomContainer{ z-index:9999 !important; } #lbOverlay { z-index:9998 !important; } /*-------------------------------------------------------------------------------------------*/ /* 7. NIVO SLIDER */ /*-------------------------------------------------------------------------------------------*/ #pb_slideshow_slider-1 {border: 1px solid #000; padding:0; background:#fff; } #pb_slideshow_slider-1 .nivo-caption { position:absolute; left:0px; bottom:0px; background:#000; color:#fff; opacity:0.8; width:100%; z-index:89; font-weight:bold; } #pb_slideshow_slider-1 .nivo-caption p { padding:12px 10px 12px 10px; margin:0; font-size:14px;} .nivo-directionNav a { position:absolute; z-index:99; cursor:pointer; display:block; width:30px; height:30px; text-indent:-9999px; border:0; margin-top:60px; } /*-------------------------------------------------------------------------------------------*/ /* 8. Top Column Widgets */ /*-------------------------------------------------------------------------------------------*/ #top-column {width:100%; margin:0 auto; } #top-column-widgets {margin: 20px auto; width:1005px; padding:0;} #top-column-widgets .tc-container {margin: 0 auto; padding:0; height:auto; overflow:hidden; position:relative;} #top-column-widgets .left-column-widget .block .widget {width:300px; float:left; margin:0 7px 0 10px; } #top-column-widgets .center-column-widget .block .widget {width:300px; float:left; margin:0 7px 0 5px; } #top-column-widgets .right-column-widget .block.last .widget {width:300px; float:left; margin:0 0 0 5px;} #top-column-widgets .left-column-widget .widget_text h3, #top-column-widgets .center-column-widget .widget_text h3, #top-column-widgets .right-column-widget .widget_text h3 { position:absolute; color:#fff; font-size:12px; float:left; clear:both; padding:10px 100px 10px 10px; margin: 15px 20px 0px -19px; text-shadow:0 -1px #d0284b, 0 1px #000; -moz-box-shadow:0px 2px 0 rgba(0,0,0,0.2); -webkit-box-shadow:0px 2px 0 rgba(0,0,0,0.2); -o-box-shadow:0px 2px 0 rgba(0,0,0,0.2); box-shadow:0px 2px 0 rgba(0,0,0,0.2); background: url('images/3-stars.png') no-repeat 98% 45% #f00404; } #top-column-widgets .left-column-widget .widget_text h3:before, #top-column-widgets .center-column-widget .widget_text h3:before, #top-column-widgets .right-column-widget .widget_text h3:before { content:" "; position:absolute; bottom:-10px; left:0px; border: 5px solid #333333; border-bottom: 4px solid transparent; border-left: 4px solid transparent; } #top-column-widgets .left-column-widget .widget_text h3:after, #top-column-widgets .center-column-widget .widget_text h3:after, #top-column-widgets .right-column-widget .widget_text h3:after { content:" "; position:absolute; bottom:0px; right:-24px; border: 16px solid #f00404; border-left: 12px solid #f00404; border-right: 12px solid transparent; -moz-box-shadow:0px 2px 0 rgba(0,0,0,0.2); -webkit-box-shadow:0px 2px 0 rgba(0,0,0,0.2); -o-box-shadow:0px 2px 0 rgba(0,0,0,0.2); box-shadow:0px 2px 0 rgba(0,0,0,0.2); } #top-column-widgets .widget .textwidget { margin:0px; } #top-column-widgets .widget img {margin:5px 0;} #top-column-widgets .widget .widget-title {} #top-column-widgets .widget h3 { padding-top:10px;} /*-------------------------------------------------------------------------------------------*/ /* 9. Sales Page - Full Width Page No Header No Footer */ /*-------------------------------------------------------------------------------------------*/ #container-salespage {padding:20px 0 10px;} #content-sales {width:960px; margin:0 auto 30px;} .postsales-full {background-color:#fff; margin:0 auto;} .entrysales-full p {margin:0 0 15px; font-size:12px;} .entrysales-full img {padding:5px; border:none; max-width:100%; height:auto;} /* 9.1 Typographic Elements */ .entrysales-full h1, .entry-full h2, .entry-full h3, .entry-full h4, .entry-full h5, .entry-full h6 {margin: 0 0 15px 0;} .entrysales-full blockquote { padding: 10px 30px; color: #666;} .entrysales-full blockquote p {} .entrysales-full ul {margin: 0 0 15px 0; padding: 0 0 0 30px;} .entrysales-full ul ul {margin: 0;} .entrysales-full ul li {list-style-type: disc;} .entrysales-full ul ul li {list-style-type: circle;} .entrysales-full ol {margin: 0 0 15px 0; padding: 0 0 0 30px;} .entrysales-full ol ol {margin: 0;} .entrysales-full ol li {list-style-type: decimal;} .entrysales-full ol li ol li {list-style-type: lower-latin;} /*-------------------------------------------------------------------------------------------*/ /* 10. Basic Footer For Full Width Sales Page */ /*-------------------------------------------------------------------------------------------*/ #footer-custom {width: auto; margin:-10px auto 0; padding:0px 5px 50px;} #footer-custom {font-style: underline; font-size: 13px; font-family: Arial, Verdana, sans-serif; display:block; text-align:center; } #footer-custom a, #footer-custom a:hover { color:#000;} /*-------------------------------------------------------------------------------------------*/ /* 11. Basic Footer For Full Width Sales Page */ /*-------------------------------------------------------------------------------------------*/ #footer-custom_disclaimer {width: 980px; margin:-10px auto 0; padding:0px 5px 30px;} #footer-custom_disclaimer {font-size: 13px; font-family: Arial, Verdana, sans-serif; display:block; text-align:center; }