/*
Theme Name: TheHomeChannel
Theme URI: http://www.thehomechannel.co.za
Description: A custom theme used in WYSIWYG TniyMCE
Version: 1.0
Author: Ryan
Tags: custom colors, admin options, blogging, blog, two column
*/

/**** HOW-TO ARTICLE SETTINGS ****/


.how_to {
	color:#000000;
	 margin: 0 10px 0 0;
}

.how_to .social {
	padding: 4px 0px 4px 0px;
}

.how_to .social .social_site {
	float: right;
}

.how_to .title_section{
	width: 608px;
	height: auto;
	background:url('images/howto_title_bg_middle.png') left top no-repeat #FAF7CA;
	padding: 0px;
	margin: 0;
}

.how_to .title_section_top{
	width: 608px;
	height: 7px;
	background:url('images/howto_title_bg_top.png') left top no-repeat;
	padding: 0px;
	margin: 0;
}

.how_to .title_section_bottom{
	width: 608px;
	height: 7px;
	background:url('images/howto_title_bg_bottom.png') left top no-repeat;
	padding: 0px;
	margin: 0;
}

.how_to .title_section .ht_title{
	font-size: 18px;
	margin: 0;
	padding: 0 10px 0 10px;
	font-weight: bold;
	color: #6a9b00;
}

.how_to .title_section .post_title{
	font-family: Helvetica, arial;
	font-size: 26px;
	margin:0;
	padding: 0 10px 0 10px;
	font-weight: bold;
	color: #000101;
}

.how_to .feature_img{
	margin: 10px 0;
}

.how_to .author {
	font-size: 18px;
	line-height: 20px;
}

.how_to .date {
	color: #989898;
	font-size: 12px;
	line-height: 20px;
}	

.how_to .section {
	font-size: 12px;
	text-transform: uppercase;
	color: #6a9b00;
	font-weight: normal;
	margin: 0;
	padding: 0;

}

.how_to p {
	font-size: 12px;
	margin: 0px;
	text-align:justify;
	line-height: 14px;
	/*padding: 7px 15px 7px 0px;*/
}

div#intro p:first-child {
/*clear: both;
    color: #333333;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 1em;
    padding: 10px 0 10px 2px; */
}

.how_to a img{
	float: right;
	margin: 0px 0px 0px 15px;	
}
/*
.how_to .step1, 
.how_to .step2, 
.how_to .step3, 
.how_to .step4, 
.how_to .step5, 
.how_to .step6, 
.how_to .step7, 
.how_to .step8, 
.how_to .step9, 
.how_to .step10,
.how_to .step11, 
.how_to .step12, 
.how_to .step13, 
.how_to .step14, 
.how_to .step15, 
.how_to .step16, 
.how_to .step17, 
.how_to .step18, 
.how_to .step19, 
.how_to .step20, 
.how_to .video, 
.how_to .things 
{
	width: 610px;
	height: 42px;
	font-size: 24px;
	margin: 0px;
	padding: 10px 0 0 50px;
	font-weight: bold;
	clear: both;
}

.how_to .step1{background:url('images/howto_head1.png') left no-repeat;}
.how_to .step2{background:url('images/howto_head2.png') left no-repeat;}
.how_to .step3{background:url('images/howto_head3.png') left no-repeat;}
.how_to .step4{background:url('images/howto_head4.png') left no-repeat;}
.how_to .step5{background:url('images/howto_head5.png') left no-repeat;}
.how_to .step6{background:url('images/howto_head6.png') left no-repeat;}
.how_to .step7{background:url('images/howto_head7.png') left no-repeat;}
.how_to .step8{background:url('images/howto_head8.png') left no-repeat;}
.how_to .step9{background:url('images/howto_head9.png') left no-repeat;}
.how_to .step10{background:url('images/howto_head10.png') left no-repeat;}
.how_to .step11{background:url('images/howto_head11.png') left no-repeat;}
.how_to .step12{background:url('images/howto_head12.png') left no-repeat;}
.how_to .step13{background:url('images/howto_head13.png') left no-repeat;}
.how_to .step14{background:url('images/howto_head14.png') left no-repeat;}
.how_to .step15{background:url('images/howto_head15.png') left no-repeat;}
.how_to .step16{background:url('images/howto_head16.png') left no-repeat;}
.how_to .step17{background:url('images/howto_head17.png') left no-repeat;}
.how_to .step18{background:url('images/howto_head18.png') left no-repeat;}
.how_to .step19{background:url('images/howto_head19.png') left no-repeat;}
.how_to .step20{background:url('images/howto_head20.png') left no-repeat;}
.how_to .video{background:url('images/howto_headvideo_green.png') left no-repeat; font-size: 0;}
.how_to .things{background:url('images/howto_headthings_green.png') left no-repeat; font-size: 0;}
*/

