/*  
Theme Name: HowToMakeStuff
Description: theme designed for howtomakestuff.com
Version: 1.08
Author: Qool Media Inc. [francis_wong@iwebmasters.com]
Author URI: http://www.qool.com/
*/

/************** PAGE STRUCTURE **************/
html,body {
height:100%;
background:url(images/bgRepeat.jpg) #f9f9f9 repeat-x;
margin:0;
padding:0;
}

p {
text-align:justify;
}

div#container {
position:relative;
width:960px;
height:auto !important;
min-height:100%;
margin:0 auto;
}

h2 {
font:bold 16px Arial, Helvetica, sans-serif;
letter-spacing:-1px;
color:#333;
margin:0;
padding:0;
}

/*HEADER CSS*/
#topHead {
height:20px;
font:11px Arial, Helvetica, sans-serif;
width: 80%;
padding: 11px;
vertical-align: middle;
}

#topHead img{vertical-align: middle; margin: 0px 10px 0px 0px}

#topHead a {
color:#FFF;
text-decoration:none;
vertical-align: middle;
}

#topHead a:hover {
color:#F60;
}



#mainHead{
height:75px;
border-bottom:2px solid #CCC;
margin:0px;
padding:0px;
}

#mainHead_left {
width:480px;
float:left;
margin: 0px;
padding: 0px;
}

#mainHead_right {
height: 47px;
width:480px;
float:right;
text-align:right;
color:#FFF;
margin: 0px;
padding: 10px 0px;
}

#logoCon {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
height:47px;
margin:16px 0;
padding:0;
}

#logoCon a {
background-position:center top;
display:block;
height:47px;
overflow:hidden;
text-indent:-5000px;
}

#logo {
background:url(images/logoMain.jpg) no-repeat;
width:305px;
}

/*Side Menu Navigation*/
ul#menuBarNav{
padding-bottom:20px;
}

ul#menuBarNav li {padding-bottom: 10px;}


#menuBarNav {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
width:228px;
margin:0;
padding:0;
}



#menuBarNav li a {
display: block;
margin:0px;
color:#D40000;
font: normal 19px "Arial Black", Arial, Impact, Helvetica, sans-serif;
letter-spacing: -1px;
text-decoration: none;
border-bottom: 1px dotted #CCCCCC;
padding: 0px 0px 1px 0px;
text-transform: uppercase;
}

#menuBarNav li a:hover { color:#FF9900;}


/*
#m1 {
background:url(images/navClothing.jpg) no-repeat;
height:43px;
}

#m2 {
background:url(images/navCrafts.jpg) no-repeat;
height:43px;
}

#m3 {
background:url(images/navTech.jpg) no-repeat;
height:41px;
}

#m4 {
background:url(images/navGreen.jpg) no-repeat;
height:41px;
}

#m5 {
background:url(images/navFurniture.jpg) no-repeat;
height:42px;
}

#m6 {
background:url(images/navSeasonal.jpg) no-repeat;
height:42px;
}

#m7 {
background:url(images/navInstruments.jpg) no-repeat;
height:42px;
}

#m8 {
background:url(images/navOutdoor.jpg) no-repeat;
height:41px;
}

#m9 {
background:url(images/navSports.jpg) no-repeat;
height:41px;
}

#m10 {
background:url(images/navToys.jpg) no-repeat;
height:41px;
}
*/

/*CONTENT CSS*/
div#content {
height:100%;
width:960px;
margin:0 auto;
padding:0;
}

#content p {
line-height:1.5em;
text-align:justify;
}

#inner {
width:960px;
height:100% !important;
float:left;
padding-top:15px;
margin:0 auto;
}

/* sidebar structure - this is the container for the content that goes here, try not to edit too much if need be */
#inner #left_column {
float:left;
width:252px;
height:100% !important;
min-height:100% !important;
padding:0;
}

#left_column #leftInner {
width:228px;
}

/* main content structure - this holds the main content, try not to edit too much if need be*/
div #inner #right_column {
float:right;
width:708px;
height:auto !important;
min-height:100%;
margin:0px 0px 25px 0px;
padding:0;
}


/* main content structure - this holds the main content, try not to edit too much if need be*/
div #inner #left_column_big {
float:left;
width:708px;
height:auto !important;
min-height:100%;
margin:0px 0px 25px 0px;
padding:0;
}

