/* Reset default browser styles */
@import url(resets/reset.css);
/* Rebuild default browser styles */
@import url(resets/rebuild.css);
/* Basic WordPress Styles */
@import url(resets/wp.css);
/* General Styles
-------------------------------------------------------------- */
/* The following section sets the basic body, H1-H5 and link styles */
html {
    height: 100%
    }
body {
    background: url(../images/uploads/body.jpg) repeat 0 0 #171717;
    padding-top: 0;
    margin-top: 0;
    height: 100%
    }
h1 {
    /* The H1 tag is used for page titles */
    font-size: 22px;
    font-family: helvetica, arial, sans-serif;
    color: #c7c7c7;
    padding-bottom: 15px;
    margin-bottom: 10px;
    border-bottom: 1px solid #E1E1E1;
    clear: none
    }
h1 a:link, .h1 a:visited {
    color: #c7c7c7
    }
h2 {
    /* The H2 tag is used for post titles */
    font-size: 22px;
    font-family: helvetica, arial, sans-serif;
    color: #509cc7;
    clear: none;
    text-transform: uppercase
    }
h2 a:link, .h2 a:visited {
    color: #509cc7
    }
h3 {
    font-size: 18px;
    font-family: helvetica, arial, sans-serif;
    color: #c7c7c7;
    clear: none
    }
h3 a:link, .h1 a:visited {
    color: #c7c7c7
    }
h4 {
    font-size: 16px;
    font-family: helvetica, arial, sans-serif;
    color: #c7c7c7;
    clear: none
    }
h4 a:link, .h4 a:visited {
    color: #c7c7c7
    }
h5 {
    font-size: 14px;
    font-family: helvetica, arial, sans-serif;
    color: #c7c7c7;
    clear: none
    }
h5 a:link, .h5 a:visited {
    color: #c7c7c7
    }
a:link, a:visited {
    /* This styles the majority of the on page links. The sidebar links can be styled seperately */
    color: #509cc7;
    text-decoration: none
    }
a:hover, a:active {
    color: #509cc7;
    text-decoration: underline
    }
.clear {
    width: 100%;
    clear: both;
    height: 1px
    }
/* General Page Styles
-------------------------------------------------------------- */
#main_container {
    min-height: 100%;
    z-index: -1;
    width: 960px;
    padding: 0 15px;
    margin: 0 auto
    }
#wrapper {
    /* This sets the width of the entire site */
    position: relative;
    width: 960px;
    margin: 0 auto;
    overflow: auto;
    padding-bottom: 400px
    }
#container {
    /* This sets the width of the main content area */
    float: left;
    margin: 0 0 15px 0;
    width: 940px;
    padding: 10px;
    background: transparent;
    border: 0 solid #828282
    }
/* Menu Styles
-------------------------------------------------------------- */
#menu_wrapper {
    /* This is the main menu container */
    width: 955px;
    margin: 30px 0 0 0;
    float: right;
    text-align: right;
    position: absolute;
    overflow: visible;
    padding-top: 22px;
    z-index: 2
    }
.menu ul, .menu ul * {
    /* This sets the width of the menu */
    list-style: none;
    margin: 0 0 0 0;
    padding: 0
    }
.menu ul {
    /* This sets the line height of the menu */
    line-height: 1
    }
.menu a {
    /* This controls the font size and position of the main menu links */
    position: relative;
    display: block;
    float: left;
    font-size: 14px
    }
.menu a:link, .menu a:visited {
    /* This sets the color and style of the main menu links */
    display: inline;
    float: none;
    text-decoration: none;
    color: #c2c2c2;
    font-family: "Allerta Stencil", serif;
    font-weight: bold;
    padding: 22px 17px 12px 17px;
    background: transparent
    }
.menu a:hover, .menu a:active, .menu .current_page_item a:link, .menu .current_page_item a:visited {
    /* This sets the color and style of the hover and active states of the main menu links */
    color: #509bc7;
    background: transparent
    }
.menu .current_page_item ul a:link, .menu .current_page_item ul a:visited {
    /* This sets the color and style of the current page item on the main menu links */
    color: #509bc7;
    background: #000
    }
