/*  
Theme Name: Deal Pilot
Description: Theme Designed for Deal Pilot 
Version: 1.00
Author: Qool Media Inc. [francis_wong@iwebmasters.com]
Author URI: http://www.qool.com/
*/

/************** PAGE STRUCTURE **************/
html, body {
	height:100%;
	margin: 0px;
	padding: 0px;
	text-align:center;
font-family: Arial, Helvetica, sans-serif;
}


#container {
	width:910px;
	_height: 100%;
	min-height:100%;
	margin:0 auto;
	border:1px #fff solid;
	text-align:left;
}

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

/*HEADER CSS*/
div#header{
	width: 910px;
	background: url('images/dp-header-fixed.jpg') no-repeat;
	display: block;
	margin: 0px 0px 5px 0px;
	padding: 0px;
}

div#header div#header-inner{
	width: 880px;
	margin: 0px auto 0px;
	display: block;
	padding: 0px 0px 20px 0px;
}

div#header-inner div#header-left{
	width: 130px;
	float: left;
	display: block;
	padding: 0px 0px 0px 10px;
}

div#header-inner div#header-right{
	width: 600px;
	float: right;
	display: block;
	position: relative;
}

ul#main-nav{
	list-style: none outside none;
	padding: 0px;
	margin: 0px auto;
	clear: both;
	width: 905px;
}

ul#main-nav li{
	float: left;
	margin: 0px;
	padding: 0px;
}

ul#main-nav li a{
	background-position:center top;
	display:block;
	height:46px;
	overflow:hidden;
	text-indent:-5000px;
	width: 107px;
}

#main-nav-1{ background: url(images/dp-nav-computer.jpg) no-repeat; margin: 0px 3px 0px;}
#main-nav-2{ background: url(images/dp-nav-health.jpg) no-repeat; margin: 0px 3px 0px;}
#main-nav-3{ background: url(images/dp-nav-office.jpg) no-repeat; margin: 0px 3px 0px;}
#main-nav-4{ background: url(images/dp-nav-electronics.jpg) no-repeat; margin: 0px 3px 0px;}
#main-nav-5{ background: url(images/dp-nav-largekitchen.jpg) no-repeat; margin: 0px 3px 0px;}
#main-nav-6{ background: url(images/dp-nav-homeapp.jpg) no-repeat; margin: 0px 3px 0px;}
#main-nav-7{ background: url(images/dp-nav-event.jpg) no-repeat; margin: 0px 3px 0px;}
#main-nav-8{ background: url(images/dp-nav-flower.jpg) no-repeat; margin: 0px 0px 0px 3px;}

ul#main-nav li a:hover{
	background-position:center bottom;
}

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

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

#inner {
	width:900px;
	height:100%;
	padding-top:15px;
	margin:0 auto 20px auto;
}


div#main-content-home{
	width: 910px;
	padding:0px;
	margin: 0px;
}

div#main-content-home p{
	font: 12px Arial, Helvetica, sans-serif;
	text-align: justify;
	line-height: 1.6em;
	color: #666666;
	margin: 0px 0px 15px 0px;
}

div#main-content{
	width: 97%;
	margin: 0px auto;
	padding: 0px;
	position: relative;
	
}

div#home-left-column{
	width: 174px;
	float: left;
}

div#home-left-column ul#main-category{
	width: auto;
	list-style: none outside none;
	margin: 0px;
	padding: 0px;
}

div#home-left-column ul#main-category li{
	margin: 0px 0px 10px 0px;
	padding: 0px;
}

div#home-left-column ul#main-category li a{	
	width: auto;
	border-bottom: 2px solid #CCCCCC;
	padding: 0px 0px 5px 0px;
	margin: 0px;
	text-decoration: none;
	color: #035E9E;
	font: 12px Arial, Helvetica, sans-serif;
}

div#home-left-column ul#main-category li a:hover{color: #FF9900;}

div#home-center-column{
	width: 515px;
	float: left;
	margin: 0px 0px 0px 18px
}

div#home-center-column p{font: 12px Arial, Helvetica, sans-serif;}
div#banner-switch{
	margin: 0px 0px 20px 0px;
}

div#home-right-column{
	width: 174px;
	float: right;
}

h3#popular-searches{
	font: bold 17px Arial, Helvetica, sans-serif;
	letter-spacing: -1px;
	color: #FF7F00;
	margin: 0px;
	padding: 0px;
	border-bottom: 3px solid #FF7F00;
}

div#search-link{margin: 10px 0px; padding: 0px; line-height: 10px;}
div#search-link a{text-decoration: none; font: 12px Arial, Helvetica, sans-serif; color: #035E9E; display: block; margin: 0px; padding: 0px;}
div#search-link a:hover, a:hover{color:#FF9900;}

table#cat-table tr td{padding: 3px;}


/*MAIN MASHUP CONTENT*/

div.content-row{
	width: 900px;
	clear: both;
	margin: 0px auto 30px;
	padding: 0px;
	border: 0px none;
	
}

