/* 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 : 0 0px #ffffff;
padding-top : 0;
margin-top : 0;
height : 100%;
}
h1 { /* The H1 tag is used for page titles */
font-size : 14px;
font-family : helvetica, arial, sans-serif;
color : #333333;
padding-bottom : 0px;
margin-bottom : 0px;
clear : none;
font-weight : bold;
}
h1 a:link, .h1 a:visited {
color : #333333;
}
h2 { /* The H2 tag is used for post titles */
font-size : 20px;
font-family : helvetica, arial, sans-serif;
color : #333333;
clear : none;
}
h2 a:link, .h2 a:visited {
color : #333333;
}
h3 {
font-size : 18px;
font-family : helvetica, arial, sans-serif;
color : #333333;
clear : none;
}
h3 a:link, .h1 a:visited {
color : #333333;
}
h4 {
font-size : 18px;
font-family : helvetica, arial, sans-serif;
color : #333333;
clear : none;
}
h4 a:link, .h4 a:visited {
color : #333333;
}
h5 {
font-size : 18px;
font-family : helvetica, arial, sans-serif;
color : #333333;
clear : none;
}
h5 a:link, .h5 a:visited {
color : #333333;
}
a:link,a:visited { /* This styles the majority of the on page links. The sidebar links can be styled seperately */
color : #000000;
text-decoration : none;
}
a:hover,a:active {
color : #b5b5b5;
text-decoration : none;
}
.clear {
width : 100%;
clear : both;
height : 1px;
}
/* General Page Styles
-------------------------------------------------------------- */
#main_container {
min-height : 100%;
z-index : -1;
}
#wrapper { /* This sets the width of the entire site */
position : relative;
width : 960px;
margin : 0 auto;
overflow : auto;
padding-bottom : 100px;
}
#container { /* This sets the width of the main content area */
float : left;
margin : 0 0 15px 0;
width : 940px;
padding : 10px;
background : #FFFFFF;
border : 0px solid #666666;
}
/* Menu Styles
-------------------------------------------------------------- */
#menu_wrapper { /* This is the main menu container */
width : 100%;
margin : 0 0 1.5em 0;
clear : both;
text-align : center;
position : absolute;
left : 0;
top : 70px;;
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.0;
}
.menu a { /* This controls the font size and position of the main menu links */
position : relative;
display : block;
float : left;
font-size : 12px;
}
.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 : #666666;
font-family : helvetica, arial, sans-serif;
font-weight : bold;
padding : 22px 17px 12px 17px;
background : #FFFFFF;
}
.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 : #000000;
background : #ffffff;
}
.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 : #000000;
background : #ffffff;
}
.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 : #000000;
background : #ffffff;
}
.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 #000000;
}
.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.90;
-moz-opacity : 0.90;
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 : #595959;
background : #E8E8EA;
font-size : 12px;
font-family : helvetica, arial, sans-serif;
text-transform : none;
}
.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 : #000000;
background : #d1d1d1;
}
/* 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 : #ffffff;
width : 100%;
height : 120px;
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;
width : 100%;
text-align : center;
margin : 0 0 5px 0;
padding : 10px 0 20px 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 : 30px;
font-family : 'Josefin Slab', serif;
color : #b2d3b1;
line-height : 32px;
border : 0;
margin-top : 15px;
margin-bottom : 5px;
padding : 0;
text-align : center;
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 : 16px;
font-family : 'Josefin Slab', serif;
color : #999999;
}
/* 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 : 78%;
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 : #333333;
font-size : 12px;
font-family : helvetica, arial, sans-serif;
}
#content p, #content-sm p { /* This sets the paragraph spacing and line height */
line-height : 20px;
margin-bottom : 10px;
}
.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 : #333333;
font-size : 12px;
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 : 20%;
background : transparent;
text-align : center;
color : #545454;
font-size : 12px;
font-family : helvetica, arial, sans-serif;
}
#sidebar a { /* This sets the color of the sidebar links */
color : #000000;
}
#sidebar a:hover,
#sidebar a:active { /* This sets the color and style of the hover and active states of the sidebar links */
color : #333333;
text-decoration : none;
}
#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 : 15px;
font-weight : bold;
font-family : helvetica, arial, sans-serif;
color : #545454;
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-text {
}
.galleria-info-title {
/*color : #333333;*/
font-size : 12px;
font-family : helvetica, arial, sans-serif;
}
.galleria-info-description {
/*color : #333333;*/
font-size : 12px;
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 : 0px;
}
/* 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 : #CCCCCC url(../images/button-overlay.png) repeat-x;
border : 1px solid #999999;
font-family : "Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
font-size : 11px;
line-height : 130%;
text-decoration : none;
font-weight : bold;
color : #333333;
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 : #333333;
font-size : 13px;
border : 1px solid #CCCCCC;
border-left : 0;
border-right : 0;
}
.cart_image {
width : 30%;
float : left;
}
.cart_image img {
max-width : 173px;
border : 1px solid #CCCCCC;
}
.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 #CCCCCC;
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 #CCCCCC;
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 : #333333;
background : #F1F1F1;
border : 1px solid #CCCCCC;
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 #CCCCCC;
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 #CCCCCC;
}
#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 #CCCCCC;
background : #F1F1F1;
color : #333333;
}
#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 : #333333;
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 #CCCCCC;
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 : 100%;
text-align : center;
padding : 5px 0 5px 0;
background : #ffffff;
margin-top : -100px;
height : 100px;
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 : #333333;
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 : 12px;
font-family : helvetica, arial, sans-serif;
color : #000000;
}
.footer-widget-container a { /* This sets the color of the footer widget links */
color : #000000;
}
.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 : #666666;
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 : #333333;
font-size : 12px;
font-family : helvetica, arial, sans-serif;
}
#footer a { /* This sets the color of the footer links */
color : #000000;
}
#footer a:hover,
#footer a:active { /* This sets the color and style of the hover and active states of the footer links */
color : #666666;
text-decoration : none;
}
#footer #site-info {
clear : both;
margin : 5px 7px 0 7px;
}
#footer #site-info p {
z-index : 3;
}
/* Custom CSS Code
-------------------------------------------------------------- */
#h1 {
text-align: left;
margin: 0px;
padding: 0px;
}
#footer {
border-top:0 solid #E8E7E7;
font: arial;
text-align: left;
padding: 10px
}
h3.widget-title {
text-align : left;
font-size : 18px;
color : #000;
font-weight : normal;
text-transform : none;
}
#sidebar ul {list-style: none; padding: 0; margin: 0;}
#sidebar a { /* This sets the color of the sidebar links */
color : #333333;
}
#sidebar a:hover {
color : #000000;
}
.addtoany_share_save_container { text-align:left; }
div.promo_slider .panel { background: none; }
.promo_slider img { border: none; }
#form-allowed-tags {
display:none;
}
.widget-title { text-align: center; }
.entry-content img {
border: none;
}
.textwidget img {
border: none;
}
//.entry-meta {display:none;}
.post {
width:665px;
}
.post img {
margin-top: 0px
margin-bottom: 0px;
}