.menu .current_page_item ul li a:hover, .menu .current_page_item ul li a:active {
    /* This sets the color and style of the hover and active states of the current page item on the main menu links */
    color: #509bc7;
    background: #000
    }
.menu ul li {
    /* This sets the position of the main menu items */
    position: relative;
    display: inline;
    margin: 0 0 0 0
    }
.menu ul li {
    /* This sets the position of the custom main menu items */
    position: relative;
    display: inline;
    margin: 0 -3px 0 0
    }
.menu ul li:hover {
    visibility: inherit;
    /* fixes IE7 'sticky bug' */
    }
.menu ul li ul {
    /* This sets the position of the dropdown menu */
    display: block;
    visibility: hidden;
    position: absolute;
    top: -999em;
    margin: 0 0 0 0;
    width: 10em;
    /* left offset of submenus need to match (see below) */
    border-top: 2px solid #509bc7
    }
.menu ul li:hover ul, .menu ul li ul {
    /* This sets the position and z-index of the dropdown menu */
    left: 0;
    top: 2.2em;
    /* match top ul list item height */
    z-index: 99
    }
.menu ul li ul li {
    /* This sets the size and transparency of the dropdown items */
    display: block;
    width: 100%;
    filter: alpha(opacity=90);
    opacity: 0.9;
    -moz-opacity: 0.9;
    margin: 0
    }
.menu ul li ul li a:link, .menu ul li ul li a:visited, .menu ul li.current_page_item ul li a:link, .menu ul li.current_page_item ul li a:visited {
    /* This sets the color and style of the drop down menu links */
    display: block;
    padding: 5px;
    text-align: left;
    color: #fff;
    background: #000;
    font-size: 10px;
    font-family: helvetica, arial, sans-serif;
    text-transform: uppercase
    }
.menu ul li ul li a:hover, .menu ul li ul li a:active, .menu ul li.current_page_item ul li a:hover, .menu ul li.current_page_item ul li a:active, .menu ul li ul li.current_page_item a:link, .menu ul li ul li.current_page_item a:visited {
    /* This sets the color and style of the hover, active & current states of the drop down menu links */
    color: #509cc7;
    background: #1F1F1F
    }
/* The remaining items below are essential positioning styles for the menus */
.menu ul li:hover li ul, .menu ul li li ul {
    top: -999em
    }
.menu ul li li:hover ul, .menu ul li li ul {
    left: 10em;
    /* match ul width */
    top: 0
    }
.menu ul li li:hover li ul, .menu ul li li li ul {
    top: -999em
    }
.menu ul li li li:hover ul, .menu ul li li li ul {
    left: 10em;
    /* match ul width */
    top: 0
    }
.footer_menu {
    /* This sets the z-index of the footer menu */
    z-index: 2
    }
.footer_menu ul, .footer_menu ul * {
    /* This sets the width of the footer menu */
    overflow: visible;
    z-index: 2;
    list-style: none;
    margin: 0 auto;
    padding: 0
    }
.footer_menu ul li {
    /* This sets the position of the footer menu items */
    position: relative;
    display: inline;
    margin: 0 7px 0 7px;
    font-weight: bold
    }
/* Header Styles
-------------------------------------------------------------- */
#header {
    /* This sets the color of the header */
    background: url(../images/uploads/header.jpg) bottom repeat #2e2e2e;
    width: 990px;
    position: relative;
    left: -15px;
    height: 150px;
    margin-bottom: 10px
    }
#masthead {
    /* This sets total width and position of the header */
    width: 960px;
    margin: 0 auto
    }
#branding {
    /* This sets the size and position of the logo area on the header */
    display: block;
    float: left;
    margin: 0;
    position: relative;
    width: 400px;
    z-index: 3;
    padding: 25px 0 10px 0
    }
#branding a {
    /* This sets the color and style of the wordpress title */
    text-decoration: none
    }
#branding h1 {
    /* This sets the color of the wordpress title */
    font-size: 24px;
    font-family: helvetica, arial, sans-serif;
    color: #509bc7;
    line-height: 26px;
    border: 0;
    margin-top: 15px;
    margin-bottom: 5px;
    padding: 0;
    text-align: left;
    text-transform: none
    }