div.content-row h2{display: block; color: #ffffff; background: #FF6500; padding: 2px 3px;}
div.mashup-content{ margin: 0px; padding: 0px; border: 1px solid #DEDEDE; padding: 10px;}
div.mashup-row{
	clear: both;
	margin: 0px 0px 20px 0px;
	border-bottom: 1px solid #CCCCCC;
	padding: 0px 0px 8px 0px;
}

div.mashup-row p.description{
	font: 12px Arial, Helvetica, sans-serf;
	line-height: 1.6em;
	color: #666666;	
}

div.mashup-row h3 a{font: bold 14px Arial, Helvetica, sans-serif; color: #035E9E;}
div.mashup-row h3 a, li a{font: bold 11px Arial, Helvetica, sans-serif; color: #035E9E; display: block}
div.mashup-row h3 a:hover, li a:hover{color: #FF9900;}
div.mashup-row a{color: #035E9E;}
div.mashup-row a:hover{color: #FF9900;}
div.mashup-row a img.thumbnail{
	width: 65px;
	float: left;
	margin: 0px 5px 0px 0px;
	border: 1px solid #FF8500;
	padding: 2px;
}

div#shopping{
	float:right;
	width:48%;
}

div#clacker{
	width: 48%;
	height: auto;
	float: left;
}

div#youtube{
	margin: 0px;
	width: auto;
}

div#youtube ul{list-style: none outside none; margin: 0px; padding: 0px;}
div#youtube ul li{float: left; margin: 0px 25px 0px 15px; padding: 0px;}
div#youtube meta{font: 10px Arial, Helvetica, sans-serif;}

div#answer div.mashup-row .thumbnail{
	width: 50px;
	height: 50px;
}

div#answer{
	width: 48%;
	float: left;
}

div#relatedKeywords{
	width: 48%;
	float: right
}

ol.kw_list{
	list-style: none inside none;
	text-align: justify;
	height: auto;	
	margin: 0px auto;
}

ol.kw_list li{
	float: left;
	margin: 0px 10px 5px 0px;	
}	

ol.kw_list li.kw_item a{
	color: #035E9E;
	font: bold 13px Arial, Helvetica, sans-serif;
}
ol.kw_list li.kw_item a:hover{color: #FF9900;}

/* 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;
}


/*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 {
	padding: 0px;
	margin: 0px;
	position: absolute;
	top: 35px;
	right: 15px;
	width:520px;


}

img#search-title{
	width: 261px;
	height: 23px;
	position: absolute;
	right: 277px;
	top: 10px;
}

#search input#s{
	padding: 5px;
	font: 20px Arial, Helvetica, sans-serif;
	border: 3px solid #FFFFFF;
	background: #EFEFEF;
	width: 400px;
	height: 26px;
	margin: 0px;
	vertical-align: top;
}

#searchform{
	margin: 0px; padding: 0px;
	height: 42px;
}

#search #submit{
	border: 0px none;
	background: url('images/db-search-button.jpg') no-repeat;
	text-indent: -5000px;
	overflow: hidden;
	margin: 0px;
	padding: 0px;
	height: 42px;
	width: 98px;
	vertical-align: middle;
}

/*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;
	margin:0 auto;
	background: url('images/dp-footer.jpg') no-repeat;
	width: 920px;
	height: 43px;
	text-align: center;
	color: #ffffff;
	padding: 15px 0px;
	display: block;
	position: relative;
}

div#footer a{
	color: #FFFF00;
}


/************** 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 {

margin:0 auto;
padding: 0px;
position:relative;
}

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


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
}

.clear{clear: both;}


/*** AD STYLES ***/
div#top_adblock{
	width: 46%;
	float: left;
	border: 1px solid #DEDEDE;
	padding: 12px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	display: block;
	
}

div#mid_adblock, div#mid_adblock .paid{
	width: 47%;
	margin:0px;
	float: right;
	border: 1px solid #DEDEDE;
	padding: 12px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	display:block;

}

.item-price {
    display:block;
    padding: 5px;
	font-weight:700;
}

a.meta-vid-title{
	color: #035E9E;
	font-size: 10px;
	text-decoration: underline;
}

div#vid-header{color: #ffffff; background: #FF6500; padding: 2px 3px; position: relative; }

.paging {
	position: absolute;
	top: 5px;
	right: 5px;
	font: 12px Arial, Helvetica, san-serif;
}

.paging a, a:visited {
    text-decoration:none;
    color: #fff;
}

.paging a:hover {
    text-decoration:underline;
}
/* sbar */
.sbar{ text-align:right; padding:10px 10px 0 0; font-size:12px;}
.sbar a{ color:#333399 !important; text-decoration:none;}
h1.srch{ font-size:16px; color:#FFFFFF; border:#FFF solid 2px; background:#FF6600; width:97%; margin:0 auto; padding:5px;}

#qbox{ margin:5px; padding:0; display:block;}
#qbox h3{ color:#fff; margin:0; background:#FF6600; padding:5px;} 
#qbox2{margin-left: 250px; width: 365px; text-align:center;}

.nopad{ padding:0 !important; }
#relatedKeywords2{
	width: 200px;
	float: right;
}
ol.kw_list2{
	padding:0;
	margin:0;
}
ol.kw_list2 li{
	list-style:none;
	padding:5px;
	border-bottom:#CCCCCC solid 1px;
}
ol.kw_list2 li a{
font-size:14px !important;
text-decoration:none  !important;
color:#035E9E;
}
#clacker.clkr{ width:680px !important;}
.mg_link{ text-decoration:none; color:#FFFFFF; padding:2px; font-size:12px;}
