/*
Theme Name: DealsCompleteInBlue
Theme URI: http://www.dealscomplete.com
Description: Just for DeaslComplete.com
Version: 1.0
Date: 03/16/2009
Author: AJ
Author URI: http://www.dealscomplete.com
Tags: dealscomplete
*/


/*////////// GENERAL //////////*/
body { 
   font: 12px Arial, Tahoma, Verdana;
   margin: 0;
   padding: 0;

   font: 12px Verdana, "Trebuchet MS",sans-serif;
   color: #444444;
}

img {
   border: none;
}
 
iframe {
   margin: 0;
   padding: 0;
}
 
/*////////// TYPOGRAPHY //////////*/		
h1 { 
   color: #4a71a8;
   /*font: 24px 'Lucida Grande', Arial, Helvetica, sans-serif;*/
   font: bold 22px Arial,Tahoma,Verdana;
   line-height: 27px;
   margin: 10px 0;
   padding: 0;

   font-family: "Trebuchet MS",sans-serif;
   padding-bottom: 5px;
   margin-bottom: 5px;
   color: #333333;
   border-bottom: 1px solid #d9d9d9;
}

h2 { 
   color: #254574;
   font-size: 14px;
}

h3 { 
   color: #254574;/*#a0b8d0;*/
}

h4 { 
   color: #7da2cc;
}

h5 { 
   color: #ccdae7;
}

p {
}

/*////////// HYPERLINK //////////*/
a, a:visited { 
   color: #034cab;/*#254574;/;/*#ccdae7;*/
   text-decoration: none;
}

a:hover { 
   color: #2c243b; /*#254574;/*#7da2cc;*/
   text-decoration: none;
}

/*////////// MAIN BOX //////////*/
#container {
   width: 970px;  
   margin: 0 auto;
   /*border: 1px solid yellow;*/
}

#header {
   /*padding: 0 40px;*/
}

#logo {
   float: left;
   width: 220px;
   height: 105px;
   margin: 0;
   text-indent: -9999em;
   background: url(images/dealscomplete.png) no-repeat top left;
}

#header1 { 
   float: left;   
   margin-bottom: 10px;
   width: 100%;
}

#top1 {
   float: right;
   width: 720px;
   margin: 15px 0 0 0;
   padding: 0px;
   /*border: 1px solid #1188c1;*/
}

#top1 h3 {
   float:left;
   margin-top: 5px;
   font-size: 12px;
}

#top1 h3 a{
    text-decoration: underline;
}

#searchform {
   /*background-color: #1188c1;*/
   width: 450px;
   height: 69px;
   float: left; 
   padding: 20px;
   height: 30px;
   background: url(images/bluebar.png) no-repeat top left;
}

#search-text {
   font: normal 16px Arial, Helvetica, sans-serif;
   width: 320px; 
   float: left;
   color: #657593; /*#333333*/
}

#search-button { 
   margin-left: 10px;
   background: url(images/search-btn.jpg) no-repeat top left;
   /*border: solid 1px #eaeaea;*/
   font-size: 16px;
   font-family: sans-serif, Arial, Verdana, Tahoma, "Courier New", Courier;
   color: #fff; 
   border: none;
   padding: 4px 5px 4px 15px;
   width: 100px;
}

#optin {
   /*background-color: #37b3e6;*/
   width: 220px;
   height: 54px;
   float: left;
   background: url(images/bluebar2.png) no-repeat top left;
   padding: 15px 0 0 10px;
   color: #4a71a8;
   font: 11px Arial, Helvetica, sans-serif;
}

#optin-text {
   font: normal 12px Arial, Helvetica, sans-serif;
   width: 140px; 
   height: 18px;
   float: left;
   color: #657593; /*#333333*/
   border: 1px solid #657593;
   margin: 3px 5px 0 0;
   padding: 0;
}

#optin-button { 
   background: url(images/send-btn.png) no-repeat top left;
   font: bold 12px Arial, Helvetica, sans-serif;
   color: #fff; 
   border: none;
   width: 49px;
   height: 21px;
   margin: 3px 0 0 0;
}

#socials {
   float: right;
   width: 220px;
   text-align: right;
   margin: 2px 10px 0 0;
   padding: 0px 0;
   font: 11px Arial, "Lucida Sans Unicode", Helvetica, Verdana, Tahoma, sans-serif;
}

#header2 h1, #header2-home h1 {
   margin: 0;   
   font-family: Arial, "Lucida Sans Unicode", Helvetica, Verdana, Tahoma, sans-serif;
}