#inner #left-keywords-new {
float:left;
width:252px;
height:100% !important;
min-height:100% !important;
padding:0;
}
#left-keywords-new  ol.kw_list{
	list-style: none outside none;
}
#inner #right_column_small {
float:left;
width:252px;
height:100% !important;
min-height:100% !important;
padding:0;
text-transform: uppercase; 
}

/*LATEST-ARTICLE CSS*/
#latest-article, #latest-post, #most-commented {
color:#333;
border:2px dotted #CCC;
margin-bottom:10px;
padding:5px 10px 20px;
float:left;
}



*html #latest-article {
padding-top:15px;
}

a.post-title {
text-decoration:none;
color:#d40000;
font:bold 16px Arial,"Helvetica", Sans;
line-height:auto;
}

a.post-title:hover {
color:#F90;
}

#latest-post #post-title {
text-decoration:none;
color:#d40000;
font:bold 14pt Arial,"Helvetica",Sans;
letter-spacing:-1px;
}

#latest-post p {
color:#666;
text-align:justify;
}

a.read-more {
text-decoration:none;
color:#ff7f2a;
font:bold 12px Arial, "Helvetica", Sans;
text-transform:uppercase;
letter-spacing:0;
}

a.read-more:hover {
color:#FC0;
}

.contentdiv {
color:#666;
margin:0;
padding:0;
}

.contentdiv h2 a, .contentdiv h2{
text-decoration:none;
color:#d40000;
font:bold 22px Arial,"Helvetica",Sans;
letter-spacing:-1px;
line-height:30px;
margin:0;
padding:0;
}

.contentdiv a,small a {
text-decoration:none;
color:#ff7f2a;
}

.contentdiv a:hover,small a:hover {
text-decoration:none;
color: #FFAA00;
}

/*BREADCRUMBS CSS*/
.breadcrumb {
font-size:10pt;
color:#ff7f2a;
font-weight:700;
margin:0px; 
padding:0px;
}

.breadcrumb a {
font-size:10pt;
font-weight:700;
color:#ff7f2a;
text-decoration:none;
}

.breadcrumb a:visited  {
font-size:10pt;
font-weight:700;
color:#ff7f2a;
text-decoration:none;
}

.breadcrumb a:hover {
font-size:10pt;
font-weight:700;
color:red;
text-decoration:none;
}

ul#rPostList {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0px;
padding:0px 0px 10px 0px;
border-top: 1px solid #cccccc;
}
ul#rPostList li{margin:5px 25px 0px; padding:0px;}


#rlink {
background:url(images/relatedLinks.png) no-repeat;
width:106px;
height:15px;
padding-bottom:5px;
margin:0;
}

*html #rlink {
margin:0;
padding:0;
}

#rlink a {
text-decoration:none;
display:block;
margin:0;
padding:0;
}

#rlink a:hover {
text-decoration:underline;
display:block;
margin:0;
padding:0;
}

#reply {
background-image:url(images/postComment.png);
background-repeat:no-repeat;
width:130px;
height:15px;
padding-bottom:5px;
margin:0;
}

/* fonts */
#right_column {
color:#888;
font:10pt Arial, Helvetica, sans-serif;
}





/* SEARCH FORM STYLES */
#search {
margin:11px 0;
padding: 0px;
float:right;
}

#search .searchfield, #search #searchform {margin: 0px; padding :0px;}



#searchBox {
background:#500;
padding:0px;
}

.searchfield {
background-color:#fff6d5;
border:1px #ccc solid;
float:left;
width:380px;
font:14px Arial, Helvetica, sans-serif;
margin: 0px;
}

div#search input#s{padding: 5px; margin: 0px;}

textarea:hover {
padding:0;
}

#submit, .input-submit {
	background-color: #FF6600;
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#FFF;
	text-align:center;
	margin:0px;
	padding:5px;
	border:0px;
}

#submit:hover, .input-submit:hover{background-color:#FF9900;}



/*Side Bar Titles*/
h2.recent_article,h2.articles,h2.news,h2.blogs,h2.recent_post,h2.recent_comment,h2.most_comments,h2.top_comments,h2.recentcategory {
color:#999;
margin:0px;
padding:0px;
}

h2.popularArticles {
background:url(images/popularArticles.png) no-repeat;
width:228px;
height:29px;
margin:0;
padding:0;
}

h2.top_comments {
background:url(images/topcomments.png) no-repeat;
width:228px;
height:29px;
padding-bottom:0;
}

