/*
Theme Name: Shopping Channel
Theme URI: http://www.theshoppingchannelblog.com/
Description: Custom design for the Shopping Channel. Please enjoy!
Version: 1
Author: Twist Image
Tags: 
*/

/*
	pink : #ff0390 #e0078c #e0078c
	border: #ccc;
*/

/*  -----------------------------------------------------------------------
    List ----------------------------------------------------------------- */
	#sidebar ul {margin-bottom: 5px;}
		#sidebar li, #sidebar ul.bullet li {
			padding: 1px 0 8px 18px;
			background: url(../img/i_bullet.gif) no-repeat left top;
		}
		* html #sidebar li {height:1px;} /* hasLayout IE7 */
		*+html #sidebar li {min-height:1px;} /* hasLayout IE7 */
	#sidebar ul {font-size:11px; line-height: 14px;}

	#archives li {background: none; padding-left: 0;}
	
	.description ul {list-style:disc; margin: 0 0 16px 26px;}
	.description ul ul {list-style:circle; margin-bottom: 0;}
	.description ol {margin: 0 0 16px 26px;}
	.description ol ol {margin-bottom: 0;}
	.description ol li {list-style: decimal;}
	.description ol ol li {list-style: lower-latin; }
	.description li {margin: 0 0 3px;}

	ol.instructions {background: #fff; border: 1px solid #ccc; padding: 3px; }
	ol li {list-style: decimal; margin-left:24px;}

	#feeds-list {
		padding: 30px;
	}
	#feeds-list li {
		padding: 0 0 16px 30px;
		background: url(../img/i_feed.gif) no-repeat left 2px;
	}
	#feeds-list strong {
		color: #e0078c;
		display: block;
		font-size: 17px; font-weight: normal; margin-bottom:1px;
	}
	#feeds-list a {font-size: 11px; line-height:14px;}
	#feeds-list div {font-size: 11px; line-height:15px;}

