/*  

Theme Name:    eProduct
Theme URI:     http://templatic.com/
Description:   Developed by Bhavesh Radadiya.
Version:       1.3
Author:        Templatic.com
Author URI:    http://templatic.com/

*/

/*
               IMPORTANT NOTE!
               If you wish to make custom changes to your theme, DO NOT EDIT THIS FILE. Instead, use the custom.css template
               to define custom styles. This way, you will still be able to take advantage of future upgrades to the theme
               without worrying about overwriting your style changes.
*/

/*=== 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;  min-height:55px; _height:55px; }
#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 }

#navmenu-h  h3 { display:none; }


/*	--------------------------------------------------
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:15px 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 ---------  */
#sidebar-in .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, #sidebar-in .widget li, .widget p { font-weight:normal; color:#382D2C !important; }
#sidebar-in .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;  }
#sidebar-in .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.png) 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  }


#footer .designby { padding:5px 8px 0 0; float:left; }
#footer p span.templatic { width:80px; display:block; overflow:hidden;  float:left;    color:#fff;  background:url(images/templatic.png) no-repeat 0;   }
#footer p span.templatic a {  text-indent:-9009px; padding-left:120px; height:30px; display:block; }