#branding .description {
    /* This sets the font size and color for the description line if you are using the Wordpress title and description */
    font-size: 12px;
    font-family: helvetica, arial, sans-serif;
    color: #b5b5b5;
    margin-left: 5px
    }
/* Content Styles
-------------------------------------------------------------- */
#content {
    /* This sets the width of the page content area  */
    position: relative;
    margin: 0;
    width: 100%;
    z-index: 1
    }
#content-sm {
    /* This sets the width of the blog content area  */
    width: 68%;
    float: left;
    padding-right: 2%;
    /* IMPORTANT! Sets a small margin between the blog content and the sidebar  */
    }
#content, #content-sm {
    /* This sets the font size and style on the blog and pages  */
    color: #F1F1F1;
    font-size: 14px;
    font-family: helvetica, arial, sans-serif
    }
#content p, #content-sm p {
    /* This sets the paragraph spacing and line height  */
    line-height: 20px;
    margin-bottom: 8px
    }
.post {
    /* This sets a small margin at the bottom of posts  */
    margin: 0 0 3em 0
    }
.entry-content, .entry-summary {
    /* This sets a small margin at the top of the post content to make space between the title/meta area  */
    margin: 1.5em 0 0 0
    }
blockquote {
    /* This styles blockquotes in blog posts  */
    border-left: 2px solid #E1E1E1;
    margin-left: 25px;
    padding-left: 15px
    }
/* Post Styles
-------------------------------------------------------------- */
.navigation {
    /* This sets a small margin below the post navigation on a single post */
    margin: 0 0 1.5em 0;
    overflow: auto
    }
.size-full, .entry-content img {
    /* This sets a border around images in posts */
    border: 5px solid #e8e7e7
    }
.entry-meta, .entry-utility {
    /* This sets the font size and style on post meta. This is the date, post by and comment links below the post title. */
    color: #F1F1F1;
    font-size: 14px;
    font-family: helvetica, arial, sans-serif;
    font-style: italic;
    clear: both
    }
/* Post Comment Styles
-------------------------------------------------------------- */
.comments ol {
    /* This removes the numbers from the comment list */
    list-style: none;
    margin-top: 10px
    }
.comments li {
    /* This clears each comment block to a new line and adds a margin */
    width: 100%;
    clear: both;
    min-height: 100px
    }
.comments ul.children {
    /* This clears each comment block to a new line and adds a margin */
    list-style: none;
    margin-top: 30px
    }
.comments .comment-wrapper {
    /* This sets the style for the comment wrapper */
    display: block
    }
.comments .comment-author {
    /* This sets the style for the comment author icon */
    float: left;
    width: 15%;
    margin-right: 2%
    }
.comments .content-wrapper {
    /* This sets the style for the comment meta and content */
    float: left;
    width: 83%
    }
.comments .comment-content {
    /* This sets a small margin between the meta and comment content */
    margin-top: 5px
    }
span.unapproved {
    font-style: italic
    }
img.wp-smiley {
    /* This sets no border around smileys */
    border: none
    }
/* Sidebar Styles
-------------------------------------------------------------- */
#sidebar {
    /* This sets the size of the sidebar as well as the font size and style */
    float: right;
    width: 30%;
    background: #171717;
    text-align: center;
    color: #F1F1F1;
    font-size: 14px;
    font-family: helvetica, arial, sans-serif
    }
#sidebar a {
    /* This sets the color of the sidebar links */
    color: #6197CA
    }
#sidebar a:hover, #sidebar a:active {
    /* This sets the color and style of the hover and active states of the sidebar links */
    color: #6197CA;
    text-decoration: underline
    }
#sidebar .social-media {
    /* This sets the padding of the social media icons in the sidebar */
    text-align: left;
    padding: 10px 10px 5px 10px
    }
#sidebar .social-media img {
    /* This sets a small margin to the right of each of the social media icons */
    border: 0;
    margin-right: 5px
    }
#primary, #primary_custom {
    /* This sets the position and width of the widget area */
    float: right;
    overflow: hidden;
    width: 94%;
    padding: 3%;
    text-align: left
    }
