/*  
Theme Name: Fairmount Fibers
Theme URI: http://fairmountfibers.com
Description: Custom theme
Version: 1.0
Author: Bart Hook
Author URI: http://320studios.com
*/


body {
	font-family: Arial;
	margin: 30px 0;
}

h1 {
	color: #5b203c;
	font-size: 32px;
	padding: 0 0 15px 0;
}

h2 {
	color: #5b203c;
	font-size: 24px;
	padding: 0 0 15px 0;
}

h3 {
	color: #496c98;
	font-size: 14px;
	padding: 5px 0;
}

.clear {
	clear: both;
}

blockquote {
	width: 630px;
	text-align: justify;
	margin: 0 0 0 50px;
	color: #888888;
}

#wrapper {
	margin: 30px auto 15px auto;
	width: 980px;
	background-color: #ffffff;
}

p {
	padding: 0 0 15px 0;
}

.subhead {
	color: #5b203c;
	font-size: 22px;
}


/******************************** PAGE BACKGROUNDS ********************************/

#home {
	background-image: url(images/home_bg.jpg);
	background-color: #6c8cb3;
}

#contact {
	background-color: #e5d1ab;
	background-image: url(images/contact_bg.jpg);
	background-position: top center;
	background-attachment: fixed;
	background-repeat: no-repeat;
}

#coop {
	background-color: #b7bed3;
	background-image: url(images/coop_bg.jpg);
	background-position: top center;
	background-attachment: fixed;
	background-repeat: no-repeat;
}

#yarn {
	background-color: #f3dfcb;
	background-image: url(images/yarn_bg.jpg);
	background-position: top center;
	background-attachment: fixed;
	background-repeat: no-repeat;
}

#books {
	background-color: #eff3cc;
	background-image: url(images/books_bg.jpg);
	background-position: top center;
	background-attachment: fixed;
	background-repeat: no-repeat;
}

#patterns {
	background-color: #eff3cc;
	background-image: url(images/books_bg.jpg);
	background-position: top center;
	background-attachment: fixed;
	background-repeat: no-repeat;
}

#blog {
	background-color: #eff3cc;
	background-image: url(images/books_bg.jpg);
	background-position: top center;
	background-attachment: fixed;
	background-repeat: no-repeat;
}


/******************************** HOME PAGE ********************************/

#home_content {
	position: relative;
	margin: 0 auto;
	width: 960px;
	height: 890px;
	background-image: url(images/home_content_bg.jpg);
	border-top: 10px solid #ffffff;
	border-bottom: 10px solid #ffffff;
}

.home_intro {
	position: absolute;
	top: 30px;
	left: 456px;
	width: 467px;
	color: #606060;
	font-size: 11px;
	line-height: 17px;
}

.home_intro_content {
	padding: 15px 0 0 10px;
}

.home_intro_content a {
	color: #5b203c;
}

.arrow {
	position: absolute;
	top: 110px;
	left: 444px;
	width: 40px;
	height: 50px;
	background-image: url(images/arrow.png);
	z-index: 20;
}

.link_contact { position: absolute; z-index: 10; top: 524px; left: 760px;}
.link_yarns { position: absolute; z-index: 10; top: 424px; left: 0;}
.link_designers { position: absolute; z-index: 10; top: 124px; left: 69px;}
.link_patterns { position: absolute; z-index: 10; top: 303px; left: 194px;}
.link_knitters { position: absolute; z-index: 10; top: 492px; left: 447px;}
.link_books { position: absolute; z-index: 15; top: 300px; left: 6px;}

.link_contact a { display: block; width: 151px; height: 145px; text-indent: -9999em; background-image: url(images/link_contact.png); background-repeat: no-repeat;}
.link_yarns a { display: block; width: 320px; height: 455px; text-indent: -9999em; background-image: url(images/link_yarns.png); background-repeat: no-repeat;}
.link_designers a { display: block; width: 271px; height: 171px; text-indent: -9999em; background-image: url(images/link_designers.png); background-repeat: no-repeat;}
.link_patterns a { display: block; width: 114px; height: 128px; text-indent: -9999em; background-image: url(images/link_patterns.png); background-repeat: no-repeat;}
.link_knitters a { display: block; width: 191px; height: 138px; text-indent: -9999em; background-image: url(images/link_knitters.png); background-repeat: no-repeat;}
.link_books a { display: block; width: 154px; height: 143px; text-indent: -9999em; background-image: url(images/link_books.png); background-repeat: no-repeat;}

.link_contact a:hover, .link_contact a:active, .link_yarns a:hover, .link_yarns a:active, .link_designers a:hover, .link_designers a:active, .link_patterns a:hover, .link_patterns a:active, .link_knitters a:hover, .link_knitters a:active, .link_books a:hover, .link_books a:active {
	background-position: bottom;
}


/******************************** INTERIOR PAGES ********************************/