/*  -----------------------------------------------------------------------
    Forms ----------------------------------------------------------------- */
	input, textarea {border: 1px solid #e1e1e1; background: #fff; padding: 4px 0; margin: 3px 0 6px;}

	label {display: block; font-size: 11px; line-height: 12px;}
	label span {color: #e0078c;}
	.info, .counter, .max {color: #666; font-size:11px;}
	
	.error {font-weight: bold; color: #f00;}
	
	#personal {float: left; width:223px;}
	#captcha {float: right; width:203px; position:relative; top:-1em; margin-bottom:-1.2em;}
	#captcha a {font-size: 10px;}
	#captcha img {border: 1px solid #e1e1e1; height: 72px; width:100%; background:#f6f6f6; margin-top:1.25em; display: block;}
	fieldset.full {clear: both; width:444px;}
	#frm_comment input, textarea {width:100%;}

		input.b_submit {
			background-color: #e8e8e8;
			border:0;
			float: right;
			margin: 10px 0 0; padding: 0;
			width:80px !important; height:30px;
		}
	form p {font-size: 11px; color:#666666;}
	form p.terms {float: left; width: 210px; padding: 4px 0 0; margin:0; clear: both;}
	* html form p.terms {padding:0; margin-top: -12px;}
	*+html form p.terms {padding:0; margin-top: -12px;}
	.actions {float: right; margin-left:-120px; width: 100px;}

	/* Comment */
	#comment div.error {margin-bottom: 16px;}

	/* Send to Friend */
	#stf .contact {float:left; width: 220px;}
	#stf .contact input {width: 100%;}
	#stf .message {float: right; width:207px;}
	#stf_comment {height:157px;}
	#stf .actions {clear: both;}

	div.errors {clear: both; margin-right:110px; float:left; margin-top:4px;}
	#stf div.errors {width: 260px; margin-right: 0; clear: none;}

/*  -----------------------------------------------------------------------
    Links ----------------------------------------------------------------- */

	a {color: #666;}
	a:hover {color: #000;}

	a.follow, a.follow-arrow, a.next {color: #000; text-decoration: none;}
	a.follow-arrow,  a.next {
		background: url(../img/i_arrow_r.gif) no-repeat right 5px;
		padding-right: 9px;
	}
	a.follow-arrow:hover, a.follow:hover, a.next:hover { text-decoration: underline; }
	span.follow-arrow { background: url(../img/i_arrow_r.gif) no-repeat right 5px; padding-right: 5px; }
	#sidebar ul a {text-decoration: none;}
	
	a#backtop {
		background: url(../img/en/b_top.gif);
		display: block;
		height:30px; width: 22px;
		position: absolute; bottom:-4px; right:-26px;
		text-indent: -999px; overflow: hidden;
	}
	
	a span {cursor: pointer;}

/*  -----------------------------------------------------------------------
    Table ----------------------------------------------------------------- */
	table {
		width: 100%;
		margin: 0 0 16px;
	}
	td {border: 1px solid #999;}
	td {padding: 6px;}

/*  -----------------------------------------------------------------------
    Shell ----------------------------------------------------------------- */

	#wrapper {
		margin: 0 auto;
		width: 957px;
	}
	/*  -----------------------------------------------------------------------
    	Header ---------------------------------------------------------------- */
		#header {
			background: url(../img/bg_main.gif) -120px 0;
			border: #ccc solid;
			border-width: 0 4px 0 4px;
			position: relative;
			margin: 0 0 0 117px;
			height: 134px;
			z-index: 1;
		}
			#logo {
				float: right;
				height: 108px; width: 301px;
				overflow: hidden;
				position: relative;
			}
				#logo h1 {padding:0;}
				#logo a { display: block; text-decoration: none;}
				#logo img {color: #6e6e70; text-decoration:none; line-height:32px;}
				#logo span {
					background: url(../img/en/l_blog.gif);
					display: block;
					height: 108px; width: 301px;
					position: absolute;
					top:0; left:0;
				}
			#towebsite {
				background: #fff url(../img/i_arrow_r.gif) no-repeat 18px 10px;
				color: #a0a0a0;
				font-size: 10px;
				height: 21px; width: 273px;
				overflow: hidden;
				padding: 5px 0 0 28px;
				position: absolute; bottom:0; right:0;
				text-decoration: none; text-transform:uppercase;
			}
			#towebsite:hover {color: #000;}
			#blog-description {
				border-bottom: 3px solid #ccc;
				height: 131px; width: 483px;
				overflow: hidden;
			}
			#blog-description p {padding: 20px; font-size: 16px; line-height: 22px;}
			#blog-description img.replace {
				position: absolute; top:0;
			}
			
		/*  -----------------------------------------------------------------------
	    	Blog Utilities -------------------------------------------------------- */
			#blog-utilities {
				border-top: 1px solid #6e6e70;
				position: absolute;	top: 134px; left:483px;
				width: 44px;
				z-index: 1;
			}
				#print, #rss {
					background: #919192 url(../img/i_blog_utilities.gif);
					border-bottom: 1px solid #6e6e70;
					display: block;
					height: 46px;
					text-indent: -9999px; overflow: hidden;
				}
				#print { background-position: 4px 4px; display: none;}
				#rss   { background-position: 4px 45px; }
				#print:hover { background-position: 44px 4px; }
				#rss:hover   { background-position: 44px 45px; }
				
		#main {
			background: url(../img/bg_main.gif);
			border: #ccc solid; border-width: 1px 4px 4px 1px;
			position: relative; /*allow inner positionning*/
		}
		/*  -----------------------------------------------------------------------
		    Content --------------------------------------------------------------- */

			#content {
				float: left;
				padding: 26px 0 0 117px;
				width: 485px;
			}
			.content_pad {padding-right: 15px; padding-left: 30px;}
			#content.page-feeds, #content.page-bios {padding-top:0;}
				.section-header {
					color: #666;
					background: #e8e8e8;
					border: #ccc solid; border-width: 1px 0;
					padding: 28px 10px 28px 30px;
				}
				.section-header h2 {margin:0;}

			.description img {max-width: 425px;}

		/*  -----------------------------------------------------------------------
		    Side Bar -------------------------------------------------------------- */

			#sidebar {
				background: #f6f6f6;
				float: right;
				width: 301px;
			}
				.sideblock {border-bottom:1px solid #ccc;}
					.sideblock h2 {
						background: url(../img/i_plus_minus.gif) no-repeat bottom right;
						height: 29px; overflow: hidden;
						position: relative;
						padding: 20px 20px 6px; margin:0;
						letter-spacing:-1px;
					}
					.sideblock h2 span {
						background: url(../img/en/t_sidebar.gif) no-repeat top left;
						display: block;
						height: 55px; width:301px;
						position: absolute; top:0; left: 0;
						text-indent:-999px; overflow: hidden;
					}
					.sideblock div {padding: 23px 16px 18px;}
				#search {border:0;}
				#frm_search {height: 57px;  padding: 18px;}
					#s {
						background: #fff;
						display: block; width:98%; margin: 0 0 4px;
					}
					#frm_search .b_submit {margin-top:5px;}
					#frm_search .error {float:left; position: relative; top: -30px; width: 160px; padding:0 0 0 2px; margin-bottom:-30px;}
					
				/* Advertisement */
				#ad-bigbox {
					background: #fff;
					padding:0px;
				}
					#ad-bigbox img {display: block;}
					#ad-bigbox object {display: block;}
					#ad-bigbox div {padding:0;}
					.flag {
						background: url(../img/en/i_advertisement.gif);
						height: 103px; width: 22px;
						margin-top: -1px;
						position: absolute; right:-26px;
						text-indent:-999px; overflow: hidden;
					}
					* html .flag {margin-top:-2px;}
					*+html .flag {margin-top:-2px;}
				
				/* Twitter */
				#twitter-1 div {padding:0 20px;}
				#twitter-1 ul, #twitter-1 li {margin:0; padding:0; background: none;}
				#twitter-1 h2 {padding-bottom:15px; margin-top:10px;}
				#twitter-1 div.twitter-timestamp {
					padding:0 0 7px;
					color: #e0078c;
					font-size: 10px;
				}
				p.twitter-message {
					color: #666;
					font-size: 11px; line-height:14px;

				}
				
				/* Subscribe */
				#subscribe {padding:15px 16px 0;}
				#subscribe h2 { margin-left:-16px; }
				#subscribe p {
					color: #666;
					font-size: 11px; line-height:14px;

				}
					#email {
						background: #fff;
						display: block; width:98%; margin: 0 0 4px;
					}
					#b_subscribe {
						background-color:#f5f5f5;
						border:none;
                        margin:0 0 0 188px;
					}
				
				/* Archives Block */
				#archives {position: relative;}
					#archives div {height: 11.5em;}
					#archives a.year {color: #000; margin-bottom: 7px; display: block; width: 2.8em;}
						#archives-years a.selected {color: #e0078c;}
						ul.months {
							float: right; margin-bottom:-12.545em; width: 200px;
							position: absolute; left: -9999px;
						}
							ul.months.open {
								left: 90px; top: 79px;
							}
							ul.months li {padding-bottom:0.727em; /* padding-top:0.091em*/}
							.oldest-months {position: relative; right: -110px; top:-12.545em; /*top:-138px;*/}

				/* Authors */
				#authors ul {margin-bottom:16px}
				#sidebar #authors li {
					background: none;
					float:left;
					font-size: 11px; line-height:14px;
					min-height:42px; width:74px;
					padding: 5px 10px 0 50px;
				}
					#authors img {
						font-size: 8px;
						height: 40px; width: 40px;
						position: absolute;
						margin:-5px 0 0 -50px;
					}

				/* Democracy */
				div.democracy, .democracy div {padding:0;}
				strong.poll-question {display: block; margin-bottom: 12px;}
				#democracy li {padding-left: 0; background: none; clear: both;}
				#democracy li input {float: left; margin-right: 8px; position: relative; top: -3px;}

				/* Titles */
				#twitter-1 h2 {background: none;}
				#twitter-1 h2 span {background: url(../img/en/t_followus.gif) no-repeat top left;}
				#subscribe h2 {background: none;}
				#subscribe h2 span {background: url(../img/en/t_subscribe.gif) no-repeat top left;}
				#recent-posts h2 span {background-position:0 0;}
				#recent-comments h2 span {background-position: 0 -56px;}
				#categories-86989731 h2 span {background-position:0 -112px;}
				#authors h2 span {background-position:0 -168px;}
				#archives h2 span {background-position:0 -224px;}
				#linkcat-2 h2 span {background-position:0 -280px;}
				#democracy h2 span {background: none;}
		/*  -----------------------------------------------------------------------
		    Footer -------------------------------------------------------------- */


