/*
Theme Name: JSD-Furniture
Theme URI: http://www.jsd-furniture.com
Description: JSD - Furniture Wordpress template
Version: 1.0
Author: AnM8 LLC
Author URI: http://www.anm8.com
*/

	/*CSS resets*/
	* 		{ padding: 0px; margin: 0px }
	img 	{ border: 0px }
	a:active	{ outline: none }

	/*Global styles*/
	html	{  }
	body	{ font: 62.7%/2em "Helvetica Neue", Helvetica, Arial, "Sans-Serif"; color: #fff; background: #000 url('gfx/background.png') 0px 0px; background-repeat: repeat-x }

	/*Forms*/
	form	{ font: normal 1.2em/1.5em "Helvetica Neue", Helvetica, Arial, "sans-serif"  }
	label				{ font-size: 0.8em; font-weight: bold }
	input[type="text"], textarea	{ border: 1px solid #ccc; padding: 4px; width: 370px }
	textarea { font: normal 0.9em/1.5em "Helvetica Neue", Helvetica, Arial, "sans-serif"; height: 140px }
	input[type="submit"]		{ float: left; width: 150px; padding: 8px }

	#footer input[type="text"]	{ width: 270px }
	#footer textarea		{ width: 270px; height: 100px }
	#footer input[type="submit"]	{ width: 150px }

	#newsletter input[type="text"] 	 { float: left; font-size: 1em; width: 110px; padding: 4px 2px;  border: 1px solid #666; background: #222; color: #fff }
	#newsletter input[type="submit"] { float: right; padding: 0px; font-size: 1em; width: 50px }

	/*Main Wrapper*/
	#wrap	{ margin: 15px auto; width: 960px; min-height: 400px; background: transparent url('gfx/jsd.jpg') 50% 0; background-repeat: no-repeat }

	form#selector	{ float: right; margin-right: 20px; margin-top: 5px; width: 230px }
	form#selector select	{ width: 230px; padding: 2px }

	/*Header*/
	#header	{ height: 59px; width: 960px; background: transparent; color: #000 }
		#header h1#brand	{ float:left;font: normal 1.8em "Georgia", serif; padding: 0px 0px 0px 15px }
		#header span.description	{ margin-left: 16px; padding-left: 16px; color: #666; border-left: 1px solid #666 }

		#header #phone{float:right;font-size:20px;font: normal 1.8em "Georgia", serif; color:#666}
		.black{color:#000}

	/*Sidebar*/
	#sidebar	{ float: left; width: 200px }

		/*Navigation menu*/
		#navigation		{ list-style-type: none; margin: 160px 0px 0px 0px }
		#navigation li		{ margin-left: 50px; padding-right: 5px; border-bottom: 1px solid #444; text-align: right }
		#navigation a		{ display: block; font: 1.6em/1.8em "Helvetica Neue", Helvetica, Arial, "Sans-Serif"; color: #aaa; text-decoration: none; text-transform: lowercase; text-align: right }
		#navigation a:hover	{ color: #fff }
		#navigation a.current	{ color: #fff }

	/*Content*/
	#content	{ float: right; width: 700px; padding: 40px 20px 0px 20px; margin-left: 18px }


		#content a			{ color: #af8a22; text-decoration: none }
		#content a:hover	{ color: #999 }
		#content p			{ font-size: 1.2em; padding: 5px 20px 5px 0px }
		#content h2		{ float: left; font: normal 3em "Georgia", serif; margin: 0px 20px 0px 0px; padding-bottom: 8px; line-height: 1em; width: 400px }
		#content h2 a		{ color: #fff; text-decoration: none }
		#content h2 a:hover	{ text-decoration: underline }
		#content h3		{ font-size: 1.2em; padding: 10px 20px 0px 0px }
		#content ul		{ font-size: 1.2em; padding: 0px 0px 15px 20px }

		/*Thumbnails*/
		#content .boxed		{ width: 136px; height: 196px; float: left; background: #222; margin: 3px 3px 0px 0px; padding-top: 0px; text-align: center }
		#content .boxed h2	{ float: left; width: 126px; font-size: 1.1em; line-height: 1.3em; padding: 0px 8px; margin: 0px; border: none; text-align: center; text-decoration: none }
		#content .boxed img	{ float: left; margin: 8px 8px 6px 8px; border: 1px solid #fff }
		#content .boxed img:hover { border: 1px solid #fff }

		a.more-link	{ padding: 0px 0px 20px 0px }

		/*Contact page 2 column div's*/
		#contact_form	{ float: right }
		#contact	{ float: left; width: 300px }

		/*Categories*/
		ul#categories { clear: both; width: 740px; list-style-type: none; background: transparent; padding: 0px 0px 10px 0px; margin: 0px }
		#categories li	{ float: left; width: 136px; height: 156px; margin: 3px 3px 0px 0px; background: #ccc; padding: 0px; border: 1px solid #fff }
		#categories li a	{ float: left; width: 136px; line-height: 1.2em; margin-bottom: 30px; background: #ccc; text-decoration: none; color: #000; text-align: center; margin-bottom: 100px; font-size: 1em; font-weight: bold }
		#categories span	{ clear: both; float: left; width: 100% }
		#categories li a:hover	{ color: #8f6800 }
		#categories li img	{ width: 136px; height: 116px; margin-bottom: 5px }

		#textpart p	{ padding-left: 0px; margin-left: 0px }
		.entry-content	{ clear: both; padding-top: 6px }
		.entry-content img { float: left; margin-right: 10px; margin-left:0px }
		p.byline {clear:both;display:block;width:100%}

		.clearfix { clear: both }

		/*Galleries*/
		.gallery { padding-left: 0px; padding-bottom: 10px; margin-top: 10px }
		img.attachment-thumbnail { float: left; border: 0px; margin: 0px 15px 15px 0px; padding:0px; border: 2px solid #fff }
		img.attachment-thumbnail:hover	{ border: 2px solid #999 }
		.gallery_icon { border: 0px }

		#posts	{clear: both }
		#posts img { float: left; border: 0px; margin: 0px 20px 20px 0px; padding:0px; border: 2px solid #fff }
		#posts img:hover	{ border: 2px solid #999 }

		/*Breadcrumbs*/
		p#breadcrumb 	{ margin: 0px; padding-bottom: 10px; padding-top: 0px; color: #fff; width: 100% }
		p#breadcrumb a 	{ color: #fff }

	#newsletter	{ background: #333; padding: 5px 10px; margin: 20px 0px 0px 0px; -khtml-border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px }
		#newsletter p	{ font-size: 1.1em; line-height: 1.5em; padding-bottom: 8px }

	/*Posts wrapper*/
	#footer_wrapper	{ float: left; clear: both; width: 100%; background: #ccc url('gfx/trans-fade.png'); background-repeat: repeat-x }

		/*Posts*/
		#footer	{ clear: both; margin: 0px auto; width: 960px; background: #ccc; color: #000; padding: 0px 10px 0px 10px; font-size: 1.2em }

		#footer a	{ color: #666; text-decoration: none }
		#footer a:hover	{ color: #999 }
		#footer p			{ padding: 0px 0px 8px 0px }
		#footer ul			{ padding: 0px 0px 8px 20px }
		#footer h2			{ font: normal 1.8em "Georgia", serif; padding: 0px 0px 8px 0px }
		#footer h2 a		{ font: normal 1.4em "Georgia", serif; padding: 0px 0px 12px 0px; color: #8f6800 }
		#footer h2 a:hover		{ text-decoration: underline }
		#footer img	{ float: left; padding-right: 10px; padding-top: 4px }

		#footer .recent	{ float: left; width: 280px; padding: 20px 10px 0px 10px; background: #ccc url('gfx/trans-fade-reversed.jpg'); background-repeat: repeat-x; margin-bottom: 20px; min-height: 300px  }
			#footer .recent .post	{ margin-bottom: 7px; border-top: 1px solid #ccc; padding: 8px 0px 15px 0px; margin-top: 4px }
			#footer .recent .post h2 { font-size: 1em; padding: 0px; margin: 0px; line-height: 1em; padding-bottom: 6px }
			#footer .recent .post p	{ font-size: 0.8em; font-style: italic; margin: 0px; padding: 0px; line-height: 1em }


		#footer .about	{ float: left; width: 280px; padding: 20px 20px 0px 40px; background: transparent; margin-bottom: 20px }
		#footer .contact	{ float: right; width: 280px; padding: 20px 10px 0px 10px; ; background: #ccc url('gfx/trans-fade-reversed.jpg'); background-repeat: repeat-x; margin-bottom: 20px }

	/*Credits*/
	#credits	{ width: 100%; clear: both; background: #000; text-align: center  }
	#credits p	{ text-align: center; padding: 10px }
	#credits a	{ color: #8f6800 }


	/*Clearfix*/
	/* float clearing for IE6 */
	* html .clearfix { height: 1%; overflow: visible }

	/* float clearing for IE7 */
	*+html .clearfix { min-height: 1% }

	/* float clearing for everyone else */
	.clearfix:after{ clear: both; content: "."; display: block; height: 0; visibility: hidden; font-size: 0 }