/*
Theme Name: Fibre Designs
URI: http://www.fibredesigns.co.za
Description: Fibre Designs website & blog theme by Cuie&Co.
Version: 2.0
Author: Andy Walton
Author URI: http://cuieandco.com
---------------------------------------------------------- */

/*
Created:6 May 2010 (Last updated - 11 November 2011)
Designed for screen
---------------------------------------------------------- */
html {height:auto; min-height:100%; overflow:-moz-scrollbars-vertical;}
body {background:#fff url(images/bg_swirl.png) top center no-repeat; border:0; color:#858383; font:normal 12px/18px "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Helvetica, Arial, sans-serif; margin:0; min-width:960px; padding:0; width:100%;}

/* Typography
---------------------------------------------------------- */
blockquote {font:normal 16px/22px "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Helvetica, Arial, sans-serif; margin-bottom:18px; padding:0 18px;}
cite {font:normal 12px/18px "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Helvetica, Arial, sans-serif; margin-bottom:18px; padding:0;}
h1 {font:normal 20px/27px "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Helvetica, Arial, sans-serif; margin-bottom:18px;}
h2 {font:normal 18px/27px "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Helvetica, Arial, sans-serif; margin-bottom:18px;}
h3 {font:normal 15px/18px "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Helvetica, Arial, sans-serif; margin-bottom:18px;}
h4 {font:normal 14px/18px "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Helvetica, Arial, sans-serif; margin-bottom:18px;}
h5 {font:normal 13px/18px "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Helvetica, Arial, sans-serif; margin-bottom:18px;}
p {margin-bottom:18px;}
strong {font-weight:bold;}
em {font-style:italic;}
acronym {border-bottom:1px dotted #e7e6e6; cursor:help;}

/* Links
---------------------------------------------------------- */
a,
a:link,
a:visited {color:#b53133; text-decoration:none;}
a:hover {color:#b53133; text-decoration:underline;}

/* Horizontal rules
---------------------------------------------------------- */
hr {border:0; border-bottom:1px solid #e7e6e6; clear:both; height:1px; margin-bottom:18px; width:100%;}
hr.dashed {border-bottom:1px dashed #e7e6e6;}
hr.dotted {border-bottom:1px dotted #e7e6e6;}
hr.thick {border-bottom:3px solid #e7e6e6;}

/* General layout
---------------------------------------------------------- */
#wrapper {overflow:auto; width:100%;}
.inner {clear:both; margin:0 auto; padding:0 30px; overflow:hidden; width:900px;}
#header {background:#fff url(images/bg_header.png) top left repeat-x; clear:both; height:184px; margin:0; padding:0; width:100%;}
#container {clear:both; overflow:auto; margin:0; padding:0; width:100%;}
#content {float:left; margin:0; overflow:auto; padding:30px 0 12px 0; width:564px;}
#content.homepage,
#content.wide,
#feeds.homepage {float:none; overflow:hidden; padding:0; width:900px;}
#content.wide {padding:30px 0 12px 0;}

/* Header styles
---------------------------------------------------------- */
#social-links {font-size:11px; height:20px; float:right; padding:4px 0 0 0; text-align:right; width:900px;}
#logo {display:block; float:left; height:124px; margin:0; width:465px;}
#logo a {background:transparent url(images/logo_fibredesigns.png) top left no-repeat; display:block; height:124px; margin:0; width:465px;}
#logo a:hover {background:transparent url(images/logo_fibredesigns.png) top left no-repeat;}
#logo h1 em {display:none; margin-left:-3000px;}
#quote {float:right; margin-top:12px;}
#quote img {margin-bottom:12px;}

/* Navigation
---------------------------------------------------------- */
#navigation {clear:both; font:normal 13px/18px "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Helvetica, Arial, sans-serif; height:36px; margin:0; padding:0; overflow:visible; width:900px;}

#navigation ul {display:block; height:36px; margin:0; padding:0; width:900px;}
#navigation ul li {display:inline; float:left; width:auto; text-align:center;}
#navigation ul li a {color:#858383; display:block; height:18px; margin:0; padding:10px 16px 8px 16px; text-decoration:none; text-transform:lowercase; text-shadow:1px 1px 0 #fff; -webkit-text-shadow:1px 1px 0 #fff; -moz-text-shadow:1px 1px 0 #fff;}

#navigation ul li a:hover {border-top:3px solid #f2f2f2; color:#b53133; padding:7px 16px 8px 16px; text-decoration:none;}
#navigation ul li.current_page_item a,
#navigation ul li.current_page_parent a,
#navigation ul li.current_page_ancestor a {border-top:3px solid #f2f2f2; background-color:#fff; background-image:none; color:#b53133; padding:7px 16px 8px 16px; text-decoration:none; text-shadow:none; -webkit-text-shadow:none; -moz-text-shadow:none;}

#navigation ul li.current_page_item a:hover,
#navigation ul li.current_page_parent a:hover,
#navigation ul li.current_page_ancestor a:hover {text-decoration:underline;}

/* Showcase
---------------------------------------------------------- */
#showcase {background-color:#fff; clear:both; height:450px; overflow:hidden; position:relative; margin:18px auto; width:900px;}
.showcase-pics {background-color:#fff; float:left; height:450px; overflow:hidden; position:relative; width:596px; z-index:1;}
.showcase-pics img {max-width:586px;}
.showcase-pics a img {border:2px solid #e7e6e6; padding:3px;}
.showcase-pics a:hover img {border:2px solid #b53133;}

.showcase-controls {text-align:left; left:10px; bottom:10px; height:16px; position:absolute; z-index:999; width:586px;}
.showcase-controls a {color:#fff; cursor:pointer; font:normal 16px/16px "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Helvetica, Arial, sans-serif; margin:0 1px; text-decoration:none;}
.showcase-controls a:hover, .showcase-controls a.activeSlide {color:#b53133; text-decoration:none;}

#verandah-advert {float:right; height:440px; width:289px; border:2px solid #e7e6e6; padding:3px;}
#verandah-advert:hover {border:2px solid #b53133;}

.verandah-advert-pics {background-color:#fff; float:none; height:297px; overflow:hidden; position:relative; width:289px; z-index:1;}
.verandah-advert-pics img {max-width:289px;}

/* Content styles
---------------------------------------------------------- */
#content h3 {color:#b53133;}
#content ul {list-style-type:disc; list-style-position:outside; text-indent:0; padding:0 0 10px 27px;}
#content ol {list-style-type:decimal; list-style-position:outside; text-indent:0; padding:0 0 10px 27px;}
#content li {padding-bottom:8px;}

#content div.column.three h3 {margin-bottom:18px;}
#content div.column.three {float:left; margin-right:18px; width:176px;}
#content div.column.three.last {float:left; margin-right:0;}

/* Verandah Collection styles
---------------------------------------------------------- */
.post-password-required {background-color:#f2f2f2; float:none; overflow:hidden; padding:20px; width:860px;}

#content .post-password-required h1,
#content .post-password-required h2,
#content .post-password-required h3,
#content .post-password-required h4,
#content .post-password-required h5,
#content .post-password-required p {clear:both; color:#484646;}
.post-password-require p {clear:both;}
.post-password-required label {margin-left:200px;}
.post-password-required label, .post-password-required input.button {float:left; }
.post-password-required input {margin:20px 12px 30px 0; width:250px;}
.post-password-required input.button {margin-bottom:20px; width:120px;}

#content .verandah-collection h1,
#content .verandah-collection h2,
#content .verandah-collection h3,
#content .verandah-collection h4,
#content .verandah-collection h5,
.verandah-collection {color:#484646;}

.verandah-intro {float:left; width:575px;}
.verandah-ranges {float:right; padding-left:10px; width:310px;}
.verandah-ranges h3 {margin-bottom:6px;}
.verandah-ranges .alignleft {margin-right:0;}

/* Blog posts
---------------------------------------------------------- */
.post img {max-width:554px;}
.post h1,
.post h1 a {margin-bottom:6px;}
.post-meta {font-size:11px; margin-bottom:9px;}
.post-share {font-size:11px; margin-bottom:9px;}
img.attachment-homepage-thumbnail,
a img.attachment-homepage-thumbnail {border:2px solid #e7e6e6; margin:0 0 18px 0; padding:3px;}
.post img.attachment-homepage-thumbnail,
.post a img.attachment-homepage-thumbnail {float:left; margin:0 9px 18px 0;}
a:hover img.attachment-homepage-thumbnail {border:2px solid #b53133; margin:0 9px 18px 0; padding:3px;}
#comments-list {margin:0;} 
#comments-list ol {margin:0;}
#comments-list ol li {margin:0 0 10px 0; padding:10px;}
#comments-list ol li.odd {background-color:#f2f2f2;}
#comments-list ol li.bypostauthor {border:1px solid #007fc0;}
.avatar {border:1px solid #c9c9c9; float:right; margin:5px 0 5px 5px; padding:1px;}
.comment-meta {font-size:11px; margin:0 0 10px 0;}
.comment-meta a {color:#858383;}
span.comments {background:transparent url('images/icon_comment.png') 0 0 no-repeat; padding:0 0 2px 18px;}
#commentform {background-color:#f2f2f2; margin-bottom:18px; overflow:auto; padding:18px 18px 0 18px;}
#content h3.comments {color:#858383;}
#pagination {clear:left;}
.previous {float:left;}
.next {float:right;}

/* Sidebar styles
---------------------------------------------------------- */
#sidebar {float:right; padding:30px 0 12px 0; width:276px;}
#sidebar h3 {color:#b53133; margin-bottom:12px;}
#sidebar ul {list-style-image:none; list-style-type:disc; list-style-position:outside; text-indent:0; padding:0 0 18px 18px;}
#sidebar li {font-size:11px; padding:0;}
#sidebar div {margin-bottom:18px;}
#sidebar a,
#sidebar a:link,
#sidebar a:visited {color:#858383; text-decoration:none;}
#sidebar a:hover {color:#b53133; text-decoration:none;}

/* Columns
---------------------------------------------------------- */
.column {float:left;}
.column.one {width:900px;}
.column.two {margin-right:36px; width:432px;}
.column.three {margin-right:36px; width:276px;}
.column.last {margin-right:0;}
.column img {border:2px solid #e7e6e6; padding:3px; margin-bottom:9px;}
.column h4 {color:#747474; font-size:11px; margin-bottom:12px;}
.column h5 {color:#6daae3; font-size:14px; margin-bottom:12px; text-shadow:1px 1px 0 rgba(0,0,5,0.3); -webkit-text-shadow:1px 1px 0 rgba(0,0,5,0.3); -moz-text-shadow:1px 1px 0 rgba(0,0,5,0.3);}

/* Feeds - Boxs before the footer of homepage
---------------------------------------------------------- */
#feeds {clear:both; margin:16px auto 0 auto; overflow:auto; padding:0; width:900px;}
#feeds h2 {color:#b53133; margin-bottom:12px;}
#feeds h3 {font-size:14px; margin-bottom:0;}
#feeds ul {margin-bottom:12px;}
#feeds select {margin:6px 0 12px 0;}

/* Icons
---------------------------------------------------------- */
#content .social-media ul {padding:0;}
.social-media ul li,
#sidebar .social-media ul li {height:24px; display:inline; list-style:none; padding:3px 6px 3px 20px;}
.social-media ul li.title {padding:3px 0 3px 0;}
.social-media ul li.last {padding:3px 0 3px 20px;}

.social-media ul li.facebook {background:transparent url('images/icon_facebook.png') 0 3px no-repeat;}
.social-media ul li.twitter {background:transparent url('images/icon_twitter.png') 0 3px no-repeat;}
.social-media ul li.google-buzz {background:transparent url('images/icon_google_buzz.png') 0 3px no-repeat;}
.social-media ul li.youtube {background:transparent url('images/icon_youtube.png') 0 3px no-repeat;}
.social-media ul li.rss {background:transparent url('images/icon_rss.png') 0 3px no-repeat;}

.social-media ul li.twitter em,
.social-media ul li.facebook em,
.social-media ul li.youtube em,
.social-media ul li.google-buzz em {display:none; height:16px; margin-left:-3000px;}

span.rss a {background:transparent url('images/icon_rss.png') 0 3px no-repeat; display:block; height:24px; width:16px;}
span.rss a em {display:none; height:16px; margin-left:-3000px;}
 
/* Footer styles
---------------------------------------------------------- */
#footer {clear:both; font-size:11px; overflow:auto; margin:0 auto; padding:10px 0 10px 0; width:100%;}
#footer a:hover {text-decoration:underline;}
#footer ul {margin-bottom:0;}
#footer ul li {display:inline; list-style:none; margin-bottom:0;}
#footer-meta {padding:0; width:900px;}

/* Misc Styling
---------------------------------------------------------- */
.alignleft, img.size-thumbnail {border:2px solid #e7e6e6; margin:5px 12px 18px 0; padding:3px; float:left;}
.alignright {border:2px solid #e7e6e6; clear:right; float:right; margin:5px 0 6px 12px; padding:3px;}
.aligncenter {border:2px solid #e7e6e6; clear:both; float:none; margin:0 auto; padding:3px; text-align:center;}
.alignnone {margin:0; padding:0;}

.wp-caption {background:#fff; padding:0;}
.wp-caption p {margin:0; padding:0; text-align:center;}

.float-right {float:right;}
.no-border {border:0; clear:both; float:none; margin:0 auto; padding:3px; text-align:center;}

.back_to_overview a {background-color:#f2f2f2; color:#858383; display:block; float:right; font-size:12px; padding:5px 10px; text-decoration:none; 
text-transform:lowercase; width:auto;text-shadow:1px 1px 0 #fff; -webkit-text-shadow:1px 1px 0 #fff; -moz-text-shadow:1px 1px 0 #fff; }
.back_to_overview a:hover {color:#b53133;}

a.post-edit-link {background:#fff; display:block; font-size:11px; border:1px solid #e7e6e6; float:left; text-shadow:none; margin:0; padding:3px 5px; width:auto; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; position:fixed; top:40px; right:20px; -moz-box-shadow:0 0 3px #e7e6e6; -webkit-box-shadow:0 0 3px #e7e6e6; box-shadow:0 0 3px #e7e6e6; text-transform:uppercase;}
a:hover.post-edit-link {text-decoration:none; -moz-box-shadow:0 0 6px #e7e6e6; -webkit-box-shadow:0 0 6px #e7e6e6; box-shadow:0 0 6px #e7e6e6;}

/* Forms
---------------------------------------------------------- */
input,
textarea {color:#747474; border:1px solid #e7e6e6; -moz-border-radius:2px; -khtml-border-radius:2px; -webkit-border-radius:2px; border-radius:2px;}

input {background-color:#fff; padding:9px 6px; margin:0 18px 0 0; width:514px;}
select {margin:0 0 18px 0;}
textarea {background-color:#fff; height:200px; padding:9px 6px; margin:0; width:514px;}
input.buttons, input.button, button {background-color:#b53133; border:none; color:#fff; cursor:pointer; font-size:12px; margin:0; padding:6px 12px; width:auto; text-shadow:1px 1px 0 rgba(0,0,5,0.3); -webkit-text-shadow:1px 1px 0 rgba(0,0,5,0.3); -moz-text-shadow:1px 1px 0 rgba(0,0,5,0.3); -moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px;}
input[type="reset"].buttons {border:1px solid #e7e6e6; background-color:#fff; color:#333; text-shadow:none; -webkit-text-shadow:none; -moz-text-shadow:none; padding:5px 11px;}

input.buttons:hover, input.button:hover, button:hover {background-color:#333; background-image:none; color:#fff; text-decoration:none;}

.passwordform input.button {margin-top:22px;} /* Verandah Collection button */

#searchform {background-color:#f2f2f2; margin-bottom:18px; padding:18px 18px 9px 18px;}
#searchform input {width:140px;}

#twitter-feed {background-color:#f2f2f2; padding:0 18px; margin-bottom:18px;}

#subscribe {background-color:#f2f2f2; margin-bottom:18px; overflow:auto; padding:18px 18px 18px 18px;}
#subscribe p {margin-bottom:12px;}
#subscribe input {float:left; margin:0 6px 12px 0; width:145px;}
#subscribe button {float:left; margin:3px 0 12px 0;}
#subscribe ul {padding:0; margin:0;}
#subscribe ul li {margin-bottom:0;}
#subscribe a,
#subscribe a:link,
#subscribe a:visited{color:#858383; text-decoration:none;}
#subscribe a:hover {color:#b53133; text-decoration:none;}

#sidebar #subscribe {padding:18px 18px 0 18px;}

#contactform {background-color:#f2f2f2; margin-bottom:18px; overflow:auto; padding:18px 18px 0 18px;}
#contactform input,
#contactform textarea{margin-bottom:9px; width:226px;}
#contactform button {margin-bottom:6px;}
#contactform p {margin-bottom:6px;}

/* WP Members Plugin Stylesheet */
#wpmem_login, #wpmem_reg {margin-bottom:20px; text-align:center;}
#wpmem_login p, #wpmem_reg p {margin-bottom:0;}
#wpmem_login legend, #wpmem_reg legend {display:none;}
#wpmem_login label, #wpmem_reg label {display:none;}
#wpmem_reg div small {display:none;}
#wpmem_login fieldset {margin:0 auto;}
.req, font[color=red] {padding:0 6px; color:#b53133;}

#wpmem_login input, #wpmem_reg input {float:left; margin:0 12px 12px 0; border-radius:2px; background-color:#fff; width:200px;}

div[align=right] {padding-right:12px;}

.div_checkbox input[type="checkbox"], #wpmem_reg input#tos, #wpmem_login input#rememberme {display:none;}

label.checkbox {display:none;}

.button_div {float:left;}

#wpmem_login input.buttons {margin-top:12px; margin-bottom:0;}
#wpmem_reg input.buttons {margin-top:12px; margin-bottom:12px;}

div_checkbox font {color:#d24c23; margin-right:6px; display:block; }

#recaptcha_div {clear:both; margin-bottom:12px; text-align:left;}

.wpmem_msg {background-color:#b53133; font-size:16px; font-weight:normal; color:#fff;}
.wpmem_msg b {font-weight:normal;}