/*
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 {  font-family: Helvetica,Arial,sans-serif; font-size: 11pt; margin-bottom: 15px; margin-top: 15px; text-align: justify; background: url("images/bg-body.jpg") repeat-x scroll center top #00AAE7; line-height: 1.2; margin: 0 auto;}
a { color: #019FCE }
p { margin-bottom: 15px }
.alignright { float:right; margin-left: 20px }
.alignleft { float:left; margin-right: 20px }
strong { font-weight: bold }
h2 { color: #005488; font-family: Helvetica,Arial,sans-serif; font-size: 14pt; font-weight:bold; margin: 10px 0 15px 0 ; }
h3 { color: #005488; font-family: Helvetica,Arial,sans-serif; font-size: 13pt; font-weight:normal; margin: 10px 0 15px 0 ; }
.checklist {
    margin-top: 11px;
}
.checklist li {
    background: url("images/bullet1.png") no-repeat scroll left top rgba(0, 0, 0, 0);
    font-family: Helvetica,Arial,sans-serif;
    font-size: 11pt;
    line-height: 20px;
    list-style: none outside none;
    margin-left: -25px;
    padding-left: 25px;
}
#background { background: transparent url("images/bg-logo.png") no-repeat fixed center top; height: auto;
    left: 0;
    margin: 0;
    min-height: 100%;
    min-width: 1024px;
    overflow: hidden;
    padding: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: -1; }
#wrapper { width: 990px; margin: 0 auto; position: relative; }
#wrapper-inner { width: 100%; float:left; background: transparent url(images/bg-t.png) 0 0 repeat; position: relative; }
#inner { width: 900px; margin: 0 auto; position: relative; }
#header { width: 100%; float:left; position: relative; margin-bottom: 20px; background: transparent url(images/quote.png) 300px 30px no-repeat  }
#header h1 span { display:none }
#header h1 { float:left; }
#header h1 a { width: 240px; height: 135px; background: transparent url(images/logo.png) 0 0 no-repeat; display:block  }
#header .phone { color: #002341; font-size: 20px; font-weight: bold; position: absolute;  right: 0; text-align: right;top: 40px; }
#header #nav {float:right}
#header #nav ul {margin-top: 130px}
#header #nav ul li {float:left; }
#header #nav ul li a { margin-left: 13px; text-decoration:none}
#header #nav ul li a:hover {color:#002341; text-decoration: underline} 
#header #social li {  width: 30px; height: 30px; float:right; margin-right: 3px }
#header #social li a { display: block; width: 30px; height: 30px; }
#header #social li a span { display:none }
#header #social li a.fb { background: transparent url(images/fb.jpg) 0 0 no-repeat; top: 0;   }
#header #social li a.yt { background: transparent url(images/yt.jpg) 0 0 no-repeat; top: 0;  }
#header #social li a.google { background: transparent url(images/google.jpg) 0 0 no-repeat; top: 0;   }
#slider {width: 900px;  float:left; position: relative; position: relative; margin-bottom: 20px }
#slider .soliloquy-container { float:left; position: relative}
.post ul {   margin: 0 20px 20px 50px; }
.post li {
    color: #000000;
    font-family: Helvetica,Arial,sans-serif;
    font-size: 11pt;
    margin: 0 0 10px;
    text-align: justify;
}
#content { width: 100%; float:left; position: relative; }
.post { width: 610px; float:left; position: relative;} 
#sidehome { width: 270px; float:right; margin-top: -20px }
#sidebar { width: 270px; float:right; }
#sidebar #seal { width: 270px; height: 516px; background: transparent url(images/laser-seal-sidebar.png) top right no-repeat }
#cta { width: 100%; float:left; margin-bottom: 20px  }
#cta a { width: 200px; float:left; height: 40px; display:block; text-align:center;  color: #000; font-family: Helvetica,Arial,sans-serif; font-size: 11pt; text-decoration:none; padding-top: 130px; text-transform: uppercase; font-weight:bold  }
#cta a:hover { color:#ffc20e; text-decoration:underline }
#cta a.locate { background: transparent url(images/locate.png) top center no-repeat  }
#cta a.quote { background: transparent url(images/clipboard.png) top center no-repeat  }
#cta a.contact { background: transparent url(images/phone.png) top center no-repeat  }
#footer { font-size: 10pt }
#fb-root { position: absolute; bottom: 0; }