/*
Theme Name: Natural Fayre
Theme URI: http://www.naturalfayre.com/
Description: Designed exclusively for Natural Fayre.
Version: v1.0
Author: Adrian Burns

Except where indicated otherwise, the CSS, XHTML, PHP and design is licenced exclusively to NaturalFayre.com
and must not be modified, reproduced or used in any form without the express permission of the owner/author.
*/




/* -------------------- LAYOUT -------------------- */

body {
font-size: 74%;
font-family: Verdana, Geneva, sans-serif;
font-weight: normal;
background: #eee url('images/bg-body.png') repeat-y top center;
color: #4c4c4c;
text-align: center;
margin: 0;
line-height: 17px;
}

#page-container {
width: 961px;
margin: 0 auto;
padding: 0 0 20px 0;
overflow: hidden;
background-color: #fff;
}

#page {
width: 960px;
margin: 0;
padding: 0;
overflow: hidden;
font-size: 1em;
text-align: left;
font-weight: normal;
}

#header {
position: relative;
width: 958px;
height: 139px;
padding: 0;
margin: 0 auto 1px 0;
overflow: hidden;
background: #e5f5cf url('images/bg-header.png') repeat-x top left;
border-left: 1px solid #c2dd9d;
border-right: 1px solid #c2dd9d;
}

#header-login {
position: absolute;
top: 0;
right: 1px;
overflow: hidden;
width: auto;
height: 39px;
margin: 0;
padding: 0;
font-size: 0.9em;
color: #fff;
}

#nav-container {
float: left;
overflow: hidden;
width: 960px;
margin: 0 0 1px 0 !important;
padding: 0;
background: #595959 url('images/bg-main-menu.png') no-repeat top left;
}

#ie6-advice-info {
float: left;
overflow: hidden;
width: 928px;
height: auto;
margin: 20px 0 1px 0;
padding: 15px 15px 17px 15px;
font-size: 0.9em;
text-align: left;
font-weight: normal;
background-color: #fff0f0;
border: 1px solid #cd0000;
}

#no-print-notice {
display: none;
}

#content-narrow {
float: left;
overflow: hidden;
width: 480px;
height: auto;
margin: 20px 0 0 20px;
padding: 0;
}

#content-wide {
float: left;
overflow: hidden;
width: 720px;
height: auto;
margin: 20px 0 0 20px;
padding: 0;
}

#sidebar-left {
float: left;
overflow: hidden;
width: 220px;
margin: 20px 0 0 0;
padding: 0;
}

#sidebar-right {
float: right;
overflow: hidden;
width: 220px;
margin: 20px 0 0 0;
padding: 0;
}

#footer {
width: 960px;
height: 153px;
float: none;
overflow: hidden;
margin: 0 auto ;
padding: 15px 0 0 0;
clear: both;
background: url('images/bg-footer.png') no-repeat top left;
font-size: 0.9em;
}

#credits {
width: 960px;
height: 37px;
float: none;
overflow: hidden;
margin: 35px auto 0 auto;
padding: 0;
clear: both;
font-size: 0.9em;
text-align: center;
color: #a1a1a1;
}




/* -------------------- HEADER LOG-IN BUTTONS -------------------- */

.header-login-orange, .header-login-green {
float: left;
overflow: hidden;
width: auto;
height: 36px;
margin: 0 10px 0 0;
padding: 0;
}

.header-login-orange-end, .header-login-green-end {
float: left;
overflow: hidden;
width: 15px;
height: 36px;
margin: 0;
padding: 0;
}

.header-login-orange {
background: url('images/bg-header-login-orange.png') no-repeat bottom right;
}

.header-login-orange-end {
background: url('images/bg-header-login-orange.png') no-repeat bottom left;
}

.header-login-green {
background: url('images/bg-header-login-green.png') no-repeat bottom right;
}

.header-login-green-end {
background: url('images/bg-header-login-green.png') no-repeat bottom left;
}

.header-login-orange a, .header-login-green a {
display: block;
padding: 8px 15px 10px 0;
}




/* -------------------- HEADLINES MODULE -------------------- */

.sliderwrapper {
float: left;
overflow: hidden;
position: relative;
border: 0;
width: 480px;
height: 195px;
max-height: 195px;
margin: 0;
padding: 0;
}

.sliderwrapper .contentdiv {
visibility: hidden;
position: absolute;
overflow: hidden;
left: 0;
top: 0;
padding: 17px 15px 0 15px;
width: 448px;
height: 177px;
max-height: 177px;
margin: 0;
border-right: 1px solid #c2dd9d;
border-left: 1px solid #c2dd9d;
border-bottom: 1px solid #c2dd9d;
}

