July 31, 201214 yr Hi, I have a problem which means I have two <h1> tags on all my posts. I had to hack my WordPress theme to get the <h1> tag in my header, as you'll see here But because it's in the header, that means each post has the <h1> from the header and a <h1> from the post title, as you'll see here Here's the hack I did in the header: <!DOCTYPE html> <html <?php language_attributes(); ?>> <head> <meta charset="<?php bloginfo('charset'); ?>"> <meta name="viewport" content="width=device-width"> <title><?php bandit::title(); ?></title> <?php bandit::stylesheets(); ?> <link rel="pingback" href="<?php bloginfo('pingback_url'); ?>"> <!--[if lt IE 9]><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]--> <?php wp_head(); ?> </head> <body <?php body_class(); ?>> <!--BEGIN WRAPPER--> <div class="wrapper"> <header id="header"> <div id="header_inner" class="container_12"> <?php bandit::site_name(); ?> <?php bandit::site_desc(); ?> <p class="subscribe"><a href="<?php bloginfo('rss2_url'); ?>"><?php bandit::lang('header_subscribe'); ?></a></p> <nav id="nav"> <div class="container"> <?php wp_nav_menu(array('container'=>FALSE,'theme_location'=>'bandit_nav_header', 'menu_id'=>'menu-header','menu_class'=>'dropdown','fallback_cb'=>FALSE)); ?> </div> <div id="search-header"> <form role="search" method="get" method="get" action="<?php echo home_url(); ?>/"> <input type="text" class="text" placeholder="<?php bandit::lang('header_search_placeholder'); ?>" name="s" id="s" /> <input type="submit" class="submitfield" value="<?php _e('Search','bandit'); ?>" /> </form> </div> <h1 style="font-weight: bold; color: #DE1166; margin-right: 6px; padding: 25px;" align="right">POP PUNK BANDS, NEWS, REVIEWS & FEATURES</h1> </nav> </div> </header> I've no idea what to do!
July 31, 201214 yr Use a H2 in your header? By sticking generic sitewide terms in a H1 in your header, you're watering down the specific per-page relevance of your content headings.
July 31, 201214 yr Author No, the home page <h1> needs to be POP PUNK BANDS, NEWS, REVIEWS & FEATURES The <h1> on individual posts needs to be whatever the post title is
July 31, 201214 yr Author No, the home page <h1> needs to be POP PUNK BANDS, NEWS, REVIEWS & FEATURES The <h1> on individual posts needs to be whatever the post title is You're probably just seeing me playing around with the code trying to fix this!
July 31, 201214 yr Gotcha. Template: <?php if is_home() || is_front_page(): ?> <h1 class="tagline"><?php bloginfo('description'); ?></h1> <?php else: ?> <div class="tagline"><?php bloginfo('description'); ?></div> <?php endif; ?> CSS: .tagline { font-weight: bold; color: #DE1166; margin-right: 6px; padding: 25px; text-align: right; text-transform: uppercase; } You may need to do some more work to the CSS to get the <div> and <h1> to display identically, especially if you're not using a reset stylesheet. You can set the text in Settings > General in the "tagline" field. As a side note, always write in natural case, not all-caps or lowercase. If the design requires caps or lowercase, use text-transform in your CSS. Edit: also, it doesn't belong in your <nav> element, move it out into the <header>. Edited July 31, 201214 yr by Renaissance-Design
July 31, 201214 yr Author Awesome, thanks. Whereabouts does the <?php if is_home() || is_front_page(): ?> <h1 class="tagline"><?php bloginfo('description'); ?></h1> <?php else: ?> <div class="tagline"><?php bloginfo('description'); ?></div> <?php endif; ?> bit go? Which file?
July 31, 201214 yr That's for your header.php - I'd suggest putting it between p#logo and p.subscribe. Edited July 31, 201214 yr by Renaissance-Design
July 31, 201214 yr Author Sorry, I'm not seeing those things in the header.php I see this: <!DOCTYPE html> <html <?php language_attributes(); ?>> <head> <meta charset="<?php bloginfo('charset'); ?>"> <meta name="viewport" content="width=device-width"> <title><?php bandit::title(); ?></title> <?php bandit::stylesheets(); ?> <link rel="pingback" href="<?php bloginfo('pingback_url'); ?>"> <!--[if lt IE 9]><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]--> <?php wp_head(); ?> </head> <body <?php body_class(); ?>> <!--BEGIN WRAPPER--> <div class="wrapper"> <header id="header"> <div id="header_inner" class="container_12"> <?php bandit::site_name(); ?> <?php bandit::site_desc(); ?> <p class="subscribe"><a href="<?php bloginfo('rss2_url'); ?>"><?php bandit::lang('header_subscribe'); ?></a></p> <nav id="nav"> <div class="container"> <?php wp_nav_menu(array('container'=>FALSE,'theme_location'=>'bandit_nav_header', 'menu_id'=>'menu-header','menu_class'=>'dropdown','fallback_cb'=>FALSE)); ?> </div> <div id="search-header"> <form role="search" method="get" method="get" action="<?php echo home_url(); ?>/"> <input type="text" class="text" placeholder="<?php bandit::lang('header_search_placeholder'); ?>" name="s" id="s" /> <input type="submit" class="submitfield" value="<?php _e('Search','bandit'); ?>" /> </form> </div> <h1 style="font-weight: bold; color: #DE1166; margin-right: 6px; padding: 25px;" align="right">POP PUNK BANDS, NEWS, REVIEWS & FEATURES</h1> </nav> </div> </header>
July 31, 201214 yr <!DOCTYPE html> <html <?php language_attributes(); ?>> <head> <meta charset="<?php bloginfo('charset'); ?>"> <meta name="viewport" content="width=device-width"> <title><?php bandit::title(); ?></title> <?php bandit::stylesheets(); ?> <link rel="pingback" href="<?php bloginfo('pingback_url'); ?>"> <!--[if lt IE 9]><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]--> <?php wp_head(); ?> </head> <body <?php body_class(); ?>> <!--BEGIN WRAPPER--> <div class="wrapper"> <header id="header"> <div id="header_inner" class="container_12"> <?php bandit::site_name(); ?> <?php bandit::site_desc(); ?> <?php if is_home() || is_front_page(): ?> <h1 class="tagline"><?php bloginfo('description'); ?></h1> <?php else: ?> <div class="tagline"><?php bloginfo('description'); ?></div> <?php endif; ?> <p class="subscribe"><a href="<?php bloginfo('rss2_url'); ?>"><?php bandit::lang('header_subscribe'); ?></a></p> <nav id="nav"> <div class="container"> <?php wp_nav_menu(array('container'=>FALSE,'theme_location'=>'bandit_nav_header', 'menu_id'=>'menu-header','menu_class'=>'dropdown','fallback_cb'=>FALSE)); ?> </div> <div id="search-header"> <form role="search" method="get" method="get" action="<?php echo home_url(); ?>/"> <input type="text" class="text" placeholder="<?php bandit::lang('header_search_placeholder'); ?>" name="s" id="s" /> <input type="submit" class="submitfield" value="<?php _e('Search','bandit'); ?>" /> </form> </div> </nav> </div> </header>
July 31, 201214 yr Author Parse error: syntax error, unexpected T_STRING, expecting '(' in /datasan/www/vhosts/poppunkbands.co.uk/httpdocs/wp-content/themes/edge12/header.php on line 23
July 31, 201214 yr Sorry, bit of a brainfart there. Change that line to: <?php if(is_home() || is_front_page()): ?>
July 31, 201214 yr Author Ah great, that solves the 2 <h1> problem - there's just a problem with the styling now. See here
July 31, 201214 yr Author Thought I had. Here's my stylesheet: Apologies for the text dump. /* Theme Name: Edge Theme URI: http://wpbandit.com/themes/edge/ Description: A stylish and unique magazine theme. Author: WP Bandit Author URI: http://wpbandit.com/ Version: 1.2 License: GNU General Public License v2.0 License URI: http://www.gnu.org/licenses/gpl-2.0.html */ /* ------------------------------------------------------------------------- * * html5doctor.com Reset Stylesheet * * v1.6.1 2010-09-17 | Authors: Eric Meyer & Richard Clark * * html5doctor.com/html-5-reset-stylesheet/ * * ------------------------------------------------------------------------- */ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {margin:0;padding:0;border:0; font-size:100%;font:inherit;vertical-align:baseline;} article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;} blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after {content:'';content:none;} ins {text-decoration:none;} del {text-decoration:line-through;} table {border-collapse:collapse;border-spacing: 0;} /* ------------------------------------------------------------------------- * * 960 Grid System * * ------------------------------------------------------------------------- */ .container_12,.container_16 {margin-left:auto;margin-right:auto;width:960px;} .grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9, .grid_10,.grid_11,.grid_12,.grid_13,.grid_14,.grid_15,.grid_16 { display:inline;float:left;margin-left:10px;margin-right:10px; } .alpha {margin-left:0;} .omega {margin-right:0;} /* ---- GRID SHARED ---- */ .container_12 .grid_3,.container_16 .grid_4 {width:220px;} .container_12 .grid_6,.container_16 .grid_8 {width:460px;} .container_12 .grid_9,.container_16 .grid_12 {width:700px;} .container_12 .grid_12,.container_16 .grid_16 {width:940px;} /* ---- 12 COLUMN GRID ---- */ .container_12 .grid_1 {width:60px;} .container_12 .grid_2 {width:140px;} .container_12 .grid_4 {width:300px;} .container_12 .grid_5 {width:380px;} .container_12 .grid_7 {width:540px;} .container_12 .grid_8 {width:620px;} .container_12 .grid_10 {width: 780px;} .container_12 .grid_11 {width:860px;} /* ---- 16 COLUMN GRID ---- */ .container_16 .grid_1 {width:40px;} .container_16 .grid_2 {width:100px;} .container_16 .grid_3 {width:160px;} .container_16 .grid_5 {width:280px;} .container_16 .grid_6 {width:340px;} .container_16 .grid_7 {width:400px;} .container_16 .grid_9 {width:520px;} .container_16 .grid_10 {width:580px;} .container_16 .grid_11 {width:640px;} .container_16 .grid_13 {width:760px;} .container_16 .grid_14 {width:820px;} .container_16 .grid_15 {width:880px;} /* ------------------------------------------------------------------------- * * CORE STYLES * * ------------------------------------------------------------------------- */ body,input,textarea {font-size:100%;font-family:Arial,sans-serif;} /* EDIT FONT FAMILY */ a { color: #008bbf; text-decoration:none; outline: 0; -webkit-transition-property: background color; -webkit-transition-duration: 0.12s; -webkit-transition-timing-function: ease-out; -moz-transition-property: background color; -moz-transition-duration: 0.12s; -moz-transition-timing-function: ease-out; -o-transition-property: background color; -o-transition-duration: 0.12s; -o-transition-timing-function: ease-out; transition-property: background color; transition-duration: 0.12s; transition-timing-function: ease-out; } a:hover { color: #333; } a img { -webkit-transition-property: opacity; -webkit-transition-duration: 0.12s; -webkit-transition-timing-function: ease-out; -moz-transition-property: opacity; -moz-transition-duration: 0.12s; -moz-transition-timing-function: ease-out; -o-transition-property: opacity; -o-transition-duration: 0.12s; -o-transition-timing-function: ease-out; transition-property: opacity; transition-duration: 0.12s; transition-timing-function: ease-out; } a img:hover {opacity:0.7;} a {text-decoration:none;} address,cite,em {font-style:italic;} strong {font-weight:bold;} li {list-style:none;} .left,.alignleft {float:left;} .right,.alignright {float:right;} .aligncenter {margin-left:auto;margin-right:auto;} /* ---- CLEAR ---- */ .clear {clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0;} .clearfix:before,.clearfix:after {content:'\0020';display:block;overflow:hidden;visibility:hidden;width:0;height:0;} .clearfix:after {clear:both;} .clearfix {zoom:1;} /* ---- MENU FRAMEWORK ---- */ ul.dropdown,ul.dropdown li,ul.dropdown ul {list-style:none;margin:0;padding:0;} ul.dropdown {position:relative;z-index:597;float:left;} ul.dropdown li {float:left;line-height:1.3em;vertical-align:middle;zoom:1;} ul.dropdown li.hover,ul.dropdown li:hover {position:relative; z-index:599;cursor:default;} ul.dropdown ul {visibility:hidden;position:absolute;top:100%;left:0; z-index:598;width:100%;} ul.dropdown ul li {float: none; } ul.dropdown ul ul {top:-1px;left:100%;} ul.dropdown li:hover > ul {visibility:visible;} /* ------------------------------------------------------------------------- * * CORE TEXT * * ------------------------------------------------------------------------- */ .text {font:100%/1.5 Arial,sans-serif;text-rendering:optimizeLegibility;overflow:hidden;} .text p,.text dd,.text ol,.text ul {margin-bottom:1.5em;} .text ol,.text ul {margin-left:1.5em;} .text ol ol,.text ol ul,.text ul ul,.text ul ol {margin-bottom:0;} .text ul li {list-style:square;} .text ol li {list-style:decimal;} .text dt {font-weight:bold;} .text address {margin-bottom:1.5em;} .text blockquote {border-left:6px solid #ddd;margin:1.5em 0 3em;padding-left: 20px;} .text blockquote p {margin-bottom:0.75em; font-family: Georgia, Arial; font-style: italic; } .text code, .text pre { font-family:Consolas,"Andale Mono",Monaco,Courier,"Courier New",Verdana,sans-serif;font-size:87.5%;} .text pre { background: #ddd url(img/pattern.png) repeat; line-height: 1.25em; margin-bottom: 30px; padding: 0.75em; overflow: auto; overflow-y: hidden; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; text-shadow: 0 1px 0 #fff; -moz-box-shadow: inset 0 5px 10px rgba(0,0,0,0.1),inset 0 1px 1px rgba(0,0,0,0.15); -webkit-box-shadow: inset 0 5px 10px rgba(0,0,0,0.1),inset 0 1px 1px rgba(0,0,0,0.15); box-shadow: inset 0 5px 10px rgba(0,0,0,0.1),inset 0 1px 1px rgba(0,0,0,0.15); } .text ins {background:#ffc;} .text sub,.text sup {font-size:62.5%;} .text sub {vertical-align:sub;} .text sup {vertical-align:super;} .text img.size-auto,.text img.size-full, .text img.size-large,.text img.size-medium, .text attachment img {max-width:100%;height:auto;} .text img {margin-top:0.5em;margin-bottom:0.5em;} .text img.alignleft {margin-right:1em;} .text img.alignright {margin-left:1em;} .text img.aligncenter {clear:both;display:block;} .text .gallery img, .text img.wp-smiley {margin:0;} .text .wp-caption {background:#ccc;border:1px solid #ddd; margin-bottom:0.5em;padding-top:4px;text-align:center;} .text .wp-caption a {border-bottom:none;} .text .wp-caption img {margin:0;} .text .wp-caption.alignleft {margin-right:1em;} .text .wp-caption.alignright {margin-left:1em;} .text .wp-caption-text {font-size:12px;margin-bottom:8px;} .text table { margin-bottom:1.5em;width:100%;} .text table th, .text table td {border:1px solid #000; text-align:left;padding:3px 6px;} .text table th {background:#000;color:#fff; font-variant:small-caps;letter-spacing:1px;} /* heading */ .text h1,.text h2,.text h3,.text h4,.text h5,.text h6 { margin-bottom: 20px; font-weight: bold; color: #333; } .text h1 { font-size: 32px; line-height: 36px; letter-spacing: -1.0px; } .text h2 { font-size: 26px; line-height: 30px; letter-spacing: -0.7px; } .text h3 { font-size: 20px; line-height: 24px; letter-spacing: -0.5px; } .text h4 { font-size: 16px; line-height: 20px; } .text h5 { font-size: 14px; line-height: 20px; } .text h6 { font-size: 12px; line-height: 20px; } /* ------------------------------------------------------------------------- * * CORE LAYOUT * * ------------------------------------------------------------------------- */ #header,#content,#footer {width:100%;clear:both;position:relative;} #header_inner,#content_inner,#footer_inner {width:960px;margin:0 auto;position:relative;} /*ie7 dropdown fix*/ #header { z-index: 2; } #content { z-index: 1; } /* ---- START EDITING BELOW ------------------------------------------------ */ body { background: #efede9; } /* ------------------------------------------------------------------------- * * HEADER * * ------------------------------------------------------------------------- */ #header /* ---- HEADER INNER ---- */ #header_inner { height: 140px; } #header_inner .subscribe { position: absolute; top: 42px; right: 30px; font-size: 14px; font-weight: bold; } #header_inner .subscribe a { background: url(img/v-sprite.png) -100px -157px no-repeat; color: #2a2a2a; padding-left: 22px; display: block; line-height: 22px; } #header_inner .subscribe a:hover { color: #fff; } /* ---- LOGO ---- */ #header_inner #logo { font-size: 64px; font-weight: bold; line-height: 1.125em; text-shadow: 0 1px 0 rgba(0,0,0,0.4); position: absolute; top: 26px; left: 4px; } #header_inner #logo a { color: #fff; } #header_inner #logo a:hover { text-shadow: 0 0 12px rgba(255,255,255,0.3); } #header_inner #logo.logo-img { top: 3px; } /* ---- TAGLINE ---- */ #header_inner .tagline { font-weight: bold; color: #DE1166; margin-right: 6px; padding: 25px; text-align: right; text-transform: uppercase; } /* ---- SEARCH ---- */ #header_inner #search-header { width: 211px; position: absolute; bottom: 8px; right: 17px; z-index: 5; float: right; } #header_inner #search-header input.text { background: #111; border-top: 1px solid #080808; border-left: 1px solid #080808; border-right: 1px solid #080808; border-bottom: 1px solid #111; color: #; font-size: 12px; line-height:1em; padding: 4px 6px; width:168px; margin-right: 4px; float: left; } #header_inner #search-header input.text:focus { outline: none; color: #ccc; } #header_inner #search-header input[type=submit] { background: #227793 url(img/v-sprite.png) no-repeat -100px -240px; width: 25px; height: 25px; float: right; text-indent: -999px; font-size: 0.1px; overflow: hidden; border: 0; cursor: pointer; } #header_inner #search-header input[type=submit]:focus { background-color: #555; } /* ------------------------------------------------------------------------- * * NAV MENU * * ------------------------------------------------------------------------- */ #nav .container { background: url(img/h-sprite.png) repeat-x 0 0; height: 36px; padding: 4px 10px 0 10px; position: absolute; bottom: 0px; left: 10px; width: 920px; z-index: 2; } #nav { font-size: 14px; } #nav ul.dropdown { z-index: 3; } #nav ul.dropdown li { background: url(img/nav-li.png) no-repeat right 0; padding-right: 2px; padding-left: 1px; } #nav ul.dropdown li a { padding: 9px 10px; float: left; } #nav ul.dropdown li:hover a { background: #227793 url(img/h-sprite.png) repeat-x 0 -50px; color: #fff; text-shadow: 0 -1px 0 rgba(0,0,0,0.3); } #nav ul.dropdown a { color: #000000; text-decoration: none; } #nav ul.dropdown a:hover { color :#333; } #nav ul.dropdown li.current_page_item a, #nav ul.dropdown li.current-page-parent a, #nav ul.dropdown li.current-menu-item a, #nav ul.dropdown li.current-menu-parent a, #nav ul.dropdown li.current_page_item a:hover, #nav ul.dropdown li.current-page-parent a:hover, #nav ul.dropdown li.current-menu-item a:hover, #nav ul.dropdown li.current-menu-parent a:hover { background: #efede9!important; color: #333; text-shadow: none; } /* -- level mark -- */ #nav ul.sub-menu { width: 170px; font-size: 12px; } #nav ul.sub-menu li { font-weight: normal; padding: 7px 10px; border-style: solid; border-width: 1px 1px 1px 1px; border-color: #fff #d9d9d9 #d9d9d9; background-color: #f6f6f6; color: #000; } #nav ul.sub-menu li:hover { background-color: #eee; background-image: none; color: #333; } #nav ul.sub-menu li a { display: block; background: none!important; padding: 0!important; float: none!important; color: #333!important; text-shadow: 0 1px 0 rgba(255,255,255,1)!important; } #nav ul.dropdown li.current_page_item ul.sub-menu li a, #nav ul.dropdown li.current-page-parent ul.sub-menu li a, #nav ul.dropdown li.current-menu-item ul.sub-menu li a, #nav ul.dropdown li.current-menu-parent ul.sub-menu li a { background: none!important; } #nav ul.dropdown li ul.sub-menu li.current_page_item a, #nav ul.dropdown li ul.sub-menu li.current-page-parent a, #nav ul.dropdown li ul.sub-menu li.current-menu-item a, #nav ul.dropdown li ul.sub-menu li.current-menu-parent a, #nav ul.dropdown li ul.sub-menu li.current_page_item a:hover, #nav ul.dropdown li ul.sub-menu li.current-page-parent a:hover, #nav ul.dropdown li ul.sub-menu li.current-menu-item a:hover, #nav ul.dropdown li ul.sub-menu li.current-menu-parent a:hover { background: none!important; } /* ------------------------------------------------------------------------- * * FEATURED POSTS HEADER * * ------------------------------------------------------------------------- */ #header-featured { border-bottom: 6px solid #2A2A2A; margin-bottom: 40px; padding-bottom: 14px; margin-top: -40px; } #header-featured h3 { color: #2a2a2a; border-bottom: 6px solid #2a2a2a; font-size: 16px; font-weight: bold; line-height: 18px; padding-bottom: 7px; margin: 29px 0 16px 0; text-transform: uppercase; text-shadow: 0 1px 0 rgba(255,255,255,0.7); } #header-featured h3 span { } #header-featured nav { position: absolute; top: 22px; right: 10px; } #header-featured nav span { display: none; } #header-featured nav a { cursor: pointer; display:block; float:left; padding:0; height: 32px; width: 32px; } #header-featured nav a:hover { background: #1c1c1c; } #header-featured #scroll { color: #777; float: left; font-size: 14px; line-height: 32px; margin-right: 12px; font-family: Georgia, Arial; font-style: italic; } #header-featured #scroll-prev { background: #2a2a2a url(img/v-sprite.png) -90px 11px no-repeat; margin-right: 3px; } #header-featured #scroll-prev:hover { background-position: -90px 12px; } #header-featured #scroll-next { background: #2a2a2a url(img/v-sprite.png) -88px -29px no-repeat; } #header-featured #scroll-next:hover { background-position: -88px -28px; } #header-featured .caroufredsel_wrapper { width: 954px!important; margin-left: -7px!important; } #header-featured .featured_posts li { background: #fff; float: left; margin: 6px 8px 6px 7px; padding-top: 10px; width: 176px; -moz-box-shadow: 0 0 6px rgba(0,0,0,0.25); -webkit-box-shadow: 0 0 6px rgba(0,0,0,0.25); box-shadow: 0 0 6px rgba(0,0,0,0.25); -webkit-transition-property: background color; -webkit-transition-duration: 0.2s; -webkit-transition-timing-function: ease-out; -moz-transition-property: background color; -moz-transition-duration: 0.2s; -moz-transition-timing-function: ease-out; -o-transition-property: background color; -o-transition-duration: 0.2s; -o-transition-timing-function: ease-out; transition-property: background color; transition-duration: 0.2s; transition-timing-function: ease-out; } #header-featured .featured_posts li:hover { background: #2a2a2a; cursor: pointer; -moz-box-shadow: 0 0 6px rgba(0,0,0,0.25), inset 0 0 20px rgba(0,0,0,0.2); -webkit-box-shadow: 0 0 6px rgba(0,0,0,0.25), inset 0 0 20px rgba(0,0,0,0.2); box-shadow: 0 0 6px rgba(0,0,0,0.25), inset 0 0 20px rgba(0,0,0,0.2); } #header-featured .featured_posts li:hover a { color: #fff; } #header-featured .featured_posts li:hover .date { color: #aaa; } #header-featured .featured_posts li:hover .meta { border-color: #666; } #header-featured .featured_posts li:hover .thumbnail { background-position: 0 -156px; } #header-featured .featured_posts .thumbnail { background: url(img/header-featured-img.png) repeat 0 0; margin: 0 auto; height: 156px; width: 156px; } #header-featured .featured_posts .title { height: 54px; margin: 6px 10px; overflow: hidden; line-height: 1.05em; } #header-featured .featured_posts .title a { background: none; border: none; color: #2a2a2a; font-size: 14px; font-weight: bold; text-shadow: none; } #header-featured .featured_posts .meta { border-top: 1px dotted #ccc; padding: 12px; position: relative; } #header-featured .featured_posts .date { color: #777; font: italic 14px/1.4286 Georgia,serif; } #header-featured .featured_posts .plus { background: #227793 url(img/v-sprite.png) no-repeat -92px -74px; width: 28px; height: 24px; position: absolute; right: -4px; top: 10px; } #header-featured .featured_posts .depth { background: #227793 url(img/featured-depth.png) no-repeat 0 0; width: 4px; height: 4px; position: absolute; top: 34px; right: -4px; } /* ------------------------------------------------------------------------- * * CONTENT * * ------------------------------------------------------------------------- */ #content { background: url(img/content-home.png) repeat-x top; } .featured-home #content { background: url(content-home.png) repeat-x top; } /* ---- CONTENT INNER ---- */ #content_inner { padding: 40px 0; } h1#sub-heading { background: url(img/widget-icons.png) 6px 6px no-repeat; border-bottom: 8px solid #fff; color: #2a2a2a; font-size: 16px; font-weight: bold; line-height: 30px; margin-bottom: 40px; padding-left: 30px; text-transform: uppercase; -moz-box-shadow: 0 1px 0 rgba(0,0,0,0.1); -webkit-box-shadow: 0 1px 0 rgba(0,0,0,0.1); box-shadow: 0 1px 0 rgba(0,0,0,0.1); } #sitemap-wrap { padding-left: 30px; border-left: 1px solid #eee; } /* ------------------------------------------------------------------------- * * ARTICLES * * ------------------------------------------------------------------------- */ article.entry { background: #fff; margin-bottom: 40px; padding: 30px; position: relative; -moz-box-shadow: 0 0 6px rgba(0,0,0,0.25); -webkit-box-shadow: 0 0 6px rgba(0,0,0,0.25); box-shadow: 0 0 6px rgba(0,0,0,0.25); } .home article.entry, .archive article.entry, .search article.entry, article.entry.home { margin-left: 52px; width: 508px; } .page article.entry, .single article.entry, .page article.entry { margin-left: 0px; width: 560px; } .t-fullwidth article.entry { width: 880px!important; } .single article.entry { margin-bottom: 0; } /* iframes */ .home article.entry iframe, .archive article.entry iframe, .search article.entry iframe, article.entry.home iframe{ max-width: 508px; } .page article.entry iframe { max-width: 560px; } .t-fullwidth article.entry iframe{ max-width: 880px; } .sticky {} .gallery-caption {} /* ---- ARTICLE HEADER ---- */ article.entry header { margin-bottom: 16px; } article.entry header .entry-title { color: #333; font-size: 175%; font-weight: bold; line-height:1.1em; margin-bottom: 4px; letter-spacing: -0.7px; } .single article.entry header .entry-title { font-size: 200%; } article.entry header .entry-title a { color: #333; } article.entry header .entry-title a:hover { text-decoration: underline; } article.entry header .date { color: #999; font-size: 75%; /* 12px */ line-height: 20px; } article.entry header .author { color: #999; font-size: 75%; /* 12px */ line-height: 20px; } article.entry header .author a { color: #999; } article.entry header .author a:hover { text-decoration: underline; } /* ---- TEXT CONTENT ---- */ .text { color: #555; font-size: 14px; } .text a { color: #227793; } .text a:hover { text-decoration: underline; } .text a.more-link { font-weight: bold; font-size: 14px; padding-right: 20px; background: url(img/more-link.png) no-repeat right 4px; } .text table th, .text table td { border: 1px solid #ddd; } .text table th { background: #eee; color: #333; } .text .wp-caption { background: #eee; } /* ---- DATE AND COMMENTS BOX ---- */ article.entry .date-and-comments { left: -52px; top: 25px; position: absolute; text-shadow: 0 -1px 0 rgba(0,0,0,0.4); } article.entry .date-and-comments .date { background:url(img/v-sprite.png) no-repeat 0 0; color: #fff; font-size: 28px; line-height: 18px; padding-top: 14px; text-align: center; height: 46px; width: 52px; } article.entry .date-and-comments .date span { color: #999; font-size: 12px; text-transform: uppercase; } article.entry .date-and-comments .comments { margin-top: 4px; width: 52px; } article.entry .date-and-comments .comments span { display:none; } article.entry .date-and-comments .comments a { background: #227793 url(img/v-sprite.png) 0 -80px no-repeat; display: block; color: #fff; font-size: 12px; padding: 4px 0 3px 28px; } article.entry .date-and-comments .comments a:hover { background: #555 url(img/v-sprite.png) 0 -80px no-repeat; } /* ---- CATEGORY AND TAGS ---- */ .category-and-tags { border-top: 1px dotted #ddd; clear: both; font-size: 12px; margin-top: 24px; padding-top: 10px; padding-bottom: 0; } .single .category-and-tags .box { border-bottom: 1px dotted #ccc; overflow: auto; padding-bottom: 0; } .category-and-tags p { color: #999; } .category-and-tags span { color:#999; font-weight:bold; line-height:16px; } .category-and-tags a { color:#999; } .category-and-tags a:hover { color:#227793; } .category-and-tags p.categories { line-height: 18px; } .category-and-tags p.categories span { background: url(img/article-categories.png) no-repeat 0 1px; height: 18px; padding-left: 20px; } .category-and-tags p.tags { line-height: 18px; } .category-and-tags p.tags span { background: url(img/article-tags.png) no-repeat 0 1px; height: 18px; padding-left: 20px; } .category-and-tags p a { display: inline-block; line-height: 18px; } .category-and-tags p span { display: inline-block; line-height: 18px; } /* ---- ENTRY PAGE LINKS ---- */ .entry-page-links { font-size: 16px; font-weight: bold; clear: both; padding-top: 6px; padding-bottom: 6px; margin-bottom:0; } .entry-page-links p { margin-bottom: 0; } /* ---- PAGE NAVIGATION ---- */ .entry-nav { } .entry-nav ul { margin-top: 20px; border: 1px dotted #ccc; padding: 10px; text-shadow: 0 1px 0 rgba(255,255,255,0.9); } .entry-nav ul li { font-size: 18px; font-weight: bold; } .entry-nav ul li.prev { float: left; } .entry-nav ul li.next { float: right; } .entry-nav ul li a { color: #227793; } .entry-nav ul li a:hover { color: #2a2a2a; } /* ------------------------------------------------------------------------- * * SEARCH RESULTS * * ------------------------------------------------------------------------- */ .search h1#sub-heading { background-position: 6px -282px; margin-bottom: 6px; } .search p.query { color: #555; padding: 4px 0 10px 0; border-bottom: 1px dotted #ccc; margin-bottom: 40px; } .search i.icon-page { background: url(img/v-sprite.png) no-repeat -97px -200px; display: block; width: 24px; height: 24px; position: absolute; top: 19px; left: 14px; } .search article#no-result, .error404 article { margin-left: 0; width: 560px; } .search article#no-result input#s, .error404 article input#s { background: url(img/v-sprite.png) no-repeat -200px -120px; color: #555; border: none; float: left; display: block; font-size: 12px; outline: none; padding: 3px 8px 3px 12px; height: 26px; width: 172px; margin-top: 4px; } .search article#no-result input#searchsubmit, .error404 article input#searchsubmit { background: url(img/v-sprite.png) no-repeat -412px -120px; border: none; color: #bbb; cursor: pointer; display: block; float: left; font-size: 12px; font-weight: bold; height: 32px; width: 108px; margin-top: 4px; padding: 0 0 1px 23px; text-shadow: 0 -1px 0 #000; text-transform: uppercase; } .search article#no-result input#searchsubmit:hover, .error404 article #searchsubmit:hover { color: #fff; text-shadow: 0 -1px 0 #000; } .search #search-results-box { background: #fff; margin: 0 6px 24px; -moz-box-shadow: 0 0 6px rgba(0,0,0,0.25); -webkit-box-shadow: 0 0 6px rgba(0,0,0,0.25); box-shadow: 0 0 6px rgba(0,0,0,0.25); } .search #search-results-box article { background: none; border-bottom: 1px dotted #ccc; margin: 0 36px; padding: 24px 0; width: 556px; -webkit-box-shadow: none; -moz-box-shadow: none; } .search #search-results-box article:last-child { border-bottom: none; } .search #search-results-box article header { margin-bottom:12px; } .search #search-results-box article h2 { font-size: 125%; line-height: 1.2em; margin-bottom:0; } .search #search-results-box article h2 a { color: #227793; } .search #search-results-box article h2 a:hover { color: #2a2a2a; } .search #search-results-box article p { margin: 0; } /* ------------------------------------------------------------------------- * * Shortcodes /* ------------------------------------------------------------------------- */ /* shortcodes - columns */ .one-half, .one-third, .two-third, .three-fourth, .one-fourth { float: left; position: relative; } .one-half { width: 49%; margin-right: 2%; } .one-third { width: 32%; margin-right: 2%; } .two-third { width: 66%; margin-right: 2%; } .one-fourth { width: 23.5%; margin-right: 2%; } .three-fourth { width: 74.5%; margin-right: 4%; } .last { margin-right: 0!important; } .divider { display: block; width: 100%; clear: both; } /* shortcodes - buttons */ .btn-a { font-size: 12px; font-weight: bold; background: #f3f3f3; color: #555; border: 1px solid #cfd2d7; padding: 5px 8px; display: inline-block; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; box-shadow: inset 1px 1px 0 rgba(255,255,255,0.; } a.btn-a:hover { background: #fff; } /* shortcodes - alerts */ .alert { padding: 10px 20px; margin: 0 0 20px 0; text-align: center; border-top: 1px solid; border-bottom: 1px solid; } .alert a { color: #111!important; } .alert a:hover { text-decoration: underline; } .alert.white { background: #fff; border-color: #dbdde2; } .alert.green { background: #ccf4e1; border-color: #90efbb; } .alert.blue { background: #ccecf4; border-color: #90ddef; } .alert.red { background: #f4cccc; border-color: #ef9090; } .alert.yellow { background: #fff5af; border-color: #ecd852; } /* shortcodes - dropcap */ .dropcap { display: block; float: left; font-size: 72px; font-weight: bold; line-height: 72px; margin: 0 10px 0 0} /* shortcodes - pullquotes */ .pullquote-left { border-left: 6px solid #eee; float: left; margin: 24px 20px 24px 0; padding: 0 0 0 20px; font-size: 16px; font-weight: bold; line-height: 24px; width: 40%; } .pullquote-right { border-right: 6px solid #eee; float: right; margin: 24px 0 24px 20px; padding: 0 20px 0 0; font-size: 16px; font-weight: bold; line-height: 24px; width: 40%; } /* shortcodes - highlights */ .highlight-1 { background: #fff5af; color: #555; } .highlight-2 { border-bottom: 1px dotted #111; color: #111; } /* shortcodes - divider toplink */ .sc-divider { border-top: 1px dashed #dbdde2; display: block; width: 96%; height: 23px; clear: both; position: relative; } .text .top a { color: #8d979c; position: absolute; top: -8px; right: -4%; font-size: 10px; font-weight: bold; text-transform: uppercase; text-decoration: none; padding: 0 0 0 5px; } .text .top a:hover { color: #00a0c6; } /* shortcodes - tabs */ .sc-tabs { width: 100%; margin-bottom: 20px;} .sc-tabs .ui-tabs-hide { display: none!important; } ul.sc-tabs-header { margin: 0; padding: 0; width: 100%; } ul.sc-tabs-header li { list-style: none; } ul.sc-tabs-header li a { color: #999; display: inline-block; float: left; padding: 7px 10px 7px 10px; margin: 0 2px 0 0; -moz-border-radius: 4px 4px 0 0; -webkit-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; } ul.sc-tabs-header li a:hover { color: #555; cursor: pointer; } ul.sc-tabs-header li.ui-state-active a { color:#555; background: #eee; color: #697378; } .sc-tabs-body { width: 100%; } .sc-tab-single-box { background: #eee; float: left; width: 92%; padding: 4%; } /* shortcodes - toggle */ .toggle-box { background: #eee; margin-bottom: 20px; padding: 12px 20px; } h4.toggle-title { font-size: 14px; font-weight: normal; background: url(img/shortcodes/sc-icon-toggle.png) no-repeat -28px 5px; padding: 0 0 0 20px; margin: 0; cursor: pointer; } h4.toggle-title a { color: #697378; } h4.toggle-title a:hover { color: #555; } h4.toggle-title-active { background: url(img/shortcodes/sc-icon-toggle.png) no-repeat 1px -54px; } .toggle-inner { margin-top: 10px; display: none; } /* nobox fix */ .nobox ul.sc-tabs-header li.ui-state-active a, .nobox .sc-tab-single-box, .nobox .toggle-box { background: #fff; } /* ------------------------------------------------------------------------- * * COMMENTS * * ------------------------------------------------------------------------- */ #comments { background: #f2f2f2; margin-top: -6px; padding-top: 6px; padding-bottom: 20px; width: 620px; -moz-box-shadow: 0 0 6px rgba(0,0,0,0.25); -webkit-box-shadow: 0 0 6px rgba(0,0,0,0.25); box-shadow: 0 0 6px rgba(0,0,0,0.25); } #comments-title { background: url(img/v-sprite.png) no-repeat -200px 0; padding-left: 46px; color: #333; font-size: 26px; letter-spacing: -0.7px; font-weight: bold; line-height: 32px; margin: 30px 30px 20px 30px; text-shadow: 0 1px 0 #fff; } #comments-title span { color: #; font-weight: normal; padding-left: 10px; } ol.commentlist { margin: 0 25px; } /* ---- COMMENTS : BASE ---- */ ol.commentlist li { } ol.commentlist li .comment-body { background: #fff; border: 1px solid #dfdfdf; clear: both; overflow: auto; padding: 20px 90px 20px 20px; margin: 0 0 10px 0; position: relative; font: 100%/1.5 Arial,sans-serif; text-rendering: optimizeLegibility; } ol.commentlist li .comment-body .comment-author { float: left; margin-bottom: 6px; } ol.commentlist li .comment-body cite.fn { color: #444; font-weight: bold; font-size: 16px; font-style: normal; line-height: 22px; } ol.commentlist li .comment-body cite.fn a { color: #227793; } ol.commentlist li .comment-body cite.fn a:hover { color: #444; } ol.commentlist li .comment-body span.says { display: none; } ol.commentlist li .comment-body em.comment-awaiting-moderation { font-size: 12px; margin-left: 10px; color: #227793; font-style: normal; } ol.commentlist li .comment-body img.avatar { position: absolute; right: 20px; top: 20px; width: 50px; height: 50px; } ol.commentlist li .comment-body .comment-meta { float: left; margin-bottom: 6px; margin-left: 10px; font-size: 12px; line-height: 24px; } ol.commentlist li .comment-body .comment-meta a { color: #999; } ol.commentlist li .comment-body .comment-meta a.comment-edit-link { text-decoration: none; } ol.commentlist li .comment-body .comment-meta a.comment-edit-link:hover { color: #444; } ol.commentlist li .comment-body p { font-size: 12px; margin-bottom: 1.5em; color: #666; clear: both; } ol.commentlist li .comment-body .reply { position: absolute; bottom: 0; left: 0; } ol.commentlist li .comment-body .reply a { background: #f9f9f9; border-top: 1px solid #e8e8e8; border-right: 1px solid #e8e8e8; display: block; font-size: 11px; color: #227793; line-height: 22px; padding: 0 8px; -moz-border-radius: 0 4px 0 0; -webkit-border-radius: 0 4px 0 0; border-radius: 0 4px 0 0; } ol.commentlist li .comment-body .reply a:hover { color: #444; border-color: #ddd; } ol.commentlist li.bypostauthor .comment-body { background-image: url(img/postauthor.png); background-repeat: no-repeat; background-position: top right; } ol.commentlist li.bypostauthor li .comment-body { background-image: none; } ol.commentlist li.bypostauthor ul.children li.bypostauthor .comment-body { background-image: url(img/postauthor.png); } /* pingback difference */ ol.commentlist li.pingback .comment-body { padding: 20px; } ol.commentlist li.pingback .comment-body .comment-author { margin-bottom: 0; display: block; float: none; } ol.commentlist li.pingback .comment-body .comment-meta { margin-left: 0; display: block; float: none; } ol.commentlist li.pingback .comment-body p { margin: 0; } ol.commentlist li.pingback span.says { display: none; } ol.commentlist li.pingback .reply { display: none; } ol.commentlist li.pingback .comment-body p { font-style: italic; } /* ---- comments : nesting ---- */ ol.commentlist li.comment ul.children { margin: 0 0 10px 0; } ol.commentlist li.comment ul.children li.comment { border-left: 1px solid #ddd; padding: 0 0 10px 30px; } ol.commentlist li.comment ul.children li .comment-body { margin: 0; padding: 15px 15px 10px 70px; } ol.commentlist li.comment ul.children li .comment-body cite.fn { font-size: 14px; } ol.commentlist li.comment ul.children li .comment-body img.avatar { width: 40px; height: 40px; left: 15px; top: 15px; } ol.commentlist li.comment ul.children ul.children { margin: 10px 0 0 0; } ol.commentlist li:last-child, ol.commentlist li li:last-child, ol.commentlist li li li:last-child, ol.commentlist li li li li:last-child { padding-bottom: 0!important; } /* ---- COMMENTS : NAV ---- */ #comments .navigation { margin: 10px 25px 0 25px; padding: 10px; border: 1px dotted #ccc; box-shadow: inset 0 1px 0 #fff; } #comments .navigation a { font-weight: bold; font-size: 14px; color: #227793; } #comments .navigation a:hover { color: #444; } #comments .navigation .nav-previous { float: left; } #comments .navigation .nav-next { float: right; } /* ---- COMMENTS : FORM ---- */ #respond { } #respond h2 { color: #333; font-size: 26px; font-weight: bold; line-height: 32px; margin: 30px 20px 0 20px; text-shadow: 0 1px 0 #fff; } #respond h2 a { color: #333; } #respond h2 a:hover { text-decoration: underline; } #respond a#cancel-comment-reply-link { background: #ddd; display: block; padding: 7px 10px; font-size: 14px; color: #333; font-weight: bold; text-decoration: underline; position: absolute; top: 0; right: 20px; } #respond a#cancel-comment-reply-link:hover { text-decoration: none; } #respond p.user { color: #; padding: 0 20px; font-size: 14px; } #respond p.user a { color: #227793; } #respond p.user a:hover { color: #444; } #respond p.allowed-tags { background: #ddd; font-size: 11px; color: #; text-shadow: 0 1px 0 rgba(255,255,255,0.; border: 1px solid #ccc; padding: 10px; margin: 10px 20px; } #respond #form-wrap { background: #fff; border: 1px solid #ccc; margin: 20px 25px 25px 25px; padding: 15px; -moz-box-shadow: 0 0 6px rgba(0,0,0,0.1); -webkit-box-shadow: 0 0 6px rgba(0,0,0,0.1); box-shadow: 0 0 6px rgba(0,0,0,0.1); } /* reply */ li.comment #respond { margin-bottom: 10px; } li.comment #respond #form-wrap { margin: 0; } li.comment #respond li { padding-left: 1%; border: 0; } li.comment li #respond { margin: 10px 0 0 30px; } li.comment #respond header { position: relative; border: 0; margin: 0; padding-bottom: 0; } li.comment #respond header h2, li.comment #respond header div, li.comment #respond header p.allowed-tags, li.comment #respond header p.user { display: none; } li.comment #respond header #cancel-comment-reply-link { display: block; position: absolute; top: 10px; right: 20px; z-index: 2; padding: 10px 0 0 0; background: none; font-size: 11px; font-weight: normal; } .bandit-form label { font-weight: bold; color: #444; } .bandit-form li input, .bandit-form li textarea { background: #eee; font-size: 14px; color: #555; -moz-box-shadow: inset 0 1px 0 #ddd; -webkit-box-shadow: inset 0 1px 0 #ddd; box-shadow: inset 0 1px 0 #ddd; } .bandit-form li.focused { } .bandit-form .submit { background: #227793; border: 1px solid #0e3a48; color: #fff; text-shadow: 0 1px 0 rgba(0,0,0,0.3); font-weight: bold; font-size: 14px; padding: 4px 12px; cursor: pointer; -moz-box-shadow: 0 1px 0 rgba(0,0,0,0.1); -webkit-box-shadow: 0 1px 0 rgba(0,0,0,0.1); box-shadow: 0 1px 0 rgba(0,0,0,0.1); } .bandit-form .submit:focus, .bandit-form .submit:hover { } /* ------------------------------------------------------------------------- * * WP DEFAULT WIDGETS * * ------------------------------------------------------------------------- */ #sidebar { text-shadow: 0 1px 0 rgba(255,255,255,0.7); } /* ---- WP DEFAULT WIDGET ---- */ .widget { color: #555; font-size: 12px; margin-bottom: 30px; clear: both; } .widget h3 { background: url(img/widget-icons.png) 6px 6px no-repeat; border-bottom: 8px solid #fff; color: #2a2a2a; font-size: 16px; font-weight: bold; line-height: 30px; margin-bottom: 6px; padding-left: 30px; text-transform: uppercase; -moz-box-shadow: 0 1px 0 rgba(0,0,0,0.1); -webkit-box-shadow: 0 1px 0 rgba(0,0,0,0.1); box-shadow: 0 1px 0 rgba(0,0,0,0.1); } .widget h3 a { color: #2a2a2a; } .widget h3 a:hover { text-decoration: underline; } .widget a { color: #555; } .widget a:hover { color: #227793; } /* ---- WP DEFAULT WIDGET : ARCHIVES ---- */ .widget_archive h3 { background-position: 6px -30px; } .widget_archive ul li { padding: 6px 0; border-bottom: 1px dotted #ccc; } .widget_archive ul li a { background: url(img/widget-icon-a.png) 14px 4px no-repeat; padding: 0 0 0 30px; } /* ---- WP DEFAULT WIDGET : CALENDAR ---- */ .widget_calendar { } .widget_calendar h3 { background-position: 6px -66px; } .widget_calendar #calendar_wrap { background: url(img/widget-calendar.png) no-repeat top; display: block; padding-top: 10px; height: 244px; } .widget_calendar #wp-calendar { margin: 0 auto; } .widget_calendar #wp-calendar caption { color: #fff; font-size: 12px; font-weight: bold; line-height: 30px; margin-bottom: 6px; text-shadow: 0 1px 0 rgba(0,0,0,0.3); text-transform: uppercase; } .widget_calendar #wp-calendar th { color: #2a2a2a; font-weight: bold; } .widget_calendar #wp-calendar th, .widget_calendar #wp-calendar td { border: 1px solid #e6e4d9; font-size: 12px; padding: 4px 11px; text-align: center; } .widget_calendar #wp-calendar a { background: none; border: none; color: #227793; padding: 0; margin: 0; text-shadow: none; } .widget_calendar #wp-calendar a:hover { text-decoration: underline; } .widget_calendar #wp-calendar a:hover, .widget_calendar #wp-calendar tfoot a { color: #227793; } .widget_calendar #wp-calendar tfoot a:hover { color: #2a2a2a; } .widget_calendar #wp-calendar tfoot .pad, .widget_calendar #wp-calendar tfoot td#prev, .widget_calendar #wp-calendar tfoot td#next { border: none; padding: 6px; } .widget_calendar #wp-calendar tfoot td#prev { text-align:left; } .widget_calendar #wp-calendar tfoot td#next { text-align:right; } /* ---- WP DEFAULT WIDGET : CATEGORIES ---- */ .widget_categories { } .widget_categories ul li { padding: 6px 0; border-bottom: 1px dotted #ccc; } .widget_categories ul li a { background: url(img/widget-icon-a.png) 14px 4px no-repeat; padding: 0 0 0 30px; } /* ---- WP DEFAULT WIDGET : CUSTOM MENU ---- */ .widget_nav_menu h3 { background-position: 6px -174px; } .widget_nav_menu ul li a { background: url(img/widget-icon-a.png) 14px 11px no-repeat; border-bottom: 1px dotted #ccc; display: block; padding: 6px 0; padding-left: 30px; } .widget_nav_menu ul li li a { padding-left: 50px; background-position: 34px 11px; } .widget_nav_menu ul li li li a { padding-left: 70px; background-position: 54px 11px;} .widget_nav_menu ul ul, .widget_nav_menu ul ul ul { border: 0; } /* ---- WP DEFAULT WIDGET : LINKS ---- */ .widget_links h3 { background-position: 6px -102px; } .widget_links ul li { padding: 6px 0; border-bottom: 1px dotted #ccc; } .widget_links ul li a { background: url(img/widget-icon-a.png) 14px 4px no-repeat; padding: 0 0 0 30px; } /* ---- WP DEFAULT WIDGET : META ---- */ .widget_meta h3 { background-position: 6px -138px; } .widget_meta ul li { padding: 6px 0; border-bottom: 1px dotted #ccc; } .widget_meta ul li a { background: url(img/widget-icon-a.png) 14px 4px no-repeat; padding: 0 0 0 30px; } /* ---- WP DEFAULT WIDGET : PAGES ---- */ .widget_pages h3 { background-position: 6px -174px; } .widget_pages ul li a { background: url(img/widget-icon-a.png) 14px 11px no-repeat; border-bottom: 1px dotted #ccc; display: block; padding: 6px 0; padding-left: 30px; } .widget_pages ul li li a { padding-left: 50px; background-position: 34px 11px; } .widget_pages ul li li li a { padding-left: 70px; background-position: 54px 11px;} .widget_pages ul ul, .widget_pages ul ul ul { border: 0; } /* ---- WP DEFAULT WIDGET : RECENT COMMENTS ---- */ .widget_recent_comments h3 { background-position: 6px -210px; } .widget_recent_comments ul li { font-weight: bold; padding: 6px 0; border-bottom: 1px dotted #ccc; } .widget_recent_comments ul li a { background: none; border: none; display: inline; padding: 0; font-size: 12px; } /* ---- WP DEFAULT WIDGET : RECENT ENTRIES ---- */ .widget_recent_entries h3 { background-position: 6px -246px; } .widget_recent_entries ul li { padding: 6px 0; border-bottom: 1px dotted #ccc; } .widget_recent_entries ul li a { background: url(img/widget-icon-recentposts.png) no-repeat 10px 2px; padding-left: 30px; } /* ---- WP DEFAULT WIDGET : RSS ---- */ .widget_rss h3 { background-position: 6px -318px; } .widget_rss h3 a:hover { color: #2a2a2a; } .widget_rss img { display: none; } .widget_rss ul li { padding: 6px 0; border-bottom: 1px dotted #ccc; } .widget_rss ul li span.rss-date { font-size: 11px; font-weight: bold; display: block; } .widget_rss ul li .rssSummary { font-size: 11px; margin-top: 4px; } /* ---- WP DEFAULT WIDGET : SEARCH ---- */ .widget_search { margin-bottom: 30px; } .widget_search h3 { background-position: 6px -282px; } .widget_search div { height: 36px; } .widget_search input#s { background: url(img/v-sprite.png) no-repeat -200px -120px; color: #555; border: none; float: left; display: block; font-size: 12px; outline: none; padding: 3px 8px 3px 12px; height: 26px; width: 172px; margin-top: 4px; } .widget_search label.screen-reader-text { display:none; } .widget_search input#searchsubmit { background: url(img/v-sprite.png) no-repeat -412px -120px; border: none; color: #bbb; cursor: pointer; display: block; float: left; font-size: 12px; font-weight: bold; height: 32px; width: 108px; margin-top: 4px; padding: 0 0 1px 23px; text-shadow: 0 -1px 0 #000; text-transform: uppercase; } .widget_search input#searchsubmit:hover { color: #fff; text-shadow: 0 -1px 0 #000; } /* ---- WP DEFAULT WIDGET : TAG CLOUD ---- */ .widget_tag_cloud { } .widget_tag_cloud h3 { background-position: 6px -354px; } .widget_tag_cloud .tagcloud a { } .widget_tag_cloud .tagcloud a:hover { } /* ---- WP DEFAULT WIDGET : TEXT ---- */ .widget_text { } .widget_text .textwidget { font-size: 14px; padding-top: 5px; } .widget_text .textwidget p { line-height: 20px; margin-bottom: 20px; } /* ------------------------------------------------------------------------- * * WPBANDIT WIDGETS * * ------------------------------------------------------------------------- */ /* ---- CUSTOM WIDGET : WPB FLICKR ---- */ .widget_bandit_flickr h3 { background-position: 6px -426px; margin-bottom:12px; } .widget_bandit_flickr #flickr_wrap { margin-left: 8px; } .widget_bandit_flickr .flickr_badge_image { background: #fff; width: 75px; height: 75px; padding: 5px; float: left; margin: 5px; -moz-box-shadow: 0 0 6px rgba(0,0,0,0.25); -webkit-box-shadow: 0 0 6px rgba(0,0,0,0.25); box-shadow: 0 0 6px rgba(0,0,0,0.25); } .widget_bandit_flickr li.widget_wpb_flickr img { float:left; } .widget_bandit_flickr #flickr_badge_image3 img, .widget_bandit_flickr #sidebar #flickr_badge_image6 img, .widget_bandit_flickr #sidebar #flickr_badge_image9 img { margin-right:0; } /* ---- CUSTOM WIDGET : WPB RECENT COMMENTS ---- */ .widget_bandit_recentcomments h3 { background-position: 6px -210px; } .widget_bandit_recentcomments ul li { color:#555; padding:7px 0px 7px 0px; display:block; float:left; font-size: 14px; background: none; border-bottom: 1px dotted #ccc; } .widget_bandit_recentcomments ul li a { border: 0; } .widget_bandit_recentcomments ul li .post_link { font-size: 12px; font-style: normal; } .widget_bandit_recentcomments ul li .post_link span { display: inline; background: none; padding: 0; margin: 0; color: #2a2a2a; font-family: Arial; font-size: 12px; font-weight: bold;} .widget_bandit_recentcomments ul li .wrap_comment { float: left; width: 227px; margin-left: 10px; padding: 5px 0; } .widget_bandit_recentcomments ul li .wrap_comment p { font-size: 14px; padding: 5px 0; color: #555; } .widget_bandit_recentcomments ul li a.comment_link { color: #555; background: none; padding: 0; margin: 0; font-size: 12px; line-height: 1.5em; font-weight: normal; padding: 0; } .widget_bandit_recentcomments ul li a.comment_link:hover { color: #2a2a2a; } .widget_bandit_recentcomments ul li .gravatar { background: url(img/bg_sidebar_gravatar.png) no-repeat; width: 60px; padding: 2px 0 0 0; float: left; margin: 0; } .widget_bandit_recentcomments ul li .gravatar img { width: 50px; height: 50px; border: 5px solid #fff; -moz-box-shadow: 0 0 6px rgba(0,0,0,0.25); -webkit-box-shadow: 0 0 6px rgba(0,0,0,0.25); box-shadow: 0 0 6px rgba(0,0,0,0.25); } .widget_bandit_recentcomments ul li a.view_more { background: #227793; width: 60px; text-align: center; font-family: Arial; color: #fff; font-size: 11px; font-weight: normal; text-shadow: 0 -1px 0 rgba(0,0,0,0.3); margin: 3px 0 0 0; padding: 3px 0; float: right; font-style: normal; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; } .widget_bandit_recentcomments ul li a.view_more:hover { background: #555; } /* ---- CUSTOM WIDGET : EDGE FEATURED POSTS ---- */ .widget_bandit_edgefeaturedposts h3 { background-position: 6px -463px; margin-bottom: 20px; } .widget_bandit_edgefeaturedposts { position: relative; } .widget_bandit_edgefeaturedposts li { background: #fff; float: left; margin: 5px 6px 5px 6px; padding-top: 8px; width: 144px; -moz-box-shadow: 0 0 5px rgba(0,0,0,0.25); -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.25); box-shadow: 0 0 5px rgba(0,0,0,0.25); -moz-box-shadow: 0 0 6px rgba(0,0,0,0.25); -webkit-box-shadow: 0 0 6px rgba(0,0,0,0.25); box-shadow: 0 0 6px rgba(0,0,0,0.25); -webkit-transition-property: background color; -webkit-transition-duration: 0.2s; -webkit-transition-timing-function: ease-out; -moz-transition-property: background color; -moz-transition-duration: 0.2s; -moz-transition-timing-function: ease-out; -o-transition-property: background color; -o-transition-duration: 0.2s; -o-transition-timing-function: ease-out; transition-property: background color; transition-duration: 0.2s; transition-timing-function: ease-out; } .widget_bandit_edgefeaturedposts li:hover { background: #2a2a2a; cursor: pointer; } .widget_bandit_edgefeaturedposts li:hover a { color: #fff; } .widget_bandit_edgefeaturedposts li:hover .date { border-right: 6px solid #efede9; } .widget_bandit_edgefeaturedposts nav { position: absolute; top: 5px; right: 0; } .widget_bandit_edgefeaturedposts nav span { display: none; } .widget_bandit_edgefeaturedposts nav a { border-bottom: none; cursor: pointer; float: left; padding: 0; } .widget_bandit_edgefeaturedposts a { -webkit-transition-property: none; -moz-transition-property: none; -o-transition-property: none; transition-property: none; } .widget_bandit_edgefeaturedposts a.prev { background: url(img/v-sprite.png) no-repeat -200px -40px; height: 20px; width: 27px; } .widget_bandit_edgefeaturedposts a.prev:hover { background-position: -200px -60px; } .widget_bandit_edgefeaturedposts a.next { background:url(img/v-sprite.png) no-repeat -227px -40px; height: 20px; width: 27px; } .widget_bandit_edgefeaturedposts a.next:hover { background-position: -227px -60px; } .widget_bandit_edgefeaturedposts .caroufredsel_wrapper { width: 312px; margin-left: -6px; } .widget_bandit_edgefeaturedposts .thumbnail { background: url(img/header-featured-img.png) no-repeat 0 -312px; margin: 0 auto; height: 128px; width: 128px; } .widget_bandit_edgefeaturedposts .title { height: 54px; margin-top: 4px; margin-bottom: 6px; padding-left: 8px; padding-right: 8px; overflow: hidden; } .widget_bandit_edgefeaturedposts .title a { background: none; border: none; color: #2a2a2a; font-size: 12px; font-weight: bold; line-height: 1.3333em; text-shadow: none; } .widget_bandit_edgefeaturedposts .meta { border-top: 1px dotted #ccc; padding: 12px; position: relative; } .widget_bandit_edgefeaturedposts .date { color: #767676; font: italic 12px/1.4545 Georgia,serif; text-shadow: none; } .widget_bandit_edgefeaturedposts li:hover .thumbnail { background-position: 0 -440px; } .widget_bandit_edgefeaturedposts li:hover .title a { color: #fff; } .widget_bandit_edgefeaturedposts li:hover .meta { border-color: #666; } .widget_bandit_edgefeaturedposts li:hover .date { color: #aaa; } .widget_bandit_edgefeaturedposts .plus { background: #227793 url(img/v-sprite.png) no-repeat -92px -74px; width: 28px; height: 24px; position: absolute; right: -4px; top: 8px; } .widget_bandit_edgefeaturedposts .depth { background: #227793 url(img/featured-depth.png) no-repeat 0 0; width: 4px; height: 4px; position: absolute; top: 32px; right: -4px; } /* ------------------------------------------------------------------------- * * PLUGINS * * ------------------------------------------------------------------------- */ /*- plugin | wp-pagenavi -*/ .wp-pagenavi { float: right!important; font-size: 12px!important; font-weight: bold; line-height: 22px!important; margin: 0 2px 0 0!important; } .wp-pagenavi a, .wp-pagenavi a:link { padding: 6px 8px!important; margin: 2px!important; text-decoration: none!important; border: 1px solid #5ba9c2!important; color: #227894!important; background: transparent!important; } .wp-pagenavi a:visited { padding: 6px 8px!important; margin: 2px!important; text-decoration: none!important; border: 1px solid #5ba9c2!important; color: #227894!important; background: transparent!important; } .wp-pagenavi a:hover { border: 1px solid #227894!important; color: #555!important; background: transparent!important; } .wp-pagenavi a:active { padding: 6px 8px!important; margin: 2px!important; text-decoration: none!important; border: 1px solid #227894!important; color: #2a2a2a!important; background: transparent!important; } .wp-pagenavi span.pages { padding: 6px 8px!important; margin: 2px 2px 2px 2px!important; color: #!important; border: 1px solid #aaaaaa!important; background: transparent!important; } .wp-pagenavi span.current { padding: 6px 8px!important; margin: 2px!important; font-weight: bold!important; border: 1px solid #227894!important; color: #fff!important; background: #227894!important; } .wp-pagenavi span.extend { padding: 6px 8px!important; margin: 2px!important; border: 1px solid #aaaaaa!important; color: #!important; background: transparent!important; } .wp-pagenavi a, .wp-pagenavi span { border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; } /* ------------------------------------------------------------------------- * * FOOTER * * ------------------------------------------------------------------------- */ #footer { background: #2a2a2a url(img/h-sprite.png) repeat-x bottom; border-top: 8px solid #d9d3c7; padding: 20px 0; } /* ---- FOOTER INNER ---- */ #footer_inner { } #footer_inner .box { background: #363636; position: relative; border-bottom: 1px solid #222; padding: 15px; } #footer_inner .box a.top { background: #227793 url(img/top.png) no-repeat 10px 14px; border-bottom: 1px solid #2790b3; border-left: 1px solid #2790b3; display: block; height: 46px; padding: 0 15px 0 30px; color: #fff; line-height: 48px; font-size: 12px; text-transform: uppercase; font-weight: bold; color: #fff; position: absolute; top: 0; right: 0; text-shadow: 0 1px 0 rgba(0,0,0,0.3); } #footer_inner .box p { font-size: 14px; color: #ccc; font-weight: bold; text-shadow: 0 -1px 0 rgba(0,0,0,0.4); } #footer_inner .box p a { color: #ccc; } #footer_inner .box p a:hover { color: #fff; text-decoration: underline; } #footer_inner .sub { margin-top: 15px; margin-bottom: 70px; text-shadow: 0 -1px 0 rgba(0,0,0,0.5); } #footer_inner .sub ul#menu-footer { font-size: 13px; float: left; padding: 1px 0; } #footer_inner .sub ul#menu-footer li { display: inline; margin-left: 1px; border-left: 1px solid #404040; padding-left: 10px; line-height: 14px; } #footer_inner .sub ul#menu-footer li ul { display: none; } #footer_inner .sub ul#menu-footer li:first-child { margin: 0; border: 0; padding: 0; } #footer_inner .sub ul#menu-footer li a { color: #999; } #footer_inner .sub ul#menu-footer li a:hover { color: #ccc; } #footer_inner .sub ul#footer-links { font-size: 13px; float: right; } #footer_inner .sub ul#footer-links li { float: left; display: inline; margin-left: 15px; line-height: 16px; } #footer_inner .sub ul#footer-links li a { color: #777; background: url(img/smb.png) no-repeat 0 0; padding-left: 22px; line-height: 16px; display: inline-block; } #footer_inner .sub ul#footer-links li a:hover { color: #999; } #footer_inner .sub ul#footer-links li.rss a { background-position: 0 0; } #footer_inner .sub ul#footer-links li.facebook a { background-position: 0 -16px; } #footer_inner .sub ul#footer-links li.twitter a { background-position: 0 -32px; } #footer_inner .sub ul#footer-links li.flickr a { background-position: 0 -48px; } /* ---- STICKY FOOTER ---- */ html,body { height:100%; } /*.wrapper { min-height: 100%; height: auto!important; height: 100%; margin: 0 auto -0px;} .push { height: 0px; }*/ /* ---- STOP EDITING ------------------------------------------------------- */ /* ------------------------------------------------------------------------- * * FORMS * * ------------------------------------------------------------------------- */ /* default form styling */ input, textarea { font-family: Arial, Helvetica, Verdana, sans-serif; background: #eee; color: #555; font-size: 14px; border: 1px solid #ccc; border-top: 1px solid #999; padding: 4px 0; -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.1); -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.1); box-shadow: inset 0 1px 1px rgba(0,0,0,0.1); } input:focus, textarea:focus { border-color: #aaa; } input[type="submit"] { background: #333; color: #fff; font-weight: bold; font-size: 14px; padding: 4px 8px; cursor: pointer; border: 0; border-radius: 2px; -moz-border-radius: 2px; webkit-border-radius: 2px; } input[type="submit"]:active { background: #333; } label { font-weight: bold; color: #2a2a2a; font-size: 14px; } /* Form styles are from the Wufoo Form Framework by Infinity Box Inc. */ .bandit-form{letter-spacing:.01em;text-rendering:optimizeLegibility;} .bandit-form li{width:64%;} /* ---- FORM INFO ---- */ .bandit-form .info{display:inline-block;clear:both;margin:0 0 5px 0; padding:0 1% 0.55em 1%;border-bottom:1px dotted #ccc;} .bandit-form .info[class] {display:block;position:relative;} .bandit-form .info h4{color:#555;font-weight:normal;font-size:160% ;margin:0 0 5px 0;clear:left;} /* ---- FIELD STRUCTURE ---- */ form ul{list-style-type:none;} form li{margin:0;padding:6px 1% 9px 1%;clear:both;background-color:transparent; position:relative;-webkit-transition: background-color 350ms ease-out; -moz-transition: background-color 350ms ease-out;-o-transition: background-color 350ms ease-out;transition: background-color 350ms ease-out;} /* ---- LABELS ---- */ form li div label, form li span label{margin:0;padding-top:3px;clear:both;font-size:85%; line-height:160%;display:block;} fieldset{display:block;border:none;margin:0;padding:0;} * html fieldset{margin:-12px 0 5px 0;} *+html fieldset{margin:-14px 0 7px 0;} label.desc,legend.desc{font-size:95%;line-height:150%;margin:0;padding:0 0 3px 0; border:none;display:block;white-space: normal;width:100%;} /* ---- REQUIRED ---- */ form span.req{display:inline;float:none;color:red !important;font-weight:bold; margin:0;padding:0;} /* ----- FIELDS ----- */ input.text,input.search, input.file, textarea.textarea, select.select{font-size:100%; margin:0;padding:2px 0;} input.text,input.search, textarea.textarea{border-top:1px solid #7c7c7c; border-left:1px solid #c3c3c3;border-right:1px solid #c3c3c3; border-bottom:1px solid #ddd;} /* ---- SIZES ---- */ .bandit-form .third{width:32%;} .bandit-form .half{width:48%;} .bandit-form .full{width:100%;} input.small,select.small{width:25%;} input.medium,select.medium{width:50%;} input.large,select.large{width:100%;} textarea.textarea{width:293px;min-width:100%;max-width:100%;} textarea.small{height:5.5em;} textarea.medium{height:10em;} textarea.large{height:20em;} /* ----- BUTTONS ----- */ form li.buttons{width:auto !important;position:relative;clear:both; padding:10px 1% 10px 1%;} form li.buttons input{font-size:100%;margin-right:5px;} input.btTxt{padding:0 7px;width:auto;overflow:visible;} /* ----- NO INSTRUCTIONS ----- */ .noI form li,.altInstruct form li{width:auto !important;} /* ----- HALVES AND THIRDS ----- */ form li.leftHalf,form li.rightHalf{width:47% !important;} form li.leftThird,form li.middleThird,form li.rightThird{width:30%!important;} form li.leftHalf,form li.leftThird{clear:left !important; float:left;} form li.middleThird{clear:none !important; float:left;width:30%!important; margin-left:2% !important;} form li.rightHalf, form li.rightThird{ clear:none !important; float:right;} li.leftHalf .small,li.rightHalf .small, li.leftHalf .medium,li.rightHalf .medium, li.leftThird .small,li.middleThird .small,li.rightThird .small, li.leftThird .medium,li.middleThird .medium,li.rightThird .medium{ width:100%!important;} /* ----- INSTRUCTIONS ----- */ form .instruct{position:absolute;top:0;left:0;z-index:1000;width:45%; margin:0 0 0 8px;padding:8px 10px 10px 10px; border:1px solid #e6e6e6;background:#f5f5f5; visibility:hidden;opacity:0;font-size:105%; -webkit-transition: opacity 350ms ease-out; -moz-transition: opacity 350ms ease-out; -o-transition: opacity 350ms ease-out; transition: opacity 350ms ease-out;} form .instruct small{line-height:120%;font-size:80%;color:#444;} form li.focused .instruct, form li:hover .instruct{left:100%;visibility: visible;opacity:1;} Edited July 31, 201214 yr by MAHooson
Create an account or sign in to comment