#header2 h2 {
   font-size: 12px;
}

#header2 h1, #header2-home h1 {
   font: 30px Arial, "Lucida Sans Unicode", Helvetica, Verdana, Tahoma, sans-serif;
}

#header2-home h2 {
   margin: 5px 0 0 0;
   font: 24px Arial, "Lucida Sans Unicode", Helvetica, Verdana, Tahoma, sans-serif;
   color: #ff4e00;
}

#header2 h2 {
   margin: 5px 0 0 0;
   font: 24px Arial, "Lucida Sans Unicode", Helvetica, Verdana, Tahoma, sans-serif;
}

#header2-home h2 a {
   color: #ff4e00;
   text-decoration: underline;
}

#header2-home h3 { 
   margin: 15px 0 10px 0;
   color: #333;
   font: 14px Arial, "Lucida Sans Unicode", Helvetica, Verdana, Tahoma, sans-serif;
   font-weight: normal;
}

/*////////// MAIN BOX //////////*/
#main {
   margin: 10px 0 0 0;   
   border-top: 1px solid #f6f6f6;
}

#main-home {
   margin: 0;   
   padding: 15px 0 0 0;
   border-top: 1px solid #f6f6f6;
}

#main-left {
   width: 650px;
   float: left;
}

#banner-main {
   /*background-color: #1188c1;*/
   float: left;
   width: 300px;
   height: 250px;
   margin: 15px 0 0 0;
   padding: 0;
   font-size: 10px;
}

/*////////// SIDEBAR-LEFT BOX //////////*/
#sidebar-left {
   float: left;
   width: 160px;
   margin: 0;
   padding: 0;
}

#sidebar-left h3
{
   font-size: 12px;
   color: #254574;
   margin: 5px 0;
   /*
   padding: 2px 0 2px 5px;
   background-color: #1188c1;
   color: #f6f6f6;*/
}

#banner-left {
   background-color: #1188c1;
   float: left;
   margin: 15px 0;
   padding: 0;
   color: #f6f6f6;
   font-size: 10px;
   width: 160px;
}

/*////////// POPULAR TAGS BOX //////////*/
ul.popular-tags, #recent-posts ul {
   margin: 0;
   padding: 0;
   font-size: 11px;
   /*border: 1px solid #ccdae7;
   font: 11px Arial, Tahoma, Verdana;*/
}

ul {
   margin: 0;
   padding: 0;
}

#recent-posts ul, #categories-392667401 ul {
   border: none;
}

ul.popular-tags li, #recent-posts li, #categories-392667401 li {
   list-style: none;
   color: #254574; 
   /*background-color: #f4f4f4; */
   padding: 2px 0;
   margin: 0 0 1px 0px;
   border-bottom: 1px solid #f6f6f6;
} 

#recent-posts ul li, #categories-392667401 li.cat-item {
   margin-left: 0;
}

ul.popular-tags li:hover { 
   /*background-color: #eeeeee;*/
}

ul.popular-tags li a, #recent-posts ul li a, #categories-392667401 ul li a { 
   /*color: #254574;#4a71a8;*/
   display: block;
}


/*////////// LATEST BOX //////////*/

#f-block-latest {
   /*background-color: blue;*/
   float: right;
   width: 470px;
   margin: 0 10px;
   padding: 0;
   line-height: 20px;
}

div.entry a, div.entry a:visited {  
   text-decoration: underline;
}

div.entry a:hover { 
   text-decoration: underline;
}

#f-block-latest h3 {
   font: bold 18px Verdana,Arial,Helvetica,sans-serif, Arial, "Lucida Sans Unicode", Helvetica, Verdana, Tahoma, sans-serif;
}

#f-block-latest h4 {
   font: 12px Arial, "Lucida Sans Unicode", Helvetica, Verdana, Tahoma, sans-serif;
}

#populardeals, #dealsbyalphabet { 
   height: 50px;
   line-height: 50px;    
   margin: 0;
}

#populardeals h4 {
   float: left;
   width: 300px;
}

#dealsbyalphabet h4 {
   float: left;
   width: 300px;
}

#populardeals h4, #dealsbyalphabet h4 { 
   font: 20px Arial, "Lucida Sans Unicode", Helvetica, Verdana, Tahoma, sans-serif;
   margin: 0;
   padding: 12px 0;
   color: #333; /*#e45e06;*/ 
}

