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