/*   
Theme Name: Drawcom
Theme URI: http://www.moonshine.com.au
Description: Drawcom
Author: Moonshine
Author URI: http://www.moonshine.com.au
Version: 1.2
*/

/* Font */
@font-face {
    font-family: 'Drawcom';
    src: url('inc/winddoom-webfont.eot');
    src: url('inc/winddoom-webfont.eot?#iefix') format('embedded-opentype'),
         url('inc/winddoom-webfont.woff') format('woff'),
         url('inc/winddoom-webfont.ttf') format('truetype'),
         url('inc/winddoom-webfont.svg#WindDoomsdayMediumRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* Reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline;}

/* Typography */
body {background:#222426 url(img/bodybg.png); font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif; color: #fff; font-size: 80%}
a, a:link, a:visited, a:active {color:#555f66; text-decoration: none}
a:hover {color:#028a9b}

.excerpt a {color: #555f66 !important;}
.excerpt p {padding: 0 0 10px 0;}
.excerpt {margin-left:175px;}

.cuslogos img {border: 0 !important; padding: 0 !important;}
.cuslogos {width: 880px;}

/* Selectors */
.clear {clear: both;}
#wrap {width: 960px; margin: auto auto;}
strong {font-weight: bold}
em {font-style: italic}
#content img {border: 3px solid #fff;}
.alignleft {float: left; text-align: left; margin: 0 30px 10px 0}
.alignright {float: right; text-align: right; margin: 0 0 10px 30px}
#content h3.white {color: #fff !important;}
#content .project1 {margin-top: 40px;}
#content .project2 {padding-bottom: 20px}

/* Header */
#header {margin: 30px 0 30px 0}
#header h1 a {background: transparent url(img/logo.png); display: block; height: 81px; width: 220px; text-indent: -9999px; float: left}
#header h2.description {display: none}

/* Nav */
#header .nav {display: block; float: right; margin: 34px auto auto auto; width: 720px; height: 28px;}
#header .nav ul, div.menu ul {list-style: none; margin: 0; padding: 0; float: right;}
#header .nav li, div.menu li {float: left; position: relative;}
#header .nav li, div.menu li {float: left; position: relative;}
#header .nav ul ul {display: none; position: absolute; top: 28px; left: 0; float: left; width: 180px; z-index: 99999;}
#header .nav a {color: #fff; background: #028a9b; display: block; line-height: 28px; margin:0 0 0 12px; padding: 0 10px; text-decoration: none; font-weight: normal; font-family:'Drawcom'; font-size: 14px}
#header .nav ul li:hover > ul {display: block;}
#header .nav li:hover > a, .nav ul ul :hover > a {background: #555f66; color: #fff;}
#header .nav ul ul a {background: #788085; line-height: 1em; padding:10px 10px 10px 5px; width: 160px; height: auto; border-bottom: 1px  solid #656b70;}
#header .nav ul li.current_page_item > a, .nav ul li.current-menu-ancestor > a, .nav ul li.current-menu-item > a, .nav ul li.current-menu-parent > a {color: #fff; background: #555f66;}

#header .nav ul li.current_page_parent > a {color: #fff; background: #555f66;}

/* Content */
#content {background: transparent url(img/black30.png); border: 1px solid #999; padding: 40px; -webkit-box-shadow: 0px 3px 11px rgba(0, 0, 0, 0.75); -moz-box-shadow: 0px 3px 11px rgba(0, 0, 0, 0.75); box-shadow: 0px 3px 11px rgba(0, 0, 0, 0.75); margin: 30px 0 10px 0;}
#content h2 {font-size: 32px; color: #028a9b; margin: 0 0 20px 0; font-family:'Drawcom';}
#content h2.page-title {border-bottom: 1px solid #fff;}
#content h2.cat-title {border-bottom: 1px solid #fff;}
#content h3.post-title {font-size: 18px; font-weight: bold;}
#content h3 {font-size: 26px; font-weight: bold; font-family: 'Drawcom'; color: #028a9b}
#content p {margin: 10px 0 20px 0;}
#content .left h3.selectmore {font-size: 17px; color: #fff}
#content ul {list-style:inside}
#content .pullquote {border-left: 3px solid #fff; padding:10px 20px 10px; float: right; width: 200px; font-family: 'Drawcom'; font-size: 24px; line-height:30px; margin:30px 0 0 0 0;}
#content .left2 {float: left; width: 600px;}
#content .jumpmenu {width: 450px; height: 20px; float: right; margin: -50px 0 0 0; text-align: right}
#content .jumpmenu ul {list-style: none; float: right;}
#content .jumpmenu ul li {float: left ; margin: 0 0 0 5px;}
#content .jumpmenu ul li a {color:#028a9b;}
#content .jumpmenu ul li a:hover, #content .jumpmenu ul li.current_page_item a {color:#999;}

/* Product Post Listing */
#content .post-preview {margin: 10px 0 40px 0;}
#content .post-preview .thumbnail {margin: 5px 20px 0 0;}
#content .post-preview .thumbnail a {display: block; height: 120px; width: 150px; border: 0;}
#content .post-preview h3 a {margin: 0 0 4px 0 !important; color: #028a9b; font-size: 14px; padding: 0}
#content .post-preview p {margin: 0;}
#content .post-preview p a {color:#fff;}
#content .post-preview p a:hover {color:#028a9b;}
#content img.caticonLarge {background: transparent; float: right; margin: -55px 5px 20px 0; border: none;}
#content .catIcon img {border: none}

#content span.contactsymbol {font-family: 'Drawcom'; font-size: 18px; width: 50px; color:#028a9b}
#content span.contactnumber {width: 120px;  margin: 0 0 0 5px;}

#columns h3 {font-family: 'Drawcom'; font-size: 20px; color: #028a9b; margin: 0 0 5px 0;}
#columns p {margin: 0 0 10px 0;}
#columns ul {list-style: inside; margin: 0 0 10px 0;}

#columns a.morebutton {background: #555f66; padding: 5px; font-family: 'Drawcom'; font-size: 14px; color: #fff; margin: 10px 0 0 0;}
#columns a:hover.morebutton {background: #028a9b; color: #fff;}

.column1 {float: left; width: 300px; margin: 20px 0 20px 0;}
.column2 {float: left; width: 300px; margin: 20px 30px 20px 30px}
.column3 {float: left; width: 300px; margin: 20px 0 20px 0;}

#contentbox img {border: 0; margin: 10px 0 0 0; text-align: center}
#contentbox {background: transparent url(img/black30.png); border: 1px solid #999; padding: 20px 10px 10px 30px; -webkit-box-shadow: 0px 3px 11px rgba(0, 0, 0, 0.75); -moz-box-shadow: 0px 3px 11px rgba(0, 0, 0, 0.75); box-shadow: 0px 3px 11px rgba(0, 0, 0, 0.75); margin: 10px 0 10px 0;}
#contentbox h3 {color: #fff; font-size: 25px;}

#slider {border: 1px solid #fff; height: 400px; background: #000; width:960px;}

/* Cat select page */
#content.cat {}
#content.cat h3 {font-size: 23px !important; font-family:'Drawcom';}
#content .catIcon a {display:block; width:180px; height:180px; font-size: 20px !important; text-align: center; font-family:'Drawcom'; color: #fff; float: left; margin: 20px 55px 50px 55px;}
#content .catIcon a:hover {color: #028a9b;}

/* Product Post */
#content.post .left {width:590px; float: left}
#content.post .right {width:266px; float: right;}
#content .thumbnail {background: #555f66 url(img/thumbnail.png); border: 3px solid #fff; padding: 0; height: 120px; width: 150px; float: left; margin: 12px 20px 10px 0}
#content .thumbnail img {border: 0}
#content #specs h3 {font-size: 24px; color: #028a9b; font-family:'Drawcom'; margin: 0 0 10px 0;}
#specs table {font-size:11px;color:#fff;border-width: 1px;border-color: #fff; border-collapse: collapse; width: 100%}
#specs table th {border-width: 1px;padding: 8px;border-style: solid;border-color: #fff;background-color: #000;}
#specs table td {border-width: 1px;padding: 8px;border-style: solid;border-color: #fff;background-color: #555f66;}

/* Sidebar */
#content .widget_categories {background:#000; padding: 20px; width: 185px; float: right;}
#content .widget_categories h2 {font-size: 16px;}
#content .widget_categories ul {list-style: none; margin: 0; padding: 0; font-size: 15px}
#content .widget_categories ul li a {color: #fff;}
#content .widget_categories ul li a:hover {color: #454545;}
#content .widget_categories ul li {color: #454545; padding: 0 0 10px 0}

/* Footer */
#footer {}
#footer .logo {width:107px; height: 40px; text-indent: -9999px; background: transparent url(img/logo-sml.png); float: left; margin: 20px 0 10px 0;}
#footer .social {width: 225px; height: 20px; float: right; margin: 40px 0 10px 0;}
#footer .social a.twitter {background: transparent url(img/twitter.png); display: block; float: left; text-indent: -9999px; width: 112px; height: 20px;}
#footer .social a.facebook {background: transparent url(img/facebook.png); display: block; float: right; text-indent: -9999px; width: 102px; height: 20px;}
#footer .copyright {clear: both; text-align: right; font-size: 12px; color: #999; border-top: 1px solid #fff; padding: 5px 0 30px 0;}