/*

- L&B Yarn Co
- http://www.lbyarnco.com
- designed by Switch Creative Group
- http://www.groupswitch.com

*/

/* ! ---- COLORS ---- */
/* ---------------------------------------------------- */
	/* ! -- #715947 - background brown -- */
	/* ! -- #B1B856 - community green */
	/* ! -- #858935 - green links */ 
	/* ! -- #7A6151 - copy brown -- */
	/* ! -- #83275B - purple -- */
	/* ! -- #D5533C - red -- */



/* ! ---- STRUCTURE ---- */
/* ---------------------------------------------------- */
	
	body {
		background: url(../_img/background.jpg) repeat;
		color: #7A6151;
		font-family: Georgia, Times, 'Times New Roman', serif;
		}
	
	#wrapper {
		background: url(../_img/wrapper_background.gif) repeat-y;
		margin: 0 auto;
		padding: 0 35px;
		position: relative;
		width: 934px;
		}


/* ! ---- HEADER ---- */
/* ---------------------------------------------------- */
	
	#header {
		}
	
	#header_left {
		background: url(../_img/header_left_back.gif) no-repeat right top;
		float: left;
		min-height: 225px;
		margin-left: 20px;
		padding: 30px 20px 0;
		width: 145px;
		}
		
		#header_left p {
			letter-spacing: .1em;
			margin-bottom: 15px;
			padding-bottom: 16px;
			text-align: center;
			text-transform: uppercase;
			}
		
		#header_left p.descr {
			border-bottom: 1px solid #fff;
			font-size: 10px;
			font-style: italic;
			line-height: 1.5em;
			}
		
		#header_left p.descr strong {
			font-style: italic;
			}
		
		#header_left p.rss {
			border-bottom: 1px solid #fff;
			color: #83275B;
			font-size: 11px;
			}
		
		#header_left p.rss a {
			color: #83275B;
			}
		
		#header_left p.rss a:hover {	
			color: #7A6151;
			}
		
		#header_left a.community_b {
			background: url(../_img/header_left_community.gif) 0 0;
			display: block;
			height: 30px;
			text-indent: -9999px;
			widows: 142px;
			}
		
		#header_left a.community_b:hover {
			background: url(../_img/header_left_community.gif) 0 -30px;
			}
	
	
	#header_center {
		background: url(../_img/header_center_back.gif) no-repeat center top;
		float: left;
		height: 260px;
		width: 500px;
		}
		
		#header_center h1 {
			margin: 0;
			}
		
		#header_center a {
			display: block;
			height: 260px;
			text-indent: -9999px;
			width: 500px;
			}
	
	
	#header_right {
		float: right;
		margin-right: 60px;
		}
		
		#header_right a.shop {
			background: url(../_img/header_right_shop.gif) no-repeat 0 0;
			display: block;
			height: 140px;
			width: 112px;
			text-indent: -9999px;
			}
		
		#header_right a.shop:hover {
			background: url(../_img/header_right_shop.gif) no-repeat -112px 0;
			}
		
		#header_right ul li {
			color: #7A6151;
			font-size: 12px;
			line-height: 1.5em;
			text-align: center;
			text-transform: uppercase;
			}
		
		#header_right ul li a {
			color: #7A6151;
			}
		
		#header_right ul li a:hover {
			color: #B1B856;
			}
		
		
		
/* ! ---- LEFT_COLUMN ---- */
/* ---------------------------------------------------- */
		
	#left_col {
		float: left;
		width: 217px;
		}
		
		#left_col p {
			border-bottom: 1px dashed #7A6151;
			margin: 0 auto;
			padding-bottom: 15px;
			width: 185px;
			}
		
		#left_col img {
			padding: 15px 0;
			}
	

