/*
Theme Name: Hemingway
Theme URI: http://warpspire.com/hemingway
Description: Hemingway is a simple weblog theme by Kyle Neath aimed at giving bloggers a great platform on which to customize. If you'd like to learn more about Hemingway, head on over to Warpspire or ask a question in the official support forums.
This theme requires WordPress 2.0+.
Version: 0.19
Author: Kyle Neath
Author URI: http://warpspire.com
*/
/*-----------------------------------------------------------------------------------------------
Global Styles
-----------------------------------------------------------------------------------------------*/
*{padding:0;margin:0;}
h1, h2, h3, h4, h5, h6, p, pre, blockquote, label, ul, ol, dl, fieldset, address { margin:1em 0; }
li, dd { margin-left:5%; }
fieldset { padding: .5em; }
select option{ padding:0 5px; }
.hide, .print-logo, .close-button{ display:none; }
.left{ float:left; }
.right{ float:right; }
.clear{ clear:both; height:1px; font-size:1px; line-height:1px; }
a img{ border:none; }
/*-----------------------------------------------------------------------------------------------
Layout / Base Page Styling
-----------------------------------------------------------------------------------------------*/
body{margin:0;background:#222;color:#BFBFBF;font-size:11px;font-family:"Lucida Grande","Lucida Sans Unicode","Lucida Sans",Verdana,Arial,sans-serif;}
/* This class sets the width and position for all rows */
.inside{width:80%;min-width:65em;max-width:85em;margin:0 auto;}
a{color:#FFF;}
h1{color:#CCC;font-size:1.5em;font-weight:normal;margin:1.5em 0;}
h2,h3{font-size:1.15em;color:#FFF;font-weight:normal;}
#primary h2{color:#CCC;}
p{line-height:1.75em;}
ul li{list-style-type:square;margin:0.5em 0 0.5em 2em;}
blockquote{margin-left:1em;padding-left:1em;border-left:2px solid #CCC;color:#CCC;}
pre{width:100%;padding:1em 0;overflow:auto;border-top:1px dotted #333;border-bottom:1px dotted #333;}
table{width:100%;border-spacing:2px;margin:1.5em 0;}
table th,table td{padding:0.3em 0.75em}
table th{background:#CCC;color:#000;text-align:left;}
table td{background:#333;color:#FFF;}
table caption{text-align:left;color:#FFF;margin-bottom:-1em;margin-top:1em;}
.rule{border-top:1px solid #CCC;height:1px;font-size:1px;line-height:1px;margin:1.5em 0;}
/*-----------------------------------------------------------------------------------------------
Header
-----------------------------------------------------------------------------------------------*/
#header{background:#000;}
#header .inside{padding:3em 0;}
#header h2{width:222px;display:block;font-size:2.25em;margin:0 0.5em 0 0;padding:0 0.5em 0.25em 0;border-right:1px solid #808080;float:left;}
#header h2 a{text-decoration:none;}
#header p{padding:1em 0;margin:0;/*line-height:1em;*/}
/*-----------------------------------------------------------------------------------------------
Primary Items
-----------------------------------------------------------------------------------------------*/
#primary{background:#000;padding:1px 0 2em 0;color:#808080;}
#primary.onecol-stories .primary{float:left;width:50%;}
#primary.onecol-stories .secondary{float:right;width:40%;margin:0 0 0 10%;}
#primary.twocol-stories .story{float:left;width:48%;margin:0 0 0 4%;display:inline;}
* html #primary.twocol-stories .story{margin-left:2%;}
#primary.twocol-stories .first,* html #primary.twocol-stories .first{margin:0 0 0 0;}
.story h3{font-size:1.15em;margin:0 0 1.5em 0;font-weight:normal;color:#CCC;}
.story h3 a{color:#CCC;text-decoration:none;border-bottom:1px dotted #666;}
.story .details{margin:1em 0;text-align:right;border-top:1px solid #5B5F53;padding:0.5em 0;font-size:0.95em;color:#666;}
.story .details .read-on{background:url(images/readon_black.gif) 100% 60% no-repeat;padding-right:20px;display:block;}
.story .details a{color:#666;text-decoration:none;}
.story .details a:hover{color:#FFF;}
/* Single Post Styles */
#primary .primary{float:right;width:65%;}
#primary .secondary{float:right;width:30%;margin-right:5%;padding-top:0.65em;display:inline;}
* html #primary .secondary{margin-right:3%;}
.secondary .featured p{border-bottom:1px solid #333333;border-top:1px solid #333333;padding:0.5em 0 0.6em 0;line-height:1.5em;margin:1em 0 0 0;}
.secondary .featured dl{margin:0 0;border-bottom:1px solid #333333;padding:0.5em 0 0.6em 0;}
.secondary dt{display:inline;margin:0;padding:0;color:#AAA;}
.secondary dd{display:inline;margin:0;padding:0;}
.secondary dd a{color:#808080;}
.secondary dd a:hover{color:#FFF;}
.single-post h1,.single-post h2{margin-top:0;}
/*-----------------------------------------------------------------------------------------------
Secondary Items
-----------------------------------------------------------------------------------------------*/
#secondary{background:#0C0C0C;padding:1px 2em;border-top:1px solid #1C1C1C;}
.comment-head{border-bottom:1px solid #1C1C1C;padding:0.8em 2em 1.0em 2em;}
.comment-head h2{font-size:1.5em;margin:0;}
.comment-head a{text-decoration:none;color:#868686;}
.comment-head .details{font-size:0.95em;}
ol#comments{list-style-type:none;margin:2em 0;}
ol#comments li{list-style-type:none;margin:2em 0;}
#comments cite{float:left;width:31%;font-style:normal;text-align:right;}
* html #comments cite{width:30.6%;}
#comments cite span{display:block;}
#comments cite .author{font-size:1.2em;}
#comments cite .author a{text-decoration:none;}
#comments cite .admin-tools{margin:5px 0;}
#comments cite .admin-tools a{float:right;margin:0 5px;padding:0px 3px 3px;background:#666;border:1px solid #999;text-decoration:none;}
#primary .secondary .admin-tools{margin:1em 0;}
#preview{margin:1em 0;padding:0.5em;border:1px solid #333;}
#preview p{margin:1em 0 0 0;}
#errors{color:#FF0000;font-weight:bold;}
#comments .pingback cite .author{display:block;padding-top:68px;background:url(images/trackback_pingback.gif) 100% 0 no-repeat;}
#comments .content{float:left;width:60%;margin-left:1.9%;border-left:1px solid #868686;padding:0 0 0 2%;}
#comments .content p{margin:0 0 1em 0;}
#comments .content h3{margin:0;font-size:1em;}
#comment-form{margin:5em 0 5em 35.4%;width:36em;}
input.textfield{width:15em;margin:5px 0;}
textarea.commentbox{width:28em;height:10em;padding:0.25em;margin:5px 0;font-size:1.25em;font-family:Arial,Helvetica,sans-serif;}
label.text{position:relative;left:0.5em;top:-0.5em;}
.formactions input.submit{float:right;margin:-1em 0 0 0;padding:0 0.5em;}
.formactions .spinner{float:right;margin:-8px -20px 0 0;}
/*-----------------------------------------------------------------------------------------------
Ancillary Items
-----------------------------------------------------------------------------------------------*/
#ancillary{padding:2em 0 0 0;}
#ancillary .block{float:left;width:30%;margin:0 0 0 5%;}
* html #ancillary .block{margin-left:3.9%;}
#ancillary .twice-length{width:65%;}
#ancillary .thrice-length{width:100%;}
#ancillary .first,* html #ancillary .first{clear:both;margin:0;}
#ancillary .block-separator{clear:both;height:2.5em;}
#ancillary .block h2,#ancillary .block h3{margin:0 0 2em 0;}
ul.dates,ul.counts,ul.blogroll ul,ul.pages{list-style-type:none;margin:1.5em 0 2em 0;border-top:1px solid #5B5F53;}
ul.dates li,ul.counts li,ul.blogroll ul li,ul.pages li{list-style-type:none;margin:0;padding:0.5em 0;border-bottom:1px solid #5B5F53;}
ul.dates .date{color:#858585;padding:0 1.5em 0 0;}
ul.counts .count{float:right;color:#858585;}
ul.dates a,ul.counts a,ul.blogroll a,ul.pages a{color:#BFBFBF;text-decoration:none;}
ul.dates a:hover,ul.dates a:hover .date,ul.counts a:hover,ul.counts a:hover .count,ul.blogroll a:hover,ul.pages a:hover{color:#FFF;}
ul.blogroll{margin-top:0;}
ul.blogroll li{list-style-type:none;margin:0;}
ul.pages ul{margin:0;}
ul.pages ul li{border:none;margin-left:2em;list-style-type:square;}
/*-----------------------------------------------------------------------------------------------
Foooter
-----------------------------------------------------------------------------------------------*/
#footer{clear:both;color:#5B5F53;margin:2em 0 3em 0;padding-bottom:2em;}
#footer .inside{background:url(images/footer_black.gif) 50% 0 repeat-x;padding:1em 0;}
#footer p{margin:0;font-size:0.95em;color: #5B5F53;}
#footer p.copyright{float:left;}
#footer p.attributes{float:right;}
#footer p.attributes a{padding:0 0 0 1em;text-decoration:none;color:#525252;}
#footer p.attributes a:hover{color:#FFF;}
/*-----------------------------------------------------------------------------------------------
Search
-----------------------------------------------------------------------------------------------*/
#search{float:right;width:200px;margin:1em 0 0 0;opacity:0.4;text-align:right;}
#search:hover{opacity:1.0;}
#search .searchimg{float:left;width:14px;height:13px;background:url(images/search.gif) 0 0 no-repeat;position:relative;top:4px;}
#search input{width:175px;font-size:0.85em;background:#CCC;margin-top:2px;}
#search input:focus{background:#FFF;}
#searchform{margin:1em 0;}
#searchform #s{background:#222;border:none;border-bottom:1px solid #333;width:30em;color:#666666;padding:0.25em;}
#searchform #searchsubmit{background:#000;color:#666;border:none;font-size:0.9em;text-transform:uppercase;letter-spacing:0.25em;}
/* Legacy Typo CSS */
#search-results{width:30%;background:#333;padding:0 0 0 0;float:right;opacity:0.9;border-top:1em solid #000;}
#search-results h3{font-weight:bold;text-align:left;margin:0;padding:0 0 1em 0;background:#000;}
#search-results small{display:block;text-align:left;font-size:0.9em;padding:0.5em 1em 0.7em 1em;border-top:1px solid #666;border-bottom:1px solid #555;}
#search-results small a{color:#CCC;}
#search-results ul li{list-style-type:none;padding:0 1em 0.5em 1em;margin:0.5em 0;}
#search-results ul li:hover{background:#202020;}
#search-result ul{margin:0;}
#search-results ul li a{text-decoration:none;border-bottom:1px dotted #CCC;}
#search img.archives-icon{margin:0 7px 0 0;top:1px;}
/*-----------------------------------------------------------------------------------------------
VektorDesign Customization
-----------------------------------------------------------------------------------------------*/
.left { float: left; }
.right { float: right; }
html { height: 100%; }
body { height: 100%; position: relative;
/*background: #272727 url(images/logo_png.png) no-repeat 90% 90%;*/}
div#top_black_wrapper {
/*background-color: #141213;*/
background-color: #000;
}
body #top_black_wrapper #header, body #top_black_wrapper #primary { background-color: transparent; }
div#top_nav {
background-color: #141213;
position: relative;
border-bottom: 1px solid #5B5F53;
color: #FFF;
}
div#ancillary {
position: relative;
padding: 0em;
background: transparent url('images/ancillary2.png') repeat-x top;
}
div#ancill_details { padding-top: 2em; }
div#ancillary div#ancitoggle {
cursor: pointer;
position: absolute;
top: -20px;
display: block;
float: right;
right: 0px;
width: 100px;
text-align: right;
color: #8DA6C4;
padding-top: 2px;
padding-right: 7px;
height: 18px;
width: 90px;
}
div#top_nav div#toggleswitch span {
background-color: #141213;
border-top: 1px solid #141213;
border-right: 1px solid #5B5F53;
border-bottom: 1px solid #5B5F53;
bottom: -22px;
color: #8DA6C4;
cursor: pointer;
display: block;
float: left;
height: 18px;
left: 0px;
padding-left: 7px;
padding-top: 2px;
position: absolute;
text-align: left;
width: 90px;
}
div#top_nav a {
display: block;
margin-left: 15px;
height: 20px;
color: #8DA6C4;
padding-left: 5px;
padding-top: 3px;
border-left: 1px solid transparent;
font-weight: bold;
text-decoration: none;
}
div#top_nav a:hover {
padding-left: 5px;
color: #FFF;
border-left: 1px solid #7E7E7E;
}
div#navtoggle {
/*width: 100%;*/
display: block;
height: 20px;
padding-left: 82px;
}
div#ntbg {
position: relative;
z-index: 10;
width: 100%;
display: block;
height: 20px;
/* background-color: #000;*/
}
div#navtoggle ul {
position: relative;
z-index: 99;
}
div#top_nav ul {
margin: 0px;
padding: 0px;
}
div#top_nav ul li {
list-style: none;
float: left;
display: inline;
margin-right: 10px;
margin: 0px;
padding: 0px;
}
div#top_nav ul li a {
float: left;
}
#header {
height: 113px;
}
#header h2 {
position: relative;
top: -0.55em;
font-size: 34px;
margin:0 0.5em 0 0;
padding:0;
}
div#image_bar {
display: none;
}
/* --- Page Specific Styling --- */
/* the homepage */
body.home #top_black_wrapper {
background-image: url('images/home-header.jpg');
}
body #top_black_wrapper { background: #000 url('images/ancillary3.png') repeat-x bottom center;}
/* static pages */
body.page #top_black_wrapper { background-image: url('images/page-header.jpg'); }
body.page-3 #top_black_wrapper { /*background: #000 url('images/site_tile.png') repeat top;*/ }
body.page-2 { background-color: #271E17; }
body.page-3 { background-color: #151B27; }
body.page-5 { background-color: #1D271B; }
/* individual posts */
body.post #top_black_wrapper { background-image: url('images/post-header.jpg'); }
/* category archive pages */
body.category #top_black_wrapper { background-image: url('images/category-header.jpg'); }
/* dated archive pages */
body.archive #top_black_wrapper { background-image: url('images/archive-header.jpg'); }
/* search (results) pages */
body.search #top_black_wrapper { background-image: url('images/search-header.jpg'); }
/* 404 error pages */
body.error #top_black_wrapper { background-image: url('images/error-header.jpg'); }
/* Kwick Nav Slider */
#vektors_container {
display: block;
height: 29px;
background:transparent url('images/underline.gif') no-repeat bottom left;
}
.kwick {
width: 500px;
list-style: none;
position: relative;
margin: 0;
padding: 0;
}
.kwick li{
display: block;
overflow: hidden;
padding: 0;
cursor: pointer;
}
#vektors_container li {
text-align: center;
float: left;
width: 125px;
margin-right: 5px;
padding: 7px 0px 0px 0px;
height: 20px;
text-align:center;
list-style-type: none;
}
#vektors_container li.active {
/* background-color: #333;*/
background-color: #222;
}
#vektors_container li div.bg, div#designkwick_bg, div#printkwick_bg, div#webkwick_bg, div#photographykwick_bg {
width: 235px;
height: 29px;
display: block;
float: left;
position: absolute;
top: 0px;
left: 0px;
z-index: 1;
background-color: #5B5F53;
opacity: 0.5;
-moz-opacity: 0.5;
filter:alpha(opacity=50);
}
#vektors_container li a {text-decoration:none;color:#8DA6C4;}
#vektors_container li a:hover { cursor: pointer;}
/* Portfolio Page Sliding Banner*/
body.page-3 #image_bar { display: block; }
#tab_print .box-content { background: #000 url('images/banner_print.jpg') no-repeat right bottom; }
#tab_design .box-content { background: #000 url('images/banner_design.jpg') no-repeat right bottom; }
#tab_photography .box-content { background: #000 url('images/banner_photography.gif') no-repeat right bottom; }
#tab_web .box-content { background: #000 url('images/banner_web.jpg') no-repeat right bottom; }
#demo-container {
overflow: hidden;
/*width:800px;*/
height:296px;
}
#demo-wrapper {
width: 100%;
position: relative;
height: 300px;
overflow: hidden;
}
#tab_design, #tab_print, #tab_web, #tab_photography {
height: 295px;
position: relative;
top: 1px;
left: 0px;
}
/* #tab_design { top: 300px; }*/
/* #tab_print { top: 300px; }*/
/* #tab_web { top: 600px; }*/
/* #tab_photography { top: 900px; }*/
.scrolling-content {
height: 300px;
}
.box-content {
/* margin: 1px;
padding: 1px;
*/ margin: 0px;
padding: 0px;
overflow: hidden;
text-align: justify;
/*border-bottom:1px dotted #666666;*/
height: 295px;
}
.scrolling-content {
width: 100%;
float:left;
}
#designSlide, #printSlide, #webSlide, #photographySlide {
padding-bottom: 20px;
width: 100%;
display: block;
}
#primary.twocol-stories div.inside #webSlide .story,
#primary.twocol-stories div.inside #designSlide .story,
#primary.twocol-stories div.inside #printSlide .story,
#primary.twocol-stories div.inside #photographySlide .story {
width: 30%;
margin-left: 5%;
}
#primary.twocol-stories div.inside #webSlide .first,
#primary.twocol-stories div.inside #designSlide .first,
#primary.twocol-stories div.inside #printSlide .first,
#primary.twocol-stories div.inside #photographySlide .first {
margin-left: 0%;
}
.triple_post_block {
display: block;
height: 142px;
margin-top: 20px;
}
.triple_post_block .story {
position: relative;
width: 100%;
height: 142px;
}
.triple_post_block .story .postimage {
float: left;
background: transparent url(images/portfolio/design_linnies.png) no-repeat top left;
width: 100%;
height: 142px;
}
.triple_post_block #post-20 .postimage {background: transparent url(images/portfolio/design_linnies.png) no-repeat center center;}
.triple_post_block #post-35 .postimage {background: transparent url(images/portfolio/design_gw.png) no-repeat center right;}
.triple_post_block #post-37 .postimage {background: transparent url(images/portfolio/design_cleanupla2.png) no-repeat center right;}
.triple_post_block #post-40 .postimage {background: transparent url(images/portfolio/design_dhf.png) no-repeat center center;}
.triple_post_block #post-54 .postimage {background: transparent url(images/portfolio/design_giuseppes.png) no-repeat center center;}
/* Popup Js*/
.postwrapper {
position: relative;
width: 100%;
}
.photography_post {
}
.bubbleInfo {
position: relative;
}
.popup {
position: absolute;
display: none;
width: 100%;
padding: 30px 15px 15px 15px;
background: transparent url(images/popup_bg.png) repeat-x top left;
/* background-color: #333;*/
z-index: 50;
border-collapse: collapse;
}
.trigger {
position: absolute;
}
.story .popup h3 {font-size:1.8em;margin:0 0 0.5em 0;font-weight:normal;color:#FFF;}
.story .popup h3 a {color:#b0b087;text-decoration:none;border-style: none;}
.story .popup .details {margin:1em 0;text-align:right;border-top:1px solid #5B5F53;padding:0.5em 0;font-size:0.95em;color:#666;}
.story .popup .details .read-on {background:url(images/readon_black.gif) 100% 60% no-repeat;padding-right:20px;display:block;}
.story .popup .details a {color:#666;text-decoration:none;}
.story .popup .details a:hover {color:#FFF;}
body.home .story h3 {font-size:1.5em; margin-bottom: 0.8em;}
.clearleft {
clear: left;
}
#designSlide h4, #printSlide h4, #webSlide h4, #photographySlide h4 {
display: none;
}
body.page-3 div.inside h1 {
display: none;
}
li.page-item-2 {
display: none!important;
}
/*Stays at bottom*/
div#ifie {
display: none;
}