/*
Theme Name: Workaholic
Theme URI: http://graphpaperpress.com/
Description: Showcase your work on the web.
Version: 3.0.2
Author: Chandra Maharzan for Graph Paper Press
Author URI: http://graphpaperpress.com/
Tags: minimalistic, clean, fixed width, three column, two column, separate blog, portfolio
License: GPL
*/

/* load 960 framework */
@import url("library/960/reset.css");

@import url("library/960/960.css");
@import url("library/nav/superfish.css");

/* global styles */
body {background-color: #dacfbd; font:13px/1.5 Helvetica,Arial,'Liberation Sans',FreeSans,sans-serif; }
h1,h2,h3,h4,h5 {color:#444;}
h4 {font-size:18px;margin:0;padding:0;color:#333}
strong {font-weight: bold;}
em {font-style: italic}
a, a:hover {text-decoration:none}
#home {overflow-x: hidden;}
#home #wrapper {background: transparent url(images/bg.jpg) 0 0 no-repeat; width: 1024px; margin: 0 auto; height: 896px; position:relative; }
#home #wrapper #inner {height: 847px; float:left; width:100%; position:relative; }
#home #wrapper #logo h1 {margin:0; padding:0}
#home #wrapper #logo h1 a {background: transparent url(images/logo.png) 0 0 no-repeat; width: 400px; height: 320px; position:absolute; top:10px; left: 300px;}
#home #wrapper span {display:none}
#home #wrapper a {display:block}
#home #wrapper a#story {width:180px; height: 240px; background: transparent url(images/t-story.png) top left no-repeat; position:absolute; left:0; top:0}
#home #wrapper a#story:hover {  background: transparent url(images/t-story.png) top right no-repeat;}
#home #wrapper a#links {width:274px; height: 290px; background: transparent url(images/t-links.png) top left no-repeat; position:absolute; right:0; top:0}
#home #wrapper a#links:hover {  background: transparent url(images/t-links.png) top right no-repeat;}
#home #wrapper a#hire {width:232px; height: 281px; background: transparent url(images/t-hire.png) top left no-repeat; position:absolute; left:45px; top:350px}
#home #wrapper a#hire:hover {  background: transparent url(images/t-hire.png) top right no-repeat;}
#home #wrapper a#media {width:165px; height: 150px; background: transparent url(images/t-media.png) top left no-repeat; position:absolute; left:255px; top:340px}
#home #wrapper a#media:hover {  background: transparent url(images/t-media.png) top right no-repeat;}
#home #wrapper a#contact {width:156px; height: 162px; background: transparent url(images/t-contact.png) top left no-repeat; position:absolute; right:330px; top:320px}
#home #wrapper a#contact:hover {  background: transparent url(images/t-contact.png) top right no-repeat;}
#home #wrapper a#guest {width:216px; height: 123px; background: transparent url(images/t-guest.png) top left no-repeat; position:absolute; left:300px; top:700px}
#home #wrapper a#guest:hover {  background: transparent url(images/t-guest.png) top right no-repeat;}
#home #wrapper a#gallery {width:290px; height: 290px; background: transparent url(images/t-gallery.png) top left no-repeat; position:absolute; right:0; top:580px}
#home #wrapper a#gallery:hover {  background: transparent url(images/t-gallery.png) top right no-repeat;}
/* Page */
#page #wrapper { width: 1024px; margin: 0 auto; position:relative}
#page #wrapper #wrapper-inner {background:transparent url(images/bg-curtain.jpg) 0 0 repeat-y; float:left; width:100%; position:relative; padding-bottom: 10px}
#page #wrapper #inner {float:left; width:100%; position:relative;  background:transparent url(images/bg-lace.jpg) 0 0 no-repeat;}
#page #wrapper #content .entry {padding: 0 40px 20px 40px}
#page #wrapper #content #post-5 .entry {padding: 0 60px 20px 60px}
#page #wrapper #logo h1 {margin:0; padding:0}
#page #wrapper #logo h1 a {background: transparent url(images/logo-sm.png) 0 0 no-repeat; width: 300px; height: 240px; position:absolute; top:30px; left: 353px;}
#page #wrapper #logo h1 a span {display:none;  }
#page #wrapper #content h3 {font-family: georgia, serif; color:#d84a6d;font-size: 25px;  }
#page #wrapper #content h5 {font-family: georgia, serif; color:#d84a6d; }
#page #wrapper #content .attachment-medium {float:left; padding: 10px; margin-right: 24px;}
#page #wrapper #menu-main {text-transform: uppercase; margin-left: 20px; font-family: Georgia, sans-serif}
#page #wrapper #menu-main li {padding: 0 8px 0 8px}
#page #wrapper #menu-main .current-menu-item a {color:#d84a6d}
#page #wrapper #content {background: transparent url(images/bg-content.png) 0 0 repeat; width: 100%; float:left; position:relative; margin-top: 250px; margin-bottom: 10px}
.blogroll li {text-align:center}
.title #wrapper #content h2 {font-size: 30px; color:#d84a6d; text-align:center; padding:20px 0 }
#page #wrapper #content a {color:#d84a6d }
#page #wrapper #content p {font-family: Georgia, sans-serif; font-size:12px; margin-bottom: 10px; line-height:18px}
#page #wrapper #content #hire-cats {list-style-type:none; width: 560px; margin: 0 auto}
#page #wrapper #content #hire-cats li {float:left; text-align:center}
#page #wrapper #content #hire-cats li a {padding: 3px 10px 3px 10px; border-right: 1px solid #000; display:block; color: #000; text-decoration:none; font-family: georgia, serif;}
#page #wrapper #content #hire-cats li a:hover {color: #d84a6d}
#page #wrapper #content #hire-cats li a.end {border:none}
#page #wrapper #content #hire-inner {width: 900px; margin-left: 70px; position:relative; }
#page #wrapper #content .hire-item {width: 100%; float:left; position:relative; margin-top: 40px;}
#page #wrapper #content .hire-item div {position:relative; width: 400px; height: 80px; float:left; margin-right: 40px;  border-top: 1px solid #a7a9ac; padding: 20px 0 20px 0}
#page #wrapper #content .hire-item div a { color:#d84a6d;}
#page #wrapper #content .hire-item div img {float:left; margin-right: 20px; border: 1px solid #2f2f2f}
#page #wrapper #content .hire-item div p {float:left; width: 300px}
#page #wrapper #post-7 {margin-bottom: 150px; float:left; position:relative}
#page #wrapper #post-10 .media-item {border-top: solid 1px #a7a9ac; border-bottom: solid 1px #a7a9ac; padding: 20px 0 20px 0; width: 100%; float:left; position:relative; }
#page #wrapper #post-10 .media-item h5 {float:right; margin-bottom: 10px; width: 265px}
#page #wrapper #post-10 .media-item .alignleft {float:left; margin-left: 20px; margin-right: 20px}
#page #wrapper #post-12 {text-align:center}
#page #wrapper #post-12 .flowers {width: 109px; height: 117px; background: transparent url(images/contact-flowers.png) 0 0 no-repeat; position:absolute; top: 760px; right:230px}
#page #wrapper .wpcf7 {width: 500px; margin: 30px 0 0 170px; position:relative;}
#page #wrapper .wpcf7 span {color:#d84a6d }
#page #wrapper .wpcf7 p {width: 100%; float:left; position:relative}
#page #wrapper .wpcf7 label {width: 120px; text-align:right; float:left;}
#page #wrapper .wpcf7 .item input, #page #wrapper .wpcf7 textarea {width: 360px; border: 1px solid #c9b49b; float:right; padding: 5px;}
#page #wrapper .wpcf7 .wpcf7-submit {border:none; background:none; color:#d84a6d; font-family: Georgia, sans-serif; margin-left: 170px; margin-bottom: 40px }
#page #wrapper .read {position:absolute; right:83px; top: 75px}
#page #wrapper #links {margin-left: 40px}
#page #wrapper #links div {width: 200px; float:left; min-height:120px; padding: 5px 10px 10px 10px}
#page #wrapper #links h3 {font-family: georgia, serif; font-size:13px; text-align: left; text-transform: uppercase;  }
#page #wrapper #links ul {list-style-type:none;}
#page #wrapper #links ul li a {color:#000; font-family: georgia, serif; font-size:12px;}
/* Guestbook */
.testimonial {text-align:center; background: transparent url(images/bg_testi.gif) bottom center no-repeat; padding: 10px 0 10px 0; ; }
.testimonial h5 {font-size: 12px; text-transform:uppercase}

/* Awards */
.menu-item-113 {margin-left: -20px}
.top-shelf { background: transparent url(images/bg_shelf.gif) bottom center no-repeat; height: 160px}
.top-shelf .a-1 {position:absolute; left:170px; top:0;}
.top-shelf .a-2 {position:absolute; right:170px; top:3px;}
.shelves {padding-left: 40px; margin-left: 40px; background: transparent url(images/bg-shelves-lg.gif) top center repeat-y; position:relative; float:left; padding-bottom: 50px }
.shelves div.award {float:left; height: 170px; width: 230px; margin-bottom: 20px}

/* Footer */
#wrapper #footer {width: 100%; float:left; position:relative; }
#wrapper #footer #footer-inner {width: 620px; margin: 0 auto; position:relative; font-size: 12px; font-family: Georgia, serif; color:#33200c}
#wrapper #footer #footer-inner #facebook {background: transparent url(images/i-facebook.png) 0 0 no-repeat; width: 43px; height:43px; float:left; }
#wrapper #footer #footer-inner #twitter {background: transparent url(images/i-twitter.png) 0 0 no-repeat; width: 43px; height: 43px; float:left }
#wrapper #footer #footer-inner p { float:right; padding-top: 20px }
#wrapper #footer #footer-inner p a {text-decoration:none;  display:inline; color:#d84a6d; }
#wrapper #footer #footer-inner span {display:none}

/* Gallerific */
.gallery-title #wrapper #content h2 {font-size: 30px; color:#d84a6d; text-align:center; padding:40px }
.ngg-albumtitle {width: 400px; margin-top: 50px; }
#post-13 div.content {display: none;float: right;width: 560px; margin-top: 50px; }
#post-13 {height: 730px}
div.controls {margin-top: 5px;height: 23px;}
div.slideshow-container {position: relative;clear: both;height: 560px; /* This should be set to be at least the height of the largest image in the slideshow */}
div.loader {position: absolute;top: 0;left: 0; background-image: url(images/loader.gif);background-repeat: no-repeat;background-position: center;width: 560px;height: 600px; /* This should be set to be at least the height of the largest image in the slideshow */}
div.slideshow {width: 560px; height: 560px; position:absolute; top: 20px; overflow:hidden;}
div.slideshow span.image-wrapper {position: absolute; overflow:hidden; top: 0; left: 0;width: 560px; height: 560px; }
div.slideshow a.advance-link { display: block;width: 560px; height: 560px; /* This should be set to be at least the height of the largest image in the slideshow */text-align: center;overflow:hidden;}
div.slideshow a.advance-link:hover, div.slideshow a.advance-link:active, div.slideshow a.advance-link:visited {text-decoration: none;}
div.slideshow img {vertical-align: middle; border: 1px solid #2f2f2f;}
ul.thumbs {clear: both;margin: 0;padding: 0; width: 400px}
ul.thumbs li {float: left;padding: 0;list-style: none;}
a.thumb {display: block;border: 1px solid #2f2f2f; margin: 5px 10px 5px 0; }
a.thumb:focus {	outline: none;}
ul.thumbs img { border: none; display: block; width:60px; height:60px }


#post-247 div.content{ display: none;
    float: right;
    margin-top: 50px;
    width: 560px;}

.blogroll li {
    text-align: left;
}

.ngg-albumoverview {
    float: left;
}