/*
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");
body {background: transparent url(images/bg.jpg) 0 0 repeat; font-family: arial, sans-serif; line-height: 18px; }
#header {height: 164px; width: 100%; float:left; position: relative; background: transparent url(images/bg-header.png) 0 0 repeat-x }
.inner {width: 980px; margin: 0 auto;  position: relative }
.alignright {float:right; margin-left: 20px; border: 2px solid #666;}
.alignleft {float:left; margin-right: 20px; border: 2px solid #666;}
.youtube {color:#e64a41; background: transparent url(images/youtube-icon.gif) 0 0 no-repeat; padding: 5px 0 0 35px; text-decoration: none; height: 35px; display:block; float:right; width: 200px} 
.quote {display: block; background: transparent url(images/bt-quote.png) top center no-repeat; width: 348px; height: 100px; float: right; margin-right: 30px}
.quote span {display:none}
.addthis_toolbox {float:left;}
#header #logo h1 {float:left; position: relative; margin: 5px 0 0 0}
#header #logo h1 a {display:block; width: 370px; height: 160px; background: transparent url(images/logo.png) 0 0 no-repeat}
#header #logo h1 a span {display:none}
#header #menu-main {float:right; width: 560px; margin: 70px 0 0 0}
#header #menu-main li {float:left;  }
#header #menu-main li a {font-size: 0.9em; text-decoration: none; color:#fff; height: 100px; display:block; padding: 0 10px}
#header #menu-main li a:hover {color:#000; background: transparent url(images/brush.png) center 20px no-repeat}
#header #call {font-family: georgia, serif; color: #fff; position: absolute; right: 120px; top: 8px; font-size: 20px; font-weight: bold; }
#slider {float:left; position:relative; width: 900px; border: 3px solid #666; margin: 20px 0 40px 40px}
#copy, #content {width: 100%; float: left; position: relative; font-size: 0.9em; color:#131313;  }
#content {margin-top: 30px;}
#content .post {width: 650px; float:left; position:relative; font-size: 0.9em; margin-bottom: 20px}
#content #sidebar {width: 280px; float: right; positon: relative }
#content h2 { color: #008d3e; font-family: georgia, serif; font-size: 22px; margin-bottom: 20px}
#content .entry {margin-bottom: 20px; min-height: 600px; float:left; position: relative; width: 100%}
#content p {margin-bottom: 15px}
#content ul {list-style-type: disc; margin-left: 20px}
#content ul li { margin-bottom: 10px}
#content #soliloquy-container-110 ul {margin:0; border: 2px solid #666;}
#content #soliloquy-container-110 ul li {margin:0}
#copy #copy-inner {font-size: 0.9em; color:#131313; margin-left: 40px }
#copy #copy-inner p {margin-bottom: 15px}
#copy #copy-inner .established {width: 348px; height: 50px; display: block; background: transparent url(images/established.png) top center no-repeat; float: right; margin-right: 30px;  }
#copy #copy-inner .home-inner {width: 520px; float: left; margin-bottom: 10px}
#undercopy {width: 650px; float:left; margin-top: 30px; position: relative }
#undercopy .youtube {float:left; margin-left: 60px}
#mid div, #sidebar div {width: 280px; float:left; height: 176px; color:#fff; font-family: georgia, serif; font-size: 18px;  text-align:center; line-height: 23px }
#sidebar div {margin-bottom: 10px}
#mid div a, #sidebar div a {color: #fff; text-decoration:none }
.mid-inner {width: 280px; margin: 10px 0 0 0}
.h-contact {  background: #008d3e url(images/phone.png) 80px 70px no-repeat; margin-right: 15px; border: 2px solid #666;}
.location {  background: #008D3E url(images/mail.png) 80px 70px no-repeat;  border: 2px solid #666;}
#mid div.master { background: #fff url(images/masterpainters.jpg) 0 0 no-repeat; width: 300px; height: 176px; float:right;   border: 2px solid #666; margin-right: 30px }
#content .cf-tr h2 {display:none }
#content .cf-tr .text {background: transparent url(images/quotes.png) 0 0 no-repeat; padding-left: 50px; font-size: 20px; line-height:22px; font-style: italic }
#content .entry ul#soliloquy-list-45 {margin:0; border: 2px solid #666; }
#content .entry ul#soliloquy-list-45 li { margin:0; }
#sidebar div.master { background: transparent url(images/masterpainters.jpg) top center no-repeat; width: 280px; height: 168px; float:left;   border: 2px solid #666; }
#footer, #mid {width: 100%; float:left; position: relative; }
#footer {margin: 20px 0; color:#131313; font-size: 11px; text-align: center}
#footer a { color:#131313; }