.widget-title, .widgettitle {
    /* This sets the size and style of the sidebar titles */
    font-size: 14px;
    font-weight: bold;
    font-family: helvetica, arial, sans-serif;
    color: #FFF;
    text-transform: uppercase;
    margin-bottom: 10px;
    padding-bottom: 0
    }
.widget-container {
    /* This sets a small margin below each widget */
    margin: 0 0 1.5em 0
    }
#searchform label {
    /* This hides the search form label */
    display: none
    }
/* The following style the lists in the widgets */
.widget-area ul {
    list-style: none;
    margin-left: 0
    }
.widget-area ul ul {
    list-style: disc;
    margin-left: 1.1em
    }
.widget-area ul ul ul {
    margin-left: 2.5em
    }
/* Gallery Styles
-------------------------------------------------------------- */
.galleria-info-title {
    /*color 			: 	#F1F1F1;*/
    font-size: 14px;
    font-family: helvetica, arial, sans-serif
    }
.galleria-info-description {
    /*color 			: 	#F1F1F1;*/
    font-size: 14px;
    font-family: helvetica, arial, sans-serif
    }
.photocrati_nojava {
    width: 100%;
    text-align: center;
    margin: 0 auto
    }
.photocrati_nojava img {
    max-width: 100% !important;
    margin: 5px auto
    }
.iframe_wrapper {
    width: 100%;
    text-align: center
    }
.gallery {
    margin-bottom: 15px
    }
.gallery img {
    border: 0
    }
/* Album Styles
-------------------------------------------------------------- */
.album_wrapper {
    width: 100%;
    clear: both;
    margin-bottom: 15px
    }
.album_list .image_wrapper {
    width: 25%
    }
.album_list .image_wrapper img {
    max-width: 90%;
    max-height: 148px
    }
.album_list .meta_wrapper {
    width: 75%
    }
/* E-Commerce Gallery Styles
-------------------------------------------------------------- */
.ecommerce_wrapper {
    width: 100%;
    height: auto;
    position: relative;
    margin-bottom: 10px;
    clear: both
    }
.ecommerce {
    float: left;
    text-align: center
    }
.ecommerce .meta_wrapper .quantity {
    width: 40%;
    float: left
    }
.ecommerce .meta_wrapper .quantity input {
    padding: 3px;
    border: 1px solid #999;
    font-size: 11px
    }
.addto {
    width: 100%;
    float: right;
    text-align: right
    }
.addto a, a.iframe {
    text-decoration: none
    }
.addto button, button.addto, button#addto, button#addto2, button#addto3 {
    display: block;
    width: auto;
    overflow: visible;
    float: right;
    margin: 2px 0 0 0;
    background: #CCC url(../images/button-overlay.png) repeat-x;
    border: 1px solid #999;
    font-family: "Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
    font-size: 11px;
    line-height: 130%;
    text-decoration: none;
    font-weight: bold;
    color: #333;
    cursor: pointer;
    padding: 3px 5px;
    /* Links */
    -moz-border-radius: 8px;
    border-radius: 8px
    }
button#addto2 {
    padding: 5px 5px 5px 22px;
    /* Links */
    }
.addto button img, button#addto2 img {
    border: 0;
    clear: none;
    position: absolute;
    margin-left: -17px
    }
.addto img {
    margin: 0 3px -1px 0 !important;
    padding: 0;
    border: none;
    cursor: pointer
    }
/* E-Commerce Add to Cart Window
-------------------------------------------------------------- */
#cart_wrapper {
    width: 98%
    }
.cart_header {
    width: 100%;
    padding: 3px 6px;
    background: #F1F1F1;
    color: #333;
    font-size: 13px;
    border: 1px solid #CCC;
    border-left: 0;
    border-right: 0
    }
.cart_image {
    width: 30%;
    float: left
    }
.cart_image img {
    max-width: 173px;
    border: 1px solid #CCC
    }
.cart_data {
    width: 70%;
    float: left;
    font-size: 13px
    }
.cart_qty, .cart_desc, .cart_amt, .cart_line {
    float: left;
    margin: 2px 0;
    height: 30px;
    font-size: 12px
    }
.cart_qty {
    width: 15%
    }
