/*
Theme Name: Pioneer Dock Systems
Theme URI: 
Description: Theme designed for the Pioneer Dock Systems by JLB Works.
Version: 1.0
Author: JLB Works
Tags: 
*/


/* Main Document */
/* ------------------------------------- */

body {font-family: verdana, tahoma, sans-serif; color: #fff; background: #000 url('images/bg-2.jpg') no-repeat top center;}


/* Text Styles */
/* ------------------------------------- */

h1 {margin: 0;}
h2 {margin: 0 0 0 235px; padding: 8px 14px; height: 29px; font-weight: bold; font-size: 1.8em; color: #fff; text-shadow: 0 0 5px #3b1a00; background: url('images/bg-header.png') no-repeat top right;}
h3 {margin: 0 0 0 0; padding: 0; font-weight: bold; font-size: 2em; color: #000;}
h4 {margin: 0 0 5px 0; padding: 0; font-weight: bold; font-size: 2em; color: #333;}
h4.purple {margin: 0 0 5px 0; padding: 0; font-weight: bold; font-size: 2em; color: #d6b2d8;}
h4.blue {margin: 0 0 5px 0; padding: 0; font-weight: bold; font-size: 2em; color: #599fff;}
h4.yellow {margin: 0 0 5px 0; padding: 0; font-weight: bold; font-size: 2em; color: #d1d187;}
h4.black {margin: 10px 0 5px 0; padding: 0; font-weight: bold; font-size: 1.5em; color: #000;}

p {margin: 0 0 1em; font-size: 1.2em;}

ol, ul {margin: 0 0 1em;}

li {list-style: none;}

a {color: #a63c00; text-decoration: none; outline: 0;}
a:hover {color: #de8755; text-decoration: underline;}

strong {}


/* Container Styles */
/* ------------------------------------- */

.container {width: 900px;}


/* Header Styles */
/* ------------------------------------- */

#header {position: relative; height: 136px;}

#header h1 {position: absolute; top: 35px; left: 35px; height: 81px; width: 186px; font-size: 1em; text-indent: -9999px;}
#header h1 a {display: block; height: 100%; width: 100%; background: url('images/logo.png') no-repeat;}

#header strong {position: absolute; top: 108px; right: 14px; height: 20px; width: 331px; font-size: 1em; text-indent: -9999px; background: url('images/tagline.png') no-repeat;}


/* Navigation Styles */
/* ------------------------------------- */

#nav * {z-index: 99;}

#nav {height: 47px; background: url('images/bg-nav.png') repeat-x;}

#nav ul {margin: 0; padding: 0; list-style: none; text-align: center;}
#nav ul li {position: relative; float: left;}
#nav ul li a {display: block; width: 120px; padding: 13px 4.2px; font-family: arial, helvetica, sans-serif; font-weight: bold; font-size: 1.23em; color: #fff; text-transform: uppercase; text-decoration: none; text-align: center; text-shadow: 0 0 5px #3b1a00; background: url('images/bg-nav-line.png') top left no-repeat;}
#nav ul li.page-item-4 a {background: none;}
#nav ul li:hover>a {text-shadow: none; background: url('images/bg-nav-over.png') repeat-x center center;}

#nav ul li.hover ul {display: block;}

#nav ul li ul {display: none; position: absolute; padding: 0 4.2px; width: inherit; background: #95501d url('images/bg-nav-drop.png') repeat-x;}
#nav ul li ul li {float: none; background: none;}
#nav ul li ul li a {padding: 7px 0; color: #4c2100; text-shadow: none; background: none;}
#nav ul li ul li a:hover {color: #fff; background: none;}


/* Content Styles */
/* ------------------------------------- */

#content {padding: 15px; overflow: hidden; background: #a63c00 url('images/bg-content-01.png') repeat-x;}
#content a {color: #a63c00; text-decoration: underline; outline: 0; font-family: verdana, tahoma, sans-serif; font-size: 1em;}
#content a:hover {color: #de8755; text-decoration: none;}
#content .storycontent li {list-style: circle; font-family: verdana, tahoma, sans-serif; font-size: 1.2em;}

/* Sidebar Styles */
/* ------------------------------------- */

#sidebar {float: left; width: 220px;}

#sidebar .module {background: #fff; margin-bottom: 16px;}
#sidebar .module h2 {margin: 0; padding: 8px 14px; height: 29px; font-weight: bold; font-size: 1.8em; color: #fff; text-shadow: 0 0 5px #3b1a00; background: url('images/bg-header.png') no-repeat top right;}
#sidebar .module ul {margin: 0; padding: 14px; list-style: none; overflow: hidden;}
#sidebar .module ul li {margin: 0; font-size: 1em; color: #000;}
#sidebar .module ul li strong {font-size: 1.2em;}
#sidebar .module ul li a {font-size: 1.4em;}
#sidebar .module ul img {float: left; margin-right: 10px; border: 1px solid #aeacac;}



/* Main Styles */
/* ------------------------------------- */

#main {float: right; padding: 15px; width: 605px; color: #000; background: #fff;}


/* Product Slider Styles */
/* ------------------------------------- */

#product-slider {margin: -15px; height: 487px; overflow: hidden; background: url('images/home-main-bg.png') repeat-x;}

#product-slider-main {position: relative; float: left; height: 385px; width: 348px;}
#product-slider-main img {position: absolute; top: 0; left: 0; z-index: 1;}

#product-slider-detail {position: relative; float: right; height: 385px; width: 287px; background: url('images/home-detail-bg.png') no-repeat;}
#product-slider-detail div {position: absolute; top: 0; left: 0; padding: 15px 30px 0 50px;}
#product-slider-detail p {margin-bottom: 1em; color: #444;}
#product-slider-detail h3 {margin: 0 0 .3em 0; font-size: 2em; line-height: 1.2em; font-weight: bold; color: #333;}
#product-slider-detail ul {margin: 0 0 .75em; padding-left: 14px;}
#product-slider-detail ul li {margin-bottom: .2em; font-size: 1.1em; color: #444; list-style: disc;}
#product-slider-detail a {font-style: italic; font-weight: bold; font-size: 1.2em; color: #333; text-decoration: none;}

#product-slider-slides {margin-top: 385px; background: #f1c19b;}
#product-slider-slides img {cursor: pointer; border-left: 1px solid #fff; border-right: 1px solid #d6d6d6;}
#product-slider-slides img.first {border-left: none;}
#product-slider-slides img.last {border-right: none;}


/* News Styles */
/* ------------------------------------- */

.post {margin-bottom: 1em; padding-bottom: 1em; border-bottom: 1px dotted #ccc;}

h3.meta-title a {font-weight: bold; font-size: 1.2em; color: #a63c00; text-decoration: none;}
h3.meta-title a:hover {color: #de8755;}

div.meta-author-cat-date {margin-bottom: 1em; font-weight: bold; color: #444;}


/* Products Styles */
/* ------------------------------------- */

.product-item {overflow: hidden;}
.product-item h4 {margin: 0 0 0.2em 0; font-weight: bold; font-size: 2em; text-transform: uppercase;}


/* Footer Styles */
/* ------------------------------------- */

#footer {margin-top: 15px; float: right; width: 635px; height: 64px; background: url('images/bg-footer.png') no-repeat;}

#footer #footer-left {float: left; width: 367px; line-height: 2.2em;}
#footer #footer-right {margin-left: 377px; text-align: center;}

#footer p {padding: 8px 0; font-size: 1.4em; color: #fff; text-align: center;}
#footer p strong {font-size: 1.3em;}

.alignleft {float: left; padding: 0 3em 1em 0;}
.alignright {float: right; padding: 0 1em 1em 0;}


.img-left {float: left; padding: 0 1em 1em 0;}
.img-right {float: right; padding: 0 0 1em 1em;}