.sliderwrapper a:hover img {
background-color: #ddd !important;
}

.pagination {
float: left;
overflow: hidden;
position: relative;
width: 309px;
height: 35px;
text-align: left;
padding: 16px 0 0 0;
margin: 0;
font-size: 1em;
letter-spacing: 0;
border-left: 1px solid #c2dd9d;
}

.pagination a {
float: left;
width: 30px;
height: 30px;
display: block;
padding: 0;
text-decoration: none;
border: 0;
overflow: hidden;
background: url('images/bg-headlines-button-off.png') no-repeat top left;
margin: 0 0 0 15px;
text-align: center;
line-height: 30px;
color: #4c4c4c !important;
}

.pagination a:hover {
text-decoration: none;
background: url('images/bg-headlines-button-on.png') no-repeat top left;
font-weight: normal;
color: #a94600 !important;
}

.pagination a.selected {
text-decoration: none;
background: url('images/bg-headlines-button-on.png') no-repeat top left;
font-weight: bold;
color: #da691a !important;
}

.pagination a.selected:hover {
text-decoration: none;
background: url('images/bg-headlines-button-on.png') no-repeat top left;
font-weight: bold;
color: #a94600 !important;
}




/* -------------------- MORE HEADLINES MODULE -------------------- */

#more-headlines-button-container {
float: right;
overflow: hidden;
border-right: 1px solid #c2dd9d;
width: 169px;
height: 35px;
margin: 0;
padding: 16px 0 0 0;
}

#more-headlines-button a {
float: right;
width: 30px;
height: 30px;
display: block;
padding: 0;
border: 0;
overflow: hidden;
background: url('images/bg-headlines-button-off.png') no-repeat top left;
margin: 0 15px 0 0;
line-height: 30px;
text-align: center;
}

#more-headlines-button a:hover, #more-headlines-button a.selected, #more-headlines-button a.selected:hover {
background: url('images/bg-headlines-button-on.png') no-repeat top left;
}

#more-headlines-container {
float: left;
overflow: hidden;
clear: both;
border-right: 1px solid #c2dd9d;
border-left: 1px solid #c2dd9d;
width: 448px;
height: auto;
margin: 0;
padding: 12px 15px 10px 15px;
text-align: left;
background: url('images/bg-more-headlines-container.png') repeat-x top left;
}

.single-more-headlines-container {
float: left;
overflow: hidden;
clear: both;
width: 448px;
height: auto;
margin: 17px 0 0 0;
padding: 0 0 3px 0;
border-bottom: 1px dotted #ddd;
text-align: left;
}

.single-more-headlines-container a:hover img {
background-color: #ddd !important;
}




/* -------------------- MOST RECENT COMMENTS MODULES -------------------- */

#recent-comments-container {
float: left;
overflow: hidden;
width: 448px;
padding: 0 15px 6px 15px;
margin: 0;
margin-top: -15px;
border-left: 1px solid #c2dd9d;
border-right: 1px solid #c2dd9d;
}

.recent-comments {
float: left;
overflow: hidden;
clear: both;
width: 448px;
height: auto;
margin: 15px 0 0 0;
padding: 0;
text-align: left;
}

.recent-comments-right {
float: left;
overflow: hidden;
width: 322px;
height: 44px;
margin: 0;
padding: 9px 20px 0 40px;
background-color: #eee;
background: url('images/bg-recent-comments.png') no-repeat top left;
}

.recent-comments a:hover img {
background-color: #ddd !important;
} 




/* -------------------- ARCHIVE PAGES SINGLE MODULES -------------------- */

.single-archives-container {
float: left;
overflow: hidden;
clear: both;
width: 688px;
height: 106px;
margin: 17px 0 0 0;
padding: 0 0 3px 0;
border-bottom: 1px dotted #ddd;
text-align: left;
}

.single-archives-container a:hover img {
background-color: #ddd !important;
}




/* -------------------- NARROW MODULES -------------------- */

.narrow-module-header-container {
float: left;
overflow: hidden;
width: 480px;
height: 40px;
margin: 0;
padding: 0;
background: #e5f5cf url('images/content-narrow-header.png') no-repeat top left;
}

.narrow-module {
float: left;
overflow: hidden;
width: 448px;
padding: 12px 15px 9px 15px;
margin: 0;
border-left: 1px solid #c2dd9d;
border-right: 1px solid #c2dd9d;
}

.narrow-module-bottom {
float: left;
overflow: visible;
width: 480px;
height: 12px;
margin: 0 0 21px 0;
padding: 0;
background: url('images/narrow-module-bottom.png') no-repeat bottom left;
}




/* -------------------- WIDE MODULES -------------------- */

