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, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } :focus { outline: 0; } ins { text-decoration: none; } del { text-decoration: line-through; } table { border-collapse: collapse; border-spacing: 0; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix { display: inline-block; }/*\*/.clearfix { display: block; }/**/.none { display: none; }   html, body { height: 100%; } body:before {
content:"";
height:100%;
float:left;
width:0;
margin-top:-32767px;
}
body,
input,
textarea {
font: 12px/20px "Droid Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: normal;
}
.hidden { display: none; }
.alignleft { float: left; }
.alignright { float: right; }
.aligncenter {
margin-left: auto;
margin-right: auto;
display: block;
clear: both;
}
.clear {
clear: both;
display: block;
font-size: 0;
height: 0;
line-height: 0;
width: 100%;
}
a { 
text-decoration: none; 
font-weight: normal; 
}
a:hover { text-decoration: none; }
a img { border: none; }
p,
pre,
ul,
ol,
dl,
dd,
blockquote,
address,
table,
fieldset,
form,
.gallery-row,
.post-thumb,
.author-bio,
#logo { margin-bottom: 20px; }
.post-thumb { padding: 5px; }
.post-thumb a,
.post-thumb img {
height: 250px;
display: block;
}
.type-photo .post-thumb a,
.type-photo .post-thumb img {
height: auto;
}
.hentry { margin-bottom: 59px; }
.widget
.children,
.entry-content ol ol,
.entry-content ol ul,
.entry-content ul ul,
.comment-body ol ol,
.comment-body ol ul,
.comment-body ul ul,
.widget ul ul { margin-bottom: 0; }
h1,
h2,
h3,
h4,
h5,
h6 {
font-weight: normal;
padding: 0;
margin: 0 0 20px 0;
}
h1 {
font-size: 24px;
line-height: 28px;
}
h2 {
font-size: 20px;
line-height: 22px;
}
h3 {
font-size: 16px;
line-height: 20px;
}
h4 {
font-size: 14px;
line-height: 18px;
}
h5 {
font-size: 12px;
line-height: 18px;
}
h6 {
font-size: 10px;
line-height: 16px;
}
.page-title {
font-family: "Droid Serif", "Helvetica Neue", Helvetica, Arial, serif;
font-style: italic;
font-size: 20px;
font-weight: normal;
display: inline;
}
.page-title span {
font-size: 12px;
padding: 0 5px;
}
.entry-title,
.entry-title a {
font-size: 20px;
line-height: 28px;
font-family: "Droid Serif", "Helvetica Neue", Helvetica, Arial, serif;
font-style: italic;
text-shadow: none;
display: block;
float: left;
margin: 0;
}
.entry-title a {
padding: 7px 10px 5px 10px;
display: inline;
}
#container { min-height: 100%; }
#primary {
float: left;
width: 660px;
margin: 0 0 70px 50px;
}
.page-template-template-full-width-php #primary,
.page-template-template-gallery-php #primary,
.home #primary { 
width: 100%;
margin: 0 0 70px 0;
}
.page-template-template-home-alternative-php #primary,
.page-template-template-full-width-php .hentry,
.page-template-template-full-width-php #respond {
margin: 0 50px; 
}
.page-template-template-home-alternative-php #primary {
width: auto;
margin-bottom: 70px;
}
.page-template-template-home-alternative-php #gallery-terms ul {
padding: 0;
}
.page-template-template-home-alternative-php #gallery-wrap ul {
width: auto;
}
.page-template-template-full-width-php .hentry {
margin-bottom: 59px;
}
.layout-2cl #primary { 
float: right; 
margin: 0 0 70px 0;
}
#sidebar {
float: right;
width: 240px;
margin: 0 0 70px 0;
}
.layout-2cl #sidebar { 
float: left;
margin: 0 0 70px 50px;
}  #header{
margin: 0 50px 55px 50px;
min-width: 880px;
padding-top: 30px;
}
#logo { float: left; }
#logo,
#logo a {
font-size: 28px;
line-height: 30px;
font-weight: bold;
}
#logo a:hover { text-decoration: none; }
#tagline {
font-size: 12px;
line-height: 20px;
font-weight: normal;
}
#header-tweet {
float: right;
max-width: 399px;
padding-left: 21px;
}
#header-tweet ul {
padding: 0 0 0 10px;
line-height: 18px;
font-size: 12px;
font-family: "Droid Serif", "Helvetica Neue", Helvetica, Arial, serif;
font-style: italic;
margin: 0;
float: right;
}
#header-tweet span { display: block; }
#header-tweet small {
font-style: normal;
font-family: "Droid Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}  #primary-nav {
float: left;
margin: 5px 0 0 60px;
}
#primary-nav ul {
margin: 0 18px 0 0;
padding: 0;
list-style: none;
width: 90px;
float: left;
}
#primary-nav ul li {
float: left;
width: 100%;
margin-bottom: 2px;
} #primary-nav ul a {
padding: 2px 8px;
display: block;
font-size: 12px;
float: left;
font-weight: normal;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
#primary-nav ul li a:hover,
#primary-nav ul li.current-cat a,
#primary-nav ul li.current_page_item a,
#primary-nav ul li.current-menu-item a {
text-decoration: none;
}  address { font-style: italic; }
abbr[title],
acronym[title],
dfn[title] {
cursor: help;
border-bottom: 1px dotted #666;
}
blockquote {
font-family: Georgia, "Times New Roman", Times, serif;
font-style: italic;
margin: 30px;
padding-left: 15px;
}
strong { font-weight: bold; }
em,
dfn,
cite { font-style: italic; }
dfn { font-weight: bold; }
sup {
font-size: 11px;
vertical-align: top;
}
sub {
font-size: 11px;
vertical-align: bottom;
}
small { font-size: 11px; }
del { text-decoration: line-through; }
ins { text-decoration: underline; }
code,
pre { line-height: 18px; }
var,
kbd,
samp,
code,
pre {
font: 12px/18px Consolas, "Andale Mono", Courier, "Courier New", monospace;
background: #efefef;
}
kbd { font-weight: bold; }
samp,
var { font-style: italic; }
pre {
white-space: pre;
overflow: auto;
padding: 0 10px;
clear: both;
line-height: 19px;
margin: 30px 0;
}
code { padding: 3px; }
ul,
ol,
dl { margin-left: 30px; }
table {
border: 1px solid #ccc;
border-width: 1px;
line-height: 18px;
margin: 0 0 22px 0;
text-align: left;
padding: 0 5px;
}
table .even { background: #ddd; }
caption { text-align: left; }
tr { border-bottom: 1px solid #ccc; }
th,
td {
padding: 5px;
vertical-align: middle;
text-align: center;
}
.entry-content img { max-width: 600px; }
img.alignleft {
float: left;
margin: 10px 25px 20px 0;
}
img.alignright {
display: block;
margin: 10px 0 25px 20px;
}
img.aligncenter {
margin-left: auto;
margin-right: auto;
display: block;
clear: both;
margin-top: 5px;
}
.wp-caption {
text-align: center;
margin: 10px 20px 20px 20px;
font-family: Georgia, "Times New Roman", Times, serif;
font-style: italic;
}
.wp-caption img,
.wp-caption img a {
margin: 0;
padding: 0;
border: 0 none;
}
.wp-caption
.wp-caption-text {
margin: 0;
padding: 5px;
}
.wp-smiley {
max-height: 13px;
margin: 0 !important;
}
.gallery { margin: auto; }
.gallery-image { margin-left: 0; }
.gallery-caption { margin-left: 0; }
.gallery-item {
float: left;
text-align: center;
margin-left: 0;
}
.gallery-columns-2 { width: 50%; }
.gallery-columns-3 { width: 33%; }
.gallery-columns-4 { width: 25%; }
.gallery-columns-5 { width: 20%; }
.gallery-columns-6 { width: 16%; }
.gallery-columns-7 { width: 14%; }
.gallery-columns-8 { width: 12%; }
.gallery-columns-9 { width: 11%; }
input,
textarea,
button {
border: none;
}
input,
textarea { padding: 8px; }
button {
padding: 2px 10px;
cursor: pointer;
}
#submit { 
cursor: pointer;
height: 35px;
line-height: 35px;
text-align: center;
padding: 0 20px;
font-size: 13px;
width: auto;
font-weight: normal;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}  #content {  padding-bottom: 70px; }
#posts-wrap { width: 990px; }
.entry-meta-wrap { margin: 0 0 20px 0; }
.entry-meta {
font-size: 11px;
padding: 3px 10px 3px 10px;
float: left;
}
.entry-meta span span { padding: 0 5px; }
.author-title {
font-weight: bold;
margin-left: 60px;
}
.author-description { margin-left: 60px; }
.entry-content ul { list-style-type: disc; }
.entry-content ol { list-style-type: decimal; }
.entry-content {
margin: 5px 5px 0 5px;
line-height: 20px;
padding-bottom: 15px;
}  #respond-title,
#comments {
font-size: 18px;
font-family: "Droid Serif", "Helvetica Neue", Helvetica, Arial, serif;
font-style: italic;
padding: 0 0 15px 0;
}
#respond-title span,
#comments span {
font-size: 12px;
font-family: "Droid Sans", "Helvetica Neue", Helvetica, Arial, sans;
font-style: normal;
}
#respond-title span span,
#comments span span {
padding: 0 5px;
}
.commentlist {
margin: 40px 0 60px 5px;
list-style-type: none;
}
.commentlist ul { margin: 20px 0 24px 0; }
.commentlist ul ul {
margin: 20px 0 0 0;
}
.commentlist ul li {
padding: 10px 10px 10px 10px;
margin: 5px 0 0 0;
border: none;
}
.commentlist ul li li { margin: 5px 0 0 50px; }
.commentlist ul li .comment-body { margin: 0 0 0 55px; }
.commentlist ul li .comment-author,
.commentlist ul li .comment-meta {
display: inline;
font-size: 11px;
}
.commentlist ul li .comment-meta:before { content: ' / '; }
.commentlist ul li .comment-author { font-size: 11px; }
.commentlist ul li p:last-child { margin: 0; }
.commentlist ul li .avatar { margin-left: 0; }
.pinglist {
margin: 20px 0 40px 30px;
list-style-type: decimal;
}
.comment { margin: 25px 0 0 50px; }
#commentform { margin-top: 40px; }
#commentform input { 
margin-right: 20px; 
width: 35%;
}
#commentform #submit { width: auto; }
#commentform textarea { width: 97%; }
.children { list-style-type: none; }
.avatar { padding: 5px; }
.comment .avatar {
float: left;
margin: 0 10px 0 -55px;
}
.comment-meta { 
margin-bottom: 20px; 
font-family: "Droid Serif", "Helvetica Neue", Helvetica, Arial, serif;
font-style: italic;
font-size: 11px;
}
.comment-author cite {
font-style: normal;
font-size: 12px;
}
.comment .says { display: none; }
.nocomments {
text-align: center;
padding: 20px;
}
.comment-body { margin: 0 0 10px 0; }
.comment-body ul { list-style-type: disc; }
.comment-body ol { list-style-type: decimal; }
.cancel-comment-reply { margin: 0 0 20px 0; }
#respond { margin: 15px 0 0 0; }
li #respond { margin: 40px 0; }  .page-navigation .nav-next { float: left; }
.page-navigation .nav-previous { float: right; }
.single-page-navigation .nav-next { float: right; }
.single-page-navigation .nav-previous { float: left; }  #footer {
padding: 0 50px 0 50px;
height: 70px;
margin-top: -70px;
font-size: 11px;
position: relative;
}
.copyright { 
float: left; 
margin: 0; 
min-width: 300px;
}
.credit { float: right; }  .page-template-template-full-width-php #posts-wrap { width: 100%; }
.archive-lists .children { margin-bottom: 0; }
.full-width { width: 940px!important; }
#contactForm { padding-top: 30px; }
.contactform { margin-left: 0; }
.contactform li { list-style-type: none; }
.contactform li label {
display: block;
margin-bottom: 10px;
}
.contactform li input[type="text"] {
width: 300px;
margin-bottom: 15px;
}
.contactform li textarea {
width: 97.5%;
height: 200px;
margin-bottom:15px;
}
.contactform li button { float: right; }
label.error { color: #cc3333; }
.page-template-template-contact-php .entry-content { border-bottom: none!important; }
#page-title-wrap p { display: inline; }
.page-template-template-gallery-php #gallery-wrap ul {
width: auto;
margin: 0;
padding: 0 50px;
}
#page-title-wrap {
margin: 0 50px 40px 50px;
padding: 0 0 10px 0;
min-width: 930px;
}
#content-slider {
height: 1px;
padding: 10px 0;
position: relative;
margin: 30px 50px 0 50px;
display: none;
cursor: pointer;
}
#gallery-wrap {
margin-top: 10px;
overflow: hidden;
}
#gallery-wrap ul {
margin: 0;
padding: 0;
}
#gallery-wrap li {
float: left;
margin: 0 2px 2px 0;
}
#gallery-wrap a {
display: block;
}
#gallery-wrap ul.small-grid a,
#gallery-wrap ul.small-grid img,
#gallery-wrap ul.small-grid li {
width: 80px;
height: 80px;
}
#gallery-wrap ul.medium-grid a,
#gallery-wrap ul.medium-grid img,
#gallery-wrap ul.medium-grid li {
width: 120px;
height: 120px;
}
#gallery-wrap ul.large-grid a,
#gallery-wrap ul.large-grid img,
#gallery-wrap ul.large-grid li {
width: 240px;
height: 240px;
}
#gallery-wrap img { display: none; }
#gallery-terms ul {
padding: 0 50px;
margin: 0 0 20px 0;
font-size: 11px;
min-width: 880px;
}
#gallery-terms li { display: inline; }
#gallery-terms li span { padding: 0 5px; }
#gallery-terms li:last-child span { display: none; }
#loader {
width: 100%;
height: 100%;
position: fixed;
top: 0;
display: none;
z-index: 2000;
}
#gallery-overlay {
width: 100%;
height: 100%;
position: fixed;
top: 0;
display: none;
overflow: auto;
z-index: 1000;
}
#gallery-container {
min-width: 980px;
min-height: 100%;
width: 100%;
}
#gallery-header { padding: 30px 50px 50px 50px; }
.gallery-title {
font-size: 12px;
display: inline; 
}
#gallery-title-wrap { float: left; }
.gallery-title span { padding: 0 3px 0 4px; }
#gallery-title-wrap p{
display: inline;
padding: 0 90px 0 0;
}
#gallery-nav { float: right; }
#gallery-nav ul {
margin: 0;
padding: 0;
float: right;
}
#gallery-nav li {
margin: 0 2px 0 0;
float: left;
line-height: 19px;
text-indent: -9999px;
}
#gallery-nav li a {
width: 19px;
height: 19px;
display: block;
}
#gallery-nav li a.hidden { display: none; }
#gallery-nav li.gallery-close { margin: 0 0 0 8px; }
#gallery-photo{
text-align: center;
width: 100%;
}
#gallery-photo img { padding-bottom: 170px; }
#gallery-footer {
margin: 0 50px;
min-width: 980px;
font-size: 11px;
}
#gallery-footer-desc { float: right; }
#gallery-footer-desc p span:last-child { display: none; }
#gallery-footer-desc p {
margin: 0 0 5px 0;
text-align: right;
}
#gallery-footer-wrap { 
position: relative;
height: 70px;
margin-top: -70px;
}  .widget { margin: 0 0 40px 0; }
.widget p:last-child { margin: 0; }
.widget-title-wrap { margin: 0 0 20px 0; }
.widget-title {
font-size: 12px;
padding: 3px 8px;
margin: 0;
float: left;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.widget ul {
list-style: none;
margin: 0;
}
.widget ol {
list-style-type: decimal;
margin: 0;
} .widget_search #s { width: 223px; }
.widget_search form,
.widget_search fieldset { margin: 0; } .widget_calendar caption { margin-bottom: 5px; }
.widget_calendar table { width: 100% } .tz_tweet_widget ul {
margin: 0 0 10px 0;
list-style-type: none;
}
.tz_tweet_widget ul li { padding: 15px 0; }
.tz_tweet_widget ul li:first-child { padding-top: 0; } .tz_flickr_widget { padding-right: 0; }
#flickr_badge_wrapper { padding: 5px 1px 1px 5px; }
.flickr_badge_image {
float: left;
margin: 0 4px 4px 0;
}
.flickr_badge_image a {
display: block;
height: 74px;
}
.flickr_badge_image img {
width: 74px;
height: 74px;
} .tz_video { 
padding: 5px;
float: left;
}
.tz_video object { float: left; }
.widget .tz_video_desc {
text-align: center;
font-family: "Droid Serif", "Helvetica Neue", Helvetica, Arial, serif;
font-style: italic;
padding: 3px 7px;
font-size: 11px;
margin: 10px 0 0 0;
float: left;
width: 226px;
}
.widget .tz_video_desc:last-child { margin: 10px 0 0 0; }   .one_half { width: 48%; }
.one_third { width: 30.66%; }
.two_third { width: 65.33%; }
.one_fourth { width: 22%; }
.three_fourth { width: 74%; }
.one_fifth { width: 16.8%; }
.two_fifth { width: 37.6%; }
.three_fifth { width: 58.4%; }
.four_fifth { width: 67.2%; }
.one_sixth { width: 13.33%; }
.five_sixth { width: 82.67%; }
.one_half,
.one_third,
.two_third,
.three_fourth,
.one_fourth,
.one_fifth,
.two_fifth,
.three_fifth,
.four_fifth,
.one_sixth,
.five_sixth {
position: relative;
margin-right: 4%;
margin-bottom: 20px;
float: left;
}
.column-last {
margin-right: 0!important;
clear: right;
}body {
background: url(//straytales.com/wp-content/themes/viewfinder/images/dark/dark_bg.gif) repeat;
text-shadow: 0 1px 0 rgba(0,0,0,0.2);
}
.widget_search input { color: #555555; }
body,
input,
textarea,
button,
#gallery-footer a,
#footer a,
.tz_tweet_widget small a:hover,
ul li .comment-author cite a:hover,
.comment-meta a:hover,
.entry-meta a:hover,
#header-tweet small a:hover {
color: #bbbbbb;
}
blockquote { border-left: 1px solid #3d3d3f; }
pre { background: url(//straytales.com/wp-content/themes/viewfinder/images/dark/pre_bg.png); }
input,
textarea,
button {
background: #202122;
}
input:focus,
textarea:focus,
button:hover {
background: #dddddd;
}
input:focus,
textarea:focus,
button:hover,
#submit,
.entry-meta span span,
.page-title span,
#gallery-terms li span,
.gallery-title span,
span.exif-slash {
color: #444444;
}
#tagline,
#header-tweet small a,
#gallery-footer,
#footer,
#page-title-wrap p,
#page-title-wrap span,
#gallery-overlay,
.tz_tweet_widget small a,
.entry-meta,
.entry-meta a,
#respond-title span,
ul li .comment-author cite a,
.comment-meta a,
.comment-meta,
#comments span,
#gallery-terms a,
blockquote {
color: #777777;
} 
h1,h2,h3,h4,h5,h6,
.gallery-title,
.entry-title a,
#respond-title,
.comment-author a,
.comment-author,
#comments,
#logo a,
#gallery-terms a.current,
#gallery-terms a:hover,
#primary-nav ul a,
.page-title {
color: #f26535; }
#primary-nav ul li a:hover,
#primary-nav ul li.current-cat a,
#primary-nav ul li.current_page_item a,
#primary-nav ul li.current-menu-item a,
.entry-title,
.tz_video_desc,
.tz_video,
#flickr_badge_wrapper,
.widget-title,
.entry-meta,
.commentlist ul li,
.avatar,
.post-thumb {
background: url(//straytales.com/wp-content/themes/viewfinder/images/dark/elem_bg.png) repeat;
}
#submit {
background: url(//straytales.com/wp-content/themes/viewfinder/images/dark/button_bg.gif) repeat-x;
text-shadow: 0 1px 0 rgba(255,255,255,1);
-webkit-box-shadow:0 1px 2px rgba(0, 0, 0, 0.3);
-moz-box-shadow:0 1px 2px rgba(0, 0, 0, 0.3);
box-shadow:0 1px 2px rgba(0, 0, 0, 0.3);
}
#submit:hover { background: url(//straytales.com/wp-content/themes/viewfinder/images/dark/button_bg_hover.gif) repeat-x; }
#header-tweet { background: url(//straytales.com/wp-content/themes/viewfinder/images/dark/quote.png) no-repeat left 5px; }
#header-tweet ul { border-left: 1px solid #3d3d3f; }
#content-slider { background:url(//straytales.com/wp-content/themes/viewfinder/images/dark/slider_bg.gif) repeat-x; }
#respond-title,
#comments,
.entry-content,
#page-title-wrap {
border-bottom: 1px solid #3d3d3f;
}
.tz_tweet_widget ul li,
.comment {
border-bottom: 1px solid #2f2f31; 
}
#gallery-footer-wrap,
#gallery-container,
#gallery-overlay{
background: #1f1f20;
}
#loader { background: #1f1f20 url(//straytales.com/wp-content/themes/viewfinder/images/dark/loader.gif) center no-repeat; }
.gallery-prev a { background: url(//straytales.com/wp-content/themes/viewfinder/images/sprite.png) no-repeat; }
.gallery-prev a:hover { background: url(//straytales.com/wp-content/themes/viewfinder/images/sprite.png) no-repeat 0 -20px; }
.gallery-next a { background: url(//straytales.com/wp-content/themes/viewfinder/images/sprite.png) no-repeat -20px 0; }
.gallery-next a:hover { background: url(//straytales.com/wp-content/themes/viewfinder/images/sprite.png) no-repeat -20px -20px; }
.gallery-close a { background: url(//straytales.com/wp-content/themes/viewfinder/images/sprite.png) no-repeat -39px 0; }
.gallery-close a:hover { background: url(//straytales.com/wp-content/themes/viewfinder/images/sprite.png) no-repeat -39px -20px; }
.ui-slider-handle {
width: 40px;
height: 5px;
position: absolute;
top: 3px;
margin-left: -20px;
background: #ccc;
-webkit-border-radius: 1px;
-moz-border-radius: 1px;
border-radius: 1px;
-moz-box-shadow: 0 0 3px rgba(225,225,225,0.6);
-webkit-box-shadow: 0 0 3px rgba(225,225,225,0.6);
box-shadow: 0 0 3px rgba(225,225,225,0.6);
}a { color: #77bccd; }
label span,
a:hover,
#logo a:hover,
#header-tweet a:hover,
#footer a:hover,
#gallery-footer a:hover { color: #f26535; }
#gallery-wrap ul {
width: 3200px;
}