/*
Theme Name: New
Theme URI: http://www.wpcoupon.com/
Description: New Theme for WP Coupon Main Site
Version: 1.0
Author: WP Coupon
Author URI: http://www.wpcoupon.com/
*/

/*=== Setup ===*/

/* Import RESET styling for grid framework*/
@import url('library/css/reset.css');

/* Import TEXT styling for grid framework*/
@import url('library/css/text.css');

/* Import GRID styling for grid framework*/
@import url('library/css/960.css');

/* Import GRID styling for grid framework*/
@import url('skins/1-default.css');

/*	--------------------------------------------------
Global Reset - Resets all browser defaults to 0
-------------------------------------------------- */

html, body { margin:0; padding:0; }
h1, h2, h3, h4, h5, h6, p, blockquote, address, big, cite, code, em, font, img, small, strike, sub, sup, li, ol, ul, fieldset, form, label, legend, button, table, caption, tr, th, 		
td { margin:0; padding:0; border:0; font-weight:normal; font-style:normal; font-size:100%; line-height:1; font-family:inherit; text-align:left; }
table { border-collapse:collapse; border-spacing:0;  }

ul { list-style:none; }
blockquote:before, blockquote:after { content:""; }
.fix{ clear: both; height: 1px; margin: -1px 0 0; overflow: hidden }
.fl, .fll, .aleft { float:left }
.fr, .frr, .aright { float:right }
.ac, span .ac{ text-align:center }
.ar, span .ar{ text-align:right }
.al, span .al{ text-align:left }
a { text-decoration:none; }
a:hover { text-decoration:underline }
.imgleft { border:2px solid #CCCCCC; float:left; margin:0 15px 15px 0;  }
.imgleft_none { float:left; margin:0 15px 15px 0; }
.imgright_none { float:right; margin:0 0 15px 15px; }
.aright { float:right; margin-bottom:15px; }
.imgright { border:2px solid #CCCCCC; float:right; margin:0 0 15px 15px; }

/*	--------------------------------------------------
 Structure
 -------------------------------------------------- */

#header { padding:40px 10px 28px 0px; }
#banner { padding:45px 10px 20px 10px; position:relative; min-height:300px; _height:300px;   }
#wrapper { padding:20px 10px; height:100%; overflow:hidden; }
#content { float:left; }
#content-in { float:right; }
#sidebar { float:right; }
#sidebar-in { float:left;  }
.sidebar-in_top {   }
.sidebar-in_bottom { min-height:500px; _height:500px; padding-top:20px;  }
#content-blog { float:left; }
#sidebar-blog { width:300px; float:right;   }
.sidebar-blog_top {  }
.sidebar-blog_bottom { min-height:500px; _height:500px; padding-top:20px; padding-left:20px;  }
#page_head {  font-size:28px; padding:15px 10px; margin-bottom:1px;  }
#page_head h1 { margin:0; padding:0 20px 0 10px;  }
a.post-edit-link{ color:#666 }
a.post-edit-link:hover{ color:#000 }
#footer { padding:13px 10px 15px 10px; height:100%; overflow:hidden; }


/*	--------------------------------------------------
Header
-------------------------------------------------- */
h1.logo { position: relative; display: block; font-size:18px; padding:0; margin:0; float:left; }
.logo span { width: 100%; height: 100%; position:absolute; bottom:0; left:0;    }
.logo span, .logo span a { width:160px; height:28px;  }
.logo span a { display:block; cursor:pointer; }
.logo a:hover { text-decoration:none; }
#header #logo-spot{ display: block; font-size:18px; padding:0; margin:0; float:left; }
#header .blog-title a{ color:#222222; font:bold 38px Verdana; padding:0; margin:0 }
#header .blog-title a:hover{ text-decoration:none; color:#666666 }
#header .blog-description{ color:#666666 }

/*---------TOP NAVIGATION for PAGES---------  */
#nav ul { float:right; margin:0px; padding:8px 0px 0px 10px; height:25px; }
#nav li { float:left; list-style-type:none; margin:5px 4px 0px 15px; padding:0px; overflow:hidden; line-height:15px;  }
#nav ul li:hover a, #nav ul li.hover a, #nav ul li.current_page_item a { text-decoration:none; }
#nav ul li.current_page_item a:hover { text-decoration:none; }
#nav ul li a { font-family:Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold; text-decoration:none; display:block;  padding:9px 18px 8px 5px; margin:0px 0px 0px 15px; text-transform:uppercase;  }
#nav ul li a:hover { text-decoration:none; color:#000; }
#nav ul li:hover, #nav ul li.hover, #nav ul li.current_page_item {}
#nav ul li:hover a, #nav ul li.hover a, #nav ul li.current_page_item a {  }

/*	--------------------------------------------------
Banner
-------------------------------------------------- */
#banner h2 { margin:0; padding:0; font-size:48px;  font-weight:bold;  }
#banner h3 { margin:-10px 0 12px 0; font-size:24px; font-weight:normal; line-height:normal; }
#banner p { margin:0; padding:0 0 8px 0; font-size:14px; line-height:20px; }
.productrays { position:absolute; right:-85px; top:0; width:470px; height:334px; padding:40px 0 0 100px;   }
.product_desc { width:549px; float:left; padding-top:10px; }
.productrays img { float:left; }
#banner #product { height:100%; overflow:hidden; text-align:center; position:relative; height:274px;   }
#banner .shadow { width:956px; text-indent:-9009px; position:absolute;  bottom:0; left:5px; z-index:1; }
#banner .buttonbar { text-align:center; margin:0 auto; padding-top:15px;   }
.action_button a { width:158px; padding-right:10px; height:28px; font:bold 16px Arial, Helvetica, sans-serif; text-align:center; padding-top:6px; line-height:20px;  display:block; text-decoration:none; margin-right:10px; float:left;  }
.action_button a:hover { }

/*	--------------------------------------------------
content
-------------------------------------------------- */

.feature_box { padding:0; margin:0; }
.fspacer { margin-bottom:50px;  }
.feature_box h3 { padding:0px 5px 0px 0px; font-size:16px; font-weight:bold; }
.feature_box img { float:left; }
.feature_box_content { width:238px; float:right; }
.feature_box_content p { margin:0; padding:0 0 8px 0; }
p { margin:0; padding:0 0 8px 0; line-height:18px;  }
#content ul { margin:0; padding:0; list-style:none; }
#content li { margin:0 0 8px 0; padding:0 0 0 8px; line-height:18px; }
p.planprice { margin:20px 0 10px 0; padding-top:5px; text-align:center; font-size:22px; font-weight:bold; }
.startnow a { width:141px;  padding-right:10px; height:22px; font:bold 14px Arial, Helvetica, sans-serif; text-align:center; padding-top:6px;  display:block; text-decoration:none; margin-right:10px; margin-left:28px;}
.startnow a:hover {  }
.plan_spacer { margin-left:20px;  }
blockquote { margin:10px 0 20px 0; padding:0 0 15px 35px; } 
blockquote p { font-size:16px; font-weight:bold; margin:0; padding:0 0 5px 0; }
blockquote cite { font-size:12px; font-style:normal; float:right; height:22px; display:block; float:right;  }
.posts h1 {	font-size: 25px }
.posts h2 {	font-size: 23px }
.posts h3 {	font-size: 21px }
.posts h4 {	font-size: 19px }
.posts h5 {	font-size: 17px }
.posts h6 {	font-size: 15px }
dl,hr,h1,h2,h3,h4,h5,h6,ol,ul,pre,table,address,fieldset { padding:10px 0 5px 0; margin:0 }
p { padding:0px 0 10px 0; line-height:22px; margin:0;  }
p em { line-height:20px; }
code { line-height:18px; background:#ccc; }

/*	--------------------------------------------------
#content-blog
-------------------------------------------------- */

#content-blog .posts { margin-bottom:35px; }
#content-blog .posts h2 { margin:0; padding:0 0 5px 0; font-size:23px; } 
#content-blog .posts h2 a { }
#content-blog .posts h2 a:hover { }
#content-blog p.post_bottom { padding:5px 0 5px 0;  }
#content-blog p.post_bottom a { text-decoration:underline; }
#content-blog .posts p { line-height:22px; margin:0; padding:0 0 10px; }

/*	--------------------------------------------------
content-in 
-------------------------------------------------- */
#content-in h2, #content-blog h2 { margin:0 0 8px 0; padding:0 0 5px 0; font-size:22px; font-weight:normal; } 
#content-in h6, #content-blog h6 { margin:12px 0 5px 0; padding:0; font-weight:bold; } 
#content-in ul, #content-blog ul { margin:0; padding:0; list-style:none; }
#content-in li, #content-blog li { margin:0 0 3px 0; padding:2px 0 5px 24px; line-height:18px; }
#content-in ol, #content-blog ol { margin:0 0 0 18px; padding:0 0 10px 5px; list-style-type:decimal;  line-height:18px; }
#content-in ol li ol, #content-blog ol li ol { margin:8px 0 5px 18px; padding:0 0 0 0; background:none; }
#content-in ol li, #content-blog ol li { margin:0 0 5px 0; padding:0; background:none; font-size:13px;  }

/*---------PAGE NAVIGATION - pagination --------- */
.pagination { width: 100%; font-size: 12px; font-weight: bold; padding:0 }
.Navi { float: right; padding: 0 0 20px 0 }
.Navi a { color: #000; display: block; float: left; padding: 3px 8px 3px 8px; height:17px; text-decoration: none !important; border:1px solid #cccccc; margin-left: 4px }
.Navi a:hover { color:#000;  }
.Navi .on { color:#fff; display: block; float: left; font-size: 12px; padding: 3px 9px; margin-left: 4px;  }

/*	--------------------------------------------------
sidebar 
-------------------------------------------------- */
#sidebar h2 { margin:0 0 8px 0; padding:0 0 5px 0; font-size:14px; font-weight:bold; text-transform:uppercase; } 

/*	--------------------------------------------------
sidebar-in
-------------------------------------------------- */

#sidebar-in ul { margin:0; padding:0; list-style:none; }
#sidebar-in li { margin:0;  font-size:14px;  }
#sidebar-in li a { display:block; padding:8px 0 10px 20px; text-decoration:none;   }
#sidebar-in li a:hover {  display:block; padding:8px 0 10px 20px;  }
#sidebar-in ul li ul{ margin:0; padding:0 0 0 20px; list-style:none;  } 
#sidebar-in ul li ul li a { background:transparent !important; margin-bottom:1px; color:#666 !important; font-size:14px; padding-left:15px;  }
#sidebar-in ul li ul li a:hover { background:#fff url(images/bullet3.gif) no-repeat left !important; margin-bottom:1px; color:#000 !important; padding-left:15px; }
#sidebar-in li.current_page_item a, #sidebar-in li.current_page_parent { display:block;  background:#fff; color:#000;  font-weight:bold;  }
#sidebar-in li.current_page_parent { border-bottom:1px solid #ccc; color:#000; }
#sidebar-in ul li ul li.current_page_item a { background:#fff url(images/bullet3.gif) no-repeat left !important; margin-bottom:1px; color:#000 !important;  }

/*	--------------------------------------------------
#sidebar-blog 
-------------------------------------------------- */

/*---------widgets ---------  */
.widget{ width:260px; margin-bottom:30px; float:left; list-style:none; overflow:hidden; padding:0; background:transparent; color:#382D2C }
.widget .more,.content .more{ color:#000; font-weight:700; font-family:Trebuchet MS,Arial,Helvetica,sans-serif; margin-bottom:0 }
.widget .more span,.content .more span{ color:red; margin-right:5px }
.widget a, .widget li, .widget p { font-weight:normal; color:#382D2C !important; }
.widget li{ padding:3px 0 3px 15px; line-height:25px; list-style:none;  background:url(images/bullet3.gif) no-repeat left 12px; margin:0; width:100%; border-bottom:1px solid #d1e0e4;  }
.widget li a, .widget li a:hover{ font-weight:normal }
.widget h2, .widget h3{ margin:0 0 0px 0; font-size:21px; background:trasparent;  }
.widget h3 span { margin:0 0 0px 0; font-size:21px; background:trasparent;  }

.flickr h3 span{ font-weight:normal; color:#0061D8 }
.flickr h3{ margin-bottom:20px }
.flickr h3 span b{ color:#FF1183 }
.flickr ul{ margin:15px 0 0; padding:0 }
.flickr_badge_image{ float:left; list-style:none; margin:0 10px 10px 0 }
.flickr img{ border:1px solid #969696; background:#F4F4F4; padding:11px }
.flickr img:hover{ border-color:#333 }
#calendar_wrap{ padding:0 0 0 40px; font-size:13px }
#calendar_wrap caption{ padding:10px 0 }
li.recentcomments a{ font-style:italic }
.widget #searchform label{ display:none }
.tagcloud { background-color:#ffffff !important; color:#382D2C }
#twitter p.website{ margin:10px 0 0 0; padding: 10px 0 20px 48px;  background: url(images/twitter-trans.png) left 6px no-repeat }
#twitter p.website a { font-weight:bold; }

/*---------ADVERTISING ads --------- */
.ad-box { text-align:center; background:transparent; overflow:hidden }
.ad-box img { float:left; margin-right:10px; margin-bottom:10px; }
.ads123456{ height:125px; float:left; margin:0 0 10px 0; padding:0 }
.ads123456 img{ float:left; padding:0 10px 0 0; margin:0 }
#big_banner img{ background:transparent; border:1px solid #dddddd; margin:0 0 40px 0 }
#big_banner a:hover{ background:transparent }

#sidebar-blog .flickr img { padding:3px; margin:4px; }

/*=== Archive ===*/

.archive-spot { padding:0 0 20px 0 }
.archive-spot h2{ width:470px }
.archive-spot p{ color:#4e4e4e }
.archive-spot .date{ padding:0 0 15px 0; margin:-5px 0 0 0; color:#898989 }
.archive-spot .date a{ color:#898989 }
.archive-spot .date a:hover{ color:#ffffff }
.comment-spot{ text-align:center; padding:3px 0 0 0; width:32px; height:32px; margin:-70px 0 0 0; background:#ffffff url(images/comment-bg-trans.html) no-repeat top right; }
.comment-spot a, .comment-spot a:hover{ background:none; color:#ffffff; border:none; font:bold 13px Georgia }
.archive-spot .cat-spot{ background:#e3e3e3; padding:4px 0 6px 0; }
.archive-spot .cat-spot a{ color:#000000; font:normal 11px Georgia; margin:0 0 0 10px }
.archive-spot .cat-spot a:hover{ color:#ffffff }
	  
/*---------ARCHIVE PAGE --------- */
.arclist ul{ padding:0; margin:0 }
.arclist ul li{ color:silver; font-size:12px; border-bottom:1px solid #f1f1ed; padding:5px 0; margin:0; background:none }
.arclist ul li ul{ border-bottom:0; padding:0 0 0 5px }
.arclist ul li ul li{ border-bottom:0; padding:10px 0 0 5px }
.arclist .archives-time{ float: left;	text-transform: uppercase; color: #666666; width: 90px; border-right: dashed 1px #ddd; margin:0 15px 0 0 }

/*---------COMMENTS --------- */
#comments h3{ font:normal 18px Arial, Helvetica, sans-serif; padding:0 0 20px 0; margin:0 }
#comments .commentlist { padding:0; margin:0 }
#comments .commentlist li p { margin:0; padding:0; }
#comments ol{padding:20px 0;}
#comments .comment { margin: 10px 0 0 0; padding:0; width: 100%; background:none; list-style:none }
#comments .comment a{ text-decoration:none; border-bottom:1px solid; padding:1px 0 }
#comments .comment a:hover{ color:#aaaaaa }
#comments .comment .meta-left { width: 90px; float:left; color:#aaaaaa }
#comments .comment .meta-left p{ padding:10px 0 0 0; margin:0 }
#comments .comment .meta-left .meta-wrap {width: 90px; overflow: hidden; padding-right: 7px; min-height:70px }
#comments .comment small {font-size: 11px }
* html #comments .comment .text-right { height:70px }
#comments .comment .text-right { min-height:70px; margin:0; background:none; border:1px solid #c7c7c7; padding: 12px; margin-left:100px; float:none }
#comments .comment .text-right p { line-height: 18px; padding: 0 0 8px 0 }
#comments ul.children { margin:10px 0 0 20px; padding:0 }
#comments .comment .authcomment{ background:#F7F7F7; border:1px solid #c7c7c7 }
p.commpadd{ padding:0; margin:0 0 10px 0 }
span.comm-reply{ float:right; color:#aaa; padding:5px 0 0 0 }
span.comm-reply a, span.comm-reply a:hover{ font-size:13px; color:#aaaaaa }
.cancel-comment-reply{ padding:0 0 10px 0 }
#respond { padding:10px 0 0 0; margin:0 }
#respond textarea, .commpadd input{ background:none; border:1px solid #c7c7c7 }
#respond textarea { margin:0; padding:0 }
p.commpadd input{ line-height:25px; height:25px; padding:5px 0 0 5px }
p.commpadd label{ padding:0 0 0 5px }
input#submit{ font:bold 12px Georgia; color:#FFFfff; text-align:center; padding: 5px; background:#000; border:1px solid #000; margin:0; cursor:pointer; }
* html #commentform label { margin:-8px 0 0 0; 	position:relative;
top:-8px; }
*+html #commentform label { margin:-8px 0 0 0; 	position:relative;
top:-8px; }
	
/*	--------------------------------------------------
footer 
-------------------------------------------------- */

#footer p { font-size:13px; padding:0; margin:0 0 8px 0;  }
#footer .designby { font-size:13px; }
#footer p a { text-decoration:none; }
#footer p a:hover { text-decoration:none; }
#footer .aright { margin-right:-12px }
#footer .aright a{ font-size:11px }
#footer .aright li{ list-style:none; display:block; float:left; font-size:10px; padding:0 10px 0 0px;  margin:-5px 0 0 10px; border-right:1px solid  }


/* Payment Page */

#payment table {
	margin: 0 0 10px 0;
	padding: 0; 
	border: 1px solid #eee;
	border-collapse: collapse;
}

#payment td, #payment th {
	vertical-align: top;
	font-family: Arial;
	font-size: 10pt;
	padding: 5px 10px;
	border-bottom: 1px solid #e4f2fd;
}

#payment th {
	font-weight: bold;
	background: #eee;
}

#payment td.descript {
	font-style: normal;
	color: #666;
}

#payment td.descript b {
	/* color: #d54e21; */
	color: #000;
}

#payment td.total {
	text-align: right;
	font-weight: bold;
}

#payment table.payinfo td {
	border: none;
}

#payment table.payinfo td.label {
	white-space: nowrap;
	padding: 10px 10px 2px 10px;
}

#payment table.payinfo td.input {
	width: 100%;
	padding: 10px 10px 2px 10px;
}

#payment table.payinfo td.input input {
	border: 1px solid #069;
	width: 200px;
    height: 18px;
    padding: 2px 0px 0px 4px;
}

#payment table.payinfo {
	border: none;
	background: url(tablebg.png) repeat-x;
	border: 1px solid #0b7b97;
}

#paymentform input.required {
	background-image:url(images/formbg.jpg);
	background-repeat:repeat-x;
	border:1px solid #333333;
	background-color:#FEFEFE;
	padding:5px;
	width:200px;
	color:#383737;
}

#paymentform label.error { 
	float: none; 
	color: red; 
	padding-left: .5em; 
	vertical-align: top; 
	font-size:11px; 
}

#features img {
	border:#EEEEEE solid 6px;
}