.wide-module-header-container {
float: left;
overflow: hidden;
width: 720px;
height: 40px;
margin: 0;
padding: 0;
background: #e5f5cf url('images/content-wide-header.png') no-repeat top left;
}

.wide-module {
float: left;
overflow: hidden;
width: 688px;
padding: 12px 15px 9px 15px;
margin: 0;
border-left: 1px solid #c2dd9d;
border-right: 1px solid #c2dd9d;
}

.wide-module-bottom {
float: left;
overflow: visible;
width: 720px;
height: 12px;
margin: 0 0 21px 0;
padding: 0;
background: url('images/wide-module-bottom.png') no-repeat bottom left;
}




/* -------------------- SIDEBAR MODULES -------------------- */

.sidebar-module-header-container {
float: left;
overflow: hidden;
width: 190px;
height: 28px;
margin: 0;
padding: 12px 15px 0 15px;
background: #e5f5cf url('images/sidebar-module-header.png') no-repeat top left;
}

.sidebar-module {
float: left;
overflow: hidden;
width: 188px;
padding: 12px 15px 10px 15px;
margin: 0;
border-left: 1px solid #c2dd9d;
border-right: 1px solid #c2dd9d;
}

.sidebar-module-bottom {
float: left;
overflow: hidden;
width: 220px;
height: 12px;
padding: 0;
margin: 0 0 21px 0;
background: url('images/sidebar-module-bottom.png') no-repeat bottom left;
}




/* -------------------- FOOTER MODULES -------------------- */

.footer-module-container {
float: left;
overflow: hidden;
margin: 0 0 0 18px;
padding: 0;
}

.footer-module-header {
width: 217px;
margin: 0 0 3px 0;
padding: 0;
border-bottom: 1px solid #ccc;
}

.footer-module {
width: 217px;
padding: 0;
margin: 0;
border: 0;
}




/* -------------------- PREVIOUS/NEXT LINKS -------------------- */

.breadcrumb-next-previous-left {
float: left;
overflow: hidden;
width: auto;
height: auto;
margin: 0 0 22px 0;
padding: 0;
}

.breadcrumb-next-previous-right {
float: right;
overflow: hidden;
width: auto;
height: auto;
margin: 0 0 22px 0;
padding: 0;
}




/* -------------------- IMAGES -------------------- */

.header-img-logo {
width: 500px;
height: 139px;
padding: 0;
margin: 0;
border: 0;
float: left;
}

.header-img-photo {
width: 225px;
height: 139px;
padding: 0;
margin: 0;
border: 0;
float: right;
}

.ie-info-button {
float: right;
width: 13px;
height: 13px;
padding: 0;
margin: 0;
border: 0;
}

.sliderwrapper-image {
float: left;
margin-right: 13px;
padding: 4px;
border: 1px solid #ddd;
}

.more-headlines-image {
float: left;
margin-right: 13px;
padding: 3px;
border: 1px solid #ddd;
}

.sidebar-img {
padding: 0;
margin: 0;
width: 300px;
height: 225px;
border: 0;
}

#content img, p img {
max-width: 100%;
border: 1px solid #ddd;
padding: 5px;
}

img.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
margin-top: 20px !important;
margin-bottom: 20px !important;
}

img.alignright {
margin: 0 0 15px 15px;
display: inline;
}

img.alignleft {
margin: 0 15px 15px 0;
display: inline;
}

.alignright {
float: right;
}

.alignleft {
float: left;
}

.expand-collapse {
width: 9px;
height: 9px;
padding: 0;
margin: 11px 0 0 1px;
border: 0;
}

#footer .post-ratings-image {
display: none;
}




/* -------------------- IMAGE CAPTIONS -------------------- */

.aligncenter, div.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
margin-top: 20px;
margin-bottom: 20px;
}

.alignleft, div.alignleft {
display: block;
margin-left: 0;
margin-right: 15px;
margin-top: 0;
margin-bottom: 15px;
}

.alignright, div.alignright {
display: block;
margin-left: 15px;
margin-right: 0;
margin-top: 0;
margin-bottom: 15px;
}

.wp-caption {
text-align: left;
padding: 0;
border: 0;
}

.wp-caption img {
margin: 0 0 6px 0;
padding: 4px;
border: 1px solid #ddd;
}

.wp-caption a:hover img {
background-color: #ddd !important;
}

.wp-caption p {
font-size: 0.9em;
font-style: normal;
line-height: 15px;
padding: 0;
margin: 0 1px;
color: #a1a1a1;
}




/* -------------------- IMAGE GALLERY -------------------- */

.gallery {
margin: 25px 0 0 0 !important;
}