#int_wrapper {
	margin: 30px auto 15px auto;
	width: 980px;
}

#int_left {
	position: relative;
	width: 180px;
	float: left;
}

#int_right {
	position: relative;
	width: 790px;
	float: right;
	background-color: #f0e8e5;
	border: 5px solid #ffffff;
}

#header {
	position: relative;
	height: 90px;
	background-color: #8fafd7;
}

#page_title {
	position: relative;
	float: left;
	color: #ffffff;
	font-size: 45px;
	margin: 15px 0 0 20px;
}

.int_logo {
	position: relative;
	margin: 12px 15px 0 0;
	float: right;
}

#content {
	position: relative;
	padding: 20px;
	color: #606060;
	font-size: 12px;
	line-height: 16px;
}

#int_content {
	position: relative;
	margin: 0 0 5px 0;
}

#int_content a {
	color: #5162aa;
	text-decoration: none;
}

.col1 {
	position: relative;
	float: left;
	width: 200px;	
}

.col1 strong, .col2 strong, .col3 strong {
	font-size: 13px;
	color: #505050;
}

.col1 em, .col2 em, .col3 em {
	font-size: 11px;
	color: #999999;
	font-style: normal;
}

.col2 {
	position: relative;
	float: left;
	width: 230px;
	margin: 0 30px 0 30px;	
}

.col3 {
	position: relative;
	float: left;
	width: 200px;	
}

#book {
	margin: 0 0 15px 0;
}

#book img { 
	float: left;
	margin: 0 20px 0 0;
}


/******************************** SIDE NAV ********************************/


#main_nav {
	position: relative;
	margin: 10px 0 15px 0;
	font-size: 22px;
	line-height: 22px;
}

#main_nav a:link, #main_nav a:visited {
	color: #000000;
	text-decoration: none;
}

#main_nav a:active, #main_nav a:hover {
	color: #5e2e2e;
}

#sub_nav {
	font-size: 18px;
	line-height: 18px;
	margin: 0 0 0 0px;
}



/******************************** FOOTER ********************************/


#footer {
	position: relative;
	margin: 0 auto 20px auto;
	width: 980px;
	text-align: center;
	color: #ffffff;
	font-size: 11px;
}

.footer_line {
	position: relative;
	width: 980px;
	height: 10px;
	background-image: url(images/footer_line.png);
	background-repeat: no-repeat;
	background-position: top center;
}

.footer_links {
	position: relative;
	padding: 5px 0 8px 0;
}

.footer_links a {
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
}

#int_footer {
	position: relative;
	float: right;
	width: 800px;
	text-align: center;
}

.int_links {
	position: relative;
	font-size: 11px;
	color: #666666;
	padding: 10px 0 20px 20px;
}

.int_links a {
	color: #000000;
	text-decoration: none;
}



/******************************** PATTERNS ********************************/

#pattern_gallery {
	position: relative;
	float: left;
	display: inline;
	width: 210px;
	height: 210px;
}

#pattern_content {
	position: relative;
	float: right;
	display: inline;
	margin: 10px 0 0 0;
	width: 530px;
}

#pattern_content h2 {
	color: #5b203c;
	font-size: 34px;
}

#pattern_content a {
	display: block;
	width: 150px;
	height: 31px;
	background-image: url(images/download_bg.png);
	background-repeat: no-repeat;
	text-indent: -9999em;
}

#pattern {
	padding: 0 0 25px 0;
	clear: both;
}

#pattern h2 {
	font-size: 28px;
	margin: -5px 0 15px 0;
	padding: 0;
}

.pattern_thumb {
	position: relative;
	float: left;
	display: inline;
	width: 90px;
}

.pattern_sum {
	position: relative;
	float: right;
	display: inline;
	width: 650px;
}



/******************************** BLOG ********************************/

#post h2, #post h2 a {
	color: #5b203c;
	font-size: 32px;
	margin: 0 0 7px 0;
	padding: 0;
}

#post_content {
	margin: 15px 0;
	padding: 15px 0 0 0;
	border-top: 1px dotted #cccccc;
	
}

#post_details {
	padding: 5px 10px;
	font-size: 11px;
	color: #ffffff;
	background-color: #8fafd7;
}

#post_details a {
	color: #ffffff;
	text-decoration: underline;
}



/******************************** IMAGES ********************************/

.img_right {
	float: right;
	margin: 0 0 15px 15px;
	border: 2px solid #ffffff;
}

.img_left {
	float: left;
	margin: 0 15px 15px 0;
	border: 2px solid #ffffff;
}


/******************************** SOCIAL ********************************/

#social {
	position: relative;
	font-size: 9px;
	color: #626262;
}

#social ul { 
	position: relative;
	list-style: none; 
	margin: 0;
	padding: 0;
}

#social li { 
	position: relative;
	float: left;
	padding: 0;
	margin: 0 5px 0 0;
	height: 48px;
}