/*
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-body.jpg) top center repeat-y; position: relative; font-family: arial, sans-serif; color:#fff; font-size: 12px; line-height: 18px;}
a {color:#E9C600}
strong {font-weight: bold}
#wrapper { width: 980px; margin: 0 auto; }
#wrapper-inner {background: transparent url(images/black-fill.png) top center repeat; float:left; position: relative; width: 100%; min-height: 900px}
#wrapper #header {height: 180px; width: 100%; float:left; position: relative; }
#wrapper #header h1 a {display: block; width: 300px; height: 113px; background: transparent url(images/logo.png) top left no-repeat; margin: 20px 0 0 20px; float:left;}
#wrapper #header h1 a span {display:none}
#wrapper #header #search-top {width: 300px; float: right; margin-right: 60px}
#wrapper #header #search { background: url("images/bg-search.png") no-repeat scroll 3px 5px transparent;  position: relative; top: 5px; float:right; }
#wrapper #header #search #s { background: none repeat scroll 0 0 transparent; border: medium none; color: #999999; display: block; float: left; font-size: 12px; font-style: italic; height: 47px; margin: 0; padding: 5px 0 0 20px; vertical-align: bottom; width: 188px; }
#wrapper #header #search button { background: url("images/bt-search.gif") no-repeat scroll 0 0 transparent; border: medium none; cursor: pointer; height: 24px; position: absolute; right: 30px; top: 15px; width: 28px; }
#wrapper #header #search button span {display:none}
#wrapper #header #nav {width: 600px; float:right; margin-top: 40px}
#wrapper #header #menu-main {width: 250px; float:right; margin-right: 20px}
#wrapper #header #menu-main li {float:left; margin-right: 15px}
#wrapper #header #menu-main li a {color:#fff; text-decoration:none; font-size: 14px; font-style: italic;}
#wrapper #header #menu-main li a:hover {color:#E9C600}
#wrapper #mid {width: 100%; float:left; position: relative;}
#wrapper #mid #slider-outer {width: 100%; height: 300px;  float:left; position: relative; background-color: #1d232f; margin-bottom: 30px}
#wrapper #mid #slider {width: 640px; float:left;}
#wrapper #home {background: transparent url(images/home.jpg) 0 0 no-repeat; width: 300px; height: 172px; margin-left: 10px}
#wrapper #mid #storage {float: right; width: 300px; font-size: 14px; color:#fff; padding-top: 30px}
#wrapper #mid #storage p {font-size: 14px; font-weight: bold; margin-bottom: 10px}
#wrapper #mid #storage p span {color:#E9C600; font-size: 20px; font-style: italic}
#wrapper #mid #storage ul {list-style-type: disc; padding-left: 20px; margin-bottom: 40px}
#wrapper #mid #storage li {margin-bottom: 10px}
#wrapper #mid #content {width: 600px; border-right: 1px solid #E9C600; padding: 20px; float:left; position:relative;  min-height: 200px}
#wrapper #mid #content h2 {font-size: 26px; color: #E9C600; font-weight: bold; margin-bottom: 20px; line-height: 25px;}
#wrapper #mid #content h2.home {font-size: 26px; color: #E9C600; font-weight: bold; margin-bottom: 20px; line-height: 25px; text-align: center}
#wrapper #mid #content h3 {font-size: 20px;  font-style:italic; margin-bottom: 20px; line-height: 25px; }
#wrapper #mid #content h3.home2 {font-size: 20px;  font-style:italic; margin-bottom: 20px; line-height: 25px; text-align: center}
#wrapper #mid .entry p {margin-bottom: 10px}
#wrapper #sidebar {width: 300px; float:right; position: relative}
#wrapper #sidebar h4 {font-size: 14px; color: #E9C600; font-weight: bold; margin: 20px 0 10px 0; line-height: 25px;}
#wrapper #footer-top {width: 100%; float:left; position: relative; height: 280px; text-align: center; background-color: #000}
#wrapper #footer-top h4 {font-size: 14px; color: #E9C600; font-weight: bold; margin: 20px 0 10px 0; line-height: 25px;}
#wrapper #footer-top div {width: 280px; padding: 20px; float:left}
#wrapper #footer-top span {display:none}
#wrapper #footer-top .bullion {width: 280px; height: 130px; display:block; background: transparent url(images/bullion-logo.jpg) left bottom no-repeat; }
#wrapper #footer-top .faq {width: 280px; height: 130px; display:block; background: transparent url(images/gurantee.png) left bottom no-repeat; }
#wrapper #footer-top .location {width: 280px; height: 130px; display:block; background: transparent url(images/map.jpg) left bottom no-repeat; }
#wrapper #footer {float:left; width: 100%; position:relative;  background-color: #000}
#wrapper #footer p {font-size: 11px; margin: 0 0 20px 20px}