p.step1, 
p.step2, 
p.step3, 
p.step4, 
p.step5, 
p.step6, 
p.step7, 
p.step8, 
p.step9, 
p.step10,
p.step11, 
p.step12, 
p.step13, 
p.step14, 
p.step15, 
p.step16, 
p.step17, 
p.step18, 
p.step19, 
p.step20, 
p.video, 
p.things 
{
	width: 610px;
	height: 42px;
	font-size: 24px;
	margin: 0px;
	padding: 0px 0 0 50px;
	font-weight: bold;
	clear: both;
	line-height: 42px;
}

p.step1{background:url('images/howto_head1.png') left no-repeat;}
p.step2{background:url('images/howto_head2.png') left no-repeat;}
p.step3{background:url('images/howto_head3.png') left no-repeat;}
p.step4{background:url('images/howto_head4.png') left no-repeat;}
p.step5{background:url('images/howto_head5.png') left no-repeat;}
p.step6{background:url('images/howto_head6.png') left no-repeat;}
p.step7{background:url('images/howto_head7.png') left no-repeat;}
p.step8{background:url('images/howto_head8.png') left no-repeat;}
p.step9{background:url('images/howto_head9.png') left no-repeat;}
p.step10{background:url('images/howto_head10.png') left no-repeat;}
p.step11{background:url('images/howto_head11.png') left no-repeat;}
p.step12{background:url('images/howto_head12.png') left no-repeat;}
p.step13{background:url('images/howto_head13.png') left no-repeat;}
p.step14{background:url('images/howto_head14.png') left no-repeat;}
p.step15{background:url('images/howto_head15.png') left no-repeat;}
p.step16{background:url('images/howto_head16.png') left no-repeat;}
p.step17{background:url('images/howto_head17.png') left no-repeat;}
p.step18{background:url('images/howto_head18.png') left no-repeat;}
p.step19{background:url('images/howto_head19.png') left no-repeat;}
p.step20{background:url('images/howto_head20.png') left no-repeat;}
p.video{background:url('images/howto_headvideo_green.png') left no-repeat; font-size: 0;}
p.things{background:url('images/howto_headthings_green.png') left no-repeat; font-size: 0;}

.how_to .thingsfoot{}

.how_to ul li {
	line-height: 21px;	
}

.how_to .video{
	text-align: center;
}


.single_show .epdate{
	background: url("images/tvguide_acc_bg.gif") repeat-x scroll 0 0 #CCCCCC;
	height: 63px;
	width: 100px;
	color: #4E4E4E;
    font-size: 12px;
    float: left;
    margin: 0;
    padding: 0;
}

.single_show .epcontent{
	background: url("images/tvguide_acc_bg.gif") repeat-x scroll 0 0 #CCCCCC;
	height: 63px;
	width: 500px;
	float: left;
	margin: 0;
    padding: 0;
	
}

.how_to #intro li{
	list-style-image:url('images/green_bullet.png');
	font-size: 12px;
}