/* ! ---- MAIN CONTENT ---- */
/* ---------------------------------------------------- */	
	
	#main_content {
		border-left: 1px dashed #7A6151;
		border-right: 1px dashed #7A6151;
		float: left;
		margin-bottom: 20px;
		padding: 0 15px 50px;
		width: 470px;
		}
		
		
	#main_content h2 {
		background: url(../_img/main_content_h2_back.gif) no-repeat;
		color: #fff;
		font-size: 11px;
		font-weight: bold;
		letter-spacing: 1px;
		margin: 0 0 20px;
		padding: 7px 0 7px 14px;
		text-transform: uppercase;
		}
	
	#main_content h2 a {
		color: #fff;
		}
	
	#main_content h2 a:hover {
		color: #FBCC4A;
		}


/* ! ---- RIGHT COLUMN ---- */
/* ---------------------------------------------------- */	

	#right_col {
		float: right;
		padding: 0 20px;
		text-align: center;
		width: 175px;
		}
		
		#right_col h4 {
			cursor: pointer;
			height: 25px;
			margin: 0 0 10px;
			text-indent: -9999px;
			width: 175px;
			}
			
			#right_col h4#categories {
				background: url(../_img/right_col_category.gif) no-repeat;
				}
			
			#right_col h4#classes {
				background: url(../_img/right_col_classes.gif) no-repeat;
				}
			
			#right_col h4#events {
				background: url(../_img/right_col_events.gif) no-repeat;
				}
			
			#right_col h4#products {
				background: url(../_img/right_col_products.gif) no-repeat;
				}
			
			#right_col h4#projects {
				background: url(../_img/right_col_projects.gif) no-repeat;
				}
		
		#right_col ul {
			margin-bottom: 20px;
			}
		
		#right_col ul li {
			font-size: 11px;
			line-height: 1.2em;
			text-align: left;
			text-transform: capitalize;
			}
		
		#right_col ul li a {
			color: #7A6151;
			display: block;
			padding: 3px 7px;
			}
		
		#right_col ul li a:hover {
			background: #f1f1f1;
			text-decoration: underline;
			}
		
		#right_col ul li a.alt {
			background: #f1f1f1;
			display: block;
			}
		
		#right_col ul.cal li {
			/* margin-bottom: 10px; */
			}
		
		#right_col ul.cal span.date {
			display: block;
			}
		
		#right_col ul.cal li a {
			color: #83275B;
			text-decoration: underline;
			text-transform: capitalize;
			}
		
		#right_col ul.cal li a:hover {
			text-decoration: none;
			}
		
		
		#searchform {
			margin-bottom: 20px;
			}
		
		#searchform .hidden {
			display: none;
			}
		
		#searchform input[type=text] {
			border: 1px solid #715947;
			color: #715947;
			font-family: Georgia, serif;
			font-size: 14px;
			font-style: italic;
			padding: 3px;
			width: 105px;
			}
		
		#searchform input[type=text]:active,
		#searchform input[type=text]:focus {
			background: #715947;
			color: #FBCC4A;
			}
		
		
		#searchform input[type=submit] {
			background: #715947;
			border: 1px solid #715947;
			color: #fff;
			font-family: Georgia, serif;
			font-size: 12px;
			font-style: italic;
			font-weight: bold;
			padding: 3px;
			}
		
		#searchform input[type=submit]:hover {
			color: #FBCC4A;
			}
		
		
		
