/*
Theme Name: Cowcatcher
Theme URI: http://www.childress-media.com
Description: A theme developed specifically for Cowcatcher Magazine
Author: Stacey Childress / Childress Media
Author URI: http://www.childress-media.com
Version: 1.0
*/

/* ------------------------------------------------------------------------- *
 * 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, caption, tbody, tfoot, 
thead, th, 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 { 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: 'Ubuntu', sans-serif;}
a { color: #308dbf; 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: #222; }
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; }
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;}


/* ------------------------------------------------------------------------- *
 *  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 strong, .text dt { color: #333; }
.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 { font-family: Georgia, serif; font-style: italic; border-left: 1px solid #ddd; margin: 0 0 20px 20px; padding-left: 15px; }
.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: 87.5%; }
.text pre { font-size: 11px; }
.text pre { background: url(img/pre.png) repeat top; color: #333; padding: 0; margin: 14px 0 28px 0; border: 1px solid; border-color: #ccc #ddd #ddd #ddd; line-height: 20px; padding: 0 0 0 4px; overflow: auto; overflow-Y: hidden; }
.text code { background: #dedede; color: #444; 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 { background: #f1f1f1; height: 4px; border: 0; margin: 28px 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 table td { border-top: 1px solid #f1f1f1; text-align: left; padding: 3px 6px;}
.text table th { background: #f1f1f1; color: #444; font-weight: bold; padding: 3px 6px; text-align: left;  }
.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: 14px 0; 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{
	min-width: 1020px;
    width: 100%;
}
#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-color:#000000; top: 100; box-shadow: 0 0 1px rgba(255,255,255,0.2); height:140px;background-image: url(/wp-content/themes/sprout11/img/cc-header-back.jpg);background-repeat:no-repeat;background-size:100% 100%;}
#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: 120px; padding: 10px 30px;text-align:center;}

#logo { font-family: 'Oswald', sans-serif; font-weight: normal; text-transform: uppercase; font-size: 36px; line-height: 70px; float: left; }
#logo a { color: #fff; }
#logo a:hover { color: #ddd; }
#logo.logo-img { margin: 15px 0; opacity: 0.99; }
#logo.logo-img img { float: left; max-width: 600px; height: 40px; }
#logo.logo-img a  { float: left; }
#tagline { background:#000000; padding:10px 0; margin-top:10px;color:#FFF;font-family:font-family: 'Doppio One', sans-serif; font-size:14px; font-weight:bold; float:left; font-style:italic; width: 100%; overflow:visible;text-align:center;position:absolute;bottom:0;left:0;}


/* ------------------------------------------------------------------------- *
 *  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: 400px; 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: 400px; width: 100%; overflow: hidden; }
#headstyle-bg .image { background-repeat: no-repeat; background-position:center; position: absolute; top: 200; height: 400px; 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: 30px; 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: 22px; list-style: none; display: inline; float: left; position: relative; border-left: 1px solid #fff; margin-bottom: -1px; text-transform:uppercase;}
#nav-sub li a { background: url(img/nav-sub.png) no-repeat 0 -20px; color: #777; display: block; line-height: 16px; padding-top:18px; padding-bottom: 18px; padding-left: 22px; padding-right: 22px; 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 { 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 {color: #222; border-bottom-color: #cfcfcf; }

/* level 2 */
#nav-sub li:hover > ul { display: block; }
#nav-sub ul { display: none; background: #ededed; width: 200px; border-top: 1px solid #e0e0e0; border-left: 1px solid #ddd; border-right: 1px solid #ddd; font-size: 14px; font-weight: normal; position: absolute; top: 50px; 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: 15px; 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: 200px; 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 { 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; }

