/** =SETUP ---------- */ body { background: #fff; color: #444; font: 15px/22px 'Droid Sans', sans-serif; font-weight: 300; padding: 0 10px; } /** =TYPOGRAPHY ---------- */ /** * Links */ /*a { color: #2e6eb0; text-decoration: underline; } a:active { color: #000; } a:hover, a:active { outline: none; } a:focus, a:hover { color: #000; } a:focus { outline: dotted thin; } a:link { -webkit-tap-highlight-color: #000; }*/ /** * Headings */ /*h1, h2, h3, h4, h5, h6 { color: #000; margin: 0 0 20px; padding: 10px 0 0; }*/ h1 { font-family: 'Chicle', 'LeagueGothic', 'Arial Narrow', Impact, sans-serif; font-size: 48px; font-weight: normal; line-height: 50px; margin: 0 0 30px; padding: 5px 0 0; /*text-transform: uppercase;*/ } .sans-serif h1 { font-family: 'Chicle', 'Helvetica Neue', sans-serif; font-weight: bold; letter-spacing: -2px; text-transform: none; } h2 { font-size: 18px; line-height: 24px; padding: 20px 0 0; text-transform: none; } h3 { font-family: 'Chicle', 'Helvetica Neue', sans-serif; font-size: 15px; } h4 { font-size: 13px; text-transform: none; } h5 { font-size: 12px; text-transform: none; } h6 { font-family: 'Chicle', 'Arial Narrow', sans-serif; font-size: 11px; text-transform: none; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: #000; text-decoration: none; } h1 a:hover, h1 a:focus, h2 a:hover, h2 a:focus, h3 a:hover, h3 a:focus, h4 a:hover, h4 a:focus, h5 a:hover, h5 a:focus, h6 a:hover, h6 a:focus { color: #000; } /** * Text */ p { margin: 0 0 20px; } blockquote { background: url(img/sprite.png) 0 -85px no-repeat; color: #888; padding: 0 35px; margin: 0 0 20px; } .multiplebgs blockquote { background-image: url(img/sprite.png), url(img/sprite.png); background-repeat: no-repeat; background-position: 0 -85px, bottom right; } q { color: #888; font-style: italic; } blockquote a, q a { color: #888; } cite { color: #000; } blockquote cite, q cite { color: #000; } blockquote cite:before, q cite:before { content: " \2014 "; } strong { color: #000; font-weight: bold; } mark { background: #d6eaff; font-style: italic; font-weight: normal; } em, dfn { font-style: italic; } dfn { font-weight: bold; } abbr, acronym { border-bottom: 1px dotted #222; } address { font-style: italic; margin: 0 0 20px; } del, s { color: #888; text-decoration: line-through; } ins { background: #ececec; } pre { padding: 10px; white-space: pre; white-space: pre-wrap; white-space: pre-line; word-wrap: break-word; } code { margin: 20px 0; } pre, code, tt, kbd, samp { font: 15px/22px monospace, sans-serif; } sup, sub { line-height: 0; } sub { font-size: smaller; vertical-align: sub; } sup { font-size: smaller; vertical-align: super; } ::-moz-selection { background: #2e6eb0; color: #fff; text-shadow: none; } ::selection { background: #2e6eb0; color: #fff; text-shadow: none; } /** * Lists */ li ul, li ol { margin: 0 20px; } ul { list-style: disc inside; margin: 0 0 20px; } ol { list-style: decimal inside; margin: 0 0 20px; } dl { margin: 0; } dl dt { font-size: 15px; font-weight: bold; } dd { margin: 0 0 20px; } /** * Tables */ table { width: 100%; } tbody { border-top: 0; } tbody th { border-bottom: 0; } thead th { text-align: left; padding-right: 0; border-bottom: 0; } th { color: #000; text-align: left; } th, td { padding: 0; } td, td img { vertical-align: top; } tfoot { font-style: italic; } caption { color: #000; font-weight: bold; text-align: left; } /** * Forms */ label { color: #000; display: block; font-size: 15px; font-weight: bold; margin: 0 0 5px; } fieldset { border: 1px solid #ccc; border-bottom-width: 2px; border-top-width: 2px; margin: 0 0 10px; padding: 20px; } legend { font-size: 18px; font-weight: bold; margin-left: -10px; padding: 0 10px; } input, textarea, select { background: #fff; border: 1px solid #ccc; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.1); -moz-box-shadow: 0 1px 1px rgba(0,0,0,.1); box-shadow: 0 1px 1px #ccc; box-shadow: 0 1px 1px rgba(0,0,0,.1); color: #555; font: 15px/24px 'Helvetica Neue', sans-serif; margin: 0 0 10px; padding: 5px; } input:focus, textarea:focus, select:focus { border: 1px solid #aaa; -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 1px rgba(0,0,0,.2); box-shadow: 0 1px 1px #cdcdcd; box-shadow: 0 1px 1px rgba(0,0,0,.2); } input[type=radio], input[type=checkbox] { border: 0; margin: 0; padding: 0; } input[type="radio"] { vertical-align: text-bottom; } input[type="checkbox"] { vertical-align: bottom; } input[type=submit] { background-color: #000; background-image: -webkit-gradient(linear, left top, left bottom, from(#454545), to(#000000)); background-image: -webkit-linear-gradient(top, #454545, #000000); background-image: -moz-linear-gradient(top, #454545, #000000); background-image: -o-linear-gradient(top, #454545, #000000); background-image: -ms-linear-gradient(top, #454545, #000000); background-image: linear-gradient(top, #454545, #000000); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#454545', EndColorStr='#000000'); border: 1px solid #000; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.3); -moz-box-shadow: 0 1px 2px rgba(0,0,0,.3); box-shadow: 0 1px 2px #000; box-shadow: 0 1px 2px rgba(0,0,0,.3); color: #fff; cursor: hand; cursor: pointer; display: inline-block; *display: inline; font-weight: bold; margin: 0 2px; padding: 5px; text-align: center; text-shadow: 0 1px 1px #000; text-shadow: 0 1px 1px rgba(0,0,0,.3); vertical-align: baseline; } input[type=submit]:hover, input[type=submit]:focus { background-color: #000; background-image: -webkit-gradient(linear, left top, left bottom, from(#666666), to(#000000)); background-image: -webkit-linear-gradient(top, #666666, #000000); background-image: -moz-linear-gradient(top, #666666, #000000); background-image: -o-linear-gradient(top, #666666, #000000); background-image: -ms-linear-gradient(top, #666666, #000000); background-image: linear-gradient(top, #666666, #000000); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#666666', EndColorStr='#000000'); } input[type=submit]:active { background-color: #000000; background-image: -webkit-gradient(linear, left top, left bottom, from(#000000), to(#222222)); background-image: -webkit-linear-gradient(top, #000000, #222222); background-image: -moz-linear-gradient(top, #000000, #222222); background-image: -o-linear-gradient(top, #000000, #222222); background-image: -ms-linear-gradient(top, #000000, #222222); background-image: linear-gradient(top, #000000, #222222); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#000000', EndColorStr='#222222'); position: relative; top: 1px; } textarea { background: #fff; height: 120px; overflow: auto; padding: 5px; } button { overflow: visible; width: auto; } /** * Images */ img { border: 0; } /* Contain floats: h5bp.com/q */ figure:before, figure:after { content: ""; display: table; } figure:after { clear: both; } figure { *zoom: 1; } figure img { float: left; } figcaption { clear: both; color: #666; } /** * Iframes */ iframe { border: 0; } /** =BACKGROUND IMAGE ---------- */ #site { padding: 40px 0; } .background-image #site { padding-top: 0; } .background-white #wrapper { padding-bottom: 0; padding-top: 0; } .background-image #wrapper { background: #fff; padding: 40px; } .header-image #site { padding-top: 40px; } @media (max-width: 480px) { #site { padding: 10px 0; } } @media (max-width: 768px) { body.background-image { background: none; } .background-image #wrapper { padding: 10px; } .header-image #site { padding-top: 10px; } #site { padding-bottom: 0; } } /** =HEADER ---------- */ #header { border-bottom: 1px solid #CCC; margin: 0 0 40px; padding: 0 0 10px; } #header:before, #header:after { content: ""; display: table; } #header:after { clear: both; } #header { *zoom: 1; } @media only screen and (max-width: 480px) { .advanced-menu #header { padding-bottom: 0; } } .background-image #header { margin-left: 0; padding-left: 0; } #header figure { display: inline-block; margin: 0 0 30px; overflow: hidden; width: 100%; } #site-name { color: #000; font-family: 'LeagueGothic', 'Arial Narrow', Impact, sans-serif; font-size: 72px; font-weight: normal; line-height: 1; margin: 0; padding: 0; word-wrap: break-word; width: 100%; } #site-name a { color: #000; text-decoration: none; text-transform: uppercase; } .sans-serif #site-name { font-family: 'Helvetica Neue', sans-serif; font-weight: bold; letter-spacing: -3px; } @media only screen and (max-width: 480px) { .sans-serif #site-name { letter-spacing: -1px; } } .sans-serif #site-name a { text-transform: none; } #header-message a { color: #666; } @media only screen and (max-width: 480px) { #site-name { font-size: 40px; line-height: 44px; } #header-message { font-size: 13px; } } #nav { clear: both; margin-top: 10px; line-height: 1; margin-bottom: 0; } #nav ul { display: inline; margin: 0; } #nav li { float: left; position: relative; } #nav a { background-color: #000; background-image: -webkit-gradient(linear, left top, left bottom, from(#454545), to(#000000)); background-image: -webkit-linear-gradient(top, #454545, #000000); background-image: -moz-linear-gradient(top, #454545, #000000); background-image: -o-linear-gradient(top, #454545, #000000); background-image: -ms-linear-gradient(top, #454545, #000000); background-image: linear-gradient(top, #454545, #000000); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#454545', EndColorStr='#000000'); -webkit-background-clip: padding-box; border: 1px solid #000; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; color: #fff; display: block; font-size: 11px; font-weight: bold; line-height: 20px; margin: 0 1px 1px 0; padding: 4px 10px; position: relative; text-decoration: none; text-shadow: 0 1px 1px #000; text-transform: uppercase; } #nav a:focus, #nav a:hover { background-color: #000; background-image: -webkit-gradient(linear, left top, left bottom, from(#666666), to(#000000)); background-image: -webkit-linear-gradient(top, #666666, #000000); background-image: -moz-linear-gradient(top, #666666, #000000); background-image: -o-linear-gradient(top, #666666, #000000); background-image: -ms-linear-gradient(top, #666666, #000000); background-image: linear-gradient(top, #666666, #000000); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#666666', EndColorStr='#000000'); } #nav .menu > ul:hover > li { opacity: .7; } #nav .menu > ul:hover > li:hover { opacity: 1; } #nav .menu > ul > .current_menu_item > a, #nav .menu > ul > .current_page_item > a, #nav .menu > ul > .current_menu_item > a:hover, #nav .menu > ul > .current_page_item > a:hover, #nav .menu > ul > .current_menu_item > a:focus, #nav .menu > ul > .current_page_item > a:focus, #nav .menu > ul > .current_page_ancestor > a { background-color: #000; background-image: -webkit-gradient(linear, left top, left bottom, from(#999999), to(#000000)); background-image: -webkit-linear-gradient(top, #999999, #000000); background-image: -moz-linear-gradient(top, #999999, #000000); background-image: -o-linear-gradient(top, #999999, #000000); background-image: -ms-linear-gradient(top, #999999, #000000); background-image: linear-gradient(top, #999999, #000000); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#999999', EndColorStr='#000000'); } #nav ul ul { display: none; float: left; margin: 0; position: absolute; top: 31px; left: 0; width: 200px; z-index: 99999; } #nav ul ul ul { left: 100%; top: 0; } #nav ul ul a { width: 180px; } #nav li:hover > a, #nav li:focus > a { background-color: #000; background-image: -webkit-gradient(linear, left top, left bottom, from(#666666), to(#000000)); background-image: -webkit-linear-gradient(top, #666666, #000000); background-image: -moz-linear-gradient(top, #666666, #000000); background-image: -o-linear-gradient(top, #666666, #000000); background-image: -ms-linear-gradient(top, #666666, #000000); background-image: linear-gradient(top, #666666, #000000); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#666666', EndColorStr='#000000'); } #nav .has-children a { position: relative; } #nav .has-children > a:after { display: inline-block; content: "\25BC"; font: normal 8px/14px Arial, sans-serif; margin-left: 10px; opacity: .5; text-align: right; } #nav li .has-children > a:after { content: "\25B6"; } #nav li .has-children > a:after { float: right; padding-top: 4px; } #nav li li:hover > a, #nav ul ul :hover > a, #nav li li a:focus { background-color: #222; background-image: -webkit-gradient(linear, left top, left bottom, from(#222222), to(#000000)); background-image: -webkit-linear-gradient(top, #222222, #000000); background-image: -moz-linear-gradient(top, #222222, #000000); background-image: -o-linear-gradient(top, #222222, #000000); background-image: -ms-linear-gradient(top, #222222, #000000); background-image: linear-gradient(top, #222222, #000000); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#222222', EndColorStr='#000000'); color: #ccc; top: 0; } #nav li li:hover > a, #nav a:focus { color: #ccc; } #nav ul li:hover > ul { display: block; } @media only screen and (max-width: 480px) { .advanced-menu #nav select { margin: 0 0 25px; } #nav li { width: 50%; } #nav ul li:hover > ul { display: none; } } /** =CONTENT ---------- */ .sidebar #content, .sidebars #content { border-bottom: 12px solid #000; } @media only screen and (min-width: 768px) { .sidebar #content, .sidebars #content { border-bottom: 0; } } @media only screen and (max-width: 992px) { #primary, #secondary { padding-bottom: 25px; } .content-wide-sidebar #content { margin: 0; } .content-wide-sidebar #primary { display: inline-block; width: 100%; } } @media only screen and (max-width: 992px) { .background-image #content { margin-right: 0; padding-right: 0; } .sidebar.footer-widgets #primary, .sidebar.footer-widgets #secondary, .sidebars.footer-widgets #primary, .sidebars.footer-widgets #secondary { margin-bottom: 0; } #primary { border-top: 0 !important; } } @media only screen and (max-width: 600px) { .sidebars #primary { padding-bottom: 0; } #primary, #secondary { padding-bottom: 25px; } .content-wide-sidebar #primary { border-top: 12px solid #000; margin-bottom: 0; margin-left: 0; } .content-wide-sidebar #content { margin: 0; } } /** =FOOTER ---------- */ #footer { border-top: 12px solid #000; padding: 5px 0 0 0; } .footer-widgets #footer { padding-top: 0; } /** * Footer widgets */ #footer-widgets { border-bottom: 1px solid #ccc; display: inline-block; margin: 0 0 10px; padding: 0 0 30px; width: 100%; } /** * Footer nav */ #footer-nav { color: #999; font-size: 12px; line-height: 20px; } #footer-nav li { display: inline; } #footer-nav a { color: #999; } #footer-nav li:before { content: " \2014 "; font-family: Arial, sans-serif; } #footer-nav li:first-child:before { content: ""; } /** * Message */ #footer-message { color: #999; font-size: 12px; line-height: 20px; } #footer-message p { margin: 0; } #footer-message a { color: #999; } /** * Credits */ #footer-credits { color: #999; font-size: 11px; line-height: 20px; margin-top: 20px; } #footer-credits a { color: #999; } /** =DEFAULT WORDPRESS CLASSES ---------- */ /** * http://codex.wordpress.org/CSS */ .aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; } .alignleft { float: left; margin-right: 20px; } .alignright { float: right; margin-left: 20px; } .wp-caption { margin-bottom: 10px; padding-top: 5px; } .wp-caption img { border: 0 none; margin: 0; padding: 0; } .wp-caption p.wp-caption-text, .wp-caption figcaption.wp-caption-text { color: #888; font-size: 12px; line-height: 18px; margin: 0; padding: 5px 0; } /** =POST NAV ---------- */ .menu ul, nav ul { list-style: none; margin: 0; } .menu li, nav li { display: inline; } .post-nav { display: inline-block; font-size: 12px; line-height: 20px; margin: 0 0 20px; width: 100%; } .post-nav a { background: url(img/sprite.png) no-repeat; color: #999; display: inline-block; padding: 0 0 0 26px; } .post-nav .nav-previous { float: left; } .post-nav .nav-previous a { background-position: 0 -24px; } .post-nav .nav-next { float: right; } .post-nav .nav-next a { background-position: right -56px; padding: 0 26px 0 0; } /** =SEARCH FORM ---------- */ #searchform { position: relative; } #content #searchform { margin-bottom: 60px; } #searchform label { clip: rect(1px 1px 1px 1px); clip: rect(1px, 1px, 1px, 1px); position: absolute !important; } #s { line-height: 18px; margin: 0; max-width: 238px; width: 100%; } #content #s { max-width: 528px; } #searchsubmit { background: url(img/sprite.png) -3px 7px no-repeat; filter: none; -ms-filter: none; border: 0; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; color: #fff; cursor: hand; cursor: pointer; height: 26px; margin: 0; opacity: .5; padding: 0; position: absolute; right: 12px; text-indent: -9999px; top: 1px; width: 14px; } #searchsubmit:hover, #searchsubmit:focus { opacity: .8; } @media only screen and (max-width: 480px) { #searchform { width: 80%; } #s { max-width: 100%; } #searchsubmit { right: 0; } } /** =POSTS, PAGES & ATTACHMENTS ---------- */ /* Use clearfix on content div */ article .content:before, article .content:after { content: ""; display: table; } article .content:after { clear: both; } article .content { *zoom: 1; } .type-post, .type-page, .type-attachment { display: inline-block; width: 100%; } .type-post, .type-attachment { margin: 0 0 40px; } .single-post .post, .single-attachment .type-attachment { margin: 0 0 40px; } .type-post header, .type-attachment header { color: #888; font-size: 15px; margin: 0 0 10px; } .post-thumbnail { display: inline-block; margin: 0 0 15px; width: 100%; } .type-post header time, .type-attachment header time { text-transform: uppercase; } .type-post h1, .type-attachment h1 { margin: 0 0 20px; } .type-attachment figure { padding: 0 0 10px; } .type-attachment figcaption { color: #888; padding-top: 10px; } .type-post caption, .type-page caption { font-size: 18px; line-height: 26px; } .page-link { margin: 0 0 10px; } .type-post footer, .type-attachment footer { border-top: 1px dashed #ccc; clear: both; color: #999; font-size: 12px; margin: 20px 0 0; padding: 5px 0 10px; } .type-post footer a, .type-attachment footer a { color: #999; } .type-post footer span:before, .type-attachment footer span:before { content: " \2014 "; font-family: Arial, sans-serif; } .type-post footer span:first-child:before, .type-attachment footer span:first-child:before { content: ""; } .back-to-post { color: #888; padding: 0 0 20px; } .back-to-post:before { content: " \2190 "; font-family: Arial, sans-serif; } .page { margin: 0 0 60px; } .type-page { margin: 0 0 40px; } .type-page footer { border-top: 1px solid #ccc; clear: both; color: #888; font-size: 12px; font-style: italic; margin: 20px 0 0; padding: 5px 0 0; } .type-page footer a { border-bottom: 1px solid #ccc; color: #666; text-decoration: none; } .type-page .edit-link a { border-bottom: 1px solid #ccc; color: #666; font-size: 12px; font-style: italic; text-decoration: none; } .meta-nav { font-family: Arial, sans-serif; } @media only screen and (max-width: 480px) { .type-post { margin-bottom: 20px; } .type-post h1, .type-page h1 { font-size: 30px; line-height: 36px; margin-bottom: 10px; } .sans-serif .type-post h1, .sans-serif .type-page h1 { font-size: 24px; letter-spacing: normal; line-height: 30px; } .type-post header { margin-bottom: 0; } .type-post footer { margin-top: 0; padding-top: 0; } } /** =STICKY ---------- */ .sticky h1 { font-size: 60px; line-height: 62px; padding-top: 5px; } .sticky h1 a { border-bottom: 8px solid #ccc; display: inline-block; } @media only screen and (max-width: 480px) { .sticky h1 { font-size: 36px; line-height: 42px; } .sticky h1 a { border-bottom: 0; } } /** =GALLERY ---------- */ .gallery { padding-top: 10px; } #content dl.gallery-item { text-align: left; } #content .gallery img { border: 0; } #content .gallery-caption { color: #888; font-size: 12px; text-align: left; } /** =COMMENTS ---------- */ #comments { margin: 0 0 40px; } .type-page #comments { margin-top: 40px; } #comments-title { font-size: 36px; line-height: 38px; padding: 0; } .nocomments { color: #888; font-size: 12px; font-style: italic; margin: 0; } #comment-list { list-style: none; margin: 0 0 60px; } .pingback, .trackback { color: #888; font-size: 12px; margin: 0 0 30px; } .pingback time, .trackback time { display: block; text-transform: uppercase; } .comment { margin: 0 0 30px; } .comment-header { display: inline-block; line-height: 20px; padding-bottom: 5px; width: 100%; } .comment-header figure { float: left; margin: 0 10px 0 0; } .comment .avatar { -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; height: 40px; width: 40px; } .comment-header time { display: block; line-height: 18px; } .comment-header time a { color: #888; font-size: 12px; text-decoration: none; text-transform: uppercase; } .comment-header cite { display: block; font-style: normal; line-height: 18px; } .comment-header cite a { font-size: 15px; line-height: 24px; } .bypostauthor>.comment-header { border-left: 10px solid #000; height: 40px; margin-bottom: 5px; padding: 0 0 0 10px; } .bypostauthor>.comment-header cite a { font-weight: bold; } .moderation { color: #888; font-size: 12px; margin: 0; } #comments .children { border-left: 1px solid #ccc; list-style: none; margin: 30px 0 0; padding: 0 0 0 20px; } .reply a { background: #fff; background: -moz-linear-gradient(top, #fff, #f8f8f8); background: -o-linear-gradient(top, #fff, #f8f8f8); background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f8f8f8)); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f8f8f8'); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#f8f8f8)"; border: 1px solid #b7b7b7; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2); -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2); box-shadow: 0 1px 2px rgba(0,0,0,.2); color: #888; display: inline-block; *display: inline; font-size: 12px; line-height: 18px; margin: 0 2px 0 0; padding: 0 8px; outline: none; text-align: center; text-decoration: none; text-shadow: 0 1px 1px rgba(0,0,0,.2); vertical-align: baseline; } .reply a:hover, .reply a:focus { background: #ededed; background: -moz-linear-gradient(top, #fff, #ededed); background: -o-linear-gradient(top, #fff, #ededed); background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed)); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed'); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#ededed)"; text-decoration: none; } .reply a:active { background: #ededed; background: -moz-linear-gradient(top, #ededed, #fff); background: -o-linear-gradient(top, #ededed, #fff); background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#fff)); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#ffffff'); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ededed, endColorstr=#ffffff)"; color: #999; position: relative; top: 1px; } #comment-list #respond { margin-bottom: 30px; } #reply-title { font-family: 'LeagueGothic', 'Arial Narrow', Impact, sans-serif; font-size: 36px; font-weight: normal; line-height: 38px; margin: 0 0 10px; padding: 0; text-transform: uppercase; } .sans-serif #reply-title { font-family: 'Helvetica Neue', sans-serif; font-weight: bold; letter-spacing: -2px; text-transform: none; } #reply-title small { display: block; line-height: 20px; margin-bottom: 10px; } #reply-title small a { color: #888; font: 15px/20px 'Helvetica Neue', sans-serif; text-decoration: underline; text-transform: none; } #commentform { padding: 10px 0 0; } .required { color: #888; font-weight: normal; } #comment-author, #comment-email, #comment-url, #comment { width: 90%; } #respond dt { color: #888; font-weight: normal; } #respond code { font-size: 13px; } /** =WIDGETS ---------- */ .widget { font-size: 13px; padding-top: 20px; line-height: 1.5em; } .widget .title { font-size: 24px; font-weight: bold; margin: 0 0 5px; padding: 0; text-transform: none; } .widget ul { list-style: none; margin: 0; } .widget li { padding: 0 0 5px; } .widget li:last-child { padding: 0; } @media only screen and (max-width: 1200px) { .sidebars #secondary .widget:first-child { padding-top: 20px; } } @media only screen and (max-width: 992px) { .sidebar #primary .widget:first-child, .sidebars #primary .widget:first-child { padding-top: 20px; } } /** * Archive widget */ .widget_archive li { color: #888; } /** * Categories widget */ .widget_categories .cat-item { color: #888; } .widget_categories .current-cat > a { color: #000; font-weight: normal; } .widget_categories .children { padding: 5px 0 0 10px; } /** * Calendar widget */ .widget_calendar caption { text-align: left; text-transform: capitalize; } .widget_calendar td { color: #888; } .widget_calendar #next { text-align: right; } .widget_calendar #prev a, .widget_calendar #next a { color: #999; display: inline-block; font-size: 12px; font-style: normal; } /** * Menus in widgets */ .widget .menu li { display: block; } .widget .menu .current-menu-item > a { color: #000; font-weight: normal; } .widget .menu .sub-menu { padding: 5px 0 0 10px; } /** * Pages widget */ .widget_pages .page_item { color: #888; } .widget_pages .current_page_item > a { color: #000; font-weight: normal; } .widget_pages .children { padding: 5px 0 0 10px; } /** * Recent comments widget */ .widget_recent_comments li { color: #888; } /** * RSS Widget */ .widget_rss .title a.rsswidget:first-child { float: right; } .widget_rss .rss-date { color: #888; display: block; font-size: 12px; text-transform: uppercase; } .widget_rss cite { color: #888; } /** =ARCHIVES AND SEARCH ---------- */ /** * Archive titles */ .search .page-title, .archive .page-title { color: #444; font: 18px/28px 'Helvetica Neue', sans-serif; letter-spacing: normal; text-transform: none; } .search .page-title span, .archive .page-title span { background: #eee; color: #000; display: inline-block; font: bold 15px/28px 'Helvetica Neue', sans-serif; letter-spacing: normal; padding: 0 5px; } .archive.date .page-title, .archive.date .page-title { color: #888; font-size: 15px; text-transform: uppercase; } .archive.date .page-title span, .archive.date .page-title time { background: none; display: block; color: #000; font-family: 'LeagueGothic', 'Arial Narrow', Impact, sans-serif; font-size: 48px; font-weight: normal; line-height: 50px; padding: 0; text-transform: uppercase; } .sans-serif .archive.date .page-title span, .sans-serif .archive.date .page-title time { font-family: 'Helvetica Neue', sans-serif; font-weight: bold; letter-spacing: -2px; text-transform: none; } /** * Archive description */ .archive-description { border-bottom: 1px dashed #ccc; color: #888; margin: -20px 0 30px; padding: 0 0 20px; } /** * Author and date archives */ .archive.date #content { padding-bottom: 30px; } .archive.date #content h1 { margin: 0 0 15px; } .author #content ul, .archive.date #content ul { list-style: none; margin: 0 0 30px; } .author #content li, .archive.date #content li { clear: both; } .archive.date #content h2 { float: left; font-size: 16px; line-height: 20px; margin: 0; padding: 0; } .author #content li time, .archive.date #content li time { color: #888; display: block; font-size: 15px; float: right; } .archive.date #nav-below { margin-top: 20px; } .author .avatar { margin-right: 10px; padding-top: 9px; } .author-title { margin-bottom: 15px; } .author-description { padding: 0 0 10px; } .author-posts { font-family: 'LeagueGothic', 'Arial Narrow', Impact, sans-serif; font-size: 36px; font-weight: normal; line-height: 38px; margin: 0 0 10px; padding: 10px 0 0; text-transform: uppercase; } .sans-serif .author-posts { font-family: 'Helvetica Neue', sans-serif; font-weight: bold; letter-spacing: -2px; text-transform: none; } /** =404 ---------- */ .error404 h1 span { color: #888; display: block; } .error404 form { margin-bottom: 40px; } /** =DISQUS ---------- */ /** * Custom styling for Disqus Comment System * http://wordpress.org/extend/plugins/disqus-comment-system/ */ #blaskan #dsq-content h3 { font-family: 'LeagueGothic', 'Arial Narrow', Impact, sans-serif; font-size: 36px; font-weight: normal; line-height: 38px; margin: 0 0 20px; padding: 0; text-transform: uppercase; } #blaskan .sans-serif #dsq-content h3 { font-family: 'Helvetica Neue', sans-serif; font-weight: bold; letter-spacing: -2px; text-transform: none; } #blaskan #dsq-sort-select { font-size: 13px; } #blaskan #dsq-content .dsq-avatar img { -moz-border-radius: 6px; -o-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; } #blaskan .dsq-comment-actions a { background: #fff; background: -moz-linear-gradient(top, #fff, #f8f8f8); background: -o-linear-gradient(top, #fff, #f8f8f8); background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f8f8f8)); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f8f8f8'); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#f8f8f8)"; border: 1px solid #b7b7b7; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2); -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2); box-shadow: 0 1px 2px rgba(0,0,0,.2); color: #888; display: inline-block; *display: inline; font-size: 12px; line-height: 18px; margin: 0 2px 0 0; padding: 0 8px; opacity: 1; outline: none; text-align: center; text-decoration: none; text-shadow: 0 1px 1px rgba(0,0,0,.2); vertical-align: baseline; } #blaskan .dsq-comment-actions a:hover, #blaskan .dsq-comment-actions a:focus { background: #ededed; background: -moz-linear-gradient(top, #fff, #ededed); background: -o-linear-gradient(top, #fff, #ededed); background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed)); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed'); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#ededed)"; text-decoration: none; } #blaskan .dsq-comment-actions a:active { background: #ededed; background: -moz-linear-gradient(top, #ededed, #fff); background: -o-linear-gradient(top, #ededed, #fff); background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#fff)); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#ffffff'); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ededed, endColorstr=#ffffff)"; color: #999; position: relative; top: 1px; } #blaskan .dsq-comment-meta a { color: #888; font-size: 12px; opacity: 1; } #blaskan .dsq-comment-header { background: none; border: 0; font-size: 15px; margin: 0; padding-left: 0; padding-right: 0; } #blaskan .dsq-commenter-bio { color: #888; opacity: 1; } #blaskan #dsq-reactions .dsq-comment-header { color: #888; } #blaskan #dsq-reactions .dsq-comment-meta { color: #888; } #blaskan .dsq-brlink { display: none; } /** * Disqus widgets */ #blaskan .dsq-widget-user { text-decoration: none; } #blaskan .dsq-widget-avatar { -moz-border-radius: 6px; -o-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; margin-right: 10px; padding: 0; } #blaskan .dsq-widget-meta, #blaskan .dsq-widget-meta a { color: #888; } #blaskan #popularthreads .dsq-widget-thread { font-weight: 300; } #blaskan #popularthreads .dsq-widget-item, #blaskan #topcommenters .dsq-widget-item { margin: 0; } #blaskan .dsq-widget-clout { -moz-border-radius: 6px; -o-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; display: inline-block; font-size: 10px; line-height: 18px; padding: 0 5px; } /** =USEFUL CLASSES ---------- */ .clearfix:before, .clearfix:after { content: ""; display: table; } .clearfix:after { clear: both; } .clearfix { *zoom: 1; } /** =IE ---------- */ /* Added via js/ie.js */ .ie-divider { display: inline-block; } .ie-clear { clear: both; } .ie #searchsubmit { filter: none; } .ie img, .ie object, .ie embed { width: 100%; } /** * IE 6 */ .ie6 blockquote { background: none; } .ie6 input { vertical-align: text-bottom; } .ie6 #content, .ie6 #primary, .ie6 #secondary, .ie6 .widget { overflow: hidden; } .ie6 #nav-below a { background: none; padding: 0; } .ie6 .form-submit input, .ie6 #submit { background: #2e6eb0; border: 0; color: #fff; font-weight: bold; } .ie6 #searchsubmit { background-position: top center; height: 20px; top: 7px; width: 30px; } .ie6 #s { width: 238px; } /** * IE 7 */ .ie7 img { -ms-interpolation-mode: bicubic; } .ie7 input[type="checkbox"] { vertical-align: baseline; } .ie7 #nav a { position: static; } /** =PRINT ---------- */ /** * Credits: Hartija & HTML 5 Boilerplate * http://code.google.com/p/hartija/ * http://html5boilerplate.com/ */ @media print { * { background: transparent !important; color: #000; } @page { margin: 0.5cm; } body { font-size: 12pt; letter-spacing: 0.2pt; line-height: 1.4; margin: 0 !important; padding: 0 !important; width: 100% !important; word-spacing: 1.1pt; } a:after, abbr:after { content: " (" attr(href) ")"; } h1, h2, h3, h4, h5, h6 { font-family: sans-serif; font-weight: bold; text-transform: none; } h1 { font-size: 19pt; } h2 { font-size: 17pt; } h3 { font-size: 15pt; } h4, h5, h6 { font-size: 12pt; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } code { font: 10pt Courier, monospace; } blockquote { margin: 1.3em; padding: 1em; } hr { background: #ccc; } img { float: left; margin: 1em 1.5em 1.5em 0; page-break-inside: avoid; } a img { border: none; } table { margin: 1px; text-align: left; } thead { display: table-header-group; } tr { page-break-inside: avoid; } th { border-bottom: 1px solid #333; font-weight: bold; } td { border-bottom: 1px solid #333; } th, td { padding: 4px 10px 4px 0; } tfoot { font-style: italic; } caption { background: #fff; margin-bottom: 2em; text-align: left; } #header, #primary, #secondary, #respond, .reply, #nav-below, #footer, #wpadminbar { display: none; } time a:after { content: ""; } #content { float: none; width: 100%; } }