.gallery-item {
float: left !important;
margin-top: 0 !important;
margin: 0 15px 15px 0 !important;
text-align: left !important;
width: auto !important;
}

.gallery img {
border: 1px solid #ddd !important;
padding: 4px !important;
}

.gallery img:hover {
background-color: #ddd;
}

.gallery-caption {
margin-left: 0 !important;
}




/* -------------------- HEADINGS -------------------- */

h1, h2, h3, h4, h5, h6 {
font-weight: bold;
margin-bottom: 17px;
}

h1 {
font-size: 2em;
}

h2 {
font-size: 1.35em;
}

h3 {
font-size: 1.2em;
}

h4 {
font-size: 1.1em;
}

h5 {
font-size: 1em;
}

h6 {
font-size: 0.9em;
}

#header h1 {
display: none;
}

h1.title, h1.title-page {
font-size: 2em;
font-weight: normal;
color: #63961d;
margin: 6px 0 5px 0;
padding: 5px 0 11px 0;
letter-spacing: -1px;
border-bottom: 1px solid #c2dd9d;
clear: both;
}

h1.title-page {
margin-bottom: 21px;
}

.sliderwrapper h2 {
font-size: 1.35em;
font-weight: bold;
color: #95ab77;
margin: 0;
letter-spacing: -1px;
padding: 0;
line-height: 1.3em;
}

.single-more-headlines-container h2, .single-archives-container h2 {
font-size: 1.2em;
font-weight: bold;
color: #95ab77;
margin: 0;
letter-spacing: -1px;
padding: 0;
}

.single-more-headlines-container h2 a, .single-more-headlines-container h2 a:visited, .sliderwrapper h2 a, .sliderwrapper h2 a:visited, .single-archives-container h2 a, .single-archives-container h2 a:visited {
color: #63961d !important;
}

.single-more-headlines-container h2 a:hover, .sliderwrapper h2 a:hover, .single-archives-container h2 a:hover {
color: #95ab77 !important;
}

#sidebar-left h2, #sidebar-right h2 {
font-size: 1.1em;
font-weight: bold;
color: #63961d;
margin: 0;
letter-spacing: -1px;
padding: 0;
}

#footer h2 {
font-size: 1.1em;
font-weight: bold;
color: #8c8c8c;
margin: 0;
letter-spacing: -1px;
padding: 0 0 5px 0;
}

.narrow-module-header-container h2, .wide-module-header-container h2 {
font-size: 1.1em;
font-weight: bold;
color: #63961d;
margin: 0;
letter-spacing: -1px;
padding: 0;
padding-left: 15px;
padding-top: 12px;
}

h3.leave-comment {
font-size: 1.35em;
font-weight: bold;
color: #63961d;
margin: 0 0 17px 0;
letter-spacing: -1px;
padding: 0;
}




/* -------------------- TYPOGRAPHY & LINKS -------------------- */

p, p.clear-both, p.clear-left, p.clear-right, #sidebar-left p, #sidebar-right p {
margin: 0 0 17px 0;
line-height: 17px;
}

p.clear-both {
clear: both;
}

p.clear-left {
clear: left;
}

p.clear-right {
clear: right;
}

#footer p {
margin: 0;
line-height: 0;
}

small {
font-size: 0.9em;
color: #a1a1a1;
}

.sliderwrapper small, .single-more-headlines-container small, .single-archives-container small {
line-height: 20px;
}

abbr {
padding-bottom: 1px;
cursor: help;
}

a, a:visited {
color: #da691a;
text-decoration: none;
}

a:hover {
color: #a94600;
text-decoration: none;
}

.header-login-orange a, .header-login-orange a:visited {
color: #a94600;
text-decoration: none;
}

.header-login-green a, .header-login-green a:visited {
color: #46700b;
text-decoration: none;
}

.header-login-orange a:hover {
color: #fddcc5;
}

.header-login-green a:hover {
color: #e1ffb8;
}

#sidebar-left a, #sidebar-left a:visited, #sidebar-right a, #sidebar-right a:visited {
color: #da691a;
text-decoration: none;
}

#sidebar-left a:hover, #sidebar-right a:hover {
color: #a94600;
text-decoration: none;
}

#footer a, #footer a:visited {
color: #da691a;
text-decoration: none;
}

#footer a:hover {
color: #a94600;
text-decoration: none;
}

a.black, a:visited.black {
color: #4c4c4c !important;
text-decoration: none;
}

a:hover.black {
color: #202020 !important;
text-decoration: none;
}

a.grey, a:visited.grey {
color: #a1a1a1 !important;
text-decoration: none;
}

a:hover.grey {
color: #818181 !important;
text-decoration: none;
}




/* -------------------- FORMS -------------------- */

form {
margin: 0px;
padding: 0px;
}