/* ---- entry title ---- */
.entry-title { font-size: 27px; letter-spacing: -1px; font-weight: bold; margin-bottom: 6px; }
.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: 4px; }
.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 { 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; 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 content ---- */
.text { overflow: hidden; }
.text p { line-height: 22px; margin: 14px 0; }
.text a img:hover { opacity: 0.9; }
.sticky {}

/* ---- 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: 20px 0; 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 iframe,
.entry-format.video object { float: left; }
.entry-format.video .format-icon { background: #fff; } 

/* ---- 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 ---- */
.entry-format.status { padding: 6px 40px; }
.entry-format.status blockquote { font-size: 18px; line-height: 1.3em; }
.entry-format.status blockquote p { color: #222; }

/* ---- 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
/* ------------------------------------------------------------------------- */

/* 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 { background: #308dbf url(img/h-sprite.png) repeat-x 0 -99px; color: #fff; display: inline-block; cursor: pointer; font-weight: bold; padding: 6px 10px; border: 0; text-shadow: 0 -1px 0 rgba(0,0,0,0.3); -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; 
-moz-box-shadow: inset 0 1px 0 rgba(0,0,0,0.15), inset 1px 0 0 rgba(0,0,0,0.2), inset -1px 0 0 rgba(0,0,0,0.2), inset 0 -1px 0 rgba(0,0,0,0.5);
-webkit-box-shadow: inset 0 1px 0 rgba(0,0,0,0.15), inset 1px 0 0 rgba(0,0,0,0.2), inset -1px 0 0 rgba(0,0,0,0.2), inset 0 -1px 0 rgba(0,0,0,0.5);
box-shadow: inset 0 1px 0 rgba(0,0,0,0.15), inset 1px 0 0 rgba(0,0,0,0.2), inset -1px 0 0 rgba(0,0,0,0.2), inset 0 -1px 0 rgba(0,0,0,0.5);
-webkit-transition-property: none; -moz-transition-property: none; -o-transition-property: none; transition-property: none; }
a.btn-a:hover { color: #fff; background-position: 0 -159px; }
a.btn-a:active { background-position: 0 -219px; 
-moz-box-shadow: inset 0 1px 0 rgba(0,0,0,0.3), inset 1px 0 0 rgba(0,0,0,0.2), inset -1px 0 0 rgba(0,0,0,0.2), inset 0 -1px 0 rgba(0,0,0,0.5);
-webkit-box-shadow: inset 0 1px 0 rgba(0,0,0,0.3), inset 1px 0 0 rgba(0,0,0,0.2), inset -1px 0 0 rgba(0,0,0,0.2), inset 0 -1px 0 rgba(0,0,0,0.5);
box-shadow: inset 0 1px 0 rgba(0,0,0,0.3), inset 1px 0 0 rgba(0,0,0,0.2), inset -1px 0 0 rgba(0,0,0,0.2), inset 0 -1px 0 rgba(0,0,0,0.5); }

/* 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: #222; }
.alert a:hover { color: #555; }  
.alert.white { background: #fff; border-color: #ddd; }
.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: 66px; font-weight: bold; line-height: 66px; margin: 0 10px 0 0}

/* shortcodes - pullquotes */
.pullquote-left	{ color: #222; border-left: 6px solid #ddd; float: left; margin: 22px 20px 22px 0; padding: 0 0 0 20px; font-size: 16px; font-weight: bold; line-height: 22px; width: 40%; }
.pullquote-right { color: #222; border-right: 6px solid #ddd; float: right; margin: 22px 0 22px 20px; padding: 0 20px 0 0; font-size: 16px; font-weight: bold; line-height: 22px; width: 40%; }

/* shortcodes - highlights */
.highlight-1 { background: #fff5af; color: #222; }
.highlight-2 { border-bottom: 1px dotted #777; color: #222; }

/* shortcodes - divider toplink */
.sc-divider	{ border-top: 1px solid #eee; display: block; width: 96%; height: 23px; clear: both; position: relative; }
.text .top a { background: #fff; position: absolute; top: -8px; right: -4%; font-size: 10px; font-weight: bold; text-transform: uppercase; text-decoration: none; padding: 0 0 0 5px; }

/* 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: #777; 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: #222; cursor: pointer; }
ul.sc-tabs-header li.ui-state-active a { color: #222; background: #eee; }

.sc-tabs-body { width: 100%; }
.sc-tab-single-box { background: #eee; float: left; width: 92%; padding: 4%; -moz-border-radius: 0 0 4px 4px; -webkit-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px; }

/* shortcodes - toggle */
.toggle-box { background: #eee; margin-bottom: 20px; padding: 12px 20px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }
h4.toggle-title { font-size: 14px; font-weight: normal; background: url(img/shortcodes/sc-icon-toggle.png) no-repeat -28px 2px; padding: 0 0 0 20px; margin: 0; cursor: pointer; }
h4.toggle-title a { color: #555; }
h4.toggle-title a:hover { color: #555; }
h4.toggle-title-active { background: url(img/shortcodes/sc-icon-toggle.png) no-repeat 1px -57px; }
.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; }


/* ------------------------------------------------------------------------- *
 *  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: 11px; padding: 3px 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: 20px; font-size: 13px;}
.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;  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: 10px 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: 260px; 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: 206px; 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 ---- */


#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 .ui-tabs-hide { display: none!important; }
.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-links li.ui-state-active a {  }
.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.ui-state-active a { 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.ui-state-active a { 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 0; }
#comments-title { font-size: 27px; letter-spacing: -1px; font-weight: bold; }

/* ---- comments : base ---- */
ol.commentlist { padding: 20px 0 0; }
ol.commentlist li.comment .comment-body,
ol.commentlist li.trackback .comment-body  { clear: both; overflow: auto; border-bottom: 1px solid #f1f1f1; padding: 10px 0 10px 50px; margin: 0 0 10px 0; position: relative; }
ol.commentlist li.comment .comment-body .comment-author { display: block; }
ol.commentlist li.comment .comment-body cite.fn,
ol.commentlist li.trackback .comment-body cite.fn { color: #222; font-weight: bold; font-style: normal; font-size: 13px; line-height: 22px; }
ol.commentlist li.comment .comment-body cite.fn a:hover,
ol.commentlist li.trackback .comment-body cite.fn a:hover { }
ol.commentlist li.comment .comment-body span.says,
ol.commentlist li.trackback .comment-body span.says { display: none; }
ol.commentlist li.comment .comment-body em.comment-awaiting-moderation,
ol.commentlist li.trackback .comment-body em.comment-awaiting-moderation { font-size: 12px; margin-left: 10px; color: #21759b; font-style: normal; }
ol.commentlist li.comment .comment-body img.avatar { position: absolute; left: 0; top: 15px; width: 30px; height: 30px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;  }

ol.commentlist li.comment .comment-body .comment-meta,
ol.commentlist li.trackback .comment-body .comment-meta { display: block; margin-bottom: 10px; font-size: 11px; line-height: 18px; }
ol.commentlist li.comment .comment-body .comment-meta a,
ol.commentlist li.trackback .comment-body .comment-meta a  { color: #999; }
ol.commentlist li.comment .comment-body .comment-meta a:hover,
ol.commentlist li.trackback .comment-body .comment-meta a:hover { text-decoration: none; }
ol.commentlist li.comment .comment-body .comment-meta a.comment-edit-link,
ol.commentlist li.trackback .comment-body .comment-meta a.comment-edit-link { text-decoration: none; }
ol.commentlist li.comment .comment-body .comment-meta a.comment-edit-link:hover,
ol.commentlist li.trackback .comment-body .comment-meta a.comment-edit-link:hover { color: #222; }
ol.commentlist li.comment .comment-body p,
ol.commentlist li.trackback .comment-body p { font-size: 13px; margin-bottom: 8px; color: #777; clear: both; line-height: 1.5em; }

ol.commentlist li.comment .comment-body .reply { position: absolute; top: 10px; right: 0; }
ol.commentlist li.trackback .comment-body .reply { display: none; }
ol.commentlist li.comment .comment-body .reply a { display: block; font-size: 11px;  color: #999; line-height: 24px; }
ol.commentlist li.comment .comment-body .reply a:hover { text-decoration: underline; }

ol.commentlist li.comment.bypostauthor .comment-body { background-image: url(img/postauthor.png); background-repeat: no-repeat; background-position: 8px 50px; }
ol.commentlist li.comment.bypostauthor li .comment-body { background-image: none; }
ol.commentlist li.comment.bypostauthor ul.children li.bypostauthor .comment-body { background-image: url(img/postauthor.png); }

/* trackback difference */
ol.commentlist li.trackback .comment-body { padding: 20px; }
ol.commentlist li.trackback .comment-body .comment-meta { margin-left: 0; }
ol.commentlist li.trackback .comment-body p { margin: 0;  }

/* 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 #f1f1f1; padding: 0 0 10px 30px; }
ol.commentlist li.comment ul.children li .comment-body { margin: 0; padding: 10px 0 10px 50px; }
ol.commentlist li.comment ul.children li .comment-body cite.fn { font-size: 13px; }
ol.commentlist li.comment ul.children li .comment-body img.avatar { width: 30px; height: 30px; left: 0; top: 15px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;  }
ol.commentlist li.comment ul.children li .comment-body .reply a { margin-left: 0; }
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 : form */
#respond { position: relative; margin: 10px 0 10px 0; }
#respond  ul { background: #f1f1f1; border-top: 1px solid #f1f1f1; padding: 10px 10px 15px 10px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }
#respond  ul li { width: 98%; }
#respond header h4 { font-size: 16px; font-weight: bold; margin-bottom: 26px; }
#respond #cancel-comment-reply-link { display: none; }
#comment-tags span { color: #222; font-style: italic; }
#respond li.buttons { padding-top: 0; padding-bottom: 0; float: left; }

/* reply */
li.comment #respond { padding-left: 30px; border-left: 1px solid #f1f1f1; }
li.comment li #respond { padding: 0 0 0 30px; margin: 10px 0 0 0; }
li.comment #respond header { position: absolute; display: block; bottom: 20px; right: 14px; z-index: 2; }
li.comment #respond header h4,
li.comment #respond header div { display: none; }
li.comment #respond header #cancel-comment-reply-link { display: block; z-index: 2; float: right; text-align: right; font-size: 11px; font-weight: normal; }

/* comments : nav */
#entry-comments .navigation { margin: 10px 0 10px 0; padding: 10px 0; }
#entry-comments .navigation a { background: #f1f1f1; display: block; padding: 6px 10px; font-weight: bold; font-size: 14px;
-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }
#entry-comments .navigation .nav-previous { float: left; }
#entry-comments .navigation .nav-next { float: right;  }


/* ------------------------------------------------------------------------- *
 *  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 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; }


/* ------------------------------------------------------------------------- *
 *  Form Styling
/* ------------------------------------------------------------------------- */
input,
button,
textarea,
select,
option { font-family: Arial, Helvetica, Verdana, sans-serif;  }
input,
button,
textarea { background: #fff; color: #777; font-size: 14px; border: 1px solid #ccc; border-top: 1px solid #bbb; padding: 6px 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); 
-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;
-moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
input:focus,
textarea:focus { color: #555; 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); }

input[type="submit"],
button[type="submit"] { background: #308dbf url(img/h-sprite.png) repeat-x 0 -99px; color: #fff; cursor: pointer; font-weight: bold; padding: 5px 8px; border: 0; text-shadow: 0 -1px 0 rgba(0,0,0,0.3);
-moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; 
-moz-box-shadow: inset 0 1px 0 rgba(0,0,0,0.2); -webkit-box-shadow: 0 1px 0 rgba(0,0,0,0.2); 
box-shadow: inset 0 1px 0 rgba(0,0,0,0.15), inset 1px 0 0 rgba(0,0,0,0.2), inset -1px 0 0 rgba(0,0,0,0.2), inset 0 -1px 0 rgba(0,0,0,0.5);
-webkit-transition-property: none; -moz-transition-property: none; -o-transition-property: none; transition-property: none;  }
input[type="submit"]:hover,
button[type="submit"]:hover { background-position: 0 -159px; }
input[type="submit"]:active,
button[type="submit"]:active { background-position: 0 -219px;
box-shadow: inset 0 1px 0 rgba(0,0,0,0.3), inset 1px 0 0 rgba(0,0,0,0.2), inset -1px 0 0 rgba(0,0,0,0.2), inset 0 -1px 0 rgba(0,0,0,0.5); }
label { font-weight: bold; color:#999; font-size: 12px; }

/* search form */
#header-inner input[type="text"]{
	width:200px;
	padding:6px 10px;
}


/* ------------------------------------------------------------------------- *
 *  Form Framework
/* ------------------------------------------------------------------------- */
.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;}
.bandit-form .info h4{color:#777;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{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:#d33e34!important;font-weight:bold;margin:0;padding:0;}
form span.light{display:inline;float:none;color:#999!important;font-weight:normal;font-family: Droid Serif, Arial;font-style: italic;font-size: 12px;margin:0;padding:0;}

/* fields */
input.text,input.search, input.file, textarea.textarea, select.select{font-family: Arial, Helvetica, Verdana, sans-serif;font-size:100%;margin:0;padding:4px 0;}
input.text,input.search, textarea.textarea{}

/* 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:6px 1% 6px 1%;}
form li.buttons input{font-size:100%;margin-right:5px;}
input.btTxt{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 li.focused{background-color:#fff7c0;}
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:#222;}
form li.focused .instruct, form li:hover .instruct{left:100%;visibility:visible;opacity:1;}

#logo_box {
	position:relative;
	float:left;
	padding-top: 10px;
}

#logo_box img{
	max-height:70px;
}

#search_box{
	width:350px;
	height: 50px;
	position:relative;
	float:right;
	margin-top:30px;
	color:#FFF;
}

#search_box input[type="submit"]{
	height:32px;
}

#ad_header{
	width:auto;
	height: 100px;
	background-color:#000;
}

#ad_box{
	width:1000px;
	height: 80px;
	position:relative;
	margin-left:auto;
	margin-right:auto;
	padding-top:10px;
}

#ad_left{
	width: 400px;
	height: 80px;
	float:left;
	background-color:#0C3;
}

#ad_right{
	width: 400px;
	height: 80px;
	float:right;
	background-color:#0C3;
}

.entry-meta {
display: none;
}

.hamburger{
	position: absolute;
    right: 50px;
    top: 40px;
	display:none;
	cursor:pointer;
}
.body-overlay{
	position:fixed;
	background:#333333;
	height:100vh;
	width:100vw;
	z-index:999;
	display:none;

}
.mobile-nav{
	text-align:center;
	width:100%;
	height:100%;
	z-index:1000;
	left:-999px;
	padding:30px 0;
	transition: all .25s linear;
	display:none;
	overflow-y:scroll;
	position:fixed;
	margin-bottom:100px;
}

.nav-content{
	position: relative;
	margin-bottom:40px;
}
.mobile-nav.active{
	left:0px;	
}
.mobile-nav ul{
	width:100%;
}

.mobile-nav ul li{
	padding:30px;
	border-bottom:1px solid #656565;
	text-align:left;
	color:#b4b4b4;
}

.mobile-nav ul li ul li:last-child{
	border-bottom:none;
	padding-bottom:none;
}

.mobile-nav ul li a{
	color:#ffffff;
}

#search_box_mobile{
	margin:0 auto;
}
#search_box_mobile input[type="text"]{
	padding:6px 10px;
	width:75%;
}

#search_box_mobile input[type="submit"]{
	height:32px;
}

.close-icon{
	text-align: right;
    padding: 10px 10px 30px;
    margin-top: -10px;
	cursor:pointer;
}

@media (max-width:768px){
	#header{
		min-width:auto;
		width:100vw;
		height:200px;
		background-repeat: no-repeat;
		background-position: -140px top;
		background-size: cover;
	}
	#header-inner{
		height:200px;
	}
	#logo_box{
		left: 20px;
    	top: 20px;
	}
	#search_box{
		display:none;
	}
	#tagline{
		padding: 20px 10px;
    	min-width: 100%;
		max-width:100%;
    	line-height: 26px;
		width:auto;
	}
	.hamburger{
		display:block;
	}
	.mobile-nav{
		display:block;
	}
	#nav-subheader{
		display:none;
	}
	#subheader-top{
		width:auto;
	}
	#header-inner{
		padding:0px;
	}
	#headstyle{
		height:auto;
	}
	#headstyle-bg{
		height:auto;
		min-height:250px;
	}
	#headstyle-bg .image{
		min-width:auto;
		background-position: center -100px;
	}
	#headstyle-nav{
		width:auto;
	}
	#subheader-top{
		width:auto;
		background-image:none;
	}
	#subheader-inner{
		width:auto;
	}
	.container-12, .container-16, .container-12 .grid-12, .container-16 .grid-16{
		width:100%;
	}
	#subheader .ctitle{
		width:auto;
	}
	#sidebar{
		float:none;
	}
	.grid.entry-list{
		width:100%;
		margin:0;
	}
	#content-inner .entry{
		width:auto;
		margin:0;
		padding: 10px 30px;
	}
	.entry-inner{
		padding:0;
	}
	.entry-bullet{
		display:none;
	}
	#sidebar-wide{
		width:auto;
	}
	#sidebar-wide .widget{
		width:auto;
	}
	#content-inner{
		padding:0;
	}
	#content-inner.sidebar {
		background-image:none;
	}
	#footer-inner{
		padding:0;
	}
	#footer-inner p{
		padding:10px;
		text-align:center;
	}
	.heading{
		margin:43px 30px 40px;	
	}
	.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{
		margin:0;
	}
}

@media (max-width:540px){
	#header{
		background-size:auto;
	}
	#tagline{
		min-width:auto;
	}
	#tagline::before{
		content: "";
		border-left:4px solid #b4b4b4;
		position:absolute;
		height:60%;
		margin-left:-20px;
	}
}