.cart_qty input {
    width: 35px;
    padding: 2px;
    border: 1px solid #CCC;
    font-size: 12px
    }
.cart_desc {
    width: 49%;
    padding-top: 5px
    }
.cart_amt {
    width: 18%;
    padding-top: 5px
    }
.cart_line {
    width: 18%;
    padding-top: 2px
    }
.cart_line input {
    width: 55px;
    border: 0;
    padding: 0;
    font-size: 12px
    }
.cart_clear {
    border-bottom: 1px solid #CCC;
    margin-bottom: 6px
    }
.cart_total {
    width: 82%;
    font-weight: bold;
    float: left;
    padding-top: 3px;
    font-size: 12px
    }
.cart_total_amount {
    width: 18%;
    float: left;
    font-size: 12px
    }
.cart_total_amount input {
    width: 55px;
    border: 0;
    padding: 0;
    font-size: 12px
    }
.titles {
    height: 22px;
    padding-top: 5px;
    color: #333;
    background: #F1F1F1;
    border: 1px solid #CCC;
    border-left: 0;
    border-right: 0
    }
.buttons_clear {
    height: 20px
    }
.widget_wrapper {
    width: 100%;
    height: 28px;
    clear: both;
    position: relative;
    top: -5px
    }
#cart_widget {
    float: right;
    font-size: 12px
    }
#cart_widget p {
    margin: 2px 5px 0 0
    }
/* E-Commerce Shopping Cart Page
-------------------------------------------------------------- */
#shopping_cart_wrapper {
    width: 100%;
    margin: 5px auto
    }
#shopping_cart_wrapper .buttons {
    width: 100%;
    text-align: right;
    margin: 0 auto;
    padding-bottom: 25px
    }
#shopping_cart_wrapper .cart_contents {
    width: 100%;
    clear: both;
    margin: 10px 0
    }
#shopping_cart_wrapper .item_wrapper {
    width: 100%;
    clear: both;
    margin: 5px 0;
    padding: 5px 0 10px 0;
    border-bottom: 1px dashed #CCC;
    height: auto;
    overflow: auto
    }
#shopping_cart_wrapper .cart_contents .cart_image {
    width: 25%;
    float: left
    }
#shopping_cart_wrapper .cart_contents .cart_image img {
    max-height: 148px;
    border: 1px solid #CCC
    }
#shopping_cart_wrapper .cart_contents .cart_items {
    width: 75%;
    float: left
    }
#shopping_cart_wrapper .cart_contents .cart_qty, #shopping_cart_wrapper .cart_contents .cart_desc, #shopping_cart_wrapper .cart_contents .cart_amt, #shopping_cart_wrapper .cart_contents .cart_line {
    height: 25px;
    font-size: 13px
    }
#shopping_cart_wrapper .cart_contents .cart_qty {
    width: 8%;
    padding-top: 0
    }
#shopping_cart_wrapper .cart_contents .cart_desc {
    width: 70%;
    padding-top: 0
    }
#shopping_cart_wrapper .cart_contents .cart_amt {
    width: 11%;
    padding-top: 0
    }
#shopping_cart_wrapper .cart_contents .cart_line {
    width: 11%;
    padding-top: 0;
    font-weight: bold;
    text-align: right
    }
#shopping_cart_wrapper .cart_contents .titles {
    height: 20px;
    padding-top: 2px
    }
#shopping_cart_wrapper .cart_total_wrapper {
    width: 260px;
    padding: 10px;
    float: right;
    clear: both;
    border: 1px solid #CCC;
    background: #F1F1F1;
    color: #333
    }
#shopping_cart_wrapper .cart_total_wrapper .cart_total {
    width: 58%;
    font-weight: bold;
    float: left;
    padding-top: 3px;
    font-size: 13px;
    text-align: right
    }
#shopping_cart_wrapper .cart_total_wrapper .cart_total_amount {
    width: 42%;
    float: left;
    font-size: 13px;
    font-weight: bold;
    text-align: right
    }
#shopping_cart_wrapper .cart_total_wrapper .cart_total_amount input {
    width: 60px;
    border: 0;
    padding: 0;
    font-size: 13px;
    text-align: right;
    font-weight: bold;
    color: #333;
    background: #F1F1F1
    }