#populardealslist, #dealsbyalphabetlist {
   float: left;
   width: 650px;
   margin: 0 0 0 10px;
   padding: 0;
   font-weight: bold;   
}

#populardealslist li, #dealsbyalphabetlist li { 
   list-style: none;
   margin: 0;
   display: inline;
   float: left;   
}

#dealsbyalphabet li {
   text-transform: uppercase;
}

#populardealslist li a, #dealsbyalphabetlist li a {
   padding: 7px;
   margin: 10px 0 0 1px;  
   text-decoration: none;
   height: 30px;
   font-size: 14px;
   line-height: 30px;
   background-color: #0f84ba; /*#1188c1*/;
}

#dealsbyalphabetlist li a {
   font-size: 12px;
}

#populardealslist li a:link, 
#populardealslist li a:visited,
#dealsbyalphabetlist li a:link,
#dealsbyalphabetlist li a:visited { 
   color: #fff;
}

#populardealslist li a:hover, 
#dealsbyalphabetlist li a:hover {
   background-color: #e45e06;
}

/*////////// RECENT BOX //////////*/
#recent h4 { 
   margin: 25px 0 10px 0;
   padding: 0;
   color: #025278;   
   font: 24px Arial, "Lucida Sans Unicode", Helvetica, Verdana, Tahoma, sans-serif;
}

#recentbox {
   width: 960px;
   background-color: #0b4a84; /*#1188c1;*/
   border: 5px solid #aec1d3; /*#37b3e6;*/
   float: left;
   margin: 0;
   padding: 0;
}

#recentdealslist {
   padding:0 50px 50px 50px;
   margin: 0;
   font-weight: bold;
}

#recentdealslist li {
   list-style: none;
   margin: 10px 0;
   padding: 0;
   display: inline;
   text-transform: lowercase;
   float: left;
   width: 25%;
}

#recentdealslist li a {
   height: 30px;
   text-decoration: none;
   font-size: 22px;
   line-height: 30px;
   font-weight: normal;
   float: left;    
   color: #fff;
}

#recentdealslist li a:link, 
#recentdealslist li a:visited { 
   color: #fff;
}

#recentdealslist li a:hover {
   color: #ff4e00;
}

#weeklydeals img.thumb100 {
   width: 100px;
   height: 100px;
   float: left;
   margin:18px 10px 0 0;
   border: 1px solid #ccdae7;
}

#weeklydeals h3 {
   font-size: 14px;
   margin:0;
}

#weeklydeals h4 {
   font-size: 10px;
   margin-top:5px;
}

/*////////// FOOTER BOX //////////*/
#footer {
   /*background-color:red;*/
   margin: 15px 0 10px 0;
   padding: 5px 0; /*5px 0 15px 0;*/
   font-size: 11px;
   height: 30px;
}

/*////////// FUNNY CLASS //////////*/

ul.f-block, ul.f-block-latest {
   /*background-color: blue;*/
   float: left;
   width: 300px;
   margin: 10px 20px 10px 0;
   padding: 0;
}

ul.f-block-latest {
   width: 470px;
}

li.f-title {
   list-style: none;
   font-weight: bold;
   text-transform: uppercase;
   padding-bottom: 8px;
   color: #254574;
   /*letter-spacing: 0.05px;*/
}

li.f-title a { 
   color: #254574;/*#4a71a8;*/
   display: block;
}

li.f-title h3 {
   margin: 0;
   padding: 0;
   font-size: 12px;
}

li.item {
   list-style: none;
   height:24px;
}

 li.item-latest {
   list-style: none;
   margin: 10px 0;
}
 
li.item h4 {
   font-size: 12px;
   line-height: 14px;
   width: 300px;
   height: 12px;
   font-weight: normal;
   position: absolute;
   margin: 0;
   padding: 4px 0;
   overflow: hidden;
   border-top: 1px solid #dddddd;
}

li.item h4:hover {
   height:auto;
   overflow:auto;
   background:#f6f6f6;
   z-index:11;
}

li.item-latest h4 {
   margin: 0;
}

li.item a {
   display: block;
}

.clr {
   clear: both;
}

.fl {
   float: left; 
}

.fr {
   float: right; 
}

.tl {
   border-top: 1px solid #f6f6f6;
}

.bl {
   border-bottom: 1px solid #ccdae7;
}

.bm10 {
   margin-bottom: 10px;
}

.postmetadata {
   font-size: 10px;
   font-family: Verdana, Tahoma, "Trebuchet MS",sans-serif;
   line-height: 18px;
}

#comment {
     width: 470px;
}