.submit-button {
border: 1px solid #444;
background: #555 url('images/bg-buttons.png') repeat-x top left;
margin: 23px 0 0 0;
padding: 8px 12px;
color: #dadcdb;
font-family: Verdana, Geneva, sans-serif;
font-size: 0.9em;
display: block;
}




/* -------------------- SEARCH -------------------- */

#search-container {
float: right;
overflow: hidden;
width: 210px;
height: 39px;
margin: 0;
padding: 0;
}

#search-button {
float: left;
width: 27px;
height: 23px;
border: 1px solid #444;
background: #555 url('images/bg-buttons.png') repeat-x top left;
margin: 8px 0 0 0;
padding: 0 6px 2px 6px;
color: #dadcdb;
font-family: Verdana, Geneva, sans-serif;
font-size: 0.9em;
}

.submit-button:hover, #search-button:hover {
color: #fff;
cursor: pointer;
}

#search-text {
float: left;
width: 149px;
height: 15px;
margin: 8px 10px 0 0;
padding: 4px 5px 2px 5px;
font-family: Verdana, Geneva, sans-serif;
color: #dadcdb;
border: 1px solid #444;
background-color: #595959;
font-size: 0.9em;
}



/* -------------------- LISTS -------------------- */

ul {
margin: 0 0 17px 0;
padding: 0;
list-style: disc;
line-height: 19px;
}

ul li {
margin-left: 40px;
padding-left: 3px;
}

ol {
margin: 0 0 42px 0;
padding: 0;
list-style: decimal;
line-height: 19px;
}

ol li {
margin-left: 28px;
padding: 0;
}

/* sidebar list level 1 */
#sidebar-left ul, #sidebar-right ul {
margin: -4px 0 0 0;
padding: 0;
}

#sidebar-left ul li, #sidebar-right ul li {
list-style: none;
margin: 0;
padding: 3px 0 4px 0;
border-bottom: 1px dotted #ddd;
}

#sidebar-left ul li a, #sidebar-left ul li a:visited, #sidebar-right ul li a, #sidebar-right ul li a:visited {
text-decoration: none;
display: block;
color: #da691a;
padding: 0;
}

#sidebar-left ul li a:hover, #sidebar-right ul li a:hover {
color: #a94600;
text-decoration: none;
}

/* sidebar list level 2 */
#sidebar-left ul li ul, #sidebar-right ul li ul {
margin: 4px 0 -5px 0;
padding: 0;
border-top: 1px dotted #ddd;
}

#sidebar-left ul li ul li, #sidebar-right ul li ul li {
list-style: none;
margin: 0;
padding: 3px 0 4px 0;
border-bottom: 1px dotted #ddd;
padding-left: 18px !important;
background: url('images/bg-list-arrow.png') no-repeat top left;
}


#sidebar-left ul li ul li a, sidebar-left ul li ul li a:visited, #sidebar-right ul li ul li a, sidebar-right ul li ul li a:visited {
text-decoration: none;
display: block;
color: #da691a;
padding: 0;
}

#sidebar-left ul li ul li a:hover, #sidebar-right ul li ul li a:hover {
color: #a94600;
text-decoration: none;
}

/* additional category list styling */
a.focalLinkSelected, a.selected {
font-weight: bold;
color: #4c4c4c !important;
}

/* footer list level 1 */
#footer ul {
margin: -3px 0 0 0;
padding: 0;
}

#footer ul li {
list-style: none;
margin: 0;
padding: 3px 0 3px 0;
border-bottom: 1px dotted #ddd;
height: 19px;
overflow: hidden;
}

#footer ul li a, #footer ul li a:visited {
text-decoration: none;
padding: 0;
color: #4c4c4c;
display: block;
}

#footer ul li a:hover {
color: #202020;
text-decoration: none;
}




/* -------------------- POST FEATURES -------------------- */

#post-features-container {
float: left;
overflow: hidden;
width: 718px;
margin: 35px 0 45px 0;
padding: 0;
border: 1px solid #fad8c1;
background: url('images/bg-page-feature.png') repeat-x top left;
}

.post-feature-rate {
float: left;
overflow: hidden;
width: auto;
height: 27px;
max-height: 27px;
margin: 0;
padding: 12px 13px 0 13px;
}

.post-feature-share, .post-feature-print {
float: right;
overflow: hidden;
width: auto;
height: 30px;
max-height: 30px;
margin: 0;
padding: 9px 13px 0 13px;
border-left: 1px solid #fad8c1;
font-size: 0.9em;
}

.post-feature-share img, .post-feature-print img {
border: 0 !important;
}

.rate-stars {
float: left;
padding: 0;
margin: 0 11px 0 0;
}