.checkout_fields {
    display: none;
    width: 100%;
    clear: both;
    padding: 10px 0;
    text-align: center
    }
.checkout_fields .checkout_wrapper {
    width: 65%;
    min-height: 300px;
    clear: both;
    margin: 0 auto;
    padding: 15px;
    text-align: left
    }
.checkout_fields .checkout_wrapper .lable {
    width: 30%;
    float: left;
    font-weight: bold;
    margin-bottom: 10px
    }
.checkout_fields .checkout_wrapper .field {
    width: 70%;
    float: left;
    text-align: right;
    margin-bottom: 10px
    }
.checkout_fields .checkout_wrapper .field input {
    width: 350px
    }
.checkout_fields .checkout_wrapper .field input, .checkout_fields .checkout_wrapper .field select {
    padding: 3px;
    border: 1px solid #CCC;
    font-size: 13px
    }
.checkout_footer {
    width: 100%;
    clear: both;
    padding: 0 0 15px 0;
    font-size: 12px;
    text-align: justify
    }
.checkout_image {
    width: 100%;
    clear: both;
    padding: 10px 0 0 0;
    text-align: right
    }
/* Footer Wrapper
-------------------------------------------------------------- */
.footer_wrapper {
    /* This sets the size and font styles of the footer area */
    clear: both;
    width: 990px;
    margin: 0 auto;
    text-align: center;
    padding: 5px 0 5px 0;
    background: #3b3b3b;
    margin-top: -400px;
    height: 400px;
    clear: both;
    z-index: 2;
    position: relative
    }
/* Footer Widget Styles
-------------------------------------------------------------- */
.footer-widget-area {
    /* This is the footer widget wrapper */
    display: inline-block;
    background: none;
    width: 980px;
    min-height: 50px;
    color: #F1F1F1;
    font-size: 12px;
    font-family: helvetica, arial, sans-serif;
    margin: 0 auto
    }
.footer-widget-container {
    /* This is the footer widget container */
    display: inline-block;
    background: none;
    height: auto;
    float: left;
    padding: 10px;
    text-align: left;
    margin-bottom: 5px
    }
.footer-widget-container .widget-title {
    /* This sets the style of the footer widget titles */
    font-size: 16px;
    font-family: helvetica, arial, sans-serif;
    color: #509cc7
    }
.footer-widget-container a {
    /* This sets the color of the footer widget links */
    color: #e8e8e8
    }
.footer-widget-container a:hover, .footer-widget-container a:active {
    /* This sets the color and style of the hover and active states of the footer widget links */
    color: #509cc7;
    text-decoration: none
    }
/* Footer Style
-------------------------------------------------------------- */
#footer {
    /* This sets the size and font styles of the footer area */
    clear: both;
    width: 960px;
    text-align: right;
    margin: 15px auto 15px auto;
    padding-top: 5px;
    border-top: 1px solid #e8e7e7;
    color: #F1F1F1;
    font-size: 12px;
    font-family: helvetica, arial, sans-serif
    }
#footer a {
    /* This sets the color of the footer links */
    color: #e8e8e8
    }
#footer a:hover, #footer a:active {
    /* This sets the color and style of the hover and active states of the footer links */
    color: #509cc7;
    text-decoration: none
    }
#footer #site-info {
    clear: both;
    margin: 5px 7px 0 7px
    }
#footer #site-info p {
    z-index: 3
    }
/* Custom CSS Code
-------------------------------------------------------------- */
p {
    margin-bottom: 0.5em
    }
h1 {
    border-bottom: 0
    }
.entry-content img {
    border: 1px solid grey
    }
#footer {
    border-top: 0
    }
.meta-prep-author, .author, .cat-links {
    display: yes
    }
.touchcarousel {
    margin: 0 auto
    }
.stepcarousel .belt {
    position: absolute;
    /*leave this value alone*/
    left: 0;
    top: 0
    }
.stepcarousel .panel {
    float: left;
    /*leave this value alone*/
    overflow: hidden;
    /*clip content that go outside dimensions of holding panel DIV*/
    margin: 15px;
    /*margin around each panel*/
    width: 250px;
    /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
    }