/*
Theme Name: Fibre Designs
URI:
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 - 6 July 2010)
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;}


/* 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;}


/* 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; overflow:hidden; margin:18px auto; width:900px;}
.gallery				{height:450px; overflow:hidden; width:900px;}
#showcase a img			{border:2px solid #e7e6e6; padding:3px;}
#showcase a:hover img	{border:2px solid #b53133;}


/* 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;}


/* Blog posts
---------------------------------------------------------- */
.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;}

.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;}

/* 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;}
button				{background-color:#b53133; border:none; color:#fff; 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;}
button:hover		{background-color:#fff; color:#b53133;}

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

#subscribe			{background-color:#f2f2f2; margin-bottom:18px; overflow:auto; padding:18px 18px 18px 18px;}
#subscribe input	{margin-bottom:18px; width:226px;}
#subscribe button	{margin-bottom: 12px;}
#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;}