.rate-text {
float: left;
padding: 0 0 0 0;
margin: 0;
color: #d6986c;
font-size: 0.9em;
}

.share-text, .print-text {
float: left;
overflow: hidden;
margin-right: 12px;
padding-top: 3px;
color: #d6986c;
font-weight: normal;
}




/* -------------------- WP CALENDAR -------------------- */

/* Begin Calendar */
#wp-calendar {
empty-cells: show;
width: 187px;
padding: 0;
margin: 0 auto;
margin-bottom: -5px;
}

#wp-calendar #next a {
margin: 0;
padding: 5px 5px 0 0;
text-align: right;
font-size: 0.9em;
}

#wp-calendar #prev a {
margin: 0;
padding: 5px 0 0 5px;
text-align: left;
font-size: 0.9em;
}

#wp-calendar a {
margin: 0;
padding: 0;
display: block;
}

#wp-calendar caption {
text-align: center;
width: 187px;
padding: 3px 0 6px 0;
margin: 0;
font-weight: bold;
}

#wp-calendar th {
margin: 0;
padding: 2px 0 5px 0;
text-align: center;
color: #63961d;
font-size: 0.9em;
font-weight: bold;
}

#wp-calendar td {
padding: 2px 0;
margin: 0;
text-align: center;
}

#wp-calendar #today {
padding: 0;
margin: 0;
font-weight: bold;
}




/* -------------------- MAIN NAVIGATION MENU -------------------- */

#suckerfishnav {
font-size: 1em;
font-weight: normal;
width: 740px;
height: 39px;
margin: 0 !important;
border: 0;
text-align: left;
font-size: 0.9em;
}

#suckerfishnav, #suckerfishnav ul {
float: left;
list-style: none;
padding: 0;
border: 0;
margin: 0;
width: 740px;
}

#suckerfishnav a {
display: block;
color: #dadcdb;
text-decoration: none;
padding: 10px 16px 10px 15px;
}

#suckerfishnav li {
float: left;
padding: 0;
margin: 0;
border-right: 1px solid #484848;
}

#suckerfishnav ul {
position: absolute;
left: -999em;
height: auto;
font-weight: normal;
margin: 1px 0 0 -1px;
border: 0;
width: 230px;
z-index: 101 !important;
}

#suckerfishnav li li {
float: none;
border-bottom: 1px solid #fff;
border-left: 1px solid #fff;
border-right: 1px solid #fff;
border-right: 0;
font-weight: normal;
margin: 0;
}

#suckerfishnav li li a {
padding: 5px 16px 6px 15px;
color: #dadcdb !important;
margin: 0;
}

#suckerfishnav li ul ul {
margin: -29px 0 0 179px;
background-color: #3d3d3d !important;
}

#suckerfishnav li li:hover {
background-color: #3d3d3d !important;
}

#suckerfishnav li ul li:hover a, #suckerfishnav li ul li li:hover a, #suckerfishnav li ul li li li:hover a, #suckerfishnav li ul li li li:hover a {
color: #fff !important;
}

#suckerfishnav li:hover a, #suckerfishnav li.sfhover a {
color: #fff !important;
}

#suckerfishnav li:hover li a, #suckerfishnav li li:hover li a, #suckerfishnav li li li:hover li a, #suckerfishnav li li li li:hover li a {
background-color: #3d3d3d;
color: #dadcdb !important;
}

#suckerfishnav li:hover ul ul, #suckerfishnav li:hover ul ul ul, #suckerfishnav li:hover ul ul ul ul, #suckerfishnav li.sfhover ul ul, #suckerfishnav li.sfhover ul ul ul, #suckerfishnav li.sfhover ul ul ul ul {
left: -999em;
}

#suckerfishnav li:hover ul, #suckerfishnav li li:hover ul, #suckerfishnav li li li:hover ul, #suckerfishnav li li li li:hover ul, #suckerfishnav li.sfhover ul, #suckerfishnav li li.sfhover ul, #suckerfishnav li li li.sfhover ul, #suckerfishnav li li li li.sfhover ul {
left: auto;
background-color: #3d3d3d !important;
}

#suckerfishnav li:hover, #suckerfishnav li.sfhover {
}

.current_page_item {
font-weight: normal;
}




/* -------------------- TWITTER PLUGIN -------------------- */

#twitter-plugin-top {
float: left;
overflow: hidden;
width: 164px;
min-height: 40px;
padding: 20px 12px 3px 12px;
margin: 6px 0 0 0;
background: url('images/bg-twitter-bubble.png') no-repeat top left;
font-size: 0.9em;
line-height: 17px;
}