h2.recent_article {
background:url(images/sideArticles.png) no-repeat;
width:300px;
height:29px;
padding-bottom: 10px;
}

h2.recent_comment {
background:url(images/latestcomment.png) no-repeat;
width:300px;
height:29px;
padding-bottom:0px;
}

h2.recentcategory {
background:url(images/newArticleCat.png) no-repeat;
width:300px;
height:29px;
padding-bottom:10px;
}

/*FORMAT FOR SIDE BAR*/
.topComments {
margin:0px; padding:0px;
border-bottom:1px solid #ccc;
}

/*
.menudiv {font: 12px Arial, Helvetica, sans-serif;	text-align:left;}
.menudiv ul.cats, .menudiv ul {
	 margin: 0px;
	 padding: 0px;
	 list-style-type: none; 
	 list-style-position:outside;
	 list-style-image:none;
	 padding-bottom:0px;
}

.menudiv ul.cats li.cat-item {padding-bottom:10px;}
.menudiv ul.cats li.cat-item a, .menudiv ul.cats li.cat-item a:visited, .menudiv ul.cats li.cat-item a:active {
	 margin: 0px;
	 padding: 0px;
	 height: auto;
	 text-decoration: none;
	 color: #555;
	 zoom: 1; 
}

.menudiv ul.cats li.cat-item a:hover {
	color:#aa0000;
	text-decoration: underline;
	padding: 0px;
}*/
ul.cats li.categories {
margin-bottom:0;
}

li.categories ul li {
color:#555;
}

ul .catpager {
display:block;
color:#ccc;
text-align:center;
padding:0;
}

ul .catpager:hover {
background-color:#000 !important;
border-left:0 !important;
padding:0 !important;
}

/* latest articles and latest posts */
.recentdiv {
font:12px Arial, Helvetica, sans-serif;
padding:0;
}

.recentdiv ul {
list-style-type:none;
margin:0px 0px 20px 0px;
padding:0px;
}

.recentdiv h2 {
margin-top:0;
}

.recentdiv li {
padding-bottom:15px;
}

.recentdiv ul li a {
color:#555;
text-decoration:none;
padding:0;
}

.recentdiv ul li a:hover {
color:#FFAA00;
padding:0;
}

#sideSpacer {
padding-bottom:0;
}

/* End sidebar menu -------------------
 COMMENT FORM */
#commentBox {
background-color:#f2f2f2;
margin:10px 0 20px;
padding:10px 15px;
}

#commentform textarea {
border:1px solid #CCC;
height:120px;
width:100%;
font:12px Arial, Helvetica, sans-serif;
color:#666;
line-height:1.3em;
}

*html #commentform textarea {
width:670px;
}



/* FOOTER */
div#footer {
clear:both;
font:12px Arial, Helvetica, sans-serif;
color:#666;
background:#f9f9f9 repeat-x;
margin:0 auto;
}

div#footerWidget {
color:#333;
}

div#footerWidget a {
text-decoration:none;
color:#a00;
}

div#footerWidget a:hover {
color:#FC6;
}

div#footercontent a {
text-decoration:none;
color:#fff;
text-align:center;
}

#footerTop {
border-top:2px solid #ccc;
width:960px;
margin:0 auto;
padding-top:10px;
}

div#footercontent a:hover {
color:#FC6;
text-decoration:underline;
}

#footerWidget {
width:960px;
padding-top:20px;
margin:0 auto;
}

#footLeft,#footCenter,#footRight {
width:33%;
}

#footInCenter {
margin:0 auto;
}

.footIn {
width:300px;
color:#333;
}

.linkcomments {
font-weight:700;
}

.footIn ul li, .footIn ol li {
padding-bottom:10px;
}



.footIn ul, .footIn ol {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0px;
padding:0px;
width: 300px;
}

#footercontent {
font:11px Arial, Helvetica, sans-serif;
background:url(images/footerBotBg.jpg) repeat-x;
height:49px;
text-align:center;
color:#FFF;
clear:both;
line-height:49px;
}

div#footer #push {
clear:both;
height:20px;
}

/************** MISC CSS**************/
#divMed2 {
border-top:1px solid #cccccc;
width:100%;
margin:0px 0px 10px 0px;
padding:0px;
}

h2#comments {
background:url(images/comments.png) no-repeat;
width:84px;
height:15px;
}

