/* Theme Name: Briefed Theme URI: http://www.woothemes.com/ Version: 1.0.18 Description: Designed by WooThemes. Author: WooThemes Author URI: http://www.woothemes.com Tags: woothemes Copyright: (c) 2009-2011 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! :) */ /*------------------------------------------------------------------------------------------- INDEX: 0. RESET 1. SETUP -1.1 Defaults -1.2 Hyperlinks 2. SITE STRUCTURE & APPEARANCE -2.1 Containers & Columns -2.2 Navigation -2.2.1 Drop-down menus -2.2.2 Top Navigation (optional) -2.3 Header -2.4 Content -2.5 Sidebar -2.6 Footer -2.7 Breadcrumbs -2.8 Portfolio -2.9 Blog 3. POSTS -3.1 Typographic Elements -3.2 Images -3.3 Pagination / WP-Pagenavi / Woo-Pagination -3.4 Single Post Author -3.5 Entry Tables 4. WIDGETS -4.1 Generic Widgets -4.2 Specific Widgets -4.3 WooTabs 5. COMMENTS -5.1 Comments -5.2 Pingbacks / Trackbacks -5.3 Comments Form 6. MISC -6.1 Buttons -6.2 Contact Form -6.3 Gravity forms -6.4 Timeline page template -6.5 IE specific styling -6.6 Subscribe & Connect -6.7 Slider -------------------------------------------------------------------------------------------*/ /*-------------------------------------------------------------------------------------------*/ /* RESET - http://meyerweb.com/eric/tools/css/reset/ | v1.0 | 20080212 */ /*-------------------------------------------------------------------------------------------*/ body,html{height:100%;} html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;outline:0;font-size:100%;vertical-align:top;background:transparent;margin:0;padding:0;} body{line-height:1;} ol,ul{list-style:none;} blockquote,q{quotes:none;} blockquote:before,blockquote:after,q:before,q:after{content:none;} :focus{outline:0;} del{text-decoration:line-through;} table{border-collapse:collapse;border-spacing:0;} /* Floating & Alignment */ .fl{float:left;} .fr{float:right;} .ac{text-align:center;} .ar{text-align:right;} /* Clear Floats */ .col-full:after{content:".";display:block;height:0;clear:both;visibility:hidden;} .fix{clear:both;height:1px;overflow:hidden;margin:-1px 0 0;} html body * span.clear,html body * div.clear,html body * li.clear,html body * dd.clear{background:none;border:0;clear:both;display:block;float:none;font-size:0;list-style:none;overflow:hidden;visibility:hidden;width:0;height:0;margin:0;padding:0;} /*-------------------------------------------------------------------------------------------*/ /* 1. SETUP */ /*-------------------------------------------------------------------------------------------*/ /* 1.1 Defaults */ body { font: 12px/1.5em Palatino, "Palatino Linotype", serif; color: #888; background-color: #f8f8f8; } h1, h2, h3, h4, h5, h6 { margin: 0; font-family:sans-serif; color: #222; font-weight:normal; } h1 {font-size: 2em } h2 {font-size: 1.8em;} h3 {font-size: 1.6em;} h4 {font-size: 1.2em;} h5 {font-size: 1em;} h6 {font-size: 0.8em;} p {margin: 0; } hr { background-color: #e3e3e3; border:0; height: 1px; margin-bottom: 20px; } input, textarea { padding: 5px; border-color: #CCCCCC #EFEFEF #EFEFEF #CCCCCC; border-width:1px; border-style:solid; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius:3px; color: #777; } /* 1.2 Hyperlinks */ a { color: #007b9f; text-decoration:none;} a:hover { color: #555; text-decoration: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;} /*-------------------------------------------------------------------------------------------*/ /* 2. SITE STRUCTURE & APPEARANCE */ /*-------------------------------------------------------------------------------------------*/ /* 2.1 Containers & Columns */ #wrapper { } #main{width:690px;} #main.fullwidth, .layout-full #main, .col-full {width: 930px; margin:0 auto;} #sidebar{width:200px;} .col-left { float: left; } .col-right { float: right; } .layout-right-content #main { float:right; } .layout-right-content #sidebar { float:left; } /* 2.2 Navigation */ #navigation{ font: 13px/1em Palatino, "Palatino Linotype", serif; margin-bottom:2em; border-bottom: 1px solid #e3e3e3;} .nav { z-index:99; margin:0; padding:0; list-style:none; line-height:1; } .nav a { position:relative; color:#777; display:block; z-index:100; padding:2px 5px; line-height:18px; text-decoration:none; text-shadow:0 1px 0 #fff; text-transform: uppercase; border-bottom: 3px solid #f8f8f8;} .nav li { float:left; width: auto; margin-right: 35px; } .nav li a.sf-with-ul { padding-right:20px; } .nav a:hover, .nav li.current_page_item a, .nav li.current_page_parent a, .nav li.current-menu-ancestor a, .nav li.current-cat a { color: #222; } .nav li.current-menu-item { color: #222; border-bottom: 3px solid #222; } .nav li.sfHover { color: #222; } #navigation .nav li:first-child a { border-left:none; } /* 2.2.1 Drop-down menus */ .nav li ul { background: #fafafa; margin:0px 0 0 -1px; padding:5px 10px; position: absolute; left: -999em; width: 150px; border: 1px solid #e3e3e3; z-index:999; } .nav li ul li a { padding:8px 0px; width:180px; color:#666; background: none; font-size:0.9em;} .nav li ul li a:hover { text-decoration: underline; } .nav li ul li a.sf-with-ul { padding-right:0; } .nav li ul ul { margin: -40px 0 0 130px; } .nav li ul li a:hover, .nav li.current_page_item ul li a, .nav li.current_page_parent ul li a, .nav li.current-menu-ancestor ul li a, .nav li.current-cat a ul li, .nav li.current-menu-item ul li a, .nav li.sfHover ul li { background: none; border: 0px !important;} .nav li:hover,.nav li.hover { position:static; } .nav li:hover ul ul, .nav li.sfhover ul ul, .nav li:hover ul ul ul, .nav li.sfhover ul ul ul, .nav li:hover ul ul ul ul, .nav li.sfhover ul ul ul ul { left:-999em; } .nav li:hover ul, .nav li.sfhover ul, .nav li li:hover ul, .nav li li.sfhover ul, .nav li li li:hover ul, .nav li li li.sfhover ul, .nav li li li li:hover ul, .nav li li li li.sfhover ul { left:auto; } .nav .sf-sub-indicator {background: url(http://shakespearethehiddentruth.com/wp-content/themes/briefed/images/arrow-superfish.png) no-repeat;position:absolute;display:block;right:0.4em;top:38%;width:10px;height:10px;text-indent:-999em;overflow:hidden;} .nav li ul .sf-sub-indicator {background:url(http://shakespearethehiddentruth.com/wp-content/themes/briefed/images/arrow-superfish-right.png) no-repeat; top:38%; right:20%;} /* Optional Styling */ #navigation .nav li ul { /* Border Radius */ border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; -webkit-border-radius: 0 0 4px 4px; /* Box Shadow */ -moz-box-shadow: 0 2px 2px rgba(0,0,0,.03); -webkit-box-shadow: 0 2px 2px rgba(0,0,0,.03); box-shadow: 0 2px 2px rgba(0,0,0,.03); } #navigation .nav li ul ul { border-radius: 0 4px 4px 4px; -moz-border-radius: 0 4px 4px 4px; -webkit-border-radius: 0 4px 4px 4px; } #navigation .nav li ul li a { border:0; } #navigation .nav li ul li:first-child a { border-top:none; } #navigation .nav li ul li:last-child a { border-bottom:none; } /* 2.2.2 Top Navigation (optional) */ #top { background: #000; } #top .nav { } #top .nav a { color:#ddd; padding:8px 10px; line-height:18px; text-decoration:none; text-shadow:none; } #top .nav li { } #top .nav li a.sf-with-ul { padding-right:20px; } #top .nav a:hover, #top .nav li.current_page_item a, #top .nav li.current_page_parent a, #top .nav li.current-menu-ancestor a, #top .nav li.current-cat a, #top .nav li.current-menu-item a, #top .nav li.sfHover { background: #222; } #top .nav li ul { background: #222; margin:0; padding:0px; width: 180px; border: none; z-index:999; /* Box Shadow */ -moz-box-shadow: 0 2px 2px rgba(0,0,0,.1); -webkit-box-shadow: 0 2px 2px rgba(0,0,0,.1); box-shadow: 0 2px 2px rgba(0,0,0,.1); } #top .nav li ul, #top .nav li ul li:last-child a { /* Border Radius */ border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; -webkit-border-radius: 0 0 4px 4px; } #top .nav li ul li { box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); } #top .nav li ul li a { padding:8px 10px; width:160px; color:#ddd; background: none; font-size:0.9em;} #top .nav li ul li a:hover { background: #000; } #top .nav li ul li a.sf-with-ul { padding-right:10px; } #top .nav li ul ul { margin: -34px 0 0 180px; } #top .nav li:hover, #top .nav li.hover { position:static; } #top .nav li:hover ul ul, #top .nav li.sfhover ul ul, #top .nav li:hover ul ul ul, #top .nav li.sfhover ul ul ul, #top .nav li:hover ul ul ul ul, #top .nav li.sfhover ul ul ul ul { left:-999em; } #top .nav li:hover ul, #top .nav li.sfhover ul, #top .nav li li:hover ul, #top .nav li li.sfhover ul, #top .nav li li li:hover ul, #top .nav li li li.sfhover ul, #top .nav li li li li:hover ul, #top .nav li li li li.sfhover ul { left:auto; } /* 2.3 Header */ #header{padding:33px 0 2em;clear:both;position:relative;} #strip { background: url(images/bg-top.png) repeat-x top left; height: 6px; } #logo { float:left; } #logo img { } #logo .site-title, #logo .site-description { font-family:'Six Caps', arial serif; color: #000; display:none; text-transform: uppercase; } #logo .site-title a { color:#222; font-size:40px; line-height:40px; text-transform:uppercase; font-weight:normal; text-decoration:none; } #logo .site-title a:hover { text-decoration:underline; } #logo .site-description { color:#999; font:italic 14px Georgia, serif; } #topad {float:right;} #about { padding: 15px 0 35px; margin-bottom: 3px; } #about .bio { width: 75%; } #about .bio p { font:normal 24px Palatino, "Palatino Linotype", serif; color: #222222; line-height: 35px; text-shadow: 4px 2px 0px #e3e3e3; } #about a.social-link { float: left; margin: 0 0 0 10px; display: block; width: 27px; height: 0; overflow: hidden; padding-top: 27px; } #about .ico-twitter { background: url(http://shakespearethehiddentruth.com/wp-content/themes/briefed/images/ico-twitter.png) no-repeat top left; } #about .ico-facebook { background: url(http://shakespearethehiddentruth.com/wp-content/themes/briefed/images/ico-facebook.png) no-repeat top left; } #about .ico-rss { background: url(images/ico-rss.png) no-repeat top left; } #about .ico-email { background: url(http://shakespearethehiddentruth.com/wp-content/themes/briefed/images/ico-email.png) no-repeat top left; } #about a.social-link:hover { background-position: bottom left; } /* 2.4 Content */ #content{padding:0 0 2em;} /* 2.5 Sidebar */ #sidebar .primary { } #sidebar .secondary { float:left; margin-right:20px; } #sidebar .secondary.last { margin:0; } /* 2.6 Footer */ #footer{padding: 20px 0 30px;border-top: 1px solid #e3e3e3; color:#888;} #footer a { color: #222; } #footer a:hover { border-bottom: 1px solid #888; text-decoration: none; } #footer p {} #footer #credit img{vertical-align:middle;} #footer #credit span{display:none;} #footer-widgets { border-top:1px solid #e6e6e6; padding:10px 0; } #footer-widgets .block { padding:20px 10px 0 10px; width:210px; float:left; } #footer-widgets.col-1 .block { width:100%; padding-left:0; } #footer-widgets.col-2 .block { width:445px; } #footer-widgets.col-3 .block { width:290px; } #footer-widgets.col-4 .block { width:212px; } /* 2.7 Breadcrumbs */ #breadcrumbs { margin-bottom: 2em; } /* 2.8 Portfolio */ ol.dribbbles { display: block; float: left; width: 100%; } ol.portfolio li, ol.dribbbles li { float: left; width: 200px; margin: 15px; } ol.portfolio li img, ol.dribbbles li img { padding-bottom: 10px; opacity: 1;} ol.portfolio li img:hover, ol.dribbbles li img:hover { opacity: 0.8; }ol.portfolio li a, ol.dribbbles li a { color: #222; font-size: 18px; line-height: 26px; } ol.portfolio li a, ol.dribbbles li a { display: block; } ol.portfolio li a:hover, ol.dribbbles li a:hover { text-decoration: none; border-bottom: 1px solid #e3e3e3; } ol.portfolio li span, ol.portfolio li span, ol.dribbbles li em { color: #888; font-size: 12px; } ol.dribbbles li em { display:block; font-style: normal; } .portfolio-title { font-size: 72px; text-transform: uppercase; line-height: 60px; text-shadow: 4px 2px 0px #e3e3e3; margin-bottom: 10px;} .portfolio-tagline { font-family: Palatino, "Palatino Linotype", serif !important; font-size: 13px; text-transform: none !important; text-shadow: 0px 0px 0px #e3e3e3 !important; margin-left: 15px;} .single-portfolio .entry img { padding-bottom: 20px; } .port-cat { float: left; padding: 10px 0px; } .port-cat a { margin-right: 10px; } ol.dribbbles li a span.dim { display: none; } /* 2.9 Blog */ .home #blog { border-top: 1px solid #e6e6e6; padding-top: 30px; margin-top: 15px;} /*-------------------------------------------------------------------------------------------*/ /* 3. POSTS */ /*-------------------------------------------------------------------------------------------*/ #breadcrumb, .post .video { margin-bottom:1.5em;} .archive_header { display: block; float: left; width: 100%; margin:0 0 30px; padding:0 0 10px; font-size: 18px; font-weight: bold; border-bottom:#e6e6e6 1px solid; } .archive_header .catrss a { font-size: 14px; text-decoration: none; line-height: 28px; } .post { margin: 0 0 2em;} .post-content { width: 580px; margin: 0 0 10px; float: right; background: #fff; padding: 26px 24px; position: relative; } .post-shadow { position: absolute; bottom: -23px; right: -25px; z-index: -1; width: 200px; height: 200px; background: url(images/bg-post.png) no-repeat bottom right; } .posttype { float: left; margin-right: 10px; width: 38px; background: #fff; } .posttype span.icon { width: 40px; border-top: 5px solid #f8f8f8; } .posttype img { padding-top: 10px; padding-bottom: 10px; } .posttype p { width: 40px; padding-top: 13px; padding-bottom: 23px; text-align: center; } .posttype span.month { font-size: 10px; font-family: serif; color: #999; text-transform: uppercase; line-height: 20px;} .posttype span.day { font-family:'Six Caps', arial serif !important; font-size: 36px; color: #777; line-height: 40px; } .post.quote-post blockquote { margin-bottom: 0.2em; font-size: 3em; line-height: 1.2em; } .post.quote-post cite { display: block; margin-bottom: 1em; } .post .title, .page .title { font-family:'Six Caps', arial serif; font-size: 36px; position:relative; margin: 0 0 15px 0; text-transform: uppercase; line-height: 40px;} .post .title a:link, .post .title a:visited { color:#222; } .tumblog-title { font-size: 72px; text-transform: uppercase; line-height: 60px; text-shadow: 4px 2px 0px #e3e3e3; margin-bottom: 30px;} .tumblog-tagline { font-family: Palatino, "Palatino Linotype", serif !important; font-size: 13px; text-transform: none !important; text-shadow: 0px 0px 0px #e3e3e3 !important; margin-left: 15px;} .post-more { clear:both; margin-top: 5px;margin-left:83px; color:#999;} .post-more span.comments { background: url(http://shakespearethehiddentruth.com/wp-content/themes/briefed/images/ico-bubble.png) no-repeat top left; padding-left: 20px;} .post-more span.comments a { color: #222; text-decoration: none;} .post-more span.comments a:hover { border-bottom: 1px solid #e3e3e3; text-decoration: none; } .post-meta a:link, .post-meta a:visited { text-decoration: underline; color:#888; } .post-meta a:hover, .post p.tags a:hover { text-decoration:underline; color:red;} .iLikeThis .counter { background:url(http://shakespearethehiddentruth.com/wp-content/themes/briefed/images/ico-like.png) top left no-repeat !important; padding-left: 20px !important; color: #007b9f; margin-right: 15px; } .iLikeThis .counter a { color: #007b9f; text-decoration: none; font-weight: normal; } .iLikeThis .counter a:hover { color: #222; text-decoration: none; border-bottom: 1px solid #e3e3e3; } .post-meta span.tags { background: url(http://shakespearethehiddentruth.com/wp-content/themes/briefed/images/ico-tag.png) no-repeat left; padding-left: 13px; margin-right: 18px; } .post-meta span.tags a, .post-meta span.shorturl a { color: #777; text-decoration: none; } .post-meta span.tags a:hover, .post-meta span.shorturl a:hover { color: #555; text-decoration: none; border-bottom: 1px solid #e3e3e3; } .post-meta span.shorturl { background: url(http://shakespearethehiddentruth.com/wp-content/themes/briefed/images/ico-url.png) no-repeat left; padding-left: 16px; } /* 3.1 Typographic Elements */ .entry, .entry p { font:13px/1.5em Palatino, "Palatino Linotype", serif; } .entry h1, .entry h2, .entry h3, .entry h4, .entry h5, .entry h6 { margin:0 0 0.5em; line-height:1.5em; } .entry p { margin-bottom: 1.2em; } .entry blockquote { background:url(http://shakespearethehiddentruth.com/wp-content/themes/briefed/images/blockquote.png) no-repeat 0 12px; padding: 10px 20px 10px 50px; color: #444; } .entry blockquote p { font-style:italic; } .entry a:hover { border-bottom: 1px solid #e3e3e3; } .entry ul { margin-bottom: 1.5em; 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-bottom: 1.5em; padding: 0 0 0 30px; } .entry ol ol { margin: 0; } .entry ol li { list-style-type: decimal; } .entry ol li ol li { list-style-type: lower-latin; } /* 3.2 Images */ .entry img, img.thumbnail { margin-bottom: 15px; } .entry img:hover, img.thumbnail:hover { } img.wp-smiley { padding: 0; border: none; } .image-post img {margin-bottom: 15px;} .alignleft { float: left; height: auto; margin: 0px 20px 10px 0; } .alignright { float: right; height: auto; margin: 0px 0 10px 20px; } .aligncenter { text-align: center; margin-bottom:15px;} img.aligncenter { margin-left:auto; margin-right:auto; display:block; } .entry .wp-caption { padding: 1px; text-align:center; background:#F8F8F8; border: solid 1px #ddd; } .entry .wp-caption img{ margin:0; padding:4px 0; background:none; border:0; } .entry .wp-caption-text { margin:0; padding:0; font:0.9em/1.5em sans-serif; text-align:center; } .entry .wp-caption.aligncenter { margin:0 auto 15px; } /* 3.3 Pagination / WP-Pagenavi / Woo-Pagination */ .nav-entries, .wp-pagenavi, .woo-pagination { padding:10px 15px; } .nav-entries a { display: block; color:#777; text-decoration:none;} .nav-entries a:hover { text-decoration:underline; } .woo-pagination { margin: 0; text-align: center; } .woo-pagination a:link, .woo-pagination a:visited { display: inline; text-decoration: none; color: #666; padding: 3px 7px; border: 1px solid #DDDDDD; } .woo-pagination span.extend, .woo-pagination .page-numbers { border: none; color: #666; } .woo-pagination a:link, .woo-pagination a:visited, .woo-pagination a:active, .woo-pagination span.current { /* Border Radius */ border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; } .woo-pagination a:link, .woo-pagination a:visited, .woo-pagination a:active { border:1px solid #dedede; /* Gradient Background */ background: #EBEBEB; background: -moz-linear-gradient(100% 100% 90deg, #f5f5f5, #fff); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#f5f5f5)); } .woo-pagination .current, .woo-pagination a:hover { padding: 3px 7px; background: #EEEEEE; border: 1px solid #bbb; } /* 3.4 Single Post Author */ #post-author { background: #fafafa; margin:0 0 1.5em; padding:15px; border:1px solid #e6e6e6; border-width:1px 0 1px; clear:both; } #post-author .title { margin-bottom: 10px; } #post-author .profile-image { float:left; margin:0 15px 5px 0; padding: 5px; border: 1px solid #e6e6e6; background:#F8F8F8; background:rgba(255,255,255,0.7);} #post-author .profile-link { } /* 3.5 Entry Tables */ .entry table { width: 100%; border: 1px solid #e6e6e6; margin-bottom:1.2em; } .entry table tr.alt-table-row { background: #f9f9f9; } .entry table th { padding: 6px 0 3px 0; background: #EEEEEE; border: 1px solid #e6e6e6; text-shadow: 1px 1px 0 #fff; box-shadow: inset 0 0 1px #fff; -moz-box-shadow: inset 0 0 1px #fff; -webkit-box-shadow: inset 0 0 1px #fff; } .entry table td { padding: 6px 0 3px 10px; border: 1px solid #e6e6e6; } /*-------------------------------------------------------------------------------------------*/ /* 4. WIDGETS */ /*-------------------------------------------------------------------------------------------*/ /* 4.1 Generic Widgets */ .widget { margin-bottom: 2em; } .widget h3 { margin: 0; padding:0 0 15px; font:normal 24px sans-serif; letter-spacing: 1px; background: url(images/bg-widget.png) repeat-x bottom left; text-transform: uppercase; } .widget p { margin-bottom: 1em; } .widget ul li { border-bottom: 1px solid #e3e3e3; list-style: none; padding: 6px 0px 6px 10px; } .widget ul li:hover { background: #fff; } .widget ul li a { color: #222;} .widget ul li a:hover { text-decoration: none; border-bottom: 1px solid #e3e3e3; } .widget ul ul { padding: 0 0 0 15px; border-top: none; } .widget ul ul li { border-bottom: 0px; } /* 4.2 Specific Widgets */ /* ARCHIVE & CATEGORY WIDGETS */ .widget_categories ul, .widget_archive ul { padding: 0px; } .widget_categories ul li, .widget_archive ul li { background: url(http://shakespearethehiddentruth.com/wp-content/themes/briefed/images/ico-li.png) no-repeat left; border-bottom: 1px solid #e3e3e3; list-style: none; padding: 7px 0px 7px 30px; } .widget_categories ul li:hover, .widget_archive ul li:hover { background: #fff url(http://shakespearethehiddentruth.com/wp-content/themes/briefed/images/ico-li.png) no-repeat left; } .widget_categories ul li a, .widget_archive ul li a { color: #222; font-size: 11px; text-transform: uppercase; } .widget_categories ul li a:hover, .widget_archive ul li a:hover { text-decoration: none; border-bottom: 1px solid #e3e3e3; } /* SUBSCRIBE & CONNECT */ #sidebar #connect .newsletter-form .email { width: 99px; } #sidebar #connect .newsletter-form .submit { margin: 0; padding: 4px; } #sidebar #connect .social img { width: 21px; height: 21px; } .widget_woo_subscribe .title { margin: 0; padding:0 0 15px; font:normal 24px sans-serif; letter-spacing: 1px; background: url(images/bg-widget.png) repeat-x bottom left; text-transform: uppercase; } /* TAG CLOUD WIDGET */ .tagcloud { margin: 10px 0px 15px; text-align: justify; } /* TEXT WIDGET */ .textwidget { margin: 10px 0px 15px;} /* SEARCH FORM */ .searchform { width: 99%; position: relative;} .searchform input.s { padding: 0px 8px 6px 8px; width:180px; margin:0; border:none; background: none; color:#888; border-bottom: 1px solid #aaaaaa; } .searchform input.search-submit { position: absolute; top:6px; left:-18px; border:none; margin:0; padding:0; } .searchform input:focus { border-bottom: 0px; } .widget_woo_search { width: 89%; position: relative; border-bottom: 1px solid #aaaaaa;} .widget_woo_search input.s { padding: 0px 0px 6px 0px; width:85%; margin:0; border:none; background: none; color:#888;} .widget_woo_search input.search-submit { position: absolute; top:6px; left:-18px; border:none; margin:0; padding:2px; } /* FLICKR */ .widget_woo_flickr h3 { background: none !important;} .widget_woo_flickr h3 span{color:#0061D8;} .widget_woo_flickr h3 span span{color:#FF1183;} .widget_woo_flickr .flickr_badge_image { float: left; margin: 3px; } .widget_woo_flickr .wrap { background: #fff; position: relative; margin-bottom: 20px; padding: 10px 0px 15px 2px; } .widget_woo_flickr .wrap .shadow { background: url(images/bg-post.png) no-repeat bottom right; width: 200px; height: 100px; z-index: -1; position: absolute; bottom: -22px; right: -20px; } .widget_woo_flickr a img { float: left; margin: 0 0 8px 8px; display: block; border: #f8f8f8 1px solid; padding: 1px;} .widget_woo_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;} /* Blog Author Widget */ .widget_woo_blogauthorinfo h3{ margin-bottom:10px; } .widget_woo_blogauthorinfo .avatar { padding: 1px; border: 1px solid #e3e3e3; background:#fff;} .widget_woo_blogauthorinfo .left { float:left; margin:0 10px 5px 0; } .widget_woo_blogauthorinfo .right { float:right; margin:0 0 5px 10px; } /* TWITTER */ .widget_woo_twitter ul { background: none; padding: 0; } .widget_woo_twitter ul li { list-style:none; border: 0px; padding: 0px !important; } .widget_woo_twitter ul li:hover { background: none; } .widget_woo_twitter ul li .content { display: block; background: #fff; padding: 10px; border-top: 1px solid #f6f6f6; border-bottom: 1px solid #f6f6f6; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px; } .widget_woo_twitter ul li a { padding: 0px; } .widget_woo_twitter ul li .time { display: block; margin-top: -1px; padding: 5px 0 7px 45px; background: url(http://shakespearethehiddentruth.com/wp-content/themes/briefed/images/ico-bubbletip.png) no-repeat 20px 0; } .widget_woo_twitter ul li .time:hover { border: 0px !important; } .widget_woo_twitter p { text-align: center;background: url(http://shakespearethehiddentruth.com/wp-content/themes/briefed/images/ico-bird.png) no-repeat left; margin-top: 5px; padding: 5px 0px 5px 10px;} .widget_woo_twitter p a { color:#222; } .widget_woo_twitter p a:hover { border-bottom: 1px solid #e3e3e3; text-decoration: none; } .widget_woo_twitter ul li .content { } .widget.widget_woo_twitter h3 { border-bottom:none; background: none !important; padding-bottom: 8px !important;} /* 4.3 WooTabs */ #tabs { background:#f6f6f6; height:auto; display: block;padding:10px; /* Border Radius */ border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; } #tabs ul.wooTabs { padding:0px; } #tabs ul.wooTabs li { float: left; display:inline; color: #ffffff; margin:0px; padding: 0px; cursor: pointer; /* Gradient Background */ background: #f5f5f5; background: -moz-linear-gradient(100% 100% 90deg, #f5f5f5, #fff); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#f5f5f5)); } #tabs ul.wooTabs li a { color:#777; display: block;float: left;padding: 10px 10px; text-transform:none; font:bold 11px/18px sans-serif; border: 1px solid #e6e6e6; border-width:1px 1px 1px 0;} #tabs ul.wooTabs li a.selected { padding-bottom:11px; } #tabs ul.wooTabs li a.selected, #tabs ul.wooTabs li a:hover { background:#fff; text-decoration:none; border-width:1px 1px 0 0; } #tabs ul.wooTabs li:first-child a { border-width:1px 1px 0px 1px;} #tabs .inside { background:#fff; border: 1px solid #e6e6e6; margin-top:-1px; } #tabs .inside ul, #tabs .inside #tab-tags { margin:0; padding:0; display: none; } #tabs .inside ul:first-child { display: inline; } #tabs .inside #tab-tags { border-width:1px; padding:10px; } #tabs .inside li { border-bottom: 1px solid #e6e6e6; padding:15px; list-style:none;} #tabs .inside li a { color:#555; font:bold 12px/18px sans-serif; padding:0;} #tabs .inside a:hover{} #tabs .inside #tab-tags a { padding:2px 4px; margin:3px 1px; display:inline-block; background: #f0f0f0; font-size:13px !important; border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;} #tabs .inside #tab-tags a:hover{ background: #e6e6e6; text-decoration: none;} #tabs .inside li span.meta { display:block; font:italic 11px/20px Georgia, serif; text-transform:normal; color:#999; } #tabs .inside li img.avatar, #tabs .inside li img.thumbnail { border: 1px solid #ddd; padding: 2px; background-color: #ffffff; float: left; margin: 0 10px 0 0; } #tabs .inside li img.avatar:hover, #tabs .inside li img.thumbnail:hover { border-color:#aaa; } /*-------------------------------------------------------------------------------------------*/ /* 5. COMMENTS */ /*-------------------------------------------------------------------------------------------*/ /* 5.1 Comments */ #comments {position:relative;margin:0 0 0 60px;padding:0; } #comments .comment.thread-even { background: #f8f8f8; border-top:1px solid #e3e3e3; } #comments .comment.bypostauthor { } #comments .comment{width:100%;list-style-type:none; border-top:1px solid #e3e3e3;} #comments .comment-main { width: 87%; } #comments .comment .comment-container { position:relative; padding: 20px 0 20px; } #comments .comment-head { margin: 0 0 15px 0; } #comments .avatar { float:left; margin: 0 15px 10px 0; background: url(http://shakespearethehiddentruth.com/wp-content/themes/briefed/images/bg-grav.png) no-repeat top left; } #comments .avatar img{margin: 0;vertical-align: middle;width: 48px; height: 48px; padding: 3px 10px 10px 3px;} #comments .comment-head .name { margin-right: 7px; font-size: 16px; color: #007b9f; } #comments .comment-head a, #comments .comment-head .name a { color: #007b9f; } #comments .comment-head a:hover, #comments .comment-head .name:hover, #comments .comment-head .name a:hover { color: #555; border-bottom: 1px solid #e3e3e3; text-decoration: none; } #comments .comment-head .date { color: #777; text-transform: uppercase; margin-right: 5px; } #comments .comment-head .date, #comments .comment-head .edit, #comments .comment-head .perma { font-size: 11px; } #comments .comment-entry p { margin: 0 0 10px 0; color: #555;} #comments .reply { background: url(http://shakespearethehiddentruth.com/wp-content/themes/briefed/images/ico-reply.png) no-repeat 0px 3px; padding-left: 18px; margin-top: 5px; } #comments .reply a { font: 12px/18px serif; color:#777 !important; text-shadow: none; } #comments .reply a:hover { color: #555; text-decoration: none; border-bottom: 1px solid #e3e3e3; } #comments .comment-head .perma { float: right; width: 11px; height: 11px; } #comments ul.children{margin:0px 0 0 25px;padding:0; } #comments ul.children li { border: 0px !important;} #comments ul.children .comment-main { background: #fff; padding: 10px; width: 83%;} #comments ul.children li ul .comment-main { background: #fff; padding: 10px; width: 82%;} #comments .cancel-comment-reply{margin:10px 0;} #comments .navigation { } #comments .navigation a{ display: block; margin: 15px 0 0 0; text-decoration: none; } #comments .navigation a:hover{} #comments h3#pings { margin-top:25px; } #comments .pingbacks li.pingback { margin:10px 0; } #comments .pingbacks li.pingback .reply { display:none; } #comments .nocomments { font-size:14px; font-weight: bold; } /* 5.2 Comments Form */ #respond { margin: 2em 0 0 60px; } #respond h3 { color:#222; font-weight:normal; margin-bottom:20px; text-transform: uppercase; font-size: 30px; } #respond .left { float:left; width:200px; margin-right:15px; } #respond .right { float:left; width:380px; } #respond label { font-size:11px; color:#777; } #commentform { margin: 15px 0 0 0; } #commentform label { position:relative; display:inline; vertical-align:top; display:inline-block; margin-top:5px; } #commentform input.txt, #commentform textarea { font:14px/14px Arial, Helvetica, sans-serif; border-color: #ccc #efefef #efefef #ccc; border-width:1px; border-style:solid;} #commentform input.txt { color:#666; background: #fcfcfc; width: 170px; margin: 0 5px 10px 0; padding: 5px 7px; } #commentform textarea { color:#666; background: #fcfcfc; width: 95% !important; padding: 5px 7px; } #respond #commentform #submit { margin: 15px 0 0 0; cursor: pointer; } /* 5.3 Pingbacks / Trackbacks */ h3#pings { margin: 25px 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; } body.page #comments { padding-top: 2em; margin: 0px !important; } body.page #respond { padding-top: 1em; margin: 0px !important; } /*-------------------------------------------------------------------------------------------*/ /* 6. MISC */ /*-------------------------------------------------------------------------------------------*/ /* 6.1 Buttons */ a.button, #commentform #submit, .submit { display: inline-block; margin: 5px; padding: 6px 13px; border: 1px solid #555; border-bottom-color: #555; color: white !important; text-align: center; text-transform: uppercase; text-shadow: 0 -1px 0 hsla(0,0%,0%,.3); text-decoration: none; /*Border radius*/ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; /*Background*/ background: #237fd7; /*Fallback*/ background: -webkit-gradient( linear, left top, left bottom, color-stop(.2, #555), color-stop(1, #000) ); background: -moz-linear-gradient( center top, #555 20%, #000 100% ); /*Box shadow*/ -webkit-box-shadow: inset 0 1px 0 hsla(0,100%,100%,.3) /*Top*/, inset 0 0 2px hsla(0,100%,100%,.3) /*Shine*/, 0 1px 2px hsla(0, 0%, 0%, .29) /*Shadow*/; -moz-box-shadow: inset 0 1px 0 hsla(0,100%,100%,.3) /*Top*/, inset 0 0 2px hsla(0,100%,100%,.3) /*Shine*/, 0 1px 2px hsla(0, 0%, 0%, .29) /*Shadow*/; box-shadow: inset 0 1px 0 hsla(0,100%,100%,.3) /*Top*/, inset 0 0 2px hsla(0,100%,100%,.3) /*Shine*/, 0 1px 2px hsla(0, 0%, 0%, .29) /*Shadow*/; } a.button.large { padding:9px 16px;} a.button.small { padding:0px 10px;} a.button:hover, a.button.hover, a.button.active, #commentform #submit:hover, .submit:hover { text-decoration: none !important; /*Background*/ background: #0073d2; /*Fallback*/ background: -webkit-gradient( linear, left top, left bottom, color-stop(.2, #000), color-stop(1, #555) ); background: -moz-linear-gradient( center top, #000 20%, #555 100% ); } a.button:active, a.button.active { border-color: #20559a; /*Box shadow*/ -webkit-box-shadow: inset 0 0 7px hsla(0,0%,0%,.3) /*Shine*/, 0 1px 0 hsla(0, 100%, 100%, 1) /*Shadow*/; -moz-box-shadow: inset 0 0 7px hsla(0,0%,0%,.3) /*Shine*/, 0 1px 0 hsla(0, 100%, 100%, 1) /*Shadow*/; box-shadow: inset 0 0 7px hsla(0,0%,0%,.3) /*Shine*/, 0 1px 0 hsla(0, 100%, 100%, 1) /*Shadow*/; } /* 6.2 Contact Form */ #contact-page .screenReader { left: -9999px; position: absolute; top: -9999px; } #contact-page ol.forms {float:left;list-style:none;width:100%;margin:10px 0 0;} #contact-page ol.forms li{clear:both;float:left;margin-bottom:18px;position:relative;width:100%} #contact-page ol.forms label{cursor:pointer;display:block;float:left;font-weight:700;padding-right:20px;width:100px;} #contact-page ol.forms input.txt{width:214px;} #contact-page ol.forms input#sendCopy{border:none;} #contact-page ol.forms textarea{height:300px;width:400px;} #contact-page ol.forms li .error{font-size:12px;display:block;margin-left:120px;color:red;} #contact-page ol.forms li.textarea .error{display:block; margin-left:120px} #contact-page ol.forms li.screenReader{margin-bottom:0;} #contact-page ol.forms li.buttons .submit{margin: 15px 0 0 120px; cursor:pointer; } #contact-page ol.forms li.inline input{width:auto;margin-left:120px;} #contact-page ol.forms li.inline label{display:inline;float:none;width:auto;} .entry #contact-page ol.forms li { list-style: none; } /* Added to accomodate the contact form shortcode */ /* 6.3 Gravity forms */ .gfield { margin-bottom: 10px; } .gform_wrapper .top_label .gfield_label { display:block; padding-right:20px; width: 100px; margin: 5px 0px 4px !important; } .gform_wrapper input.button { padding: 5px 10px 6px !important; } .gform_wrapper input { padding: 7px 3px !important; } .gform_wrapper .top_label input.large, .gform_wrapper .top_label select.large, .gform_wrapper .top_label textarea.textarea { width: 400px !important; padding: 7px 3px !important; } .gform_wrapper .entry img, .gform_wrapper img.thumbnail { padding: 0px !important; border: 0px !important; } ul.top_label .clear-multi { clear: none !important; } .gform_wrapper .gfield_checkbox, .gform_wrapper .gfield_radio { margin-left: 120px !important; } img.ui-datepicker-trigger { border: 0px; padding: 0px; } /* 6.4 Timeline Page Template */ #archives { padding: 10px 0 0; } #archives a { } h3.archive_year { font: bold 20px sans-serif; color:#555; margin-top:0; } #archives .archives_list { border-left:1px solid #e6e6e6; list-style: none; list-style-image:none; list-style-position:outside; list-style-type:none; margin: 0 0 15px 15px;} #archives .archives_list li { clear:left; padding-left:24px; font-size: 12px; font-style: normal; list-style: none; margin-bottom: 10px; } #archives .archives_list .date { color: #808080; width: 100px; display: inline-block; vertical-align: top; } #archives .archives_list .linked { width: 270px; display: inline-block; vertical-align: top;} #archives .archives_list .comments { width: 120px; display: inline-block; vertical-align: top;} #archives .archives_list .comments a { color: #808080; font-size: 12px; text-decoration: underline; padding-left: 13px; } #archives .archives_list .comments a:hover { text-decoration: none; } /* 6.5 IE specific styling */ .ie6 .nav .sf-sub-indicator { display:none; } .ie6 .nav li a:hover { text-decoration:none; } .ie6 .nav li a.sf-with-ul { padding-right:10px; } .ie6 .button, .ie6 .button:visited { margin:0; color:#555 !important; font-weight:normal; } .reply a { color:#555 !important; } .ie7 .nav li a {_height: 0;zoom: 1;} /* IE7 Fix */ .ie7 .button, .ie7 .button:visited { padding:7px 6px; margin:0; } .ie8 .button, .ie8 .button:visited { padding:10px 15px; margin:0; } /* 6.6 Connect */ #connect { background: #fafafa; margin:0 0 1.5em; padding:15px; border:1px solid #e6e6e6; border-width:1px 0 1px; clear:both; } .widget_woo_subscribe #connect { background: none; padding: 0; border: none; } #main #connect .col-left, #connect .col-right { width:48%; } #connect .title { margin-bottom: 10px; } #main #connect { margin-left: 60px; padding: 15px 20px; } #main #connect .col-left { width: 60%; } #main #connect .col-right { width: 37%; } #main #connect .title { font-size: 30px; margin: 10px 0 20px; } #connect p { margin: 0 0 1em; } #connect .newsletter-form { margin: 0 0 1em; } #connect .newsletter-form .input { } #connect .newsletter-form .email { width:140px; } #connect .newsletter-form .submit { cursor:pointer; -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px; } #connect .social { } #connect .social a { opacity:0.8; } #connect .social a:hover { opacity:1; } #connect .related-posts { border-left:1px solid #e6e6e6; padding-left:15px; } #connect .related-posts h4 { font: 12px/1.5em Palatino,"Palatino Linotype",serif; } #connect .related-posts ul { list-style: outside disc; margin:5px 0 5px 15px; } .widget #connect .fl, .widget #connect .fr { float:none;} /* 6.7 Slider */ #slides.hidden { display: none; } .slides_container { width: 930px; } .slides_control {} .slide { width: 930px; position: relative; } .slide .content { width: 300px; left: 0px; bottom: 55px; padding: 10px 20px; position: absolute; font-size: 13px; background-color: rgba(0,0,0,0.6); } .slide .image { width: 930px; } .slide .content h2 a { font-size: 30px; line-height: 1.3em; margin: 0 0 10px 0; color: #fff; text-shadow: 0px 1px 1px #222; text-transform: uppercase; letter-spacing: 1px;} .slide .content span { color: #e3e3e3; text-shadow: 0px 1px 1px #222; } .slider-pag { text-align: center; margin-bottom: 25px; overflow: auto;} .slider-pag ul { margin: 26px auto 0; width: 100px; } .slider-pag li { float: left; margin: 0 1px; } .slider-pag li a { background-image: url('http://shakespearethehiddentruth.com/wp-content/themes/briefed/images/ico-pag.png'); background-position: 0 0; display: block; float: left; height: 0; overflow: hidden; padding-top: 11px; width: 11px; } .slider-pag li.current, .slider-pag li:hover { opacity: 1; filter: alpha(opacity=100); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } .slider-pag li { opacity: 0.6; filter: alpha(opacity=60); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; } /* 6.8 IE Specific */ .ie7 .portfolio-tagline, .ie7 .tumblog-tagline { display: inline-block; margin-top: 18px;} .ie7 #about span { zoom: 1; } .ie7 .slide .content, .ie8 .slide .content { background: url(http://shakespearethehiddentruth.com/wp-content/themes/briefed/images/ietrans.png) repeat left top; } .ie7 .post-shadow, .ie7 .widget_woo_flickr .wrap .shadow { display: none; } /* Ecommerce Templates */ /* Index */ ol.store { text-align: center; } ol.store li { width: 200px; margin: 10px; } ol.store li img { padding-bottom: 10px;} ol.store li a { color: #222; font-size: 16px; line-height: 26px; } ol.store li a:hover { text-decoration: none; border-bottom: 1px solid #e3e3e3; } ol.store li span { color: #888; font-size: 12px; } ol.store li span.price { color: #007b9f; font-size: 12px; } /* Single */ .shop-post .img { float: left; } .shop-post .content { float: right; width:400px; } .shop-post .content h1 a { color: #222; font-size: 30px; } .shop-post .content h1 a:hover { text-decoration: none; border-bottom: 1px solid #e3e3e3; } .shop-post .content p.price span { color: #888; font-size: 11px; } .shop-post .content p.price { color: #007b9f; font-size: 21px; } .shop-post .content .entry { margin-top: 10px; } .shop-post .add-to-cart { background: url(http://shakespearethehiddentruth.com/wp-content/themes/briefed/images/btn-cart.png) no-repeat top left; width: 112px; height: 22px; padding-top: 6px; } .shop-post .add-to-cart:hover { background: url(http://shakespearethehiddentruth.com/wp-content/themes/briefed/images/btn-cart.png) no-repeat 0 -28px; width: 112px; height: 28px; } .shop-post .add-to-cart a span { padding: 0px 0px 0px 30px; }