html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
border: 0;
font-family: inherit;
font-size: 100%;
font-style: inherit;
font-weight: inherit;
margin: 0;
outline: 0;
padding: 0;
vertical-align: baseline;
}
:focus { outline: 0;
}
body {
background: #fff;
line-height: 1;
}
ol, ul {
list-style: none;
}
table { border-collapse: separate;
border-spacing: 0;
}
caption, th, td {
font-weight: normal;
text-align: left;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: "";
}
blockquote, q {
quotes: "" "";
}
a img {
border: 0;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}html {
font-size:10px;	
}
body {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:1.5rem;
line-height:2rem;
color:#444;
background-color:#f5f5f5;
padding:0 10px;
}
p {
margin-bottom:1.5rem;
}
a {
text-decoration:none;
color:inherit;
}
a:hover {
color:#999;
}
h1 {
font-size:2.4rem;
margin-bottom:1.2rem;
}
h2 {
font-size:2.2rem;
margin-bottom:1.1rem;
}
h3 {
font-size:2rem;
margin-bottom:1rem;
}
h4 {
font-size:1.8rem;
margin-bottom:0.9rem;
}
h5 {
font-size:1.6rem;
margin-bottom:0.8rem;
}
em {
font-style:italic;
}
input {
padding:5px;
margin-top:5px;
} .alignleft {
display: inline;
float: left;
margin-right: 2%;
margin-bottom: 2%;
}
.alignright {
display: inline;
float: right;
margin-left: 2%;
margin-bottom: 2%;
}
.aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
} .columns-wrapper {
}
.columns2 {
float:left;
width:47%;
margin-right:3%;
}
.columns3 {
float:left;
width:30%;
margin-right:3.3%;
}
.columns4 {
float:left;
width:22%;
margin-right:3%;
} img.size-full,
img.size-large {
max-width: 100%;
width: auto; height: auto;  } .clearfix {
zoom:1; }
.clearfix:before,
.clearfix:after {
content:"";
display:table;
}
.clearfix:after {
clear:both;
} #container {
max-width:1000px;
margin:0 auto;
position:relative;
}
#header {
position: relative !important;
}
#header #site-title, 
#header #site-description {
position: absolute !important;
clip: rect(1px 1px 1px 1px); clip: rect(1px, 1px, 1px, 1px);
}
#header #header-logo {
width:100%;
display:block;
margin-top:20px;
}
#header #sidebar-header {
position:absolute;
top:13px;
right:0;
text-align:right;
}
#navigation {
margin-top:15px;
margin-bottom:10px;
padding-bottom:15px;
border-bottom:solid 1px #878787;
}
#navigation ul{
float:left;
}
* html #navigation ul{ margin-bottom:0;
}
#navigation ul li {
display: inline;
}
#navigation ul li a {
float: left;
font-size:2rem;
text-transform:uppercase;
margin-right:10px;
padding-right:10px;
padding-bottom:2px;
border-right:1px solid #444;
transition: color .3s ease-in-out;
-moz-transition: color .3s ease-in-out;
-webkit-transition: color .3s ease-in-out;
-o-transition: color .3s ease-in-out;
}
#navigation .current_page_item a {
color:#999;
}
#navigation ul > li:first-child a {
}
#navigation ul > li:last-child  a { 
border-right:none;
} #main {
width:100%;
margin:0 auto;
}
.home article  { padding-bottom:10px;
margin-bottom:10px;
border-bottom:1px solid #878787;
}
.single article  { margin-bottom:10px;
}
.home article.last-post  { border-bottom:none;
padding-bottom:0;
}
.home .top-content, .single .top-content {
position:relative;
background:#000;
}
.single .top-content { margin-bottom:20px;
}
article .article-image { float:left;
width:66%;
}
article .article-image img { max-width:100%;
width: auto; height: auto; }
article .article-text {
float:right;
width:31%;
padding-left:2%;
padding-right:1%;
padding-top:40px;
color:#FFF;
}
article .article-text .read-more {
position:absolute;
right:10px;
bottom:10px;
} article h2 {
font-size:3.5rem;
line-height: 3.5rem;
margin-bottom:2rem;
}
article .credits li {
font-size:1.6rem;
margin-bottom:0.7rem;
}
article .credits .grey {
color:#999;
} article .credits li.taggar {
font-style:italic;
font-size:1.1rem;
margin-bottom:1rem;
color:#BBB;
}
#pagination {
margin-top:20px;
margin-bottom:10px;
height:30px;
}
#next a,
#prev a {
font-size:1.2rem;
color:#EAEAEA;
background-color:#444;
padding:5px;
position:absolute;
transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-webkit-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
}
#next a{
left:0;
}
#prev a{
right:0;
}
#next a:hover,
#prev a:hover {
color:#FFF;
background-color:#000;
}  #video-container {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
margin-bottom:20px;
}
#video-container iframe,  
#video-container object,  
#video-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
#tags,
#date {
font-size:1.2rem;
margin-bottom:0.2rem;
color:#AAA;
}
#tags span,
#date span {
font-style:italic;
}    .archive article  { margin-bottom:10px;
margin-right:10px; float:left;
}
.archive article img  { margin-bottom:5px;
}
.archive article h1  { font-size:1.5rem;
margin-bottom:auto;
} .fourofour {
text-align:center;
padding:40px;
} #footer {
border-top:solid 1px #878787;
}
#sidebar-footer {
color:#AAA;
font-style:italic;
padding:10px 0 15px 0;
} .format-gallery .gallery-thumb {
float: left;
display: block;
margin: .375em 1.625em 0 0;
}
#content .gallery .gallery-icon img { border: 1px solid #ddd;
padding: 6px;
} @media screen and (max-width: 1024px) { body { padding:0;
}
}
@media screen and (max-width: 768px) { body { padding:0 10px;
}
#header #header-logo {
margin-top: 10px;
}	
#header #sidebar-header {
font-size:1.1rem;
line-height: 1.5rem;
top:10px;
}
article .article-text {
padding-top: 15px;
}
article .credits li {
font-size: 1.2rem;
margin-bottom: 0.3rem;
}	
article h2 {
font-size: 2.5rem;
margin-bottom: 0.5rem;
}
}
@media screen and (max-width: 480px) { body { }
#header #sidebar-header {
top:5px;
}
article .article-image { float:none;
width:100%;
}
article .article-text {
float:none;
width:98%; padding-bottom:10px;
}
article h2 {
font-size:3rem;
margin-bottom:2rem;
}
article .credits li {
font-size:1.6rem;
margin-bottom:0.7rem;
}
.columns2, .columns3, .columns4 {
float:none;
width:100%;
}
.alignright, .alignleft {
float: none;
display:block;
margin:0;
margin-bottom:10px;
}
}
@media screen and (max-width: 320px) { body { }
#header #sidebar-header {
display:none;
}
#navigation {
margin-top:5px;
margin-bottom:10px;
padding-bottom:5px;
}
#navigation ul li a {
font-size:1.5rem;
}
}