/*  

Theme Name:    iProduct
Theme URI:     http://premiumthemes.net/
Description:   Developed by Bhavesh Radadiya.
Version:       1.2
Author:        PremiumThemes
Author URI:    http://premiumthemes.net/

*/

/*
               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');


/*	--------------------------------------------------
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; }
.aright { float:right; margin-bottom:15px; }

.imgright { border:2px solid #CCCCCC; float:right; margin:0 0 15px 15px; }

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

#header { padding:15px 10px }
#banner { padding:15px 10px }

#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;  }
  #page_head h1 { margin:0; padding:0 20px;  }
  a.post-edit-link{ color:#bbbbbb }
    a.post-edit-link:hover{ color:#ffffff }
#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:0px 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:12px; font-weight:bold; text-decoration:none; display:block;  padding:5px 18px 6px 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 0 12px 0; padding:0; font-size:48px; text-align:center; line-height:45px; font-weight:bold;  }
#banner h2 span { font-size:24px; font-weight:normal; }

#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; width:340px; margin:0 auto; padding-top:15px;   }

.action_button a { width:143px; padding-right:10px; height:25px; font:bold 14px Arial, Helvetica, sans-serif; text-align:center; padding-top:6px;  display:block; text-decoration:none; margin-right:10px; float:left;  }
.action_button a:hover { }


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

.plan_box { padding:0; margin:0 }
.plan_box_top { padding:4px 5px; font-size:22px; text-align:center;  }
.plan_box_bottom {  }

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 25px; } 
blockquote p { font-size:16px; font-weight:bold; }
blockquote cite { font-size:11px; font-style:normal; 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:20px; margin:0 }

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:28px; } 
#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-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 0 8px; height:20px; text-decoration: none !important; border:1px solid #cccccc; margin-left: 4px }
    .Navi a:hover { color:#000; background: #ddd }
  .Navi .on { color:#fff; display: block; float: left; font-size: 12px; padding: 6px 9px; margin-left: 4px; background: #000 !important }

/*	--------------------------------------------------
sidebar 
-------------------------------------------------- */
#sidebar h2 { margin:0 0 8px 0; padding:0 0 5px 0; font-size:22px; font-weight:normal; } 

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

#sidebar-in ul { margin:0; padding:0; list-style:none; }
#sidebar-in li { margin:0;  font-size:18px;  }
#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:17px;  }
#sidebar-in ul li ul li a:hover { background:#fff !important; margin-bottom:1px; color:#000 !important; }

#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;}

#sidebar-in ul li ul li.current_page_item a { background:#fff !important; margin-bottom:1px; color:#666 !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 #c7c7c7;  }
  .widget li a, .widget li a:hover{ font-weight:normal }
.widget h2, .widget h3{ margin:0 0 0px 0; color:#000000 !important; font-size:21px; border-bottom:1px solid #7A7A7A; 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 Georgia; padding:0 0 20px 0; margin:0 }
  #comments .commentlist { padding:0; margin: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:#888888; border:1px solid #c7c7c7; margin:0 }
* 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:12px; padding:0; margin:0 0 8px 0;  }
/*#footer .designby { font-size:12px; }*/

#footer p a { text-decoration:none; }
#footer p a:hover { text-decoration:none; }

#footer .aright { margin-right:-12px }
  #footer .aright a{ font-size:12px }
  #footer .aright li{ list-style:none; display:block; float:left; padding:0 10px 0 0px; margin:0 0 0 10px; border-right:1px solid  }