/* Theme Name: Fresh News Theme URI: http://www.woothemes.com/ Version: 1.2.15 Description: A fresh and popular news/magazine theme for WordPress, by the team at WooThemes. Author: WooThemes Author URI: http://www.woothemes.com/ Tags: blog, journal, magazine, news, clean, elegant, formal, modern, professional, sophisticated, black, blue, brown, dark, gray, light, orange, pink, purple, red, silver, tan, yellow, two-columns, right-sidebar, left-sidebar, fixed-layout, custom-background, custom-header, custom-colors, custom-menu, featured-images, full-width-template, post-slider, rtl-language-support, sticky-post, theme-options, translation-ready Copyright: (c) 2009-2011 WooThemes. License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Update URI: false */ /*------------------------------------------------------------------------------------------- INDEX: 0. RESET 1. SETUP 2. SITE STRUCTURE & APPEARANCE 3. POSTS 4. WIDGETS 5. COMMENTS 6. MISC 7. STYLING FOR WORDPRESS.COM UPDATES 7.5 STYLING FOR WORDPRESS.COM WIDGETS -------------------------------------------------------------------------------------------*/ /*-------------------------------------------------------------------------------------------*/ /* 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:baseline;background:transparent;margin:0;padding:0;} body{line-height:1em;} 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 */ /*-------------------------------------------------------------------------------------------*/ body {background:#e4e2db;color:#555;font:12px sans-Serif;} input,select,textarea {border:#cacaca 1px solid;font-size:12px;padding:5px; } select,#nav{padding:0;} hr { background-color: #e6e6e6; border:0; height: 1px; margin-bottom: 20px; } /* Typography */ h1, h2, h3, h4, h5, h6 { margin: 0; font-family:"Droid Serif", Georgia, 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; } input, textarea { color:#777; padding: 5px; border-color: #ccc #efefef #efefef #ccc; border-width:1px; border-style:solid; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;} /* Hyperlinks */ a {color:#e8a02c;text-decoration:none;} a:hover,#top .subscribe a:hover,.author_info a:hover{text-decoration:underline;} 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;} .ie7 #top, .ie7 #header { zoom: 1; } /*-------------------------------------------------------------------------------------------*/ /* 2. SITE STRUCTURE & APPEARANCE */ /*-------------------------------------------------------------------------------------------*/ #background { background-color:#ebe9e1; } #content { margin-bottom:30px; } .col-left { float: left; } .col-right { float: right; } .col-full, .layout-full #main, #main.fullwidth { width: 940px; margin: 0 auto; } #main { width:580px;float:left;margin-bottom:30px; } #sidebar { width:340px; float:right; } #sidebar .secondary { float:left; width:160px; margin-right: 20px; } #sidebar .last { margin-right:0; } .layout-left-sidebar #main { float: right; } .layout-left-sidebar #sidebar { float:left; } /*- Top - */ #top{ background:#252620 url(images/bg-top.png) repeat-x top; border-bottom:1px solid #191a14; font-size:11px;line-height:33px;margin:0 auto;padding:0; position: relative; z-index: 9999; } .nav1 { float:left; width: 750px; } .nav1,.nav1 ul{list-style:none;margin:0;padding:0;z-index:100;} .nav1 a{color:#a0a09b;text-shadow:0 1px 0 #000000;display:block;padding:0 10px;z-index:100; position: relative; } .nav1 li a:hover, .nav1 li.current_page_item a, .nav1 li.current_page_parent a, .nav1 li.current-menu-ancestor a, .nav1 li.current-cat a, .nav1 li.current-menu-item a, .nav1 li.sfHover { color:#e9e9e9 ;text-decoration: none; } .nav1 li ul{left:-999em;position:absolute;width:130px; z-index: 9999; } .nav1 li ul li{background:#252620;border:1px solid #222;border-width:0 1px 1px;} #background .nav1 li ul li a{color:#ccc;text-shadow:none;font-size:11px;line-height:25px;padding-bottom:0;width:130px;} #background .nav1 li ul li a:hover { color:#fff; background: #666; background: rgba(255,255,255,.1);} .nav1 li ul li ul li a{border-width:0 1px 1px 0;} .nav1 li ul ul{margin:-25px 0 0 150px;} .nav1 .sf-sub-indicator {background: url(images/arrow-superfish.png) no-repeat;position:absolute;display:block;right:0.4em;top:1.3em;width:10px;height:10px;text-indent:-999em;overflow:hidden;} .nav1 li ul .sf-sub-indicator {background:url(images/arrow-superfish-right.png) no-repeat; top:40%;} .nav1 li a.sf-with-ul { padding-right:20px; } .nav1 li ul li a.sf-with-ul { padding-right:10px; } .ie7 .nav1 .sf-sub-indicator { top: 5px; } .ie7 .nav1 li ul .sf-sub-indicator { top: 8px; } #top .subscribe{color:#a0a09b;float:right;} #top .subscribe .posts, #top .subscribe .comments, #top .subscribe .email{padding:0 5px; } /* Header */ #header{background:#33342e url(images/bg-header.png) repeat-x top; border-top:1px solid #252620; padding:15px 0 15px 0;/* margin-bottom: -4px;*/ min-height: 100px; } #logo { margin-left: 2px; } #logo .site-title, #logo .site-description{} #logo .site-title{text-shadow: 1px 1px 1px #000; display: block; font-size: 40px; font-family: 'Droid Serif', Georgia, serif; } #logo{ float: left; overflow: hidden; padding: 0 0 10px; } #logo .site-description { font-family: 'Droid Serif', Georgia, serif; font-size: 15px; } #header #searchform {color:#a0a09b;float:right;font-size:11px;padding:20px 10px 10px 0;text-align:right; width:220px;} #header #search{background:#222; background:rgba(0,0,0,.5); border:1px solid #555; border-color:rgba(255,255,255,.2); height:32px;margin:0 0 10px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;} #header #search input{background:transparent;border:0;color:#aaa;float:left;font-size:12px;margin:5px 0 0 10px;padding:3px;width:178px;} #header #search .btn{margin:7px 0 0;padding:0;width:auto;} /*- Main Navigation - */ #topmenu #rss{ clear: right; height:38px;position:relative;right:0; margin-top:-10px; width:39px;} #topmenu #rss a:active { top: 1px; position: relative; } #topmenu { background: #fffeff url(images/bg-nav.png) repeat-x top; border: 0px; border-bottom: 1px solid #dcdcd4; /*height:33px;*/ line-height:1; padding: 0px; margin: 0px; margin-bottom: 20px; position: relative; text-align: center; z-index: 9998; } #topmenu .col-full { position: relative; } #topmenu ul { margin: 0px; padding: 0px; } #topmenu li{ border-left: 1px solid #dedbd1; float: left; line-height: 34px; padding: 0px; margin: 0px; } #topmenu li li { border-left: 0px; } #topmenu li a{ color: #333; display: block; margin: 0; padding: 2px 15px; position: relative; } #topmenu li a:hover,#topmenu li.active a{text-decoration:none;} #topmenu li ul li ul { margin-top: -34px; border-top:1px solid #dedbd1; padding-top: 0px; width: 214px; } #topmenu li li li { /*margin-top: -5px; */margin-left: 1px; } #nav { width: 875px; } #nav,#nav ul{ float: left; clear: left; list-style: none; padding: 0; margin: 0px; } #nav a{ display: block; } #nav li{ float:left; line-height:28px; } #nav li a:hover{background:none;} #nav li ul{left:-999em;padding-top:1px;position:absolute;width:180px;margin-left:-1px;} #nav li:hover ul,#nav li.sfhover ul{left:auto;z-index:1000;} #nav li ul li a {border-bottom:1px solid #dedbd1;border-left:1px solid #dedbd1;border-right:1px solid #dedbd1;line-height:28px;width:180px;} #nav li ul ul{margin:-29px 0 0 180px;} /* Style drop down list */ .nav1 li,.fl{float:left;} .nav1 li ul ul li a,#main .date-comments p{line-height:25px;} .nav1 li ul ul { margin: -25px 0 0 150px; } .nav1 li ul ul li a { } .nav1 li ul li ul li a { } .nav1 li:hover,.nav1 li.hover { position:static; } .nav1 li:hover ul ul, .nav1 li.sfhover ul ul, .nav1 li:hover ul ul ul, .nav1 li.sfhover ul ul ul, .nav1 li:hover ul ul ul ul, .nav1 li.sfhover ul ul ul ul { left:-999em; } .nav1 li:hover ul, .nav1 li.sfhover ul, .nav1 li li:hover ul, .nav1 li li.sfhover ul, .nav1 li li li:hover ul, .nav1 li li li.sfhover ul, .nav1 li li li li:hover ul, .nav1 li li li li.sfhover ul { left:auto; } #nav li 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, #nav li.current-menu-item a { background:#F5F4F0; } /* #nav li ul li { border:none; } */ #background #nav li ul li a { background:#FFF url(images/bg-nav.png) repeat-x top; text-align: left; } #background #nav li ul li a:hover { background:#FFF; } #nav .sf-sub-indicator {background: url(images/arrow-superfish.png) no-repeat;position:absolute;display:block;right:0.4em;top:40%;width:10px;height:10px;text-indent:-999em;overflow:hidden;} #nav li ul .sf-sub-indicator {background:url(images/arrow-superfish-right.png) no-repeat;} #nav li a.sf-with-ul { padding-right:22px; } #nav li ul li a.sf-with-ul { padding-right:15px; } #nav li ul ul { margin: -30px 0 0 210px; } .ie7 #nav .sf-sub-indicator { top: 7px; } .ie7 #nav li ul .sf-sub-indicator { top: 13px; } /*=== Styling Boxes === - Box (main column boxes) - */ .box {background:#FFF url(images/bgr-box-trans.png) repeat-x top left;border:1px solid #dedbd1;margin:0 0 15px;overflow:hidden;padding:18px;} .box img{border:1px solid #999;margin:0 0 10px;} #main .block.two-col { width:280px; margin-right:20px; float:left; } #main .block.last { margin-right:0px; } /*=== Footer === */ #footer{background:#e4e2db url(images/bgr-box-trans.png) repeat-x;font-size:11px;height:32px;line-height:22px;padding:20px; border-top:1px solid #eeece6; } #footer{color:#777;text-shadow: 0 1px 0 #fafafa;} #footer a{color:#555;} #footer img{vertical-align:middle;} #footer #copyright span { font:bold 14px "Droid Serif", serif; color:#555; display:block; } #footer-widgets { background: url("images/bgr-box-trans.png") repeat-x #e9e7e0; border-top:1px solid #d1cfc9; border-bottom:1px solid #d1cfc9; clear: both;} #footer-widgets .col-full { width: 960px; } #footer-widgets .col-1 .block { width:940px; margin:20px 0px 10px; } #footer-widgets .col-2 .block { float:left; width:460px; margin:20px 10px 10px; } #footer-widgets .col-3 .block { float:left; width:300px; margin:20px 10px 10px; } #footer-widgets .col-4 .block { float:left; width:220px; margin:20px 10px 10px; } /* SEARCH FORM */ .searchform { background: #fff; width: 99%; position: relative; border-color: #ccc #efefef #efefef #ccc; border-width:1px; border-style:solid; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;} .searchform input.s { padding: 8px; width:85%; margin:0; border:none; background:none; color:#777; } .searchform input.search-submit { position: absolute; top:6px; right:10px; border:none; margin:0; padding:0; } /* Slider */ #slides { position: relative; } #slides .flex-viewport { border: 1px solid #999999; } #slides .slides_container .slide{ position: relative; display: none;} #slides .slides_container .slide:first-child { display:block } #slides .flex-next, #slides .flex-prev { display: block; height: 62px; left: 19px; position: absolute; top: 38%; width: 28px; z-index: 101; text-indent: -999em; background: url(images/btn-slider-left.png) no-repeat left center; opacity: 0.8; } #slides .flex-next { left: 532px; background: url(images/btn-slider-right.png) no-repeat left center; } #slides .flex-next:hover, #slides prev:hover { opacity:1; } #slides .flex-control-nav { position: static; bottom: 0; margin: 10px auto 0; width: 100px; } #slides .flex-control-nav li { float: left; margin: 0 2px; } .ie7 .pagination li { padding-top: 10px; } #slides .flex-control-nav li a { display: inline; background-color: transparent; background-image: url("images/btn-slider-pagination.png"); background-position: 0 0; display: block; float: left; height: 0; overflow: hidden; padding-top: 12px; width: 12px; } #slides .flex-control-nav li a.flex-active { background-position: 0 -12px; box-shadow: 0 0 0 0; } #slides h2 a { position: absolute; bottom: 20px; left:0; background: #000; background:rgba(0,0,0,.2); padding:10px 15px; color:#fff; text-shadow: 0 1px 0 #000; line-height: 1em; } #slides img { border: none; margin: 0; } #slides.fade { padding-bottom: 40px; } #slides.fade .flex-control-nav { position: absolute; bottom: 14px; width: 542px; } #slides.fade .flex-control-nav li { float: none; } /*-------------------------------------------------------------------------------------------*/ /* 3. POSTS */ /*-------------------------------------------------------------------------------------------*/ .post {} .post .title a { color:#000; padding-bottom:5px; } .post .date-comments{border-bottom:1px solid #cacaca;color:#999;font-size:11px;height:30px;line-height:25px;margin:0 0 10px;} #background .post .date-comments a {color:#999;} span.comments{background:url(images/ico-comments.gif) no-repeat left;padding:0 0 0 20px;} span.continue{background:url(images/ico-continue-trans.png) no-repeat left;line-height:20px;padding:2px 0 2px 22px;} span.continue-archives{background:url(images/ico-arrow-trans.png) no-repeat right center;margin-bottom:20px;padding:0 15px 0 0;} span.continue-archives-alt{background:url(images/ico-arrow-trans-left.png) no-repeat left center;margin-bottom:20px;padding:0 0 0 15px;} span.continue-archives a,span.continue-archives-alt a{color:#777;font-size:14px;font-weight:700;} a.more{background:url(images/ico-arrow-trans.png) no-repeat left;color:#777;font-size:11px;padding:0 0 0 15px;} #main h3.title{line-height:1em; background:#f5f4f0;border:1px solid #dedbd1;color:#363636;font-size:14px;height:20px;margin:0 0 15px;padding:10px 18px 5px;text-align:left;} .featuredpost h2{font-size:30px;} /*=== Misc. === */ .fix{clear:both;height:1px;margin:0 0 -1px;overflow:hidden;} img.fl{margin:0 12px 5px 0;} img.post-thumbnail{margin:5px 10px 15px 0px;} .entry a.alignright, .entry img.post-thumbnail.alignright, .entry a.alignleft, .entry img.post-thumbnail.alignleft { margin-top: 0px; } .fr{float:right;} .ac{text-align:center;} .ar{text-align:right;} .gravatar{background:#FFF;border:1px solid #DEDBD1;float:left;margin:0 7px 0 0;padding:4px;} /*========= VIDEO ========= */ .post .video{display:block;margin:0 0 20px;} /*========= SINGLE POST SPECIFIC ========= */ .entry, .entry p { font:14px/1.5em sans-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.4em; } span.tags{background:url(images/ico-tags-trans.png) no-repeat left;padding:1px 0 0 20px;} .post .title{padding:5px 0;} .page .post .title { padding:5px 0 10px;} .entry blockquote{border-left:2px solid #777;color:#777;font-style:italic;margin:5px auto 15px;padding:0 10px;width:85%;} .entry blockquote p{font-size:12px;line-height:20px;margin:5px 0;padding:5px 0;} .entry img{background:#F8F8F4;border:solid 1px #e6e6e6;padding:2px;} .entry blockquote p { font-style:italic; font-family: serif; font-size:14px; } .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; } .entry img.alignleft { margin: 0 15px 15px 0; } .entry img.alignright { margin: 0 0 15px 15px; } .entry img.aligncenter { margin: 15px auto; } /*========= ARCHIVE SPECIFIC ========= */ .arclist ul li{border-bottom:1px solid #f1f1ed;color:silver;font-size:12px;padding:5px 0;} .catrss{background:url(images/ico-rss.gif) center left no-repeat;line-height:16px;padding-left:24px;} #main h3.template-title { margin-bottom:20px; } .archive_header { display: block; float: left; margin: 0 0 20px; width: 100% } /*========= AUTHOR INFO ========= */ .author_info{color:#666;margin-top:15px;padding:0;} .author_photo{float:left;margin-right:10px;width:58px;} .author_photo img{background-color:#FFF;border:1px solid #ccc;float:left !important;height:48px;padding:4px;width:48px;} .author_info p{line-height:1.3em;margin-bottom:10px;padding:0;} #background .author_info a{color:#333; font-weight:bold; padding:0;text-decoration:none;} .author_info h3{font-size:14px;margin-bottom:10px;padding:0;} .author_email a{background-image:url(images/ico-email.png);background-position:left center;background-repeat:no-repeat;font-weight:700;padding-bottom:2px;padding-left:26px;padding-top:2px;text-decoration:none;} /* Misc */ .entry .wp-caption{-moz-border-radius-bottomleft:3px;-moz-border-radius-bottomright:3px;-moz-border-radius-topleft:3px;-moz-border-radius-topright:3px;background:#F8F8F4;border:solid 1px #e6e6e6;padding:1px;text-align:center;} .entry .wp-caption img{background:none;border:0;margin:0;padding:4px 0;} .entry .wp-caption-text{font-size:11px;margin:0;padding:0;text-align:center;} .aligncenter{display:block;margin:10px auto 20px;} .alignleft{float:left;margin:10px 10px 8px 0;} .alignright{float:right;margin:10px 0 8px 10px;} .fb_iframe_widget { display: block !important; } /* Pagination / WP-Pagenavi */ .nav-entries, .wp-pagenavi { margin:0; padding:5px 0; } #background .nav-entries a, #background #post-entries a { display: block; color:#777; font-weight:bold; text-decoration:none;} .nav-entries a:hover, #post-entries a:hover { text-decoration:underline; } .wp-pagenavi { margin: 0 !important; text-align: center; } .wp-pagenavi a:link, .wp-pagenavi a:visited { display: inline !important; text-decoration: none !important; background: #EEEEEE ;background:rgba(255,255,255,.4);color: #666; padding: 3px 7px !important; border:1px solid #DDDDDD !important;} .wp-pagenavi .current, .wp-pagenavi .on, .wp-pagenavi a:hover { padding: 3px 7px !important; background: #ddd; background:rgba(0,0,0,.05); border:1px solid #bbb !important; } #background .wp-pagenavi span.extend, #background .wp-pagenavi span.pages { background:none !important; border:none !important; color:#999; } #post-entries { padding:10px 0; margin:0 0 20px 0;} /* Single Post Author */ #post-author { background: url("images/bgr-box-trans.png") repeat-x scroll left top #F5F4F0; padding:15px; border:1px solid #DEDBD1; clear:both; margin:0 0 15px; } #post-author h4 { margin-bottom: 5px; } #post-author .profile-content { line-height: 1.5em; } #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 { } /* Subscribe & Connect */ #main #connect { background: url("images/bgr-box-trans.png") repeat-x scroll left top #F5F4F0; padding:15px; border:1px solid #DEDBD1; clear:both; margin:0 0 15px; } #main #connect .col-left, #connect .col-right { width:48%; } #connect .title { margin-bottom: 10px; } #main #connect .title { padding:0; border:0; background: none;font-size:18px; } #connect p { margin: 0 0 1em; } #connect .newsletter-form { margin: 0 0 1em; } #connect .newsletter-form .input { } #connect .newsletter-form .email { width:160px; } #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 ul { list-style: outside disc; margin:5px 0 5px 15px; } #connect .related-posts li { padding:2px 0; } .widget #connect .fl, .widget #connect .fr { float:none;} /* 3.5 Entry Tables */ .entry table { width: 100%; border: 1px solid #e6e6e6; margin-bottom: 20px; } .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; } /* 3.6 Password Protected Posts */ .post.post-password-required input { font-family:Verdana, Geneva, sans-serif; background: url(images/alert-overlay.png); display: inline-block; padding: 5px 10px 6px; color: #fff !important; text-decoration: none; border:none; position: relative; cursor: pointer; background-color:#f66526; font-weight: bold; top: -1px; } .post.post-password-required input:hover { color: #fff !important; text-decoration:none; } .post.post-password-required input:active { top: 0px; } .post.post-password-required label { display: inline; padding-top: 1px; } #background .post.post-password-required label input { font-family:Verdana, Geneva, sans-serif; background: #FFFFFF; display: inline-block; padding: 3px 10px 3px; color: #333333; text-decoration: none; border: 1px solid #999999; position: relative; cursor: text; font-weight: normal; top: -1px; text-align: left; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } #background .post.post-password-required label input:hover { background: #FFFFFF; color: #333333; } .post.post-password-required label input:active { top: -1px; background: #FFFFFF; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .post.post-password-required label input:focus { border: 1px solid #666666; } .post.post-password-required form br { display: none; } /*-------------------------------------------------------------------------------------------*/ /* 4. WIDGETS */ /*-------------------------------------------------------------------------------------------*/ .widget{background:#f5f4f0 url(images/bgr-box-trans.png) repeat-x top left;border:1px solid #dedbd1;margin:0 0 15px;padding:18px;} .widget h3{background:#ebe9e1;border:1px solid #dedbd1;color:#363636;display:block;font:bold 12px/18px sans-serif;margin:0 0 7px;padding:5px 8px;text-align:left;} #mpu_banner{border:1px solid #dedbd1;} .ads,.author_info ul,.author_info li{margin:0;padding:0;} .widget .flickr_badge_image img{background:#fff;border:1px solid #dedbd1;float:left;margin:4px 9px 4px 0;padding:7px;} .widget .flickr_badge_image img:hover{background:#ebe9e1;border:1px solid #dedbd1;} .widget .ads img{border:1px solid #dedbd1;float:left;margin:10px 0 0 15px;} .widget .ads img.last{float:right;margin:0;} .widget .textwidget { line-height: 1.5em;} .widget.ads-125 img { padding:10px ; } /*- Widget lists - */ .widget ul{line-height:16px;padding:0;} .widget ul li{ background:url(images/bullet.png) no-repeat 0 1px; padding:0 0 5px 18px; border-bottom:1px solid #e6e6e6; margin:5px 0; } .widget ul li { } .widget ul li a {color:#333;} .widget ul li ul{margin:5px 0 0 10px;} /*- WooTabs - */ #tabs ul.wooTabs { margin:0 0 8px; } #tabs ul.wooTabs li { list-style:none; float: left; display:inline-block; color: #ffffff; padding:0; cursor: pointer; background: #fff; margin:0 7px 8px 0;border:1px solid #DEDBD1;} #tabs ul.wooTabs li a { color:#353535; display: block;float: left; font:bold 12px/18px sans-serif;padding: 5px 8px; } #tabs ul.wooTabs li a.selected, #tabs ul.wooTabs li a:hover { text-decoration:none; background:#EBE9E1;} #tabs .inside { padding:0; } #tabs .inside li { background:#fff; } #tabs #tab-tags { background:#fff; padding:10px; border: 1px solid #e6e6e6;} #tabs .inside ul { margin:0; border: 1px solid #e6e6e6; border-width:1px 0 1px 0; } #tabs .inside li { border:1px solid #e6e6e6; border-width:0 1px 1px 1px; padding:10px; margin:0; } #tabs .inside li a { color:#555; font:bold 12px/18px sans-serif; } #tabs .inside a:hover{} #tabs .inside li span.meta { display:block; font:11px/20px sans-serif; text-transform:uppercase; color:#777; } #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; } #tabs .inside .list { display:none; } #tabs .inside .list:first-child { display:block; } /* Calendar */ .widget_calendar { border: none; padding-bottom: 5px; } #wp-calendar{width:100%;clear:both;padding:0;} #wp-calendar caption{padding:10px;font-weight: bold; font-style: italic;} #wp-calendar th,#wp-calendar td{text-align:center;background:#E7E7E7; border:1px solid #E7E7E7;color:#9E9E9E;padding:5px;} #wp-calendar td{background:transparent;border:1px solid #E7E7E7;} #wp-calendar td,table#wp-calendar th{padding:3px 0;} #wp-calendar tfoot td { border: 0px; text-align: left; padding: 10px 0; } #wp-calendar tfoot td#next { text-align: right; } /* Twitter */ .widget_woo_twitter .tlogo { background: none; border:none; padding:0; } .widget_woo_twitter .back { padding: 5px 15px 15px; background: #fff; border:1px solid #e6e6e6; } .widget_woo_twitter ul { background: none; padding-left:0; } .widget_woo_twitter ul li { border-bottom: 1px solid #e6e6e6; padding: 10px 0px; list-style:none; background: none;} .widget_woo_twitter ul li a { padding: 0px; } .widget_woo_twitter ul li .time { color:#999; } .widget_woo_twitter p { padding-top: 10px; } .widget_woo_twitter p a { color:#222; } .widget_woo_twitter ul li .content { font-size: 14px; line-height: 1.4em; font-family: 'Droid Serif', Georgia, serif; } .widget.widget_woo_twitter h3 { border-bottom:none; padding:0; margin:0; padding-bottom: 15px; } /* Blog Author Widget */ .widget_woo_blogauthorinfo .avatar { padding: 5px; border: 1px solid #e6e6e6; background:#F8F8F8; background:rgba(255,255,255,0.7);} .widget_woo_blogauthorinfo .left { float:left; margin:0 10px 5px 0; } .widget_woo_blogauthorinfo .right { float:right; margin:0 0 5px 10px; } /*-------------------------------------------------------------------------------------------*/ /* 5. COMMENTS */ /*-------------------------------------------------------------------------------------------*/ #background h2.commh2{color:#333;font-size:1.4em !important;padding:0 0 5px;} ol.commentlist{line-height:20px;list-style:none;margin:10px 0 20px;padding:0;} ol.commentlist p,#respond p{line-height:20px;margin-bottom:10px;} ol.commentlist .content{margin-left:70px;} .commentmetadata a{color:#333;font-size:11px;} ol.commentlist cite{font-style:normal;font-weight:700;} ol.commentlist li.comment{background:#F8F8F4;border:1px solid #DEDBD1;margin:10px 0;padding:15px 15px 5px;} input#submit{background:#F5F4F0;border:1px solid #DEDBD1;color:#363636;font-size:12px;font-weight:700;margin:0 0 7px;padding:7px 10px;text-align:left; cursor: pointer;} #respond textarea { width: 97%; } #respond h3#reply-title, #comments > h3, #pings > h3 { background: none; border: 0; font-family: 'Droid Serif', Georgia, serif; font-size: 22px; color: #222222; height: auto; padding: 0px; } #respond h3#reply-title small { display: block; font-size: 12px; } #comments .navigation { margin-bottom: 20px; } #comments .navigation a { color: #777777; font-weight: bold; } /* Pingbacks / Trackbacks */ h3#pings{margin:20px 0 10px;} .pinglist{margin-bottom:20px;} .pinglist li{list-style-type:decimal;margin:0 0 0 20px;} .pinglist li .author{font-size:15px;font-weight:700;} .pinglist li .date{font-size:11px;} .pinglist li .pingcontent{display:block;margin:10px 0;} #background #comments .reply a { font: 11px/18px sans-serif; background: #eee; border-color:#888; color:#555; text-shadow: none; } #comments .reply a:hover { background-color: #e6e6e6;} #comments .nocomments { font-size:1.2em; font-weight: bold; margin:0 0 20px; } /*-------------------------------------------------------------------------------------------*/ /* 6. MISC */ /*-------------------------------------------------------------------------------------------*/ /* Contact Form */ #contact-page .screenReader{left:-9999px;position:absolute;top:-9999px;} #contact-page ol.forms{float:left;list-style:none;margin:10px 0 0;width:100%;} #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{color:red;display:block;font-size:12px;margin-left:120px;} #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;} #contact-page ol.forms li.inline input{margin-left:120px;width:auto;} #contact-page ol.forms li.inline label{display:inline;float:none;width:auto;} /* Gravity forms */ .gfield{margin-bottom:10px;} .gform_wrapper .top_label .gfield_label{display:block;float:left;margin:5px 0 4px !important;padding-right:20px;width:80px;} .gform_wrapper input.button{padding:5px 10px 6px !important;} .gform_wrapper input{padding:5px 3px !important;} .gform_wrapper .top_label input.large,.gform_wrapper .top_label select.large,.gform_wrapper .top_label textarea.textarea{padding:7px 3px !important;width:400px !important;} .gform_wrapper .entry img,.gform_wrapper img.thumbnail{border:0 !important;padding:0 !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{display:none !important;} .gform_wrapper input,.gform_wrapper .top_label input.large,.gform_wrapper .top_label select.large,.gform_wrapper .top_label textarea.textarea{border:1px solid #CACACA;} .entry .gform_wrapper .gfield_checkbox li,.gform_wrapper .gfield_radio li{list-style:none !important;} /* Buttons */ #background a.button, #background a.comment-reply-link, #background #commentform #submit, #background .submit, #background .post.post-password-required input, #background .widget_blog_subscription form#subscribe-blog p input[type="submit"] { display: inline-block; margin: 5px 0; padding: 3px 8px; border: 1px solid #4081af; border-bottom-color: #20559a; color: #FFFFFF; text-align: center; 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, #52a8e8), color-stop(1, #2e76cf) ); background: -moz-linear-gradient( center top, #52a8e8 20%, #2e76cf 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:6px 16px;} a.button.small, a.comment-reply-link { padding:0px 10px;} a.button:hover, a.button.hover, a.button.active, a.comment-reply-link:hover, #commentform #submit:hover, .submit:hover, .post.post-password-required input:hover, .widget_blog_subscription form#subscribe-blog p input[type="submit"]:hover { text-decoration: none !important; /*Background*/ background: #0073d2; /*Fallback*/ background: -webkit-gradient( linear, left top, left bottom, color-stop(.2, #3e9ee5), color-stop(1, #1666ca) ); background: -moz-linear-gradient( center top, #3e9ee5 20%, #1666ca 100% ); } a.button:active, a.button.active, .post.post-password-required input:active, .widget_blog_subscription form#subscribe-blog p input[type="submit"]: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*/; } a.button.inactive { border: 1px solid #d5d5d5; border-bottom-color: #e6e2e2; color: #aeaeae; text-shadow: 0 1px 0 white; /*Background*/ background: #e8e8e8; /*Fallback*/ background: -webkit-gradient( linear, left top, left bottom, color-stop(.2, #f3f3f3), color-stop(1, #e6e6e6) ); background: -moz-linear-gradient( center top, #f3f3f3 20%, #e6e6e6 100% ); /*Box shadow*/ -webkit-box-shadow: inset 0 1px 0 hsla(0,100%,100%,.5) /*Top*/, inset 0 0 2px hsla(0,100%,100%,.1) /*Shine*/, 0 1px 0 hsla(0, 100%, 100%, .7) /*Shadow*/; -moz-box-shadow: inset 0 1px 0 hsla(0,100%,100%,.5) /*Top*/, inset 0 0 2px hsla(0,100%,100%,.1) /*Shine*/, 0 1px 0 hsla(0, 100%, 100%, .7) /*Shadow*/; box-shadow: inset 0 1px 0 hsla(0,100%,100%,.5) /*Top*/, inset 0 0 2px hsla(0,100%,100%,.1) /*Shine*/, 0 1px 0 hsla(0, 100%, 100%, .7) /*Shadow*/; } /*-------------------------------------------------------------------------------------------*/ /* 7. STYLING FOR WORDPRESS.COM UPDATES */ /*-------------------------------------------------------------------------------------------*/ /* Hide the WP.com stats smiley. */ img#wpstats{display:none;} /* 7.1 Comment Form */ p.comment-form-author label, p.comment-form-email label, p.comment-form-url label, p.comment-form-comment label, div.left span.required, div.left span.optional { display: inline; } p.comment-form-comment label { display: none; } #respond h3#reply-title { padding-bottom: 0px; } #respond h3 small { display: block; font-size: 12px; font-weight: normal; margin-top: 10px; } #respond p.logged-in-as { margin-bottom: 10px; } #respond p.form-submit { margin-bottom: 10px; } #respond #commentform label#subscribe-blog-label, #respond #commentform label#subscribe-label { margin-top: 0px; } /* 7.2 Gallery Caption */ .gallery-caption {} .sticky {} .bypostauthor {} /* 7.3 Page Links from wp_link_pages() */ div.page-link { color: #9F9F9F; font-size: 10px; line-height: 11px; font-family: Verdana, Geneva, sans-serif; margin: 10px 0 10px; } /* 7.3.1 Image Dimensions on Attachment Template */ span.image-sizes { display: block; margin-top: 25px; margin-bottom: 20px; } span.sep { margin: 0px; } .image-meta { color: #959595; display: block; margin-bottom: 15px; font-family: 'Lucida Grande', Helvetica, Arial, sans-serif; font-size: 11px; } .image-meta strong.image-meta-title { display: block; margin-bottom: 10px; } .image-meta ul strong { display: block; float: left; width: 150px; } /* 7.4 Tags from unit test */ sub { font-size: smaller; vertical-align: sub; } sup { font-size: smaller; vertical-align: super; } pre { background: #F0F0F0; border: 1px dashed #DDDDDD; font-size: 12px; padding: 10px; margin-bottom: 20px; } /*Resize images to fit the main content area.*/ img.size-auto, img.size-full, img.size-large, img.size-medium, .attachment img, .widget img { max-width: 100%; /* When images are too wide for containing element, force them to fit. */ height: auto; /* Override height to match resized width for correct aspect ratio. */ } /*-------------------------------------------------------------------------------------------*/ /* 7.5 STYLING FOR WORDPRESS.COM WIDGETS */ /*-------------------------------------------------------------------------------------------*/ /* 7.5.1 Recent Comments Widget */ .widget_recent_comments table { margin: 15px; } .widget_recent_comments td.recentcommentsavatartop, .widget_recent_comments td.recentcommentsavatarend { padding-bottom: 15px; } .widget_recent_comments td.recentcommentstexttop, .widget_recent_comments td.recentcommentstextend { vertical-align: top; } /* 7.5.2 Flickr Widget */ .widget_flickr table#flickr_badge_uber_wrapper { width: 100%; } .widget_flickr table#flickr_badge_wrapper { background-color: transparent; width: 100%; border: 0px; } .widget_flickr table#flickr_badge_wrapper a { text-decoration: none; display: block; float: left; margin-right: 5px; margin-bottom: 5px; padding: 2px; background: #EDEDED; border: 1px solid #CCCCCC; } .widget_flickr table#flickr_badge_wrapper a img { opacity: 0.9; -moz-opacity: 0.9; -webkit-opacity: 0.9; margin-right: 0px !important; } .widget_flickr table#flickr_badge_wrapper a:hover img, .widget_flickr table#flickr_badge_wrapper a:active img { opacity: 1; -moz-opacity: 1; -webkit-opacity: 1; } .widget_flickr table#flickr_badge_wrapper a:last-child { display: block; clear: both; background: none; border: 0px; } .widget_flickr table#flickr_badge_wrapper br { display: none; clear: none; } #flickr_badge_uber_wrapper a:hover, #flickr_badge_uber_wrapper a:link, #flickr_badge_uber_wrapper a:active, #flickr_badge_uber_wrapper a:visited { color: #E8A02C;} /* 7.5.3 Blog Subscription Widget */ .widget_blog_subscription form#subscribe-blog p input[type="submit"]:active { top: 1px; } /* 7.5.4 Twitter Widget */ .widget_twitter h3 { padding-left: 0px; border: 0px; background: none; } .widget_twitter h3 a { background: transparent url( 'images/twitter.png' ) no-repeat left top; display: block; width: 91px; height: 22px; border: 0px; text-indent: -9999px; } .widget_twitter .tweets { list-style: none; padding: 5px 15px 15px; background: #FFFFFF; border: 1px solid #E6E6E6; } .widget_twitter .tweets a {} .widget_twitter .tweets li { border-bottom: 1px solid #E6E6E6; padding: 10px 0px; list-style: none; background: none; font-size: 14px; line-height: 1.4em; font-family: 'Droid Serif', Georgia, serif; overflow-x: hidden; } .widget_twitter .tweets li .timesince { font-size: 10px; color: #999999; font-family: Arial, Helvetica, sans-serif; } /* 7.5.5 Blog Authors Widget */ .widget_authors { float: left; clear: left; width: 302px; } .widget_authors ul { float: left; clear: both; } .widget_authors li { display: block; clear: both; float: left; } .widget_authors a { display: block; float: left; } .widget_authors img { float: left; margin-bottom: 10px; margin-right: 10px; } .widget_authors strong { float: left; } /* 7.5.6 Blog Authors Grid Widget */ .widget_author_grid a { display: block; } .widget_author_grid ul li { margin: 0px; !important; } /* Browser Resets */ .flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus {outline: none;} .slides, .flex-control-nav, .flex-direction-nav {margin: 0; padding: 0; list-style: none;} /* FlexSlider Necessary Styles *********************************/ .flexslider {margin: 0; padding: 0;} .flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */ .flexslider .slides img {width: 100%; display: block;} .flex-pauseplay span {text-transform: capitalize;} /* Clearfix for the .slides element */ .slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} html[xmlns] .slides {display: block;} * html .slides {height: 1%;} /* No JavaScript Fallback */ /* If you are not using another script, such as Modernizr, make sure you * include js that eliminates this class on page load */ .no-js .slides > li:first-child {display: block;} /* FlexSlider Default Theme *********************************/ .flexslider {margin: 0 0 60px; background: #fff; border: 4px solid #fff; position: relative; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; box-shadow: 0 1px 4px rgba(0,0,0,.2); -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 4px rgba(0,0,0,.2); -o-box-shadow: 0 1px 4px rgba(0,0,0,.2); zoom: 1;} .flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;} .loading .flex-viewport {max-height: 300px;} .flexslider .slides {zoom: 1;} .carousel li {margin-right: 5px} /* Direction Nav */ .flex-direction-nav {*height: 0;} .flex-direction-nav a {width: 30px; height: 30px; margin: -20px 0 0; display: block; background: url(images/bg_direction_nav.png) no-repeat 0 0; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; opacity: 0; -webkit-transition: all .3s ease;} .flex-direction-nav .flex-next {background-position: 100% 0; right: -36px; } .flex-direction-nav .flex-prev {left: -36px;} .flexslider:hover .flex-next {opacity: 0.8; right: 5px;} .flexslider:hover .flex-prev {opacity: 0.8; left: 5px;} .flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity: 1;} .flex-direction-nav .flex-disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default;} /* Control Nav */ .flex-control-nav {width: 100%; position: absolute; bottom: -40px; text-align: center;} .flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;} .flex-control-paging li a {width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; box-shadow: inset 0 0 3px rgba(0,0,0,0.3);} .flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); } .flex-control-paging li a.flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; } .flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;} .flex-control-thumbs li {width: 25%; float: left; margin: 0;} .flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;} .flex-control-thumbs img:hover {opacity: 1;} .flex-control-thumbs .flex-active {opacity: 1; cursor: default;} @media screen and (max-width: 860px) { .flex-direction-nav .flex-prev {opacity: 1; left: 0;} .flex-direction-nav .flex-next {opacity: 1; right: 0;} }