#twitter-plugin-bottom {
float: left;
overflow: hidden;
width: 188px;
height: auto;
padding: 44px 0 0 0;
margin: 0 0 -2px 0;
background: url('images/bg-twitter-bubble-bottom.png') no-repeat top left;
font-size: 1em !important;
text-align: left;
}




/* -------------------- VIDEO QUICK-TAGS -------------------- */

.vvqbox {
margin-top: 4px !important;
margin-right: 20px !important;
margin-bottom: 15px !important;
border: 1px solid #ddd;
padding: 4px;
}




/* -------------------- COMMENTS -------------------- */

ol.commentlist {
width: 720px;
padding: 0;
margin: 0 0 0 0;
}

.commentlist li {
height: auto;
text-align: left;
}

.commentlist li {
padding: 17px 16px 0 16px;
margin: 0 0 22px 28px;
list-style: decimal-leading-zero;
list-style-position: outside;
background: #fff url('images/bg-comment.png') repeat-x top left;
border: 1px solid #c2dd9d;
}

.commentlist li ul li {
padding: 17px 16px 0 16px;
background: #fff url('images/bg-comment-alt.png') repeat-x top left;
list-style: none;
border: 1px solid #ddd;
margin-left: 0;
margin-bottom: 17px;
}

.commentlist li .avatar { 
float: right;
border: 1px solid #ddd;
padding: 3px;
margin: 0 0 5px 17px;
background-color: #fff;
}

.children {
padding: 0;
}

.commentlist cite, .commentlist cite a {
font-weight: bold;
font-style: normal;
font-size: 1em;
}

.reply {
font-size: 1em;
margin-bottom: 20px;
}

.no-login {
font-size: 1em;
margin-bottom: 60px;
}

.comment-name {
}

.comment-date {
margin-top: -14px;
}

.comment-text {
margin-top: -13px;
}

#commentform {
margin: 0 0 60px 0;
}

#commentform textarea {
width: 700px;
height: 140px;
margin: 5px 0 0 0;
border: 1px solid #ddd;
background: #fff url('images/bg-comment-textarea.png') repeat-x bottom left;
padding: 9px;
font-family: Verdana, Geneva, sans-serif;
font-size: 1em;
line-height: 17px;
color: #4c4c4c;
}

.comments-next-prev-container {
float: left;
overflow: hidden;
margin: 0 0 22px 0;
clear: both;
}




/* -------------------- SOCIAL MEDIA ICONS WIDGET -------------------- */

.social-media-icon-facebook, .social-media-icon-twitter, .social-media-icon-rss {
float: left;
overflow: hidden;
width: 220px;
height: 60px;
margin: 0 0 21px 0;
padding: 0;
text-align: left;
display: block;
}

.social-media-icon-facebook {
background: #fff url('images/follow-us-facebook.png') no-repeat top left;
}

.social-media-icon-twitter {
background: #fff url('images/follow-us-twitter.png') no-repeat top left;
}

.social-media-icon-rss {
background: #fff url('images/follow-us-rss.png') no-repeat top left;
}

.social-media-icon-facebook a, .social-media-icon-twitter a, .social-media-icon-rss a {
padding: 13px 0 13px 60px;
display: block;
}

	


/* -------------------- SHOPPING CART -------------------- */

#shopping-cart-container {
float: right;
overflow: hidden;
width: 720px;
height: auto;
margin: 20px auto 1px auto;
padding: 0;
line-height: 12px !important;
}

.shopping-cart-top {
float: left;
overflow: hidden;
width: 720px;
height: 16px;
margin: 0;
padding: 0;
background: url('images/shopping-cart-module-top.png') no-repeat top left;
}

.shopping-cart-middle {
float: left;
overflow: hidden;
width: 718px;
height: auto;
margin: 0;
padding: 0;
border-right: 1px solid #ffcc7f;
border-left: 1px solid #ffcc7f;
background: url('') no-repeat bottom left;
}

.shopping-cart-bottom {
float: left;
overflow: hidden;
width: 720px;
height: 16px;
margin: 0;
padding: 0;
background: url('images/shopping-cart-module-bottom.png') no-repeat bottom left;
}

.shopping_cart {
float: left;
overflow: hidden;
position: relative;
width: 688px;
height: auto;
padding: 1px 0 0 0;
margin: 0 0 0 15px;
background: #fffcea url('images/bg-shopping-cart-title.png') no-repeat top right;
font-size: 0.9em !important;
}

.shopping_cart form {
margin: 0;
padding: 0;
}

input.qty {
width: 25px;
height: 14px;
font-family: Verdana, Geneva, sans-serif;
font-size: 1em !important;
color: #4c4c4c;
border: 1px solid #ffcc7f;
background-color: #fff;
margin: 0;
padding: 0 0 0 2px;
}

