/* Theme Name: Sprout Theme URI: http://wpbandit.com/ Version: 1.4 Description: Designed by WPBandit Author: WPBandit Author URI: http://wpbandit.com Copyright: (c) 2009-2012 WPBandit. License: GNU General Public License v2.0 License URI: http://www.gnu.org/licenses/gpl-2.0.html */ /* WARNING! DO NOT EDIT THIS FILE! To make it easy to update your theme, you should not edit the styles in this file. Instead use the custom.css file to add your styles. You can copy a style from this file and paste it in custom.css and it will override the style in this file. You have been warned! :) /* /* ------------------------------------------------------------------------- * * Reset - http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 * ------------------------------------------------------------------------- */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, 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, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, 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; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } /* ------------------------------------------------------------------------- * * 960 Grid System /* ------------------------------------------------------------------------- */ .container-12, .container-16 { margin-left: auto; margin-right: auto; width: 960px; } .grid { display: inline; float: left; } .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 { background-color: #e4e4e4; background-image: url(img/bg.png); background-repeat: repeat; background-position: center top; font-size: 14px; color: #555; font-family: Arial, Helvetica, Verdana, sans-serif; } a { color: #308dbf; text-decoration:none; outline: 0; } a:hover { color: #222; } a img:hover { opacity: 0.7; } a { -webkit-transition-property: background color; -webkit-transition-duration: 0.2s; -webkit-transition-timing-function: ease; -moz-transition-property: background color; -moz-transition-duration: 0.2s; -moz-transition-timing-function: ease; -o-transition-property: background color; -o-transition-duration: 0.2s; -o-transition-timing-function: ease; transition-property: background color; transition-duration: 0.2s; transition-timing-function: ease; } a img { opacity: 0.99; -webkit-transition-property: opacity; -webkit-transition-duration: 0.2s; -webkit-transition-timing-function: ease; -moz-transition-property: opacity; -moz-transition-duration: 0.2s; -moz-transition-timing-function: ease; -o-transition-property: opacity; -o-transition-duration: 0.2s; -o-transition-timing-function: ease; transition-property: opacity; transition-duration: 0.2s; transition-timing-function: ease; } 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; } /* base : clear /* ------------------------------------ */ .clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; } .fix:before, .fix:after { content: ""; display: table; } .fix:after { clear: both; } .fix { zoom: 1; } /* base : forms /* ------------------------------------ */ input, textarea, button, select, label { font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 13px; } input::-moz-focus-inner, button::-moz-focus-inner { border: 0; padding: 0; } input[type="text"], input[type="password"], input[type="email"], input[type="submit"], button, textarea { margin: 0; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } input, textarea, button { -moz-appearance: none; -webkit-appearance: none; transition: all .2s ease; -o-transition: all .2s ease; -moz-transition: all .2s ease; -webkit-transition: all .2s ease; } input[type="checkbox"] { -moz-appearance: checkbox; -webkit-appearance: checkbox; } input[type="radio"] { -moz-appearance: radio; -webkit-appearance: radio; } label { font-weight: bold; color: #444; } input[type="text"], input[type="password"], input[type="email"], textarea { background: #fff; border: 1px solid #ccc; color: #777; display: block; max-width: 100%; outline: none; padding: 7px 8px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; -moz-box-shadow: inset 0 1px 0 rgba(0,0,0,0.04); -webkit-box-shadow: inset 0 1px 0 rgba(0,0,0,0.04); box-shadow: inset 0 1px 0 rgba(0,0,0,0.04); } input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, textarea:focus { border-color: #bbb; color: #444; -moz-box-shadow: 0 0 3px rgba(0,0,0,0.2); -webkit-box-shadow: 0 0 3px rgba(0,0,0,0.2); box-shadow: 0 0 3px rgba(0,0,0,0.2); } label .required { color: #308dbf; } input[type="submit"], button[type="submit"] { background: #308dbf; color: #fff; text-shadow: 0 1px 0 rgba(0,0,0,0.3); padding: 8px 14px; font-weight: bold; display: inline-block; border: none; cursor: pointer; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; -moz-box-shadow: 0 1px 0 rgba(0,0,0,0.05), inset 0 1px 0 rgba(0,0,0,0.2), inset 0 -1px 0 rgba(0,0,0,0.2); -webkit-box-shadow: 0 1px 0 rgba(0,0,0,0.05), inset 0 1px 0 rgba(0,0,0,0.2), inset 0 -1px 0 rgba(0,0,0,0.2); box-shadow: 0 1px 0 rgba(0,0,0,0.05), inset 0 1px 0 rgba(0,0,0,0.2), inset 0 -1px 0 rgba(0,0,0,0.2); } input[type="submit"]:hover, button[type="submit"]:hover { background-color: #444; color: #ccc; } input[type="submit"]:active, button[type="submit"]:active { background-color: #333; } input[type="text"]:focus, textarea:focus { border-color: rgba(48,141,191,0.7); -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset, 0 0 8px rgba(48,141,191,0.5); -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset, 0 0 8px rgba(48,141,191,0.5); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset, 0 0 8px rgba(48,141,191,0.5); } /* ------------------------------------------------------------------------- * * Core Text /* ------------------------------------------------------------------------- */ .text { font-size: 100%; line-height: 1.5; text-rendering: optimizeLegibility; } .text a:active, .text a:focus { outline: invert none medium; } .text p,.text dd,.text ol,.text ul { margin-bottom: 14px; } .text p { line-height: 1.57em; } .text ol,.text ul { margin-left: 40px; } .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 { background: url(img/shortcodes/blockquote.png) no-repeat 0 0; font-size: 15px; color: #999; font-family: Georgia, serif; font-style: italic; margin: 0 0 20px 10px; padding-left: 40px; } .text blockquote p { margin-bottom: 0.75em; } .text code, .text pre { font-family: Monaco, "Courier New", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", monospace; font-size: 11px; } .text pre { background: url(img/pre.png) repeat top; padding: 18px 20px; margin: 14px 0 28px 0; border: 1px solid #ccc; line-height: 19px; white-space: pre-wrap; word-wrap: break-word; overflow-x: auto; overflow-y: hidden; } .text code { background: #ddd; padding: 0 3px; } .text ins { background: #fff486; } .text sub,.text sup { font-size: 62.5%; } .text sub { vertical-align: sub; } .text sup { vertical-align: super; } .text hr, .hr { background: transparent url(img/hr.png) repeat-x top left; border: 0; height: 1px; margin: 30px 0; } .text img.size-auto, .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 img .size-full { width: 100%!important; } .text .gallery img, .text img.wp-smiley {margin:0;} .text .wp-caption { background: #f1f1f1; max-width: 538px; border: 1px solid #e2e2e2; margin-bottom: 0.5em; padding-top: 4px; text-align: center; } .text .wp-caption a { border-bottom: none; } .text .wp-caption img { margin: 0; max-width: 590px; height: auto; } .text .wp-caption.alignleft {margin-right:1em;} .text .wp-caption.alignright {margin-left:1em;} .text .wp-caption.alignnone { width: 100%; overflow: hidden; } .text .wp-caption.alignnone img { margin: 0 auto; max-width: 590px!important; } .text .wp-caption-text { color: #999; font-size: 12px; margin: 0 0 8px 0; } .text table { margin-bottom: 1.5em; width: 100%; text-align: center; } .text table tr.alt { background: #f1f1f1; } .text table td { border-bottom: 1px solid #e5e5e5; text-align: center; padding: 5px; vertical-align: middle; } .text table th { font-weight: bold; text-align: center; border-top: 1px solid #f1f1f1; border-bottom: 1px solid #f1f1f1; padding: 10px 5px; } .text #gallery-1 img { padding: 10px; border: 1px solid #f1f1f1; } .text .gallery-caption { text-align: center; font-size: 11px; } /* heading */ h1, h2, h3, h4, h5, h6 { color: #222; } .text h1,.text h2,.text h3,.text h4,.text h5,.text h6 { margin-bottom: 14px; font-weight: bold; line-height: 1.1em; } .text h1 { font-size: 32px; letter-spacing: -1.0px; } .text h2 { font-size: 26px; letter-spacing: -0.7px; } .text h3 { font-size: 20px; letter-spacing: -0.5px; } .text h4 { font-size: 16px; } .text h5 { font-size: 14px; } .text h6 { font-size: 12px; } /* ie8 fixes */ .ie8 .format-icon { display: none!important; } .ie8 #header-carousel.large ul li a.item i.item-text, .ie8 a:hover .format-icon, .ie8 .caption-bar { display: block!important; background: url(img/ie8.png) repeat; } /* ------------------------------------------------------------------------- * * Core Layout /* ------------------------------------------------------------------------- */ #header, #headstyle, #topfeatured, #subheader, #content, #footernav, #subfooter, #footer { width: 100%; clear: both; position: relative; } #header-inner, #headstyle-inner, #topfeatured-inner, #subheader-inner, #content-inner, #footernav-inner, #subfooter-inner, #footer-inner { position: relative; } #header:after, #headstyle:after, #topfeatured:after, #subheader:after, #content:after, #footernav:after, #subfooter:after, #footer:after { content:''; display:block; height:0; clear:both; visibility:hidden; } /* ------------------------------------------------------------------------- * * Header /* ------------------------------------------------------------------------- */ #header { background: url(img/h-sprite.png) repeat-x 0 0; min-width: 1020px; z-index: 9; text-shadow: 0 -1px 0 #222; position: absolute; top: 0; box-shadow: 0 0 1px rgba(255,255,255,0.2); } #header-inner { box-shadow: inset 1px 0 0 rgba(255,255,255,0.05), inset -1px 0 0 rgba(255,255,255,0.05); height: 70px; padding: 0 30px; } #logo { font-family: 'Oswald', sans-serif; font-weight: normal; text-transform: uppercase; font-size: 36px; line-height: 40px; margin: 15px 0; opacity: 0.99; float: left; } #logo a { color: #fff; float: left; } #logo a:hover { color: #ddd; } #logo img { float: left; max-width: 600px; height: 40px; } #tagline { color: #999; line-height: 70px; float: left; margin-left: 14px; } /* ------------------------------------------------------------------------- * * Header: Navigation ** ------------------------------------------------------------------------- */ #nav-header { z-index: 999; } #nav { font-family: 'Oswald', sans-serif; position: absolute; top: 0; right: 30px; } /* level 1 */ #nav li { font-size: 15px; list-style: none; display: inline; float: left; position: relative; } #nav li a { color: #999; display: block; line-height: 16px; padding: 27px 12px; text-transform: uppercase; margin-left: 2px; -webkit-transition-property: none; -moz-transition-property: none; -o-transition-property: none; transition-property: none; } #nav li a:hover, #nav li:hover a, #nav li.current_page_item a, #nav li.current_page_parent a, #nav li.current-menu-ancestor a, #nav li.current-menu-item a { background: #308dbf url(img/h-sprite.png) repeat-x 0 -400px; color: #fff; text-shadow: 0 -1px 0 rgba(0,0,0,0.3); } #nav li.current_page_item a, #nav li.current_page_parent a, #nav li.current-menu-ancestor a, #nav li.current-menu-item a { background: url(img/h-sprite.png) repeat-x 0 -300px; color: #fff; background-color: transparent!important; } /* level 2 */ #nav li:hover > ul { display: block; } #nav ul { display: none; font-family: Arial; background: #fff; border-top: 5px solid #308dbf; width: 160px; font-weight: normal; position: absolute; top: 70px; left: 2px; z-index: 999; -moz-box-shadow: 0 3px 3px rgba(0,0,0,0.07); -webkit-box-shadow: 0 3px 3px rgba(0,0,0,0.07); box-shadow: 0 3px 3px rgba(0,0,0,0.07); } #nav ul li { font-size: 12px; position: relative; padding-bottom: 0; float: left; margin: 0; } #nav ul li a { background: #fff!important; font-weight: normal; text-transform: none; color: #777!important; float: none; text-shadow: none; padding: 8px 12px; width: 136px; display: block; border-bottom: 1px solid #eee; text-shadow: none!important; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; margin-left: 0; } #nav ul li a:hover { background-color: #f5f5f5!important; color: #333!important; } #nav ul li a:active { opacity: 0.8; } #nav li.current_page_item ul, #nav li.current_page_parent ul, #nav li.current-menu-ancestor ul, #nav li.current-menu-item ul { border-top: 5px solid #ddd; } #nav li.current_page_item ul ul, #nav li.current_page_parent ul ul, #nav li.current-menu-ancestor ul ul, #nav li.current-menu-item ul ul { border-top: 0; } /* level 3 */ #nav ul ul { display: none; width: 160px; position: absolute; top: 0; left: 160px; border-top: 0;} /* ------------------------------------------------------------------------- * * Headstyle /* ------------------------------------------------------------------------- */ #headstyle { height: 640px; background: #ccc; z-index: 1; } #headstyle-arc { background: url(img/bg-arc.png) repeat-x bottom center; position: absolute; bottom: 0; width: 100%; height: 120px; z-index: 2; } #headstyle-bg { background: #ccc; left: 0; z-index: 1; height: 640px; width: 100%; overflow: hidden; } #headstyle-bg .image { background-repeat: no-repeat; background-position: top center; position: absolute; top: 0; height: 640px; width: 100%; min-width: 1020px; } #headstyle-nav { width: 1020px; margin: 0 auto; z-index: 99; position: relative; } ul#headstyle-switch { position: absolute; top: 92px; } ul#headstyle-switch li { float: left; display: block; margin: 0 2px; } ul#headstyle-switch li a { background: url(img/v-sprite.png) no-repeat -200px 0; width: 20px; height: 20px; display: block; overflow: hidden; text-indent: -999px; cursor: pointer; -webkit-transition-property: none; -moz-transition-property: none; -o-transition-property: none; transition-property: none; } ul#headstyle-switch li a:hover { background-position: -200px -20px; } ul#headstyle-switch li a.active { background-position: -200px -40px; } /* ------------------------------------------------------------------------- * * Wrapper /* ------------------------------------------------------------------------- */ #wrapper { margin-top: -520px; width: 100%; z-index: 3; position: absolute; } /* ------------------------------------------------------------------------- * * Subheader /* ------------------------------------------------------------------------- */ #subheader { padding: 0; z-index: 4; } #subheader-top { background: url(img/subheader-top.png) no-repeat 0 0; height: 22px; margin: 0 auto; width: 1020px; } #subheader-inner { background: #fff; width: 1020px; } #subheader .ctitle { background: #eee url(img/h-sprite.png) repeat-x 0 -500px; width: 1020px; font-family: 'Oswald', sans-serif; text-transform: uppercase; font-weight: normal; font-size: 18px; color: #999; height: 18px; line-height: 18px; text-align: center; } #subheader .ctitle span { background: #fff; display: inline-block; text-align: center; padding: 0 10px; } #nav-sub { background: url(img/grad-silver.png) repeat-x bottom; border-bottom: 1px solid #ddd; float: left; width: 940px; padding: 10px 40px 0; } /* level 1 */ #nav-sub li { font-size: 12px; list-style: none; display: inline; float: left; position: relative; border-left: 1px solid #fff; margin-bottom: -1px; } #nav-sub li a { background: url(img/nav-sub.png) no-repeat 0 -20px; color: #777; display: block; line-height: 16px; padding: 12px 12px; font-weight: bold; border-bottom: 1px solid #e0e0e0; text-shadow: 0 1px 0 #fff; -webkit-transition-property: color; -webkit-transition-duration: 0.12s; -webkit-transition-timing-function: ease-out; -moz-transition-property: color; -moz-transition-duration: 0.12s; -moz-transition-timing-function: ease-out; -o-transition-property: color; -o-transition-duration: 0.12s; -o-transition-timing-function: ease-out; transition-property: color; transition-duration: 0.12s; transition-timing-function: ease-out; } #nav-sub li a:hover, #nav-sub li:hover a, #nav-sub li.current_page_item a, #nav-sub li.current_page_parent a, #nav-sub li.current-menu-ancestor a, #nav-sub li.current-menu-item a { background-position: 0 -80px; color: #308dbf; } #nav-sub li.current_page_item a, #nav-sub li.current_page_parent a, #nav-sub li.current-menu-ancestor a, #nav-sub li.current-menu-item a { background-position: 0 -140px; color: #222; border-bottom-color: #cfcfcf; } /* level 2 */ #nav-sub li:hover > ul { display: block; } #nav-sub ul { display: none; background: #ededed; width: 160px; border-top: 1px solid #e0e0e0; border-left: 1px solid #ddd; border-right: 1px solid #ddd; font-size: 14px; font-weight: normal; position: absolute; top: 40px; left: 0; z-index: 999; box-shadow: 0 3px 3px rgba(0,0,0,0.05); -moz-box-shadow: 0 3px 3px rgba(0,0,0,0.05); -webkit-box-shadow: 0 3px 3px rgba(0,0,0,0.05); } #nav-sub ul li { font-size: 12px; font-weight: normal; position: relative; padding-bottom: 0; border-left: none; float: left; margin: 0; } #nav-sub ul li a { background: #eee!important; font-weight: normal; text-transform: none; color: #777!important; float: none; text-shadow: none; padding: 7px 12px; width: 136px; display: block; border-bottom: 1px solid #e0e0e0; border-top: 1px solid #fff; text-shadow: 0 1px 0 #fff; } #nav-sub ul li a:hover { background-color: #308dbf!important; color: #fff!important; text-shadow: 0 1px 0 rgba(0,0,0,0.2); border-top-color: #308dbf; } #nav-sub ul li a:active { opacity: 0.8; } #nav-sub li.current_page_item ul a, #nav-sub li.current_page_parent ul a, #nav-sub li.current-menu-ancestor ul a, #nav-sub li.current-menu-item ul a { border-bottom-color: #e0e0e0!important; } /* level 3 */ #nav-sub ul ul { display: none; width: 160px; position: absolute; top: -1px; left: 160px; } /* ------------------------------------------------------------------------- * * Subheader: Topfeatured Carousel /* ------------------------------------------------------------------------- */ #topfeatured { border-bottom: 1px solid #eee; } #topfeatured-inner { width: 940px; min-height: 343px; margin: 0 40px; } #topfeatured-inner.social { min-height: 0; } /* ---- social media buttons ---- */ #topfeatured ul#social-links { float: left; margin: 22px 0; font-size: 12px; text-shadow: 0 1px 0 #fff; } #topfeatured ul#social-links li { float: left; display: inline; margin-right: 15px; line-height: 16px; } #topfeatured ul#social-links li a { color: #777; line-height: 16px; display: block; } #topfeatured ul#social-links li a:hover { color: #222; } #topfeatured ul#social-links li a span.icon { display: block; float: left; height: 16px; width: 16px; margin-right: 5px; } #topfeatured ul#social-links li a span.icon img { float: left; } #topfeatured ul#social-links li a span.icon-title { display: block; float: left; line-height: 16px; } /* ---- carousel: small ---- */ #header-carousel { height: 283px; padding-top: 30px; position: relative; } #header-carousel .viewport { width: 945px; height: 283px; float: left; overflow: hidden; position: relative; } #header-carousel ul { position: absolute; left: 0; top: 0; } #header-carousel ul li { float: left; } #header-carousel ul li a.item { background: #fff url(img/grad-silver-large.png) repeat-x bottom; font-size: 12px; text-shadow: 0 1px 0 #fff; width: 180px; height: 281px; float: left; margin-right: 7px; border: 1px solid #eee; border-bottom: 1px solid #d2d2d2; position: relative; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; -moz-box-shadow: 0 1px 0 rgba(0,0,0,0.05); -webkit-box-shadow: 0 1px 0 rgba(0,0,0,0.05); box-shadow: 0 1px 0 rgba(0,0,0,0.05); } #header-carousel ul li a.item:hover { border-color: #222; } #header-carousel ul li a.item span.img { background: #eee; width: 170px; height: 170px; margin: 5px; float: left; } #header-carousel ul li a.item img { float: left; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; } #header-carousel ul li a.item:hover img, #header-carousel ul li a.item img:hover { opacity: 0.9; } #header-carousel ul li a.item span.title { display: block; float: left; width: 156px; height: 45px; overflow: hidden; font-weight: bold; padding: 7px 12px 0; margin-bottom: 12px; float: left; } #header-carousel ul li a.item span.desc { display: block; float: left; width: 156px; color: #999; padding: 10px 12px; border-top: 1px solid #ddd; -moz-box-shadow: inset 0 1px 0 #fff; -webkit-box-shadow: inset 0 1px 0 #fff; box-shadow: inset 0 1px 0 #fff; } #header-carousel ul li a.item .format-icon { top: 70px; left: 70px; } /* ---- carousel: large ---- */ #topfeatured-inner.large { min-height: 362px; } #header-carousel.large { height: 302px; padding-top: 30px; position: relative; } #header-carousel.large .viewport { width: 940px; height: 302px; float: left; overflow: hidden; position: relative; } #header-carousel.large ul { position: absolute; left: 0; top: 0; } #header-carousel.large ul li { float: left; } #header-carousel.large ul li a.item { background: #fff url(img/grad-silver-large.png) repeat-x bottom; font-size: 12px; text-shadow: 0 1px 0 rgba(0,0,0,0.3); width: 300px; height: 300px; float: left; margin-right: 16px; border: 1px solid #eee; border-bottom: 1px solid #d2d2d2; position: relative; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; -moz-box-shadow: 0 1px 0 rgba(0,0,0,0.05); -webkit-box-shadow: 0 1px 0 rgba(0,0,0,0.05); box-shadow: 0 1px 0 rgba(0,0,0,0.05); } #header-carousel.large ul li a.item:hover { border-color: #222; color: #fff; } #header-carousel.large ul li a.item span.img { background: #eee; width: 290px; height: 290px; overflow: hidden; margin: 5px; float: left; position: relative; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; } #header-carousel.large ul li a.item img { width: 290px; height: 290px; float: left; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; } #header-carousel.large ul li a.item:hover img, #header-carousel.large ul li a.item img:hover { opacity: 0.9; } #header-carousel.large ul li a.item i.item-text { background: rgba(0,0,0,0.85); position: absolute; bottom: 0; left: 0; float: left; width: 290px; } #header-carousel.large ul li a.item span.title { font-family: oswald; text-transform: uppercase; font-size: 16px; line-height: 22px; display: block; float: left; width: auto; height: auto; overflow: hidden; font-weight: 700; padding: 10px 20px 0; margin-bottom: 0; float: left; } #header-carousel.large ul li a.item span.desc { font-size: 14px; display: block; float: left; width: auto; color: #999; border: 0; padding: 4px 20px 10px 20px; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } #header-carousel.large ul li a.item .format-icon { top: 100px; left: 130px; } /* ---- carousel: large wide ---- */ #topfeatured-inner.large.wide { min-height: 272px; } #header-carousel.large.wide { height: 212px; } #header-carousel.large.wide .viewport { height: 212px; } #header-carousel.large.wide ul li a.item { height: 210px; } #header-carousel.large.wide ul li a.item span.img { height: 200px; } #header-carousel.large.wide ul li a.item span.img img { top: -45px; position: absolute; } #header-carousel.large.wide ul li a.item .format-icon { top: 10px; left: 240px; } /* ---- carousel: prev / next ---- */ #header-carousel .carousel-prev { background: url(img/v-sprite.png) no-repeat -100px -120px; width: 31px; height: 60px; position: absolute; left: -40px; top: 45%; } #header-carousel .buttons.prev { background: url(img/v-sprite.png) no-repeat -100px 0; display: block; width: 31px; height: 60px; overflow: hidden; text-indent: -999px; cursor: pointer; -webkit-transition-property: none; -moz-transition-property: none; -o-transition-property: none; transition-property: none; } #header-carousel .buttons.prev:hover { background-position: -100px 0; } #header-carousel .buttons.prev:active{ background-position: -100px -60px; } #header-carousel .buttons.prev.disable { display: none; } #header-carousel .carousel-next { background: url(img/v-sprite.png) no-repeat -131px -120px; width: 31px; height: 60px; position: absolute; right: -40px; top: 45%; } #header-carousel .buttons.next { background: url(img/v-sprite.png) no-repeat -131px 0; display: block; width: 31px; height: 60px; overflow: hidden; text-indent: -999px; cursor: pointer; -webkit-transition-property: none; -moz-transition-property: none; -o-transition-property: none; transition-property: none; } #header-carousel .buttons.next:hover { background-position: -131px 0; } #header-carousel .buttons.next:active{ background-position: -131px -60px; } #header-carousel .buttons.next.disable { display: none; } /* ------------------------------------------------------------------------- * * Content /* ------------------------------------------------------------------------- */ #content { z-index: 3; } #content-top.featured { background-image: url(img/arc-content-featured.png); } #content-inner { background: #fff; padding: 30px 30px 0; min-height: 480px; -moz-border-radius: 0 0 2px 2px; -webkit-border-radius: 0 0 2px 2px; border-radius: 0 0 2px 2px; -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.1); -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.1); box-shadow: 0 1px 1px rgba(0,0,0,0.1); } #content .top-title { line-height: 18px; font-family: 'Oswald', sans-serif; font-size: 18px; color: #999; text-transform: uppercase; margin-bottom: 30px; } #content .top-title span { background: #fff; padding-right: 10px; display: inline-block; } /* ------------------------------------------------------------------------- * * Common Elements /* ------------------------------------------------------------------------- */ .heading, #reply-title { background: #eee url(img/h-sprite.png) repeat-x 0 -500px; font-family: 'Oswald', sans-serif; font-weight: normal; text-transform: uppercase; font-size: 16px; color: #555; line-height: 10px; height: 10px; margin: 43px 40px 40px; position: relative; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } .heading span { font-weight: normal; } .single .heading { margin: 6px 0; } .heading span { background: #fff; white-space: nowrap; padding-right: 10px; display: block; float: left; line-height: 16px; position: absolute; top: -3px; } .heading strong { color: #222; } .heading-tagline { color: #999; margin-bottom: 30px; } .spacer { height: 40px; } /* ------------------------------------------------------------------------- * * Article /* ------------------------------------------------------------------------- */ .grid.entry-list { width: 680px; margin: -30px 0 30px -30px; } .entry { position: relative; margin: 0 0 40px 0; } .entry-inner { padding: 0 40px; overflow: hidden; } .single .entry-inner { padding-top: 30px; } .entry-wrap { } .entry-wrap-small { float: left; width: 390px; } .single-full .grid.entry-list { width: 1020px; } .single-full .entry-format { margin-left: auto; margin-right: auto; } /* ---- entry title ---- */ .entry-title { font-size: 27px; letter-spacing: -1px; font-weight: bold; margin-bottom: 6px; } .page .entry-title { margin-bottom: 20px; } .entry-title a { color: #222; } .entry-title a:hover { color: #308dbf; } /* ---- entry bullet ---- */ .entry-bullet { background: url(img/v-sprite.png) no-repeat -200px -100px; width: 30px; height: 30px; position: absolute; left: -10px; top: 2px; } .single .entry-bullet { top: 32px; } /* --- entry byline --- */ .entry-byline { padding-bottom: 18px; } .entry-byline .entry-sticky { background: #f1f1f1 url(img/v-sprite.png) no-repeat -300px -100px; width: 20px; height: 20px; float: left; margin-right: 4px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; } .entry-byline .entry-comments { background: #308dbf; color: #fff; display: block; float: left; margin-right: 4px; height: 20px; line-height: 20px; padding: 0 7px; position: relative; text-shadow: 0 -1px 0 rgba(0,0,0,0.3); -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; } .entry-byline .entry-comments:hover { color: #ddd; } .entry-byline .entry-comments span.bubble-pike { background: #308dbf url(img/v-sprite.png) no-repeat -400px 0; display: block; width: 11px; height: 5px; position: absolute; bottom: -5px; left: 4px; } .entry-byline .entry-author { background: #f1f1f1; color: #777; font-style: italic; float: left; padding: 2px 5px; line-height: 16px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; } .entry-byline .entry-author a { color: #777; } .entry-byline .entry-author a:hover { color: #222; } /* ---- entry thumbnail ---- */ .entry-thumbnail { float: left; width: 180px; height: 180px; margin: 0 30px 14px 0; position: relative; } .entry-thumbnail a { display: block; width: 170px; height: 170px; padding: 5px; background: #fff url(img/grad-silver-large.png) repeat-x bottom; font-size: 12px; width: 170px; float: left; border: 1px solid #eee; border-bottom: 1px solid #d2d2d2; position: relative; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; -moz-box-shadow: 0 1px 0 rgba(0,0,0,0.05); -webkit-box-shadow: 0 1px 0 rgba(0,0,0,0.05); box-shadow: 0 1px 0 rgba(0,0,0,0.05);} .entry-thumbnail a img { -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; } .entry-thumbnail a:hover { border-color: #222; } .entry-thumbnail a:hover img { opacity: 1; } a .format-icon { opacity: 0; } a:hover .format-icon { opacity: 1; background: rgba(17,17,17,0.85); -webkit-transition-property: background color; -webkit-transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; -moz-transition-property: background color; -moz-transition-duration: 0.3s; -moz-transition-timing-function: ease-out; -o-transition-property: background color; -o-transition-duration: 0.3s; -o-transition-timing-function: ease-out; transition-property: background color; transition-duration: 0.3s; transition-timing-function: ease-out; } .format-icon { z-index: 12; cursor: pointer; background: rgba(17,17,17,0.70); width: 40px; height: 40px; position: absolute; left: 70px; top: 70px; -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px; } .format-icon i.icon { z-index: 2; position: absolute; background: url(img/v-sprite.png) no-repeat 0 0; width: 18px; height: 18px; margin: 11px; display: block; } /* ---- entry author block ---- */ .entry-author-block { background: #f1f1f1; padding: 15px 40px 10px; margin-bottom: 40px; } .entry-author-block .entry-author-avatar { float: left; overflow: hidden; margin-bottom: 8px; } .entry-author-block .entry-author-avatar img { display: block; float: left; -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; } .entry-author-block p { margin-left: 100px; margin-bottom: 8px; } .entry-author-block p.entry-author-name { color: #555; font-size: 16px; font-weight: bold; margin-top: 5px; } .entry-author-block p.entry-author-description { color: #999; } /* entry : related posts /* ------------------------------------ */ .entry-related { font-size: 12px; margin-left: 40px; margin-right: 40px; } .entry-related .heading { } .entry-related a { } .entry-related .format-icon { left: 55px; top: 55px; } .entry-related img { display: block; width: 100%; height: auto; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; } .entry-related a:hover img { opacity: 1; } .entry-related li { width: 25%; float: left; display: inline; margin: 30px 0 40px; position: relative; } .entry-related li:nth-child(2) article { border-left: 1px solid #eee; margin-left: -1px; -moz-border-radius: 4px 0 0 4px; -webkit-border-radius: 4px 0 0 4px; border-radius: 4px 0 0 4px; } .entry-related li:last-child article { -moz-border-radius: 0 4px 4px 0; -webkit-border-radius: 0 4px 4px 0; border-radius: 0 4px 4px 0; } .entry-related article { padding: 10px; border-right: 1px solid #eee; border-bottom: 1px solid #eee; border-top: 1px solid #eee; } .entry-related span { display: block; } .entry-related .rel-entry-title { font-weight: bold; line-height: 1.3em; min-height: 68px; } .entry-related .rel-entry-date { color: #999; } .entry-related .entry-thumbnail { float: none; width: 100%; height: auto; margin-right: 0; } .entry-related .entry-thumbnail img { max-width: 100%; height: auto; } .entry-related a:hover { color: #444; } .entry-related a:hover .glass { background-position: 40% 50%; } .entry-related a:hover .rel-entry-title { } .entry-related a:active .icon-thumb { opacity: 0.8; } .entry-related .format-video a .icon-thumb { background-position: -94px -100px; } .entry-related .format-audio a .icon-thumb { background-position: -94px -150px; } /* ---- entry meta ---- */ ul.entry-meta { border-bottom: 1px solid #eee; font-size: 14px; line-height: 16px; margin-top: 16px; padding: 0 40px; margin-bottom: 10px; } ul.entry-meta li { float: left; color: #999; margin-right: 20px; } ul.entry-meta li a { color: #999; } ul.entry-meta li a:hover { color: #222; } ul.entry-meta li.comments { padding: 10px 0; } ul.entry-meta li.categories { padding: 10px 0; } ul.entry-meta li.categories span { color: #bbb; padding: 0 3px; } ul.entry-meta li.tags { float: right; padding: 8px 0 5px; margin-right: 0; font-size: 11px; line-height: 18px; height: 18px; } ul.entry-meta li.tags a { padding: 0 7px; line-height: 19px; background: #eee; color: #999; margin: 0 3px 3px 0; display: block; float: left; text-shadow: 0 1px 0 #fff; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -moz-box-shadow: inset 0 1px 0 rgba(0,0,0,0.1), inset 0 3px 3px rgba(0,0,0,0.04); -webkit-box-shadow: inset 0 1px 0 rgba(0,0,0,0.1), inset 0 3px 3px rgba(0,0,0,0.04); box-shadow: inset 0 1px 0 rgba(0,0,0,0.1), inset 0 3px 3px rgba(0,0,0,0.04); } ul.entry-meta li.tags a:hover { background-color: #ddd; color: #777; } i.icon-16 { background: url(img/v-sprite.png) no-repeat -300px 0; display: block; float: left; width: 16px; height: 16px; margin-right: 4px; } i.icon-16.comments { background-position: -300px 0; } i.icon-16.categories { background-position: -300px -16px; } i.icon-16.tags { background-position: -300px -32px; } /* ---- entry page links ---- */ .entry-page-links { font-weight: bold; font-size: 16px; margin-bottom: 20px; } /* ---- entry post navigation ---- */ .entry-nav { margin: 40px 40px 0 40px; } .entry-nav a { font-size: 18px; font-weight: bold; } .entry-nav a:hover { } /* ------------------------------------------------------------------------- * * Tumblog Formats /* ------------------------------------------------------------------------- */ .format-standard i.icon { background-position: 0 0; } .format-image i.icon { background-position: 0 -18px; } .format-video i.icon { background-position: 0 -36px; } .format-audio i.icon { background-position: 0 -54px; } .format-quote i.icon { background-position: 0 -72px; } .format-link i.icon { background-position: 0 -90px; } .format-chat i.icon { background-position: 0 -108px; } .format-status i.icon { background-position: 0 -126px; } .format-aside i.icon { background-position: 0 -144px; } .format-gallery i.icon { background-position: 0 -162px; } .format-standard .entry-format i.icon { background-position: -18px 0; } .format-image .entry-format i.icon { background-position: -18px -18px; } .format-video .entry-format i.icon { background-position: -18px -36px; } .format-audio .entry-format i.icon { background-position: -18px -54px; } .format-quote .entry-format i.icon { background-position: -18px -72px; } .format-link .entry-format i.icon { background-position: -18px -90px; } .format-chat .entry-format i.icon { background-position: -18px -108px; } .format-status .entry-format i.icon { background-position: -18px -126px; } .format-aside .entry-format i.icon { background-position: -18px -144px; } .format-gallery .entry-format i.icon { background-position: -18px -162px; } /* common */ .entry-format { background: url(img/grad-silver-large.png) repeat-x bottom; border: 1px solid #eee; border-bottom-color: #d2d2d2; width: 518px; margin: 0 0 20px; text-shadow: 0 1px 0 #fff; line-height: 1.5em; position: relative; overflow: hidden; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; -moz-box-shadow: inset 0 1px 0 #fff, 0 1px 0 rgba(0,0,0,0.05); -webkit-box-shadow: inset 0 1px 0 #fff, 0 1px 0 rgba(0,0,0,0.05); box-shadow: inset 0 1px 0 #fff, 0 1px 0 rgba(0,0,0,0.05); } .entry-format p { margin: 14px 0; } .entry-format .format-icon { background: none; position: absolute; height: 34px; top: 14px; left: 0; cursor: default; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; } .entry-format .format-icon i.icon { margin: 8px 11px; } .entry-format img, .entry-format iframe, .entry-format object { -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; } /* ---- format: image ---- */ .entry-format.image { padding: 5px; width: 588px; } .entry-format.image img { float: left; } .entry-format.image .image-container { background: #ddd; float: left; position: relative; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; } .entry-format.image .format-icon { background: #fff; } .entry-format.image .caption-bar { bottom: 0; } /* ---- format: video ---- */ .entry-format.video { background-color: #fff; width: 588px; padding: 5px; } .entry-format.video .format-icon { background: #fff; } .video-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;} .video-container iframe, .video-container object, .video-container embed, .video-container video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* ---- format: quote ---- */ .entry-format.quote { width: 538px; padding: 6px 20px 6px 40px; margin-bottom: 20px; } .entry-format.quote blockquote { font-size: 18px; line-height: 1.3em; } .entry-format.quote blockquote p { color: #222; } /* ---- format: link ---- */ .entry-format.link { padding: 6px 40px; } .entry-format.link p { font-size: 18px; } /* ---- format: chat ---- */ .entry-format.chat { padding: 6px 40px; } /* ---- format: status ---- */ .format-status .entry-title { display: none; } .format-status .text { font-size: 22px; } .format-status .text p { line-height: 1.3em; } /* ---- format: aside ---- */ .format-aside .entry-title { display: none; } /* ---- format: gallery ---- */ .entry-format.gallery { padding: 5px; width: 588px; min-height: 200px; position: relative; } .entry-format.gallery .format-icon { background: #fff; } .entry-format.gallery .slider-gallery { background: #ddd; position: relative; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; } .entry-format.gallery .slider-gallery .slides_container div { display: block; position: absolute; top: 0; overflow: hidden; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; } .entry-format.gallery .slider-gallery .slides_container div:hover .caption-bar { bottom: 0; } .entry-format.gallery .slider-gallery div { } .entry-format.gallery .slider-gallery img { display: block; margin: 0 auto; } .entry-format.gallery .slider-gallery ul.pagination { position: absolute; top: 10px; right: 9px; z-index: 10; } .entry-format.gallery .slider-gallery ul.pagination li { margin: 0 1px; display: block; float: left; } .entry-format.gallery .slider-gallery ul.pagination li a { background: url(img/v-sprite.png) no-repeat -200px 0; display: block; width: 20px; height: 20px; overflow: hidden; text-indent: -999px; transition-property: none; -moz-transition-property: none; -webkit-transition-property: none; -o-transition-property: none; } .entry-format.gallery .slider-gallery ul.pagination li a:hover { background-position: -200px -20px; } .entry-format.gallery .slider-gallery ul.pagination li.current a { background-position: -200px -40px; } .caption-bar { background: rgba(17,17,17,0.80); color: #ccc; text-shadow: 0 -1px 0 rgba(0,0,0,0.5); font-size: 12px; line-height: 16px; display: block; width: 100%; position: absolute; bottom: -160px; left: 0; -moz-border-radius: 0 0 2px 2px; -webkit-border-radius: 0 0 2px 2px; border-radius: 0 0 2px 2px; -webkit-transition-property: background color; -webkit-transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; -moz-transition-property: background color; -moz-transition-duration: 0.3s; -moz-transition-timing-function: ease-out; -o-transition-property: background color; -o-transition-duration: 0.3s; -o-transition-timing-function: ease-out; transition-property: background color; transition-duration: 0.3s; transition-timing-function: ease-out; } .caption-bar i { font-style: normal; padding: 10px 12px; display: block; } /* ---- format: audio ---- */ .entry-format.audio { padding: 5px 40px; } .entry-format.audio .format-icon { top: 3px; } /* jquery jplayer */ div.jp-audio { font-family: Arial, sans-serif; color: #fff; line-height: 1.6; width: 553px; } div.jp-interface { background: #3a3b3c url(img/jplayer.png) 0 -210px; width: 553px; height: 30px; position: relative; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; } div.jp-interface a { -webkit-transition-property:none; -moz-transition-property:none; -o-transition-property:none; transition-property:none; } div.jp-interface ul.jp-controls { list-style-type: none; padding: 0; margin: 0; } div.jp-interface ul.jp-controls li { display: inline; } div.jp-interface ul.jp-controls a { position: absolute; overflow: hidden; text-indent: -9999px; } a.jp-play, a.jp-pause { width: 33px; height: 30px; z-index: 1; outline: none; } a.jp-play, a.jp-pause { top: 0; left: 0; border-right: 1px solid #171717; } a.jp-play { background: url(img/jplayer.png) 0 0 no-repeat; } a.jp-play:hover { background: url(img/jplayer.png) -33px 0 no-repeat; } a.jp-pause { background: url(img/jplayer.png) 0 -30px no-repeat; display: none; } a.jp-pause:hover { background: url(img/jplayer.png) -33px -30px no-repeat; } div.jp-progress-container { border-left: 1px solid #2a2a2a; border-right: 1px solid #171717; position: absolute; top: 0; left: 34px; width: 418px; height: 6px; padding: 12px 10px; } div.jp-progress { position: absolute; overflow: hidden; } div.jp-progress { background: url(img/jplayer.png) 0 -192px repeat-x; width: 416px; height: 7px; padding: 1px; } div.jp-seek-bar { background: url(img/jplayer.png) 0 -163px repeat-x; width: 0px; height: 5px; cursor: pointer; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; } div.jp-play-bar { background: url(img/jplayer.png) 0 -133px repeat-x; width: 0px; height: 5px; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; } div.jp-volume-bar-container { border-left: 1px solid #2a2a2a; width: 40px; height: 6px; padding: 12px 10px; position: absolute; top: 0; left: 474px; } div.jp-volume-bar { background: url(img/jplayer.png) 0 -192px repeat-x; position: relative; overflow: hidden; width: 40px; height: 9px; cursor: pointer; } div.jp-volume-bar { top: 0; left: 20px; } div.jp-volume-bar-value { background: url(img/jplayer.png) 0 -133px repeat-x; width: 0px; height: 5px; margin: 1px; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; } a.jp-mute, a.jp-unmute { width: 17px; height: 13px; z-index: 1; outline: none; } a.jp-mute, a.jp-unmute { top: 9px; left: 478px; } a.jp-mute { background: url(img/jplayer.png) -10px -68px no-repeat; } a.jp-mute:hover { background: url(img/jplayer.png) -43px -68px no-repeat; } a.jp-unmute { background: url(img/jplayer.png) -10px -98px no-repeat; display: none; } a.jp-unmute:hover { background: url(img/jplayer.png) -43px -98px no-repeat; } div.jp-jplayer { width:0px; height:0px; } div.jp-jplayer { background-color: #222000; } /* ------------------------------------------------------------------------- * * Shortcodes /* ------------------------------------------------------------------------- */ /* shortcode : columns /* ------------------------------------ */ .one-half { width: 460px; } .one-third { width: 300px; } .two-third { width: 620px; } .one-fourth { width: 220px; } .three-fourth { width: 700px; } .one-fifth { width: 172px; } .two-fifth { width: 364px; } .three-fifth { width: 556px; } .four-fifth { width: 768px; } .content-part .one-half { width: 48%; } .content-part .one-third { width: 30.66%; } .content-part .two-third { width: 65.33%; } .content-part .one-fourth { width: 22%; } .content-part .three-fourth { width: 74%; } .content-part .one-fifth { width: 16.8%; } .content-part .two-fifth { width: 37.6%; } .content-part .three-fifth { width: 58.4%; } .content-part .four-fifth { width: 79.2%; } .content-part .one-half, .content-part .one-third, .content-part .two-third, .content-part .three-fourth, .content-part .one-fourth, .content-part .one-fifth, .content-part .two-fifth, .content-part .three-fifth, .content-part .four-fifth { position: relative; margin-right: 4%; float: left; } .one-half, .one-third, .two-third, .three-fourth, .one-fourth, .one-fifth, .two-fifth, .three-fifth, .four-fifth { float: left; display: inline; margin-right: 20px; position: relative; } .one-half img, .one-third img, .two-third img, .three-fourth img, .one-fourth img, .one-fifth img, .two-fifth img, .three-fifth img, .four-fifth img { max-width: 100%; height: auto; } .last { clear: right; margin-right: 0 !important; } .one-half, .one-third, .two-third, .three-fourth, .one-fourth, .one-fifth, .two-fifth, .three-fifth, .four-fifth { float: left; display: inline; margin-right: 20px; position: relative; } .last { clear: right; margin-right: 0!important; } /* shortcode : buttons /* ------------------------------------ */ .button-wrap { display: block; margin: 14px 0; } a.button { background: #308dbf; color: #fff; font-size: 13px; padding: 6px 12px; display: inline-block; text-shadow: 0 1px 0 rgba(0,0,0,0.2); -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; } a.button:hover { background-color: #666; } a.button:active { background-color: #555; } a.button.small { font-size: 11px; padding: 6px 10px; } a.button.medium { font-size: 14px; padding: 6px 12px; } a.button.large { font-size: 16px; padding: 9px 16px; } a.button.light { background: #eee url(img/shortcodes/button-light.png) repeat-x top; color: #666; text-shadow: 0 1px 0 rgba(255,255,255,0.9); border: 1px solid #ccc; border-bottom-color: #bbb; -moz-box-shadow: 0 1px 0 rgba(0,0,0,0.05); -webkit-box-shadow: 0 1px 0 rgba(0,0,0,0.05); box-shadow: 0 1px 0 rgba(0,0,0,0.05); } a.button.light:hover { color: #444; border-color: #aaa; } a.button.light:active { background-image: none; } a.button.dark { background: #444 url(img/shortcodes/button-dark.png) repeat-x top; -moz-box-shadow: 0 1px 0 rgba(0,0,0,0.05), inset 0 1px 0 rgba(0,0,0,0.2), inset 0 -1px 0 rgba(0,0,0,0.2); -webkit-box-shadow: 0 1px 0 rgba(0,0,0,0.05), inset 0 1px 0 rgba(0,0,0,0.2), inset 0 -1px 0 rgba(0,0,0,0.2); box-shadow: 0 1px 0 rgba(0,0,0,0.05), inset 0 1px 0 rgba(0,0,0,0.2), inset 0 -1px 0 rgba(0,0,0,0.2); } a.button.dark:hover { background-color: #555; } a.button.dark:active { background-image: none; } /* shortcode : lists /* ------------------------------------ */ ul.list { margin: 0 0 20px 0; } ul.list li { padding: 7px 0 7px 24px; list-style: none; border-bottom: 1px dotted #e5e5e5; text-align: left; } ul.list.arrow li { background: url(img/shortcodes/list-arrow.png) no-repeat 0 12px; } ul.list.check li { background: url(img/shortcodes/list-check.png) no-repeat 0 12px; } ul.list.plus li { background: url(img/shortcodes/list-plus.png) no-repeat 0 12px; } ul.list.minus li { background: url(img/shortcodes/list-minus.png) no-repeat 0 12px; } ul.list.cross li { background: url(img/shortcodes/list-cross.png) no-repeat 0 12px; } /* shortcode : alerts /* ------------------------------------ */ .alert { position: relative; padding: 12px 30px 12px 20px; text-align: center; font-size: 12px; margin: 0 0 20px 0; border: 1px solid; } .alert a { color: #444; } .alert .alert-close { opacity: 0.4; background: url(img/shortcodes/alert-close.png) no-repeat 0 0; width: 12px; height: 12px; display: block; position: absolute; top: 15px; right: 10px; overflow: hidden; text-indent: -999px; } .alert .alert-close:hover { opacity: 1; } .alert.notice { background: #fff; border-color: #e8e8e8; } .alert.warning { background: #fbeed5; border-color: #e4ddb7; color: #ad8643; } .alert.success { background: #dff0d8; border-color: #c1e1b4; color: #468847; } .alert.error { background: #f2dede; border-color: #e3bfbf; color: #b94a48; } .alert.info { background: #d9edf7; border-color: #b7dbed; color: #3a87ad; } /* shortcode : dropcap /* ------------------------------------ */ .dropcap { color: #444; display: block; float: left; font-size: 62px; font-weight: bold; line-height: 62px; margin: 0 10px 0 0; } /* shortcode : pullquotes /* ------------------------------------ */ .pullquote-left { color: #444; border-left: 6px solid #eee; float: left; margin: 18px 20px 18px 0; padding: 0 0 0 20px; font-size: 16px; font-weight: bold; line-height: 22px; width: 40%; } .pullquote-right { color: #444; border-right: 6px solid #eee; float: right; margin: 18px 0 18px 20px; padding: 0 20px 0 0; font-size: 16px; font-weight: bold; line-height: 22px; width: 40%; } /* shortcode : highlights /* ------------------------------------ */ .highlight { color: #000; border-bottom: 1px dotted #000; } /* shortcode : tabs /* ------------------------------------ */ .tabs { width: 100%; margin-bottom: 20px; } ul.tabs-nav { margin: 0 0 0 1px; padding: 0; width: 100%; z-index: 2; position: relative; } ul.tabs-nav li { list-style: none; } ul.tabs-nav li a { background: #f6f6f6; color: #777; border: 1px solid #e5e5e5; border-bottom: 0; display: inline-block; float: left; padding: 9px 14px 9px 14px; margin-left: -1px; } ul.tabs-nav li a:hover { color: #444; cursor: pointer; } ul.tabs-nav li a.active { border-top-color: #308dbf; color: #308dbf; background: #fff; margin-bottom: -1px; padding-bottom: 10px; } .tab { background: #fff; display: none; border: 1px solid #e5e5e5; float: left; width: 99.7%; } .tab .tab-content { padding: 20px; } /* shortcode : accordion /* ------------------------------------ */ .accordion { border-bottom: 1px solid #e8e8e8; padding-top: 14px; margin-bottom: 14px; } .accordion .title a { border-top: 1px solid #e8e8e8; font-size: 15px; color: #777; display: block; padding: 25px 20px 25px 50px; position: relative; } .accordion .title a:hover { background: #f8f8f8; color: #308dbf; } .accordion .title .icon { background: #ddd url(img/shortcodes/toggle-plus.png) no-repeat 2px 2px; width: 18px; height: 18px; display: block; position: absolute; top: 28px; left: 16px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -moz-box-shadow: inset 0 1px 0 rgba(0,0,0,0.15); -webkit-box-shadow: inset 0 1px 0 rgba(0,0,0,0.15); box-shadow: inset 0 1px 0 rgba(0,0,0,0.15); } .accordion .title.active a { color: #308dbf; } .accordion .title.active a:hover { background: none; } .accordion .title.active .icon { background: #308dbf url(img/shortcodes/toggle-minus.png) no-repeat 2px 2px; } .accordion .inner { margin-top: -5px; padding: 0 20px 20px 50px; } /* shortcode : toggle /* ------------------------------------ */ .toggle { margin-bottom: 20px; border: 1px solid #e8e8e8; } .toggle .title { background: url(img/shortcodes/toggle-plus.png) no-repeat; font-size: 15px; color: #777; padding: 20px 20px 20px 50px; position: relative; cursor: pointer; } .toggle .title:hover { background: #f8f8f8; color: #308dbf; } .toggle .title.active { background: url(img/shortcodes/toggle-minus.png) no-repeat; color: #308dbf; } .toggle .title .icon { background: #ddd url(img/shortcodes/toggle-plus.png) no-repeat 2px 2px; width: 18px; height: 18px; display: block; position: absolute; top: 22px; left: 16px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -moz-box-shadow: inset 0 1px 0 rgba(0,0,0,0.15); -webkit-box-shadow: inset 0 1px 0 rgba(0,0,0,0.15); box-shadow: inset 0 1px 0 rgba(0,0,0,0.15); } .toggle .title.active .icon { background: #308dbf url(img/shortcodes/toggle-minus.png) no-repeat 2px 2px; } .toggle .inner { display: none; border-top: 1px dotted #e8e8e8; } .toggle .inner .content { padding: 20px; } /* shortcode : google maps /* ------------------------------------ */ .google-map { margin-bottom: 30px; } .google-map img { max-width: none; } .google-map-full { width: 100%!important; } /* ------------------------------------------------------------------------- * * Misc * /* ------------------------------------------------------------------------- */ /* ---- plugin : wp-pagenavi ---- */ .wp-pagenavi { text-align: right; height: 30px; font-weight: bold; } .wp-pagenavi a, .wp-pagenavi span { font-size: 14px; padding: 4px 8px 4px 8px!important; margin: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; } .wp-pagenavi span.pages, .wp-pagenavi span.extend { color: #999; border: 1px solid #ddd; font-weight: normal; } .wp-pagenavi a:hover, .wp-pagenavi a:active, .wp-pagenavi span.current { color: #fff!important; text-shadow: 0 -1px 0 rgba(0,0,0,0.3); } .wp-pagenavi a { color: #308dbf; border: 1px solid rgba(48, 141, 191, 0.3)!important; } .wp-pagenavi a:hover, .wp-pagenavi a:active, .wp-pagenavi span.current { background: #308dbf; border: 1px solid #308dbf!important; } /* ------------------------------------------------------------------------- * * Template: Page Default /* ------------------------------------------------------------------------- */ .t-page { } .t-page header { color: #222; } .t-page .entry-inner { padding-top: 30px; } .t-page ul.pages { background: #f1f1f1; text-shadow: 0 1px 0 #fff; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; } .t-page ul.pages li a { background: url(img/nav-sub.png) repeat-x bottom left; font-size: 18px; color: #555; font-weight: bold; border-bottom: 1px solid #cfcfcf; display: block; padding: 10px 16px; } /* show only current page items */ .t-page ul.pages li { display: none; } .t-page ul.pages li.current_page_item, .t-page ul.pages li.current_page_parent, .t-page ul.pages li.current_page_ancestor, .t-page ul.pages li.current-menu-item, .t-page ul.pages li.current-menu-parent, .t-page ul.pages li.current-menu-ancestor { display: block; } .t-page ul.pages li.current_page_item ul li, .t-page ul.pages li.current_page_parent ul li, .t-page ul.pages li.current_page_ancestor ul li, .t-page ul.pages li.current-menu-item ul li, .t-page ul.pages li.current-menu-parent ul li, .t-page ul.pages li.current-menu-ancestor ul li { display: block; } .t-page ul.pages li.current_page_item ul li li, .t-page ul.pages li.current_page_parent ul li li, .t-page ul.pages li.current_page_ancestor ul li li, .t-page ul.pages li.current-menu-item ul li li, .t-page ul.pages li.current-menu-parent ul li li, .t-page ul.pages li.current-menu-ancestor ul li li { display: none; } .t-page ul.pages li ul li.current_page_item li, .t-page ul.pages li ul li.current_page_parent li, .t-page ul.pages li ul li.current_page_ancestor li, .t-page ul.pages li ul li.current-menu-item li, .t-page ul.pages li ul li.current-menu-parent li, .t-page ul.pages li ul li.current-menu-ancestor li { display: block; } .t-page ul.pages li li.current_page_item a, .t-page ul.pages li li.current-menu-item a { background-position: 199px -71px; color: #308dbf; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px } .t-page ul.pages li.current_page_item li a, .t-page ul.pages li.current-menu-item li a { background: none; color: #777!important; } .t-page ul.pages li.current_page_item li a:hover, .t-page ul.pages li.current-menu-item li a:hover { color: #222!important; } .t-page ul.pages li li li.current_page_item a, .t-page ul.pages li li li.current-menu-item a { background: #ddd; color: #308dbf; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; } .t-page ul.pages li li.current_page_item li a:hover, .t-page ul.pages li li.current-menu-item li a:hover { background: #ddd; color: #333; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; } .t-page ul.pages li.current_page_item li a, .t-page ul.pages li.current-menu-item li a { background: url(img/page-nav.png) no-repeat 199px 9px; } .t-page ul.pages li.current_page_item li li a, .t-page ul.pages li.current-menu-item li li a { background-image: none; } /* 2-depth */ .t-page ul.pages li ul { margin: 0; } .t-page ul.pages li ul li { padding: 3px 16px; border-bottom: 1px solid #e5e5e5; -moz-box-shadow: inset 0 1px 0 #fff; -webkit-box-shadow: inset 0 1px 0 #fff; box-shadow: inset 0 1px 0 #fff; } .t-page ul.pages li ul li:last-child { padding-bottom: 6px; } .t-page ul.pages li ul li a { background-image: none; font-size: 14px; font-weight: normal; border-bottom: 0; color: #777; display: block; padding: 6px 0; } .t-page ul.pages li ul li a:hover { color: #333; } /* 3-depth */ .t-page ul.pages li ul li ul { margin: 0; } .t-page ul.pages li ul li ul li { padding: 0; border: 0; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } .t-page ul.pages li ul li ul li a { background-image: none!important; font-size: 12px; padding: 4px 10px; } /* ------------------------------------------------------------------------- * * Template: Error 404 /* ------------------------------------------------------------------------- */ .t-404 .entry { text-align: center; } .t-404 .entry-title { font-size: 48px; color: #222; } /* ------------------------------------------------------------------------- * * Page Template: Sitemap /* ------------------------------------------------------------------------- */ .t-page.sitemap .entry { } .t-page.sitemap .entry .column-half { color: #777; width: 50%; float: left; margin-top: 20px; padding-top: 20px; border-top: 1px solid #f1f1f1; } .t-page.sitemap .entry .column-half ul { margin-left: 14px; } .t-page.sitemap .entry .column-inner { margin-right: 20px; } /* ------------------------------------------------------------------------- * * Page Template: Sitemap Full Width /* ------------------------------------------------------------------------- */ .t-page.sitemap-full-width .entry { } .t-page.sitemap-full-width .entry .column-one-third { color: #777; width: 33%; float: left; margin-top: 20px; padding-top: 20px; border-top: 1px solid #f1f1f1; } .t-page.sitemap-full-width .entry .column-one-third ul { margin-left: 14px; } .t-page.sitemap-full-width .entry .column-inner { margin-right: 20px; } /* ------------------------------------------------------------------------- * * Page Template: Child-page Menu Left /* ------------------------------------------------------------------------- */ .t-page.menu-left .entry { margin-left: 20px; } /* ------------------------------------------------------------------------- * * Page Template: Child-page Menu Right /* ------------------------------------------------------------------------- */ .t-page.menu-right .entry { margin-right: 20px; } /* ------------------------------------------------------------------------- * * Sidebar /* ------------------------------------------------------------------------- */ #sidebar { float: right; margin-left: 0; } #sidebar-wide { background: url(img/h-sprite.png) repeat-x 0 -800px; margin: -30px 0 20px 0; padding-top: 20px; width: 340px; } #content-inner.sidebar { background-image: url(img/sidebar.png); background-repeat: repeat-y; background-position: top right; } /* ------------------------------------------------------------------------- * * Widgets /* ------------------------------------------------------------------------- */ /* ---- default widget ---- */ .widget { margin-bottom: 30px; font-size: 12px; } .widget a { color: #777; } .widget a:hover { color: #308dbf; } .widget-title { font-family: 'Oswald', sans-serif; font-weight: normal; text-transform: uppercase; font-size: 15px; color: #555; line-height: 10px; height: 10px; margin: 3px 0 13px; position: relative; } .widget-title span { background: #f5f5f5; padding-right: 10px; display: block; float: left; line-height: 16px; position: absolute; top: -3px; } .widget-title a { color: #555; } .widget-title a:hover { color: #555; } .widget-title a img { display: block; float: left; margin: 1px 7px 0 0; } #sidebar-wide .widget { padding: 20px 30px; clear: both; width: 280px; overflow: hidden; margin-bottom: 0; } #sidebar-wide .widget-title { background: #dedede url(img/h-sprite.png) repeat-x 0 -600px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } #subfooter .widget a { color: #777; } #subfooter .widget a:hover { color: #fff; } #subfooter .widget-title { background: #181818; color: #ccc; } #subfooter .widget-title span { background: #111; } #subfooter .widget-title a { color: #fff; } #subfooter .widget-title a:hover { color: #777; } /* common */ .widget_archive ul li, .widget_categories ul li, .widget_links ul li, .widget_meta ul li, .widget_meta ul li, .widget_recent_comments ul li, .widget_recent_entries ul li, .widget_pages ul li, .widget_nav_menu ul li, .widget_rss ul li { padding: 6px 0; border-bottom: 1px solid #e5e5e5; } .widget_pages li ul, .widget_nav_menu li ul { border-top: 1px solid #e5e5e5; margin-top: 6px; } /* common double lists */ #sidebar-wide .widget_archive, #sidebar-wide .widget_categories, #sidebar-wide .widget_links, #sidebar-wide .widget_meta { float: left; } #sidebar-wide .widget_archive ul, #sidebar-wide .widget_categories ul, #sidebar-wide .widget_links ul, #sidebar-wide .widget_meta ul { width: 320px; } #sidebar-wide .widget_archive ul li, #sidebar-wide .widget_categories ul li, #sidebar-wide .widget_links ul li, #sidebar-wide .widget_meta ul li { width: 130px; float: left; margin-right: 20px; } /* common subfooter */ #subfooter .widget_archive ul li, #subfooter .widget_categories ul li, #subfooter .widget_links ul li, #subfooter .widget_meta ul li, #subfooter .widget_meta ul li, #subfooter .widget_recent_comments ul li, #subfooter .widget_recent_entries ul li, #subfooter .widget_pages ul li, #subfooter .widget_nav_menu ul li, #subfooter .widget_rss ul li { padding: 6px 0; border-bottom: 1px solid #181818; } #subfooter .widget_pages li ul, #subfooter .widget_nav_menu li ul { border-top: 1px solid #181818; } #subfooter .widget_pages li li:last-child, #subfooter .widget_nav_menu li li:last-child { border-bottom: 0; padding-bottom: 0; } /* ---- default widget : archives ---- */ .widget_archive ul li { color: #308dbf; } /* ---- default widget: categories ---- */ .widget_categories ul li { color: #308dbf; } /* ---- default widget: links ---- */ .widget_links ul li { color: #308dbf; } /* ---- default widget: meta ---- */ .widget_meta ul li { } /* ---- default widget: recent comments ---- */ .widget_recent_comments ul li { } /* ---- default widget: recent entries ---- */ .widget_recent_entries ul li { } /* ---- default widget: pages ---- */ .widget_pages ul li { } .widget_pages li ul { } .widget_pages li li:last-child { border-bottom: 0; padding-bottom: 0; } .widget_pages li li a { margin-left: 15px; } .widget_pages li li li a { margin-left: 30px; } /* ---- default widget: nav menu ---- */ .widget_nav_menu ul li { } .widget_nav_menu li ul { } .widget_nav_menu li li:last-child { border-bottom: 0; padding-bottom: 0; } .widget_nav_menu li li a { margin-left: 15px; } .widget_nav_menu li li li a { margin-left: 30px; } /* ---- default widget: rss ---- */ .widget_rss ul li a { color: #308dbf; font-size: 12px; } .widget_rss ul li span.rss-date { font-size: 11px; font-weight: bold; display: block; } .widget_rss ul li .rssSummary { font-size: 11px; color: #777; margin-top: 5px; } #subfooter .widget_rss ul li a { color: #308dbf; } /* ---- default widget: search ---- */ .widget_search { } .widget_search input#s { background: #fff; width: 100%; border: 1px solid #ddd; border-top-color: #ccc; padding: 5px 10px; color: #999; -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); } .widget_search input#s:focus { border-color: #ccc; border-top-color: #b4b4b4; color: #555; } .widget_search label.screen-reader-text { display: none; } .widget_search input#searchsubmit { display: none; } .widget_search input#searchsubmit:hover { } #sidebar-wide input#s { -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px; } #sidebar-wide input#s:focus { border-color: rgba(48, 141, 191, 0.7); outline: 0 none; -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset, 0 0 8px rgba(82, 168, 236, 0.6); -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset, 0 0 8px rgba(82, 168, 236, 0.6); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset, 0 0 8px rgba(82, 168, 236, 0.6); -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; } #subfooter input#s { background: #181818; width: 100%; border: 1px solid #222; padding: 6px 6px; color: #777; } /* ---- default widget: tag cloud ---- */ .widget_tag_cloud { } .widget_tag_cloud .tagcloud { text-align: center; padding-top: 10px; } .widget_tag_cloud .tagcloud a { color: #888; } .widget_tag_cloud .tagcloud a:hover { color: #308dbf; } /* ---- default widget: text ---- */ .widget_text .textwidget { line-height: 20px; padding-top: 8px; } .widget_text .textwidget p { margin-bottom: 10px; } #sidebar-wide .widget_text .textwidget p { color: #777; } /* ---- default widget : calendar ---- */ .widget_calendar a { color: #308dbf; font-weight: bold; } .widget_calendar a:hover { color: #222; } .widget_calendar #wp-calendar { width: 100%; } .widget_calendar caption { background: #308dbf; color: #fff; text-shadow: 0 -1px 0 rgba(0,0,0,0.3); font-weight: bold; margin: 0 0 6px 0; padding: 8px 10px; } .widget_calendar th { color: #222; font-weight: bold; } .widget_calendar th, .widget_calendar td { padding: 4px 0 4px 0; text-align: center; border: 1px solid #e2e2e2; } #subfooter .widget_calendar caption { background: #181818; } #subfooter .widget_calendar th { color: #fff; } #subfooter .widget_calendar th, #subfooter .widget_calendar td { border-color: #181818; } /* ---- wpbandit widget: tabs ---- */ .widget_bandit_tabs .bandit_tab { display: none; } .widget_bandit_tabs .tab-links { margin-bottom: 10px; } .widget_bandit_tabs .tab-links li { display: inline; } .widget_bandit_tabs .tab-links li a { font-weight: bold; display: block; float: left; } .widget_bandit_tabs .tab-inner ul li a { padding: 3px 0; float: left; clear: both; width: 100%; border-bottom: 1px solid #e5e5e5; } .widget_bandit_tabs .tab-inner ul li a:hover .tab-entry-title { color: #308dbf; } .widget_bandit_tabs .tab-inner ul li a:hover .tab-entry-image img { opacity: 0.7; } .widget_bandit_tabs .tab-entry-image { background: #fff; border: 1px solid #ddd; float: left; padding: 4px; margin: 0 10px 0 0; } .widget_bandit_tabs .tab-entry-image img { float: left; } .widget_bandit_tabs .tab-entry-title { color: #555; font-weight: bold; display: block; margin: 7px 0 0 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; } .widget_bandit_tabs .tab-entry-date, .widget_bandit_tabs .tab-entry-comment { color: #999; display: block; margin: 0 0 7px 0; } .widget_bandit_tabs .tab-tagcloud { padding-top: 5px; } #sidebar-wide .widget_bandit_tabs .tab-links { background: #f0f0f1; border: 1px solid #dbdbdb; padding: 3px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; -moz-box-shadow: 0 1px 0 #fff; -webkit-box-shadow: 0 1px 0 #fff; box-shadow: 0 1px 0 #fff; } #sidebar-wide .widget_bandit_tabs .tab-links li a { font-size: 13px; background-position: 0 -40px; display: block; padding: 6px 10px; color: #308dbf; float: left; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } #sidebar-wide .widget_bandit_tabs .tab-links li a.active { background: #308dbf; color: #fff; text-shadow: 0 1px 0 rgba(0,0,0,0.3); -moz-box-shadow: 0 1px 0 #fff; -webkit-box-shadow: 0 1px 0 #fff; box-shadow: 0 1px 0 #fff; } #sidebar-wide .widget_bandit_tabs .tab-entry-title, #sidebar-wide .widget_bandit_tabs .tab-entry-date, #sidebar-wide .widget_bandit_tabs .tab-entry-comment { margin-right: 0; margin-left: 0; } #subfooter .widget_bandit_tabs .tab-links { background: #181818; line-height: 32px; padding: 0 0 0 10px; } #subfooter .widget_bandit_tabs .tab-links li a { color: #308dbf; margin-right: 8px; } #subfooter .widget_bandit_tabs .tab-links li#bandit-tab4 a { margin-right: 0; } #subfooter .widget_bandit_tabs .tab-links li a.active { color: #fff; } #subfooter .widget_bandit_tabs .tab-inner ul li a { border-color: #181818; } #subfooter .widget_bandit_tabs .tab-inner ul li a:hover .tab-entry-title { color: #fff; } #subfooter .widget_bandit_tabs .tab-entry-image { background: #222; border: 1px solid #141414; } #subfooter .widget_bandit_tabs .tab-entry-title { color: #999; font-weight: normal; } #subfooter .widget_bandit_tabs .tab-entry-date, #subfooter .widget_bandit_tabs .tab-entry-comment { color: #555; } /* ---- wpbandit widget: flickr ---- */ .widget_bandit_flickr #flickr_wrap { margin-left: 0px; } .widget_bandit_flickr .flickr_badge_image { background: #fff; border: 1px solid #ddd; padding: 4px; margin: 0 4px 4px 0; float: left; -moz-border-radius: 1px; -webkit-border-radius: 1px; border-radius: 1px; } .widget_bandit_flickr img { float:left; height: 42px; width: 42px; -moz-border-radius: 1px; -webkit-border-radius: 1px; border-radius: 1px; } .widget_bandit_flickr #flickr_badge_image5, .widget_bandit_flickr #flickr_badge_image10, .widget_bandit_flickr #flickr_badge_image15 { margin-right: 0; } #subfooter .widget_bandit_flickr .flickr_badge_image { background: #181818; padding: 5px; margin: 0 6px 6px 0; border: 0; } #subfooter .widget_bandit_flickr img { height: 40px; width: 40px; } #subfooter .widget_bandit_flickr #flickr_badge_image4, #subfooter .widget_bandit_flickr #flickr_badge_image8, #subfooter .widget_bandit_flickr #flickr_badge_image14 { margin-right: 0; } /* ------------------------------------------------------------------------- * * Comments /* ------------------------------------------------------------------------- */ #entry-comments { padding: 0 40px; } #comments { width: 100%; position: relative; } .commentlist { margin-top: 30px; } /* parent */ .commentlist li { list-style: none; font-size: 12px; padding-left: 70px; } .commentlist li .comment-body { background: #f4f4f4; clear: both; border-bottom: 1px solid #e5e5e5; padding: 14px 20px 38px; margin: 0 0 10px 0; position: relative; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; } .commentlist li .comment-body .comment-author { display: block; margin-bottom: 4px; } .commentlist li .comment-body .fn { color: #222; font-size: 13px; font-style: normal; font-weight: bold; } .commentlist li .comment-body .fn a { color: #222; } .commentlist li .comment-body .fn a:hover { color: #222; } .commentlist li .comment-body .says { display: none; } .commentlist li .comment-body .avatar { position: absolute; left: -70px; top: 0; width: 60px; height: 60px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; } .commentlist li .comment-body p { margin-bottom: 8px; color: #777; clear: both; line-height: 1.5em; } /* child */ .commentlist li ul { margin: 0 0 10px 0; } .commentlist li ul li { border-left: 1px solid #f4f4f4; padding: 0 0 10px 30px; margin: 0; } .commentlist li ul li .comment-body { margin: 0; padding: 12px 20px 38px 70px; } .commentlist li ul li .comment-body .fn { font-size: 13px; } .commentlist li ul li .comment-body .avatar { width: 40px; height: 40px; left: 15px; top: 15px; } .commentlist li ul li .comment-body .comment-meta { left: 70px; } .commentlist li ul ul { margin: 10px 0 0 0; } .commentlist li:last-child, .commentlist li li:last-child, .commentlist li li li:last-child, .commentlist li li li li:last-child { padding-bottom: 0!important; } /* misc */ .commentlist .comment-meta { display: block; position: absolute; bottom: 18px; left: 20px; font-size: 11px; line-height: 12px; } .commentlist .comment-meta a { color: #999; } .commentlist .comment-meta a.comment-edit-link:hover { color: #444; } .commentlist .reply { position: absolute; bottom: 0; right: 1px; } .commentlist .reply a { background: #fff; font-size: 11px; color: #999; display: block; line-height: 24px; padding: 0 8px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; } .commentlist .reply a:hover { background-color: #308dbf; color: #fff; } .commentlist li.pingback .reply { display: none; } .commentlist li.bypostauthor .comment-body { background-image: url(img/comment-author.png); background-repeat: no-repeat; background-position: right 10px; } .commentlist li.bypostauthor li .comment-body { background-image: none; } .commentlist li.bypostauthor ul li.bypostauthor .comment-body { background-image: url(img/comment-author.png); background-position: right 10px; } .comment-awaiting-moderation { color: #308dbf; font-style: normal; } /* comments : nav /* ------------------------------------ */ #comment-nav { margin: 30px 0; padding: 10px; border: 1px dotted #e5e5e5; } #comment-nav a { font-weight: bold; } #comment-nav .nav-previous { float: left; } #comment-nav .nav-next { float: right; } /* comments : form /* ------------------------------------ */ .logged-in-as, .comment-notes, .form-allowed-tags { display: none; } #respond { background: #f4f4f4; padding: 20px; position: relative; border-bottom: 1px solid #e5e5e5; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; } li #respond { padding-top: 10px; margin-bottom: 10px; } li li #respond { margin-top: 10px; margin-bottom: 0; } #reply-title { margin: 0 0 8px; background: none; position: static; } li #reply-title { font-size: 0; margin: 0!important; height: 0; } #cancel-comment-reply-link { color: #999; font-family: Arial, Helvetica, Verdana, sans-serif; display: block; position: absolute; bottom: 28px; right: 20px; font-size: 12px; font-weight: normal; letter-spacing: 0; text-transform: none; } #cancel-comment-reply-link:hover { color: #777; } #commentform p.comment-form-author { width: 48%; float: left; } #commentform p.comment-form-email { width: 48%; float: right; } #commentform p.comment-form-url, #commentform p.comment-form-comment { clear: both; } #commentform label { padding: 7px 0; font-weight: bold; display: block; } #commentform input[type="text"], #commentform textarea { max-width: 100%; width: 100%; } #commentform textarea { height: 140px; } #commentform p.form-submit { margin-top: 10px; } .logged-in #reply-title { margin-bottom: 20px; } .logged-in #commentform p.comment-form-comment { margin-top: 10px; } .logged-in #commentform p.comment-form-comment label { display: none; } /* ------------------------------------------------------------------------- * * Footernav /* ------------------------------------------------------------------------- */ #footernav { font-size: 12px; } #footernav-inner { width: 1020px; } #footernav-inner ul { background-color: #fff; padding: 14px 30px; text-align: center; margin-top: 20px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.1); -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.1); box-shadow: 0 1px 1px rgba(0,0,0,0.1); } #footernav-inner ul li { display: inline-block; border-left: 1px solid #ddd; padding-left: 4px; } #footernav-inner ul li:first-child { border: 0; } #footernav-inner ul li a { font-weight: bold; color: #333; display: block; padding: 0 7px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } #footernav-inner ul li a:hover { color: #308dbf; } #footernav-inner ul li ul { display: none; } /* ------------------------------------------------------------------------- * * Subfooter /* ------------------------------------------------------------------------- */ #subfooter { margin-top: 20px; color: #555; } #subfooter-inner { background: #111; padding: 30px 30px 0; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; box-shadow: inset 0 10px 10px rgba(0,0,0,0.07), inset 0 2px 2px rgba(0,0,0,0.3); -moz-box-shadow: inset 0 10px 10px rgba(0,0,0,0.07), inset 0 2px 2px rgba(0,0,0,0.3); -webkit-box-shadow: inset 0 10px 10px rgba(0,0,0,0.07), inset 0 2px 2px rgba(0,0,0,0.3); } #subfooter .ctitle { background: #111 url(img/h-sprite.png) repeat 0 -699px; width: 1020px; margin-left: -30px; font-family: 'Oswald', sans-serif; font-weight: normal; text-transform: uppercase; font-size: 18px; color: #777; height: 18px; line-height: 18px; text-align: center; margin-bottom: 30px; } #subfooter .ctitle span { background: #111; display: inline-block; text-align: center; padding: 0 10px; } /* ------------------------------------------------------------------------- * * Footer /* ------------------------------------------------------------------------- */ #footer { padding-bottom: 20px; } #footer-inner { padding: 20px 30px; font-size: 12px; } #footer p#copy { float: left; line-height: 16px; color: #777; } #footer p#copy a { color: #555; } #footer p#copy a:hover { color: #777; } #footer ul#social-links { float: right; } #footer ul#social-links li { float: left; display: inline; margin-left: 15px; line-height: 16px; } #footer ul#social-links li a { color: #777; line-height: 16px; display: block; } #footer ul#social-links li a:hover { color: #222; } #footer ul#social-links li a span.icon { display: block; float: left; height: 16px; width: 16px; margin-right: 5px; } #footer ul#social-links li a span.icon img { float: left; } #footer ul#social-links li a span.icon-title { display: block; float: left; line-height: 16px; } /* added by me for block quotes, italics and bold in comments*/ .comment-body blockquote { background: #f9f9f9; border-left: 10px solid #ccc; margin: 1.5em 10px; padding: 0.5em 10px; quotes: "\201C""\201D"; } .comment-body blockquote:before { color: #ccc; content: open-quote; font-size: 4em; line-height: 0.1em; margin-right: 0.25em; vertical-align: -0.4em; } .comment-body blockquote p { display: inline; } .comment-body em, i, dfn { font-style: italic; } .comment-body b, strong { font-weight: bold; }