.alt {
	background-color: #fff;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}

.catTitle {
font-size:14px;
font-weight:700;
}

.orange {
color:#999;
}

.postTitle h2 {
color:red;
}

#grandwrapper,#wrapper {
height:100%;
margin:0 auto;
}

#logoCon li a:hover,#menuBarNav li a:hover {
background-position:center bottom;
}

#logoCon li a:hover,#menuBarNav li a:hover {
background-position:center bottom;
}
/*--------------------*/
.kw_item a{
display: block;
margin: 0px;
padding: 0px 0px 5px 0px;
color: #d40000;
_line-height: 15px;
font-family: Arial,Helvetica,sans-serif;
font-size: 16px;
letter-spacing: -1px;
text-decoration: none;
border-bottom-width: 1px;
border-bottom-style: dotted;
border-bottom-color: #cccccc;
font-weight:bold;
}
ol#rel_kw.kw_list { 
list-style: none outside none;
}

ol#rel_kw.kw_list li{margin: 0px; padding: 0px;}

.kw_item a:hover{
color: #FF9900;
}
/*--------------------*/
div#paid .result_href a,div#paid .result_href a:hover {
color:#969696;
border:none;
margin:0;
padding:0;
}

h2 a,h2 a:visited,h2 a:active,h2 a:hover {
color:#d40000;
text-decoration:none;
margin:0;
padding:0;
}

#rlink li,#commentform .captcha p,#commentform .captchapict {
margin:0;
padding:0;
}

#commentform #inpTxt,.text_field {
border:1px solid #CCC;
width:340px;
height:30px;
padding-top:3px;
font:12px Arial, Helvetica, sans-serif;
color:#666;
}

#footLeft,#footCenter {
float:left;
}

#footRight,#footInRight {
float:right;
}


/*********** USER DEFINED ***********/
#lp_left {
width: 250px;
}



/*ADDED STYLES*/

div.clear{clear:both;}
div.newArticles{margin:0px 0px 20px 0px; padding:0px;}
div.newArticles div.imgThm{margin:0px 10px 5px 0px; padding:0px; float: left;}
div.newArticles div.imgThm img{margin:0px; padding: 3px; background: #aa0000;}
div.newArtPr{margin:0px; padding: 0px; vertical-align:top; }
ul.post-categories{margin:0px; padding:0px; list-style: none outside none;}
ul.post-categories li{margin:0px; padding: 0px;}
ul.post-categories li a{text-decoration:none; color: #666666; font-weight: bold;}

div.divider{border-bottom: 1px solid #cccccc;}
div#most-commented li{margin:0px 0px 10px 0px; padding:5px 0px; list-style: none outside none; border-bottom:1px solid #cccccc;}
div#most-commented li a{margin:0px; padding:0px; text-decoration: none; color: #aa0000; font-weight: bold;}
div#most-commented li a:hover{color:#FF9900;}
#latest-article a.post-title{margin:0px; padding:0px; font: bold 22px Arial, Helvetica, sans-serif;}

div#footInCenter li{color: #999999;}
div.footIn li a{text-decoration: none; color:#aa0000;}
div.footIn li a:hover{color: #FFAA00;}

div.footIn ul#recentArticle a{font: bold 14px Arial, Helvetica, sans-serif;}
div.footIn ul#recentArticle a#catTitle{font: bold 12px Arial, Helvetica, sans-serif; color:#666666;}
hr{border:1px solid #cccccc;}

div#right_column .navigation a{text-decoration: none; color:#aa0000; font-weight: 700;}
div#right_column .navigation a:hover{color: #FFAA00; text-decoration: underline;}

/* SPONSORED RESULTS STYLES */

div.adfeed{margin:0px 0px 15px 0px; padding:10px; border:2px dotted #CCCCCC;}

#floatsponsor {
text-align:right;
color:#BCBCBC;
font-size:0.8em;

}

span#whatsthis a { font-size:0.7em;}
div#paid,#paid table,#results { width:100% !important; }
#ads div#paid,#ads #paid table,#ads #results { width:534px !important; margin-bottom:15px; }

#content .termfeed h2.pagetitle {
margin:0 0 10px;
padding:0;
}

#content h2.pagetitle {
margin:5px 0 10px;
padding:0;
}

div#paid td,#ads div#paid td {
text-align:left;
color:#fff;
margin:0px;
padding:10px 5px 10px 5px;
}

div#paid td:hover,#ads div#paid td:hover {
color:#000000;
background-color:#eeeeee;
}

div#paid td a{
color:#FF7F2A;
margin:0px;
padding:0px;
font: bold 10px Arial, Helvetica, sans-serif;
}

div#paid td a:hover{color:#FFAA00; text-decoration:underline;}

div#paid .results_full_width_link a,#ads div#paid .results_full_width_link a {
color: #FF7F2A;
text-decoration:none;
font: bold 12px Arial, Helvetica, sans-serif;
}

