/*
Theme Name:		shop.ei
Theme URI:		http://shop.endignorance.com
Description:	
Version:		1.0
Author:			Stitch & Stones
Author URI:		http://endignorance.com
*/

body { background: #fff; color: #444; font:13px/1.5 Helvetica,Arial,'Liberation Sans',FreeSans,sans-serif }

* { padding: 0; margin: 0; }


/*---:[ global elements ]:---*/

a { color: #000; text-decoration: underline; }

	a:visited { color: #000; text-decoration: underline; }

	a:hover { color: maroon; text-decoration: underline; }

p { margin: 0 0 15px 0; }

blockquote { padding: 5px 10px 0 10px; margin: 0 0 15px 0; border-top: 1px solid #bbb; border-bottom: 1px solid #bbb; background: #f5f5f5; color: #666; }

	blockquote p { margin-bottom: 7px; }
	
code { color: #090; font-family: "Courier New", Courier, monospace; }

pre { width: 500px; margin-bottom: 15px; font-size: 1.2em; float: left; }

* html pre { font-size: 1.0em; overflow: hidden; }


/*---:[ headlines ]:---*/

h1 { font-weight: bold; font-size: 2.0em; line-height: 1.8em; }

	#header h1 { text-align: right; }
	
	h1 a, h1 a:visited, h1 a:hover { color: #222; text-decoration: none; }
	
h2 { font-weight: normal; font-size: 2.0em; margin-top: 10px; }

	.post h2 { color: #000; line-height: normal; padding-top: 10px; margin-bottom: 10px; }
	
		.post h2 a { color: #000; text-decoration: none; }
		
		.post h2 a:visited { color: #000; text-decoration: none; }
		
		.post h2 a:hover { color: maroon; text-decoration: none; }
	
	#sidebar h2 { color: #999; font-size: 1em; padding-top: 10px;}
	
	h2.archive_head { font-size: 2.4em; padding: 4px 4px 4px 32px; background: #f5f5f5 url('images/icon_folder.gif') 5px 50% no-repeat; border-bottom: 1px solid #bbb; margin-bottom: 30px; }
	
	h2.comment_head { padding-left: 29px; line-height: 1.5em; background: url('images/icon_comment.gif') 0 50% no-repeat; color: #999; }
	
	h2.form_head { color: #999; }
	
h3 { font-weight: normal; font-size: 1.5em; margin-bottom: 4px; color: #999; }

h4 { display: inline; font-weight: normal; padding: 4px; line-height: 1.0em; font-size: .8em; text-transform: uppercase; background: #f5f5f5; border-bottom: 1px solid #ddd; }


/*---:[ core layout elements ]:---*/

#container { width: 960px; margin: 0 auto; }

	#page { width: 960px; float: left; }

		#header { width: 960px; margin-bottom: 0px; float: left; }
			
		#content_box { width: 960px; padding-bottom: 5px; text-align: left; float: left; }
		
			#content { width: 650px; padding-right: 40px; overflow: visible; float: left; }
			
			* html #content { overflow: hidden; }
			
			#sidebar { width: 230px; color: #222; font-size: 1em; line-height: 1.2em; float: left; padding-top: 20px;}
			
			* html #sidebar { overflow: hidden; }
			
		#footer { width: 960px; padding-top: 8px; border-top: 4px solid #000; font-size: 1.2em; text-transform: uppercase; letter-spacing: .3em; float: left; clear: both; }
		

/*---:[ header styles ]:---*/

#header img { border: 0; padding-top: 8px; padding-bottom: 8px;}

#nav { width: 100%; float=left; }

	#nav ul { list-style: none; }

		#nav li { float: left; }
		
       #nav li a, #nav li a:visited { display: block; padding-right: 1.5em; color: #fff; background: #000; text-decoration: none; font-size: 1.1em; letter-spacing: 1px; float: left; } 
		
			#nav li a:hover { color: #fff; background: maroon; text-decoration: none; }
			
/*---:[ .home #nav li a.home, .home #nav li a.home:visited, .music #nav li a.music, .music #nav li a.music:visited, .written #nav li a.written, .written #nav li a.written:visited, .photos #nav li a.photos, .photos #nav li a.photos:visited, .art #nav li a.art, .art #nav li a.art:visited, .apparel #nav li a.apparel, .apparel #nav li a.apparel:visited, .accessories #nav li a.accessories, .accessories #nav li a.accessories:visited, .blog #nav li a.blog, .blog #nav li a.blog:visited,  .about #nav li a.about, .about #nav li a.about:visited { background: #222; color: #fff; cursor: default; } ]:---*/

/*---:[ main header navbar ]:---*/

.container_12,.container_16{margin-left:auto;margin-right:auto;width:960px}
.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12,.grid_13,.grid_14,.grid_15,.grid_16{display:inline;float:left;margin-left:10px;margin-right:10px}
.container_12 .grid_3,.container_16 .grid_4{width:220px}
.container_12 .grid_6,.container_16 .grid_8{width:460px}
.container_12 .grid_9,.container_16 .grid_12{width:700px}
.container_12 .grid_12,.container_16 .grid_16{width:940px}
.alpha{margin-left:0}.omega{margin-right:0}
.container_12 .grid_1{width:60px}.container_12 .grid_2{width:140px}
.container_12 .grid_4{width:300px}.container_12 .grid_5{width:380px}
.container_12 .grid_7{width:540px}.container_12 .grid_8{width:620px}
.container_12 .grid_10{width:780px}.container_12 .grid_11{width:860px}
.container_16 .grid_1{width:40px}.container_16 .grid_2{width:100px}
.container_16 .grid_3{width:160px}.container_16 .grid_5{width:280px}
.container_16 .grid_6{width:340px}.container_16 .grid_7{width:400px}
.container_16 .grid_9{width:520px}.container_16 .grid_10{width:580px}
.container_16 .grid_11{width:640px}.container_16 .grid_13{width:760px}
.container_16 .grid_14{width:820px}.container_16 .grid_15{width:880px}
.container_12 .prefix_3,.container_16 .prefix_4{padding-left:240px}
.container_12 .prefix_6,.container_16 .prefix_8{padding-left:480px}
.container_12 .prefix_9,.container_16 .prefix_12{padding-left:720px}
.container_12 .prefix_1{padding-left:80px}.container_12 .prefix_2{padding-left:160px}
.container_12 .prefix_4{padding-left:320px}.container_12 .prefix_5{padding-left:400px}
.container_12 .prefix_7{padding-left:560px}.container_12 .prefix_8{padding-left:640px}
.container_12 .prefix_10{padding-left:800px}.container_12 .prefix_11{padding-left:880px}
.container_16 .prefix_1{padding-left:60px}.container_16 .prefix_2{padding-left:120px}
.container_16 .prefix_3{padding-left:180px}.container_16 .prefix_5{padding-left:300px}
.container_16 .prefix_6{padding-left:360px}.container_16 .prefix_7{padding-left:420px}
.container_16 .prefix_9{padding-left:540px}.container_16 .prefix_10{padding-left:600px}
.container_16 .prefix_11{padding-left:660px}.container_16 .prefix_13{padding-left:780px}
.container_16 .prefix_14{padding-left:840px}.container_16 .prefix_15{padding-left:900px}
.container_12 .suffix_3,.container_16 .suffix_4{padding-right:240px}
.container_12 .suffix_6,.container_16 .suffix_8{padding-right:480px}
.container_12 .suffix_9,.container_16 .suffix_12{padding-right:720px}
.container_12 .suffix_1{padding-right:80px}.container_12 .suffix_2{padding-right:160px}
.container_12 .suffix_4{padding-right:320px}.container_12 .suffix_5{padding-right:400px}
.container_12 .suffix_7{padding-right:560px}.container_12 .suffix_8{padding-right:640px}
.container_12 .suffix_10{padding-right:800px}.container_12 .suffix_11{padding-right:880px}
.container_16 .suffix_1{padding-right:60px}.container_16 .suffix_2{padding-right:120px}
.container_16 .suffix_3{padding-right:180px}.container_16 .suffix_5{padding-right:300px}
.container_16 .suffix_6{padding-right:360px}.container_16 .suffix_7{padding-right:420px}
.container_16 .suffix_9{padding-right:540px}.container_16 .suffix_10{padding-right:600px}
.container_16 .suffix_11{padding-right:660px}.container_16 .suffix_13{padding-right:780px}
.container_16 .suffix_14{padding-right:840px}.container_16 .suffix_15{padding-right:900px}
html body * span.clear,html body * div.clear,html body * li.clear,html body * dd.clear{background:none;border:0;clear:both;display:block;float:none;font-size:0;list-style:none;margin:0;padding:0;overflow:hidden;visibility:hidden;width:0;height:0}
.clearfix:after{clear:both;content:'.';display:block;visibility:hidden;height:0}.clearfix{display:inline-block}* html .clearfix{height:1%}.clearfix{display:block}

/*---:[ content styles ]:---*/

.post { width: 550px; margin-top: 20px; font-size: 1em; line-height: 1.2em; color: #444; float: left; }

	.entry ul, .entry ol { margin: 0 0 15px 40px; color: #000; }
	
	.entry ul { list-style-type: square; }
	
		.entry li { padding: 3px 0; }
		
			.entry ul li ul, .entry ul li ol, .entry ol li ul, .entry ol li ol { margin: 0 0 0 30px; }
	
	.entry dl { margin-bottom: 15px; }
			
	.entry dt { font-weight: bold; color: #000; }
	
	.entry dd { margin: 0 0 0 20px; font-style: italic; }

	.entry img.left { padding: 6px; margin: 0 10px 5px 0; background: #f5f5f5; border: 1px solid #bbb; float: left; }

	.entry img.left_off { margin: 0 10px 5px 0; float: left; }
	
	.entry img.right { padding: 6px; margin: 0 0 5px 10px; background: #f5f5f5; border: 1px solid #bbb; float: right; }

	.entry img.right_off { margin: 0 0 5px 10px; float: right; }
	
	.entry img.center { display: block; padding: 6px; margin: 0 auto 15px auto; background: #f5f5f5; border: 1px solid #bbb; }
	
	.entry img.center_off { display: block; margin: 0 auto 15px auto; }

	.entry img { padding: 2px 6px; border: 0; }
	
	.post_meta { width: 550px; padding: 4px 10px; border-top: 1px dotted #bbb; border-bottom: 1px dotted #bbb; line-height: normal; float: left; }
	
		p.num_comments { padding-left: 27px; margin-bottom: 0; line-height: 1.6em; background: url('images/icon_excl.gif') 0 50% no-repeat; float: right; }
		
		p.tagged { padding-left: 27px; margin-bottom: 0; line-height: 1.6em; 0 50% no-repeat; float: left; }
	
	.navigation { width: 550px; padding: 5px; margin-bottom: 10px; margin-top: 10px; font-size: 1.0em; line-height: 1.4em; background: #f5f5f5; float: left; }

* html .navigation { line-height: normal; }
	
	.previous { padding-left: 27px; margin-bottom: 0; background: url('images/icon_previous.gif') 0 50% no-repeat ; float: left; }
	
	.next { padding-right: 27px; margin-bottom: 0; background: url('images/icon_next.gif') 100% 50% no-repeat; float: right; }
	
	.jump { padding: 4px 6px 4px 33px; margin: 0 0 10px 10px; background: #f5f5f5 url('images/icon_down.gif') 6px 50% no-repeat; float: right; clear: both; }


/*---:[ sidebar styles ]:---*/

#sidebar ul { list-style: none; }

	#sidebar ul li { width: 200px; margin-top: 5px; float: left; }

		.sidebar_section { width: 200px; padding: 10px 0 7px 0; background: #f5f5f5; float: left; }
		
			.sidebar_section p { padding: 0 10px; margin-bottom: 10px; }
			
			.sidebar_section p.center { text-align: center; }
			
			.sidebar_section img.off { border: none; }

			#sidebar ul li ul, #sidebar ul li ol { list-style: square; width: 210px; padding-left: 20px; margin-bottom: 12px; }
			
				#sidebar ul li ul li, #sidebar ul li ol li { width: 190px; padding: 3px 10px 3px 0; margin-bottom: 0; }
				
					.quick_date { padding-left: 10px; color: #999; }
	

/*---:[ footer styles ]:---*/


#footer g { text-align: left;  font-size: .5em; float: left; }

#footer p { text-align: right;  font-size: .5em; float: right; }

#footer a, #footer a:visited { color: #222; text-decoration: none; }

#footer a:hover { color: maroon; text-decoration: none; }


/*---:[ comment styles ]:---*/

#comments { width: 550px; font-size: 1em; line-height: 1.4em; color: #444; float: left; clear: both; }

	ul.comment_list { list-style: none; margin-bottom: 40px; border-top: 1px dotted #bbb; float: left; }
		
		ul.comment_list li, ul.comment_list li.alt, ul.comment_list li.author_comment_, ul.comment_list li.author_comment_alt { width: 550px; padding: 15px 10px 5px 10px; border-bottom: 1px dotted #bbb; float: left; }

		ul.comment_list li.alt, ul.comment_list li.author_comment_alt { background: #f5f5f5; }
		
			.comment_intro { width: 550px; margin-bottom: 15px; line-height: normal; float: left; }
			
			* html .comment_intro { margin-bottom: 0; }
			
			.author_comment_ .comment_intro { width: 453px; padding-left: 27px; background: url('images/icon_author.gif') 0 50% no-repeat; }
			
			.author_comment_alt .comment_intro { width: 453px; padding-left: 27px; background: url('images/icon_author_alt.gif') 0 50% no-repeat; }
			
				img.gravatar { float: right; margin: 0 0 10px 10px; }
			
				.comment_author { font-weight: bold; font-size: 1.2em; }
				
				.comment_meta { font-size: .7em; }
				
					.comment_meta a, .comment_meta a:visited, .comment_meta a:hover { color: #999; text-decoration: none; }
		
				#comments h2 { font-size: 1.5em; }

			#comments .entry { clear: both; }
			
			#comments .entry ul, #comments .entry ol { margin: 0 0 15px 40px; color: #000; border: none; float: none; }
	
			#comments .entry ul { list-style-type: square; }
	
				#comments .entry li { width: auto; padding: 3px 0; border: none; float: none; }
		
					#comments .entry ul li ul, #comments .entry ul li ol, #comments .entry ol li ul, #comments .entry ol li ol { margin: 0 0 0 30px; }


/*---:[ comment form styles ]:---*/

#comment_form { width: 500px; padding: 10px 0; float: left; }

	#comment_form p { padding: 6px 0; margin-bottom: 0; }
	
		#comment_form label { padding-left: 10px; font-size: .9em; }

		#comment_form .text_input { width: 40%; padding: 3px; color: #444; font: normal 1.2em Georgia, "Times New Roman", Times, serif; border-top: 2px solid #999; border-left: 2px solid #999; border-right: 1px solid #fff; border-bottom: 1px solid #fff; }
		
		#comment_form .text_area { width: 95%; padding: 3px; color: #444; font: normal 1.2em Georgia, "Times New Roman", Times, serif; border-top: 2px solid #999; border-left: 2px solid #999; border-right: 1px solid #fff; border-bottom: 1px solid #fff; }
	
		#comment_form .text_input:focus, #comment_form .text_area:focus { border-top: 2px solid #444; border-left: 2px solid #444; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; }
	

/*---:[ search form styles ]:---*/

#search_form { text-align: center; }

	#search_form .text_input { width: 85%; padding: 3px; color: #444; font: normal 1.2em Georgia, "Times New Roman", Times, serif; border-top: 1px solid #999; border-left: 1px solid #999; border-right: 1px solid #f5f5f5; border-bottom: 1px solid #f5f5f5; }
	
	#search_form .text_input:focus { border-top: 1px solid #444; border-left: 1px solid #444; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; }