/*
Theme Name: Sisters Wardrobe
Theme URI: http://sisterswardrobe.co.uk
Author: Kris Handley
*/

@import "style/reset.css";

/* @group HTML */
/* ------------------------------------------------------------ */

	* { outline: none; }

	body { font: 14px Georgia; color: #111; background: #111 url(images/footer_bg.jpg) bottom center; font-style: italic; }
	html { overflow-y: scroll; }
	
	h1, h2, h4, h5, h6 { font-weight: normal; }
	h3 { font-weight: bold; }
	
	h1 { font-size: 36px; line-height: 36px; margin: 0 0 10px 0; }
	h2 { font-size: 24px; line-height: 36px; font-style: italic; margin: 0 0 10px 0; }
	h3 { font-size: 14px; line-height: 20px; color: #000; margin: 0 0 10px 0; }
	h4 { font-size: 14px; line-height: 20px; color: #666; margin: 0 0 10px 0; }
	h5, h6 { font-size: 14px; line-height: 20px; margin: 0 0 10px 0; }
	
	p { margin: 0 0 10px 0; line-height: 20px; }
	
	a { color: #e22b92; text-decoration: none; }
	a:hover { color: #000; }
	
	blockquote { background: #F9F9F9; border-left: 6px solid #ccc; margin: 0 0 18px; padding: 9px; quotes: """ """ """ """; color: #666; font-family: Georgia, "Times new roman", serif; font-size: 12px; letter-spacing: 0.5px; font-style: italic; }

/* @end */

/* @group General */
/* ------------------------------------------------------------ */

	#page_wrap_wide { width: 100%; float: left; background: #fcfcfc; }
	#page_wrap { width: 960px; margin: 0 auto; }
	
	#blog_content { width: 540px; position: relative; float: left; margin: 0 0 20px 190px; }
	#single_page { width: 100%; position: relative; float: left; }
	
	h2#page_title { float: left; width: 100%; height: 50px; margin: 0 0 20px 0; color: #e22b92; }
	h2#page_title span { color: #000; }
	
	.clear_item { width: 100%; float: left; height: 1px; margin: -1px 0 0 0; }
	
	.aligncenter { display:block; margin:0 auto; }
	.alignleft { float:left; }
	.alignright { float:right; }
	.wp-caption { border:1px solid #666; text-align:center; background:#ccc; padding:10px; margin:10px; }
	.alert { background:red; color:white; }

	/* Add a class of .content to anything where you want the content to be formatted */
	.content ul li { list-style: disc; margin: 0 0 0 20px; line-height: 20px; }
	.content ol li { list-style: decimal; margin: 0 0 0 25px; line-height: 20px; }
	.content ul, .content ol { margin: 0 0 10px 0; }

/* @end */

/* @group Header */
/* ------------------------------------------------------------ */

	#header { width: 100%; height: 120px; position: relative; }
	#header_logo img { margin: 0 0 0 -6px; }
	#header_logo h1, #header_logo h2 { font-size: 10px; line-height: 14px; margin: 0; position: absolute; top: -20px; left: 0; }
	
	#nav { position: absolute; top: 0; right: 0; font-family: Georgia; font-style: italic; }
	#nav li { display: inline; line-height: 18px; float: left; margin: 0 0 0 10px; }
	#nav li a { float: left; font-size: 16px; text-align: center; color: #000; height: 60px; padding: 30px 10px 0; }
	#nav li a span { font-size: 11px; line-height: 14px; color: #999; }
	#nav li a:hover { color: #e22b92; }
	
	/* Sliding Doors */
	body#default li.home,
	body#about li.about,
	body#blog li.blog,
	body#portfolio li.portfolio,
	body#stockists li.stockists,
	body#events li.events,
	body#contact li.contact { background: url(images/nav_right.png) bottom right no-repeat; }
	
	/* Sliding Doors */
	body#default li.home a,
	body#about li.about a,
	body#blog li.blog a,
	body#portfolio li.portfolio a,
	body#stockists li.stockists a,
	body#events li.events a,
	body#contact li.contact a { background: url(images/nav_left.png) bottom left no-repeat; }
	
	#logged_in { position: fixed; left: 10px; top: 0; background: #ccc; background: rgba(0,0,0,0.35); padding: 5px 10px; }
	#logged_in a { color: #fff; }
	
	#edit_post { position: fixed; right: 10px; top: 0; background: #ccc; background: rgba(0,0,0,0.35); padding: 5px 10px; }
	#edit_post a { color: #fff; }

/* @end */

/* @group Footer */
/* ------------------------------------------------------------ */

	#footer { clear: both; width: 100%; position: relative; color: #fff; background: url(images/torn.png) repeat-x top center; float: left; }
	#footer a:hover { color: #fff; }
	#footer_inner { width: 960px; margin: 0 auto; }
	#footer_inner_2 { width: 960px; float: left; background: url(images/footer_line_vert.png) repeat-y top center; margin: 40px 0 20px; }
	
	#footer ul { margin: 0 0 10px 0; }
	#footer li { line-height: 20px; }
	
	#footer_friends_col { float: left; width: 276px; padding: 10px 15px; }
	#footer_friends_col h2, #footer_mid_col h2, #footer_right_col h2 { font-size: 18px; }
	
	#footer_mid_col { float: left; width: 276px; padding: 10px 15px; margin: 0 0 0 20px; }
	#footer_right_col { float: right; width: 276px; padding: 10px 15px; }
	
	#footer_bottom_col { float: left; width: 930px; margin: 30px 0 40px 0; padding: 0 15px; }
	#footer_bottom_col h2 { float: left; margin: -12px 10px 0 0; }
	#footer_bottom_col p { float: left; }
	#footer_bottom_col ul { float: right; }
	#footer_bottom_col li { display: inline; margin: 0 0 0 10px; }
	
	#footer_line { width: 960px; height: 6px; float: left; clear: both; background: url(images/footer_line.png); }

/* @end */

/* @group Posts */
/* ------------------------------------------------------------ */

	.post { float: right; clear: both; width: 100%; margin: 0 0 20px 0; position: relative; }	
	.post_time { position: absolute; left: -190px; top: 0; width: 160px; height: 60px; background: url(images/time.png) no-repeat bottom right; color: #e22b92; padding: 10px 0 0 0; font-size: 16px; }
	.post_time span { font-style: italic; }
	
	.post h2 a { color: #000; }
	.post h2 a:hover { color: #e22b92; }
	
	.post_meta { line-height: 20px; clear: both; background: #eee; padding: 5px 15px; }
	.post_meta span { float: right; }
	
	.more-link br { margin: 0 0 10px 0; }
	
	img.alignleft { margin: 0 20px 20px 0; }
	img.alignright { margin: 0 0 20px 20px; }
	
	.post_navigation { float: left; clear: both; width: 100%; margin: 20px 0; }

/* @end */

/* @group Sidebar */
/* ------------------------------------------------------------ */

	#sidebar { width: 200px; float: right; }
	#sidebar li { line-height: 22px; }
	#s { margin: 0 0 5px 0; }
	
	.widget { margin: 0 0 20px 0; }

/* @end */

/* @group Comments */
/* ------------------------------------------------------------ */

	#comments_wide { background: #999; width: 100%; float: left; position: relative; }
	#comments_inner { width: 960px; margin: 0 auto; }
	#comments_col { float: left; width: 632px; padding: 20px 0; }
	
	#comments { float: left; clear: both; }
	.commentlist { float: left; clear: both; width: 640px; }
	ol.commentlist li { list-style: none; margin: 0 0 9px 0; }
	#respond { float: left; clear: both; width: 100%; margin: 0 0 10px 0; }
	
	li.comment { background: #ccc; width: 610px; float: left; padding: 10px 15px; }
	
	textarea#comment { width: 100%; margin: 0 0 10px 0; }
	
	li.depth-2 { background: #bbb; width: 620px; float: right; clear: both; }
	li.depth-3 { background: #b3b3b3; width: 600px; float: right; clear: both; }
	li.depth-4 { background: #aaa; width: 580px; float: right; clear: both; }
	li.depth-5 { background: #a3a3a3; width: 560px; float: right; clear: both; }
	li.depth-6 { background: #999; width: 540px; float: right; clear: both; }
	li.depth-7 { background: #939393; width: 520px; float: right; clear: both; }
	li.depth-8 { background: #888; width: 500px; float: right; clear: both; }
	li.depth-9 { background: #828282; width: 480px; float: right; clear: both; }
	li.depth-10 { background: #777; width: 460px; float: right; clear: both; }
	
	.comment ul.children { clear: both; float: right; margin: 0; }
	.comment ul.children li { margin: 0; }

/* @end */	

/* @group HomePage */
/* ------------------------------------------------------------ */
	
	#home_left_col { width: 632px; float: left; }
	#home_right_col { width: 306px; float: right; }
	#home_left_col_lower { width: 306px; float: left; margin: 0 20px 0 0; }
	
	#home_featured { width: 632px; height: 280px; background: #eee; background: rgba(150,150,150,0.1); border: 1px solid #ddd; float: left; margin: 0 0 20px 0; position: relative; }
	#home_featured img { width: 612px; height: 260px; margin: 10px 0 0 10px; }
	#home_featured ul { position: absolute; top: 10px; left: 10px; }
	#home_featured li { position: absolute; }
	#home_featured span { position: absolute; top: 210px; left: 0; background: #000; background: rgba(0,0,0,0.75); color: #fff; padding: 10px; }
	
	a#home_featured_prev { position: absolute; top: 240px; left: 565px; width: 20px; height: 20px; background: url(images/jq_2.png) no-repeat; z-index: 100; text-indent: -2000px; background-position: 0 -20px; }
	a#home_featured_next { position: absolute; top: 240px; left: 590px; width: 20px; height: 20px; background: url(images/jq_1.png) no-repeat; z-index: 100; text-indent: -2000px; background-position: 0 -20px; }
	
	a#home_featured_prev:hover, a#home_featured_next:hover { background-position: 0 0; }
	
	#home_about_text { width: 306px; float: right; height: 150px; margin: 0 0 20px 0; }
	#home_about_text h2 { font-size: 14px; line-height: 22px; font-weight: bold; }
	#home_about_text h3 { font-weight: normal; color: #222; }
	#home_about_text p { color: #e22b92; }
	
	#home_unique { width: 306px; height: 100px; float: left; margin: 0 0 20px 0; text-align: center; }
	#home_unique h3 { line-height: 90px; font-size: 18px; font-weight: normal; }
	
	#home_newsletter { width: 276px; height: 85px; background: url(images/sign_up.png) no-repeat; float: left; clear: left; margin: 0 0 40px 0; padding: 15px 20px 0; color: #fff; }
	
	input#MERGE0 { float: left; width: 180px; margin: 0 10px 0 0; padding: 2px 5px; }
	p.subscribe_title { font-size: 16px; margin: 0 0 15px 0; }
	
	#home_stockists_text { width: 306px; float: left; margin: 0 0 40px 0; }
	#home_stockists_image { width: 306px; height: 350px; background: #eee; background: rgba(150,150,150,0.1); border: 1px solid #ddd; float: right; clear: none; margin: 0 0 40px 0; position: relative; }
	#home_stockists_image img { width: 286px; height: 330px; margin: 10px 0 0 10px; }
	
	#button img { position: absolute; top: -50px; right: -20px; width: 80px; height: 79px; }

/* @end */

/* @group About Page */
/* ------------------------------------------------------------ */

	#about_diagram { width: 960px; height: 258px; float: left; }
	#about_process { width: 266px; float: left; height: 565px; background: url(images/about_process.png) no-repeat; margin: 0 0 20px 0; padding: 20px 20px 10px; }
	#about_process h3 { margin: 0 0 10px 10px; }
	#about_process p { margin: 0 0 15px 10px; }
	#about_process li { margin: 0 0 15px 25px; }
	#about_jeni { width: 632px; float: right; margin: 20px 0 40px; }
	#about_jeni img { width: 286px; padding: 10px; background: #eee; background: rgba(150,150,150,0.1); border: 1px solid #ddd; margin: 5px 0 10px 20px; }

/* @end */

/* @group Shared - Portfolio | Stockists | Shop | Events */
/* ------------------------------------------------------------ */

	#wide_right_col { width: 960px; float: left; }
	#wide_right_counter { width: 980px; float: left; margin: 0 0 20px -20px; }
	
	.info_post { width: 306px; float: left; margin: 0 0 20px 19px; }
	.info_post_thumbnail img { width: 286px; height: 120px; background: #eee; background: rgba(150,150,150,0.1); border: 1px solid #ddd; padding: 10px; margin: 0 0 0 1px; }

/* @end */

/* @group Portfolio Page */
/* ------------------------------------------------------------ */
	
	h2.portfolio_post_title { width: 286px; text-align: center; margin: 0 0 0 10px; font-size: 14px; }

	/* Single Portfolio Page */

	#portfolio_single_left_col { width: 632px; float: left; margin: 0 0 20px 0; }
	#portfolio_single_right_col { width: 306px; float: right; margin: 0 0 20px 0; }
	#portfolio_single_right_col img { width: 286px; padding: 10px; background: #eee; background: rgba(150,150,150,0.1); border: 1px solid #ddd; }
	
	#portfolio_single_description { float: left; width: 306px; margin: 0 0 5px 0; }
	h2#portfolio_single_title { float: left; }
	
	#portfolio_single_left_col_images { float: left; background: #eee; background: rgba(150,150,150,0.1); border: 1px solid #ddd; width: 632px; margin: 0 0 10px 0; }
	
	#portfolio_single_main_image { margin: 10px 0 10px 10px; width: 612px; }
	#portfolio_single_secondary_image { margin: 0 0 10px 10px; width: 612px; }

/* @end */

/* @group Stockists Page */
/* ------------------------------------------------------------ */

	h2.stockists_post_title { float: left; width: 286px; margin: 0 0 0 10px; font-size: 14px; color: #e22b92; }
	.stockists_post_description { float: left; width: 286px; margin: 0 0 10px 10px; }
	.stockists_post_locations { float: left; width: 286px; margin: 0 0 0 10px; }
	.stockists_post_locations p { margin: 0; }
	
	.stockists_post_thumb img { width: 286px; height: 60px; background: #eee; background: rgba(150,150,150,0.1); border: 1px solid #ddd; padding: 10px; margin: 0 0 0 1px; }
	.stockists_post_thumb p { margin: 0; }

/* @end */
	
/* @group Events Page */
/* ------------------------------------------------------------ */

	#events_left_col { width: 306px; float: left; margin: 0 20px 40px 0; }
	#events_main_image { width: 306px; float: left; height: 300px; background: #eee; border: 1px solid #ddd; border: 1px solid #ddd; margin: 0 0 20px 0; }
	#events_main_image img { margin: 10px 0 0 10px; }
	#events_info_box { width: 276px; float: left; background: #eee; border: 1px solid #ddd; padding: 10px 15px 3px; }
	
	#events_upcoming_col { width: 306px; float: left; background: #eee; border: 1px solid #ddd; height: 300px; margin: 0 0 40px 0; }
	h2.events_col_title { width: 286px; float: left; margin: 10px 0 20px 10px; font-size: 18px; line-height: 20px; }
	.upcoming_events_post, .past_events_post { float: left; margin: 0 0 10px 10px; width: 286px; border-top: 1px solid #ccc; padding: 15px 0; }
	
	#events_past_col { width: 306px; float: right; background: #eee; border: 1px solid #ddd; height: 300px; margin: 0 0 40px 0; }

/* @end */
	
/* @group Contact Page */
/* ------------------------------------------------------------ */
	
	#contact_form_col { width: 632px; float: left; position: relative; margin: 0 0 20px 0; }
	
	#contact_map { width: 306px; float: right; height: 600px; background: #eee; background: rgba(150,150,150,0.1); border: 1px solid #ddd; margin: 0 0 40px 0; }
	#contact_map img { margin: 10px 0 0 10px; }
	
	#contact_info { position: absolute; top: 0; right: 0; width: 276px; height: 280px; background: #eee; background: rgba(150,150,150,0.1); border: 1px solid #ddd; padding: 10px 15px; }
	
	#contact_form_top { width: 306px; float: left; background: #eee; background: rgba(150,150,150,0.1); height: 310px; padding: 10px 0 0 0; border: 1px solid #ddd; border-bottom: none; }
	#contact_form_top p { margin: 0 0 10px 10px; }
	#contact_form_top input { width: 270px; padding: 10px 5px; font-family: Georgia; font-size: 14px; font-style: italic; }
	
	#contact_form_lower { width: 632px; float: left; background: #eee; background: rgba(150,150,150,0.1); height: 242px; border: 1px solid #ddd; }
	p#contact_form_lower_message_title { margin: -25px 0 5px 0; background: #eee; float: left; width: 306px; padding: 3px 0; text-indent: 10px; }
	#contact_form_lower textarea { width: 600px; height: 210px; margin: 5px 0 0 10px; padding: 5px; font-family: Georgia; font-size: 14px; font-style: italic; }
	#contact_form_lower input { width: 100px; padding: 2px 0; margin: 20px 0 0 -1px; font-family: Georgia; font-style: italic; font-size: 14px; cursor: pointer; }
	
	.wpcf7 .wpcf7-not-valid-tip { position: absolute; left: 0; top: -10px; background: #fff; border: 1px solid #e22b92; padding: 8px 10px; width: 264px; }
	.wpcf7 .wpcf7-validation-errors { position: absolute; bottom: -50px; left: 125px; background: #bbb; border: none; }

/* @end */

/* @group Sitemap */
/* ------------------------------------------------------------ */

	#sitemap { width: 100%; margin: 0 0 20px 0; float: left; }
	#sitemap h2 { font-size: 14px; line-height: 18px; font-weight: bold; color: #000; margin: 0 0 10px 0; }
	#sitemap ul { margin: 0 0 10px 0; }
	#sitemap ul li ul { margin: 0 0 0 10px; }
	
	#sitemap_col_left { width: 276px; float: left; background: #eee; border: 1px solid #ddd; margin: 0 20px 0 0; padding: 10px 15px; }
	#sitemap_col_mid { width: 276px; float: left; background: #eee; border: 1px solid #ddd; padding: 10px 15px; }
	#sitemap_col_right { width: 276px; float: right; background: #eee; border: 1px solid #ddd; padding: 10px 15px; }

/* @end */