div#paid .results_full_width_link a:hover,#ads div#paid .results_full_width_link a:hover {
color:#FFAA00;
text-decoration:underline;
font: bold 12px Arial, Helvetica, sans-serif;
}

div#paid .result_href a,div#paid .result_href a:hover,#ads div#paid .result_href a,div#paid .result_href a:hover {
color:#333;
font-size:10px;
text-decoration:none;
}

div.relSearch{margin:0px 0px 10px 0px; paddgin:0px;}
div.relSearch h2{margin:0px 0px 10px 0px; padding:0px;}
div.relSearch a{text-decoration: none; color:#FF7F2A;}
div.relSearch a:hover{color:#FFAA00;}

.meta{ font: 10px Arial, Helvetica, sans-serif;	}
.meta a{text-decoration: none; color:#FF7F2A;}
.meta a:hover{color:#FFAA00;}


div#relatedPost{ margin: 0px 0px 20px 0px;}
div#relatedPost li{ margin: 5px 0px 0px 10px;}

.aligncenter,
div.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
}

.alignleft {
   float: left;
}

.alignright {
   float: right;
}

.wp-caption {
   border: 1px solid #ddd;
   text-align: center;
   background-color: #f3f3f3;
   padding-top: 4px;
   margin: 10px;
   /* optional rounded corners for browsers that support it */
   -moz-border-radius: 3px;
   -khtml-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
}

.wp-caption img {
   margin: 0;
   padding: 0;
   border: 0 none;
}

.wp-caption p.wp-caption-text {
   font-size: 11px;
   line-height: 17px;
   padding: 0 4px 5px;
   margin: 0;
}

div.main img{
	padding: 3px;
	border: 1px solid #cccccc
}

/* =====================   added style for global translation plugin =========================*/
#languages{
	display:block;
	width:95%;
	font-size:12px;
	padding-bottom: 3px;
	border:#fff solid 1px;
}
#languages .lng_picker{ 
	display:inline;
	padding-bottom: 5px;
	background:#fff;
	font-family:Arial, Helvetica, sans-serif;
}
#translation_bar{
	background:#fff;
	display:inline;
}

#translation_bar img{
	padding: 1px;
}

.adsHeader{
 	clear:both;
}

/* =====================   added style for newest article by category (footer area) =========================*/
#footInCenter ul li h4, #footInCenter ul li h3 {
	padding: 0;
	margin: 0;
}
#footInCenter ul li h4{
	font-size:14px;
}
#footInCenter ul li h3 a{
	font-size:12px;
	font-weight:normal;
}
/*--------- sitemap --------------*/
div.ddsg-wrapper {
    text-align: left !important;
}

div.ddsg-wrapper  ul{
    display: block;
	margin-left: 20px;
    list-style-type: square;
}

div.ddsg-wrapper  a{ 
   float: none; 
   margin: 10px 0px 10px 0pt;
   width:auto;
} 

div.ddsg-wrapper ul li a{
   font: normal bold 14px Arial,Helvetica,Verdana !important; 
} 

div.ddsg-wrapper ul li ul li a{
   font: normal bold 12px Arial,Helvetica,Verdana !important; 
   color: #068;
}

div.ddsg-wrapper ul li ul li ul li a{
   font: normal 12px Arial,Helvetica,Verdana !important; 
   color: #09B;
}

div.ddsg-wrapper ul li ul li ul li ul li a{
   font: normal 12px Arial,Helvetica,Verdana !important; 
   color: #000;
}

div.ddsg-wrapper ul li ul{
    list-style-type: disc;
} 

div.ddsg-wrapper ul li ul li ul{ 
    list-style-type: circle;
} 

div.ddsg-wrapper ul li ul li ul li ul{
    list-style-type: square;
} 

div.ddsg-wrapper li{
   margin: 10px 0 0 0; 
}