/*  -----------------------------------------------------------------------
    Entry ----------------------------------------------------------------- */

	.entry {
		position: relative;
		padding: 0 15px 28px 30px;
	}
		.metadata {
			background: #f5f5f5; color: #666;
			font-size: 10px; line-height: 12px;
			padding: 0 0 20px 17px;
			position: absolute; left: -117px; top: 6px;
			width: 99px;
		}
			.day {
				background: url(../img/bg_date.gif);
				color: #fff;
				display: block; 
				font-size: 15px; font-weight:bold;
				height:36px; width:43px;
				padding: 7px 0 0;
				position: relative; left: -3px;
				text-align: center;
			}
			.month {
				display:block;
				font-size: 10px; font-weight:normal; line-height:12px;
				text-align:center; text-transform:uppercase;
			}
			span.year {display: block; margin-top: 8px;}
			.author {margin:19px 0 0 2px;}
				.label {display: block; margin-bottom:5px;}
				.author a {font-size:12px; margin-top:10px;  color:#000; text-decoration: none; line-height: 15px}
		
		.categories {margin-bottom: 8px;}
			
		.tags, .tags a, .categories, .categories a {font-size: 11px; color: #666}
		.tags {margin-top:-5px;}
		.utilities {margin-top: 14px;}
			.utilities li {float: left; padding-top:10px; margin-right:8px;}
			.utilities a {
				background: url(../img/b_utilities.gif) no-repeat left top;
				color: #000; font-size:11px; text-decoration: none;
				display: block;
				height:22px;
				padding:3px 0 0 23px;
				margin: 0 12px 0 0;
			}
				a.b_comments   {background-position: left top;}
				a.b_trackbacks {background-position: left -60px;}
				a.b_share      {background-position: left -120px; display: none;}
				a.b_email      {background-position: left -180px; display: none;}
				a.b_comments:hover   {background-position: left -30px;}
				a.b_trackbacks:hover {background-position: left -90px;}
				/*a.b_share.hover      {background-position: left -150px;}*/
				a.b_email:hover      {background-position: left -210px;}
				
			.shares {
				position: absolute; display: none;
				background: #f5f5f5;
				border: 4px solid #ccc;
				z-index: 100;
				margin-left: 20px;
				bottom: 60px;
			}
				.shares li {float: none; border-bottom: 1px solid #ccc; padding: 0; margin:0;}
				.shares a {
					background: url(../img/i_shares.gif) no-repeat left top;
					display: block;
					height: 20px; width: 8.5em;
					margin:0; padding: 5px 10px 0 25px;
				}
					.shares a span.follow-arrow {background-position: left 4px;}
					.shares a.b_email, .shares a.b_email:hover {background-position: 3px 2px}
					a.b_facebook    {background-position: 3px -28px;}
					a.b_delicious   {background-position: 3px -58px;}
					a.b_magnolia    {background-position: 3px -86px;}
					a.b_digg 	   {background-position: 3px -118px;}
					a.b_stumbleupon {background-position: 3px -146px;}
				.shares a:hover {background-color: #fff;}

/*  -----------------------------------------------------------------------
    Comments -------------------------------------------------------------- */

	#comments {}
		#comments li, #trackbacks li {border-bottom: 1px solid #ccc; padding: 20px 15px 4px 30px;}
		#comments .date, #trackbacks .date {color: #e0078c;}
		#comments .author, #trackbacks .author {font-size: 10px; color: #666; margin:0;}
		.item-header {margin:0 0 16px; line-height:14px;}
		#trackbacks .date {line-height:15px;}
	
	.section-header {font-size: 11px;}
	#t_trackbacks {margin-bottom:13px;}
	
	#comment {
		background: #f6f6f6;
		padding: 28px 15px 12px 24px;
	}
		#contact p {margin-bottom:26px;}
		div.edit a {
			background: url(../img/i_comment_edit.gif) no-repeat left top;
			color: #000;
			display:block;
			font-size: 11px;
			height:18px;
			margin: 0 0 10px; padding: 1px 0 0 22px;
			position: relative; top: -4px;
			text-decoration: none;
		}
		div.edit a:hover {text-decoration: underline;}
/*  -----------------------------------------------------------------------
    Paging ---------------------------------------------------------------- */
	#paging {
		padding: 17px 20px; background: #e8e8e8;
		border-bottom: 1px solid #ccc;
	}
		a.prev {
			color: #000;
			float: left;
			background: url(../img/i_arrow_l.gif) no-repeat left 5px;
			padding-left: 10px;
			text-decoration: none;
		}
		a.prev:hover {text-decoration:underline;}
		.next {float: right;}

/*  -----------------------------------------------------------------------
    Bios ------------------------------------------------------------------ */
	
	.bio {
		border-bottom: 1px solid #ccc;
		padding: 0;
		position: relative;
	}
	.bio.details {border:0; margin-bottom:28px;}
		.bio h2 { margin: 26px 30px 14px;}
		.bio .summary {
			background: #e8e8e8;
			height: 49px;
			margin:0; padding: 12px 30px;
		}
		.bio img {
			border-bottom: 1px solid #ccc;
			position: absolute; left: -74px; margin-top: -34px;
		}
	#author-posts li {margin: 0 0 18px;}
	#author-posts .date {color: #666; font-size:11px;}

/*  -----------------------------------------------------------------------
    Popin ----------------------------------------------------------------- */
	#bgcover {
		background-color: #000;
		height: 100%; width: 100%;
		opacity: 0.75;
		position: absolute;
		top: 0; right: 0; bottom: 0; left: 0;
		z-index: 998;
	}
	.popin {
		position:absolute;
		top:-999px;
		z-index: 999;
		width: 100%;
	}
		.popin_content {
			background: #e8e8e8;
			border: 1px solid #ccc;
			margin: 0 auto; padding: 30px 24px 20px;
			width:440px;
		}
		.b_close {
			background: url(../img/b_close.gif) no-repeat right top;
			display: block; height: 20px; padding: 1px 26px 0 0;
			float: right; position: relative; top:-15px; left: 8px;
			text-decoration: none;
		}
		.popin p {font-size: 11px; color:#666666;}

/*  -----------------------------------------------------------------------
    Feeds Page ------------------------------------------------------------ */
	.page-feeds .section-header {padding-right:22px;}
	.page-feeds .section-header h2 {margin-bottom:32px;}
	
	#feeds-list li {width: 395px;} /* hasLayout */
	
	.readers {line-height:24px; padding-top: 3px;}
	.readers a {background: no-repeat 0 1px;}
	a.reader-myyahoo {background-image: url(../img/myyahoo.gif); padding: 3px 0 3px 20px;}
	a.reader-mygoogle {background-image: url(../img/google.gif); padding: 3px 0 3px 20px;}
	a.reader-bloglines {background-image: url(../img/bloglines.bmp); padding: 2px 0 2px 20px;}
	
/*  -----------------------------------------------------------------------
    Other ----------------------------------------------------------------- */
	.clearfix:after {
		content:".";
		clear:both;
		display:block;
		height:0;
		visibility:hidden;
	}
	* html .clearfix { height:1px; }    /* hasLayout IE6 */
	*+html .clearfix { min-width:1px; } /* hasLayout IE7 */
	
	.hide {display: none !important;}
	.softhide {position: absolute !important; left: -9999px !important;}