.shopping_cart abbr {
border-bottom: none;
font-style: oblique;
}

.sc-line {
float: left;
overflow: hidden;
width: 550px;
height: auto;
margin: 0 0 0 0;
padding: 0 0 0 0;
border-bottom: 1px dotted #ffd892;
}

.sc-item {
float: left;
overflow: hidden;
width: 273px;
height: 18px;
border-right: 1px solid #fff;
padding: 2px 5px 4px 5px;
background: url('') repeat-x top left;
line-height: 19px;
}

.sc-qty {
float: left;
overflow: hidden;
width: 92px;
height: 16px;
border-right: 1px solid #fff;
padding: 4px 6px 4px 6px;
background: url('') repeat-x top left;
}

.sc-price {
float: left;
overflow: hidden;
width: 112px;
height: 15px;
border-right: 1px solid #fff;
padding: 5px 6px 4px 6px;
text-align: left;
background: url('') repeat-x top left;
}

.sc-rem {
float: left;
overflow: hidden;
width: 27px;
height: 14px;
padding: 7px 0 3px 5px;
text-align: right;
background: url('') repeat-x top left;
text-align: right;
}

.sc-total {
float: left;
overflow: hidden;
width: 541px;
height: 15px;
margin: 0 0 0 0;
padding: 5px 0 4px 5px;
text-align: right;
font-weight: bold;
background: url('') repeat-x top left;
}

.sc-checkout {
position: absolute;
width: 121px;
height: 24px;
max-height: 24px;
bottom: 0;
right: 0;
margin: 0;
padding: 0;
}

#pinfo {
position: absolute;
bottom: 6px;
left: 6px;
margin: 0;
padding: 0;
color: #ffaa00;
font-size: 0.9em;
font-style: oblique;
}

.paypal-button {
float: left;
overflow: hidden;
width: 121px;
height: 27px;
padding: 2px 0 0 0;
margin: 5px 20px 17px 0;
}

.paypal-price {
float: left;
overflow: hidden;
width: auto;
height: 29px;
padding: 0;
margin: 5px 20px 17px 0;
line-height: 14px !important;
}




/* -------------------- WPCF7 CONTACT FORMS -------------------- */

form.wpcf7-form {
margin: 0;
padding: 0;
font-weight: bold;
}

.wpcf7 input[type=text] {
padding: 5px;
margin-top: 4px;
border:1px solid #ddd;
margin-bottom: 0;
width: 350px;
color: #4c4c4c !important;
font-family: Verdana, Geneva, sans-serif;
font-size: 1em;
}

.wpcf7 textarea {
padding: 5px;
margin-top: 4px;
border:1px solid #ddd;
margin-bottom: 0;
width: 350px;
height: 100px;
color: #4c4c4c !important;
font-family: Verdana, Geneva, sans-serif;
font-size: 1em;
}

.captcha-text {
width: 80px !important;
margin-left: 7px;
margin-bottom: 0;
letter-spacing: 5px;
font-weight: bold;
font-family: Verdana, Geneva, sans-serif;
font-size: 1em;
}

.captcha-image {
float: left;
width: 80px;
height: 26px;
margin: 0;
margin-top: 4px !important;
}

form.wpcf7-form img {
padding: 0 !important;
border: 0 !important;
}

form.wpcf7-form .submit-button {
margin-bottom: -16px !important;
margin-top: 25px;
}

div.wpcf7 {
margin: 0 !important;
padding: 0 !important;
}

div.wpcf7-response-output {
margin: 25px 0 25px 0 !important;
padding: 5px !important;
}

div.wpcf7-mail-sent-ok {
border: 2px solid #398f14 !important;
}

div.wpcf7-mail-sent-ng {
border: 2px solid #cd0000 !important;
}

div.wpcf7-spam-blocked {
border: 2px solid #ffa500 !important;
}

div.wpcf7-validation-errors {
border: 2px solid #f7e700 !important;
}

span.wpcf7-form-control-wrap {
position: relative !important;
}

span.wpcf7-not-valid-tip {
position: absolute !important;
top: -6px !important;
left: 0 !important;
z-index: 100 !important;
background-color: #fff0f0 !important;
border: 1px solid #cd0000 !important;
font-size: 1em !important;
width: 350px !important;
padding: 3px 5px 4px 5px !important;
}

span.wpcf7-not-valid-tip-no-ajax {
color: #f00 !important;
font-size: 1em !important;
display: block !important;
}

span.wpcf7-list-item {
margin-left: 0 !important;
}



/* -------------------- MISC WP AND WP PLUGIN HACKS -------------------- */

#update-nag {
	display: none !important;
}