/*
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-color: #12344d; color: #fff; font-family: Arial, sans-serif; line-height: 18px; overflow-x: hidden }
a {color: #12344d}
p {font-size: 0.9em; margin-bottom: 10px; width: 100%; float:left}
b {font-weight: bold}
strong {font-weight: bold}
.headertable {width: 100%; margin:-50px 0 0 0; padding:0;}
.headertable tr.top {background: transparent url(images/bg_o.jpg) top right repeat;}
.headertable tr.bottom {background: transparent url(images/bg_u.jpg) top right repeat;}
.headertable td {border: 1px solid #12344d; vertical-align: top }
.headertable td.tleft {height: 150px; background: transparent url(images/profil_b2_01.jpg) top right repeat; width: 37%}
.headertable td.tmid {height: 150px; background: transparent url(images/profil_b2_02.jpg) 0 0 repeat; width: 400px; text-align: center}
.headertable td.tright {height: 150px; background: transparent url(images/profil_b2_03.jpg) top left no-repeat; }
.headertable td.bleft {height: 250px; background: transparent url(images/profil_b2_04.jpg) top right repeat; width: 37%; text-align: right}
.headertable td.bmid {height: 250px; background: transparent url(images/profil_b2_05.jpg) 0 0 repeat; width: 400px;}
.headertable td.bright {height: 250px; background: transparent url(images/profil_b2_06.jpg) top left no-repeat; }
.headertable #menu-main a {color:#12344d; text-transform: uppercase; text-decoration:none; border-right: 1px solid #12344d; padding: 10px}
.headertable #menu-main .last a {border:none}
.headertable #menu-main li {float:left; color:#12344d; }
.headertable #menu-main {margin: 70px 0 0 60px}
.headertable .logo {float:right}
.headertable .logo a {display: block; width: 400px; height: 250px; background: transparent url(images/logo.png) 0 0 no-repeat; margin:0}
.headertable .logo a span {display:none}
#homecontent {max-width: 1000px; margin: 0 auto; position: relative;}
#homecontent #homecontentinner {width: 65%; padding: 30px 0 40px 70px; margin-bottom: 40px; float:left; position: relative;}
#homecontent h1 {font-style: italic; font-size: 20px; line-height: 24px; margin-bottom: 30px}
#homecontent h2 {font-weight: bold; text-transform: uppercase; font-size: 25px; margin-top: 30px; line-height: 28px;}
#homecontent #homecontentinner ul {list-style-type: disc; margin-left: 20px; font-size: 0.9em; line-height:28px; margin-bottom: 20px}
#homecontent #homecontentinner li {width: 100%; float:left }
#homecontent #homecontentinner ol {margin-left: 20px; font-size: 0.9em; line-height:28px; list-style-type: decimal; margin-bottom: 20px}
#homecontent #submenu {float:right; width: 20%; padding-top:20px; position: relative;}
#homecontent #submenu ul { margin-bottom: 20px}
#homecontent #submenu li { font-size: 0.9em}
#homecontent #submenu li a {color: #fff; text-decoration:none;  background: transparent url(images/arrow.png) 0 12px no-repeat;  height: 20px; display:block; padding: 10px 0 0 30px;}
#homecontent #submenu a {color:#fff}
#homecontent #submenu p {font-weight: bold; margin-top: 20px; text-align: center}
#homecontent #submenu p.quote { background: transparent url(images/quote.png) top center no-repeat; padding-top: 70px;}
#homecontent #submenu p.discuss { background: transparent url(images/discuss.png) top center no-repeat; padding-top: 70px;}
#homecontent #submenu p.visit { background: transparent url(images/visit.png) top center no-repeat; padding-top: 70px;}
#home-bottom, #content-outer {width: 100%; position: relative; background: transparent url(images/bg-bot.jpg) 0 0 repeat; float:left; padding-top: 30px}
#home-bottom #home-bottominner {max-width: 1000px; margin: 0 auto; }
#home-bottom #tiny-carousel-slider1 {margin-bottom: 30px}
#content {max-width: 1000px; margin: 0 auto; position: relative; color:#12344d;  line-height: 20px; font-size: .9em }
#content h1 {color:#12344d; font-size: 20px; margin-bottom: 15px}
#content .post ul {list-style-type: disc; font-size: 0.9em; display:block}
#content h4 {color:#12344d; font-size: 20px; margin-bottom: 25px; margin-top: 20px; text-align: center; float:left; display:block; width: 600px}
#content .alignright {float:right; margin: 10px}
#content .alignleft {float:left; margin: 10px}
#content .post {width: 70%; padding: 20px; float:left; position: relative; border-right: 1px solid #12344d; }
#content .current-page-ancestor a {display:block}
#content .post li {float: left; width: 100%; }
#sidebar {margin-bottom: 20px}
#sidebar .menu-item .sub-menu {display:none}
#sidebar .menu-item .sub-menu li {padding-left: 20px}
#sidebar .menu-item.current_page_item .sub-menu, #sidebar .menu-item.current_page_ancestor .sub-menu {display:block; }
#sidebar .menu-item.current_page_item ul.sub-menu ul.sub-menu, #sidebar .menu-item.current_page_ancestor ul.sub-menu ul.sub-menu {display:none; }
#sidebar .menu-item.current_page_ancestor ul.sub-menu .menu-item.current_page_item ul.sub-menu, #sidebar .menu-item.current_page_ancestor ul.sub-menu .menu-item.current_page_ancestor ul.sub-menu {display: block}
#sidebar .menu-item.current_page_item .sub-menu li a {padding-left: 20px}
#sidebar {width: 250px; float:right; position: relative; }
#sidebar #menu-side {font-size: 12px; line-height:28px; margin-left: 15px; margin-bottom: 20px}
#sidebar #menu-side a {text-decoration: none; color:#12344d; display: block;  padding: 0 0 0 15px; background: transparent url(images/s-arrow.png) 0 9px no-repeat; }
#sidebar p {font-weight: bold; margin-top: 20px; margin-left: 15px; text-align: center}
#sidebar p.quote { background: transparent url(images/quote2.png) top center no-repeat; padding-top: 70px;}
#sidebar p.discuss { background: transparent url(images/discuss2.png) top center no-repeat; padding-top: 70px;}
#sidebar p a {text-transform: uppercase; font-size: 14px}
#sidebar p.visit { background: transparent url(images/vist2.png) top center no-repeat; padding-top: 70px;}
#sidebar #menu-side a:hover, #sidebar #menu-side .current_page_item a {color: #fff; background-color:#12344d }
#sidebar #menu-side .current_page_item .sub-menu a {color: #12344d; background-color:transparent}
#sidebar #menu-side .current_page_item .sub-menu a:hover {color: #fff; background-color:#12344d }
#logo-slider-wraper {float:left; position: relative; width: 100%}
.slide img {margin-right: 5px}
.footer {color:#12344d; font-size: 0.7em; text-transform: uppercase; width: 100%; float:left; position: relative}
.footer a {color:#12344d; text-decoration: none}
.ngg-description {width: 70% ; float:right}
#logos { width: 100%; float:left; position:relative; margin-bottom: 20px}
#logos a {diplay:block ; float:left}
.elite { background: transparent url(images/elite.png) top center no-repeat; width:137px; height: 66px}
.omega { background: transparent url(images/omega.png) top center no-repeat; width:227px; height: 66px}
.windsore { background: transparent url(images/windsor.png) top center no-repeat; width:189px; height: 66px }
.balu { background: transparent url(images/contour.png) top center no-repeat; width:227px; height: 66px  }
.mech { background: transparent url(images/mech.png) top center no-repeat; width:193px; height: 66px  }
.wan { background: transparent url(images/wanzlogo.png) top center no-repeat; width:120px; height: 120px }
.mb { background: transparent url(images/mb.png) top center no-repeat; width:54px; height: 66px }
.ww { background: transparent url(images/wardrobe.png) top center no-repeat; width:207px; height: 66px  }
.fb { background: transparent url(images/future.png) top center no-repeat; width:101px; height: 66px }
@media screen and (max-width : 620px) {
    #home-bottom #tiny-carousel-slider1, #sidebar p  { display:none }
    #sidebar { width: 100% }
    #homecontent #submenu {width:100%}
    #homecontent #submenu p { display: none }
    #homecontent #homecontentinner { padding: 0; width: 100%; }
    .headertable .logo a {width: 300px; height:150px; background-size: contain;}
    .headertable #menu-main { margin: 60px 0; }   
.headertable td.tmid { width: 300px; }
.ngg-galleryoverview { display:none; }
#content h4 {  width: 100%; }
#content .post { width: 100% }
.ngg-description {width: 100% ; float:right}
.headertable td.bleft {height: 150px; background: transparent url(images/profil_b2_04.jpg) top right repeat; width: 37%; text-align: right}
.headertable td.bmid {height: 150px; background: transparent url(images/profil_b2_05.jpg) 0 0 repeat; width: 100%;}
.headertable td.bright {height: 150px; background: transparent url(images/profil_b2_06.jpg) top left no-repeat; }
    }