/* ! ---- POSTS ---- */
/* ---------------------------------------------------- */		
	
	.post {
		margin-bottom: 25px;
		}
		
	.post h3 {
		font-size: 26px;
		font-weight: normal;
		margin: 0 0 15px;
		padding: 0 0 0 14px;
		text-transform: capitalize;
		}
	
	.post h3 a {
		color: #7A6151;
		}
	
	.post h3 a:hover {
		color: #D5533C;
		}
	
	.post p {
		font-size: 14px;
		line-height: 1.3em;
		margin-bottom: 1em;
		}
	
	.post p .big_red {
		color: #D5533C;
		font-size: 21px;
		font-style: italic;
		}
	
	.post p a {
		color: #858935;
		}
	
	.post p a:hover {
		color: #7A6151;
		text-decoration: underline;
		}
	
	.post .big_italic {
		color: #858935;
		font-family: Georgia, Times, Palatino, serif;
		font-size: 16px;
		font-style: italic;
		}
	
	.post_meta {
		clear:both;
		}
	
		.meta_left {
			color: #D5533C;
			float: left;
				font-size: 11px;
			}
			
			.meta_left .date {
				font-weight: bold;
				text-transform: uppercase;
				}
			
			.meta_left .author {
				font-style: italic;
				}
			
			.meta_left .author a {	
				color: #D5533C;
				text-decoration: underline;
				}
			
			.meta_left .author a:hover {
				color: #7A6151;
				text-decoration: none;
				}
		
		.meta_right {
			float: right;
			font-family: Helvetica, Verdana, Arial, sans-serif;
			font-size: 11px;
			font-weight: normal;
			text-transform: uppercase;
			}
		
		#map {
			font-size: 10px;
			margin-bottom: 25px;
			}
		
		#map a {
			color: #858935;
			font-style: italic;
			}


/* ! ---- COMMENTS ---- */
/* ---------------------------------------------------- */	
	
	#comments {
		border-top: 1px dashed #7A6151;
		margin-top: 15px;
		padding: 15px 0;
		}
	
	#comments h4 {
		font-size: 18px;
		font-weight: normal;
		}
	
	#comments ol {
		margin: 15px 0 10px;
		}
	
	#comments ol li {
		background: #f7f7f7;
		padding: 10px 10px;
		}
	
	#comments ol li.alt {
		background: #ededed;
		}
	
		#comments .comments_meta p {
			color: #858935;
			font-size: 11px;
			margin-bottom: 0px;
			}
			
			.comments_meta .date {
				font-weight: bold;
				text-transform: uppercase;
				}
			
			.comments_meta .author {
				font-style: italic;
				}
		
		#comments .comment_text p {
			margin-bottom: 0;
			}
	
	
	.comments_reply {
		border-top: 1px dashed #7A6151;
		margin-top: 0;
		padding: 15px 0;
		}
	
	.comments_reply h4 {
		font-size: 18px;
		font-weight: normal;
		}
	
	.comments_reply p.user {
		font-size: 11px;
		font-style: italic;
		}
	
	.comments_reply p.user a {
		color: #858935;
		}
	
	.comments_reply p.user a:hover {
		text-decoration: underline;
		}
	
	.comments_reply p {
		font-size: 11px;
		}
	
	.comments_reply .available_tags a {
		color: #858935;
		}
	
	.comments_reply .available_tags a:hover {
		text-decoration: underline;
		}
		
	.comments_reply textarea {
		border: 1px solid #715947;
		color: #715947;
		font-family: Georgia, serif;
		font-size: 14px;
		font-style: italic;
		padding: 3px;
		width: 465px;
		}
	
	.comments_reply textarea:focus {
		background: #f1f1f1;
		}
	
	.comments_reply input[type=submit] {
		background: #715947;
		border: 1px solid #715947;
		color: #fff;
		font-family: Georgia, serif;
		font-size: 12px;
		font-style: italic;
		font-weight: bold;
		padding: 3px;
		}
		
	.comments_reply input[type=submit]:hover {
		color: #FBCC4A;
		}
			
		
/* ! ---- FOOTER ---- */
/* ---------------------------------------------------- */	
	
	#footer {
		background: #fff;
		border-top: 1px dashed #7A6151;
		font-size: 11px;
		font-style: italic;
		margin: 0 0 0 -451px;
		padding: 10px 0 20px;
		position: fixed;
			bottom: 0;
			left: 50%;
		text-align: center;
		text-transform: uppercase;
		width: 898px;
		}
		
		#footer ul {}
		
		#footer ul li {
			display: inline;
			margin-left: 15px;
			}
			
			#footer ul li:first-child {
				margin-left: 0;
				}
		
		#footer ul li img {
			margin-bottom: -12px;
			}