/*
File:			custom.css
Description:	Custom styles for Your Theme

HOW TO USE THIS FILE:

Override any class you want and it will change default styling to suit your needs.

For example, if you wish to change the default text blog title to grey, you would add the 
following declarations to this file:

	#header .blog-title a{ background:#cccccc }     <--- This makes blog title background grey



ACTUAL CSS STARTS BELOW
*/



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

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

#header { width:100%; padding:15px 0px 10px 0px; }
#banner { padding:10px 10px 10px 10px; position:relative; min-height:250px; _height:300px; width:1000px;  }

#wrapper { width:1000px; padding:10px 0 0 0px; height:100%; overflow:hidden; align:middle; }
#content { float:right; }
#content-in { float:left; padding: 10px 0 20px 20px; }

#sidebar { float:right; }
#sidebar-in { float:right; }
.sidebar-in_top { }
.sidebar-in_bottom { min-height:310px; _height:300px; margin-top:-20px; }

#content-blog { float:left; padding:20px 0 0 20px; }
#sidebar-blog { width:300px; float:right;  }
.sidebar-blog_top {  }
.sidebar-blog_bottom { min-height:500px; _height:500px; padding-top:20px; padding-left:20px; margin-top:-20px; }

#page_head { font-size:28px; padding:15px 10px; margin-bottom:-1px;  }
#page_head h1 { margin:0; padding:0 20px 0 0px; color:#336699; font-family:Georgia, 'Times New Roman', Times, serif; }
  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 0 0 10px; 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:5px 25px 25px 10px; height:15px; }
#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:14x; 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-left:-20px; padding:10px 0 0 0; font-size:30px; font-weight:bold; }
#banner h3 { margin-left:-20px; padding:5px 0 10px 0; font-size:24px; font-weight:normal; font-family:Georgia, 'Times New Roman', Times, serif; line-height:normal; }
#banner p { margin-left:-20px; padding:5px 10px 8px 0; font-size:16px; font-family:Georgia, 'Times New Roman', Times, serif; line-height:22px; text-align:justify; }

.productrays { position:absolute; top:0; width:0px; height:0px; padding:0;   }
.product_desc { width:570px; float:right; padding:10px 10px 0 0; }

.productrays img { float:left; padding:20px 0 0 100px; }

#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-left:-20px; margin-top:-5px;   }

.action_button a { width:168px; padding-right:0; 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:25px; }
.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; font-size:14px; }
h1 { padding: 0 0 8px 0; font-size:30px; font-color: #2167B1; }
h2 { padding: 0 0 8px 0; font-size:21px; font-color: #2167B1; }
h3 { padding: 0 0 8px 0; font-size:18px; font-color: #2167B1; }
h4 { padding: 0 0 8px 0; font-size:14px; font-color: #2167B1; }

#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 15px 0; }
blockquote cite { font-size:12px; font-style:normal; float:left; margin:-10px 0 0 0;  }

.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; indent:10px; }
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:4px 0 4px 0; padding:0 0 5px 0; font-size:22px; font-weight:normal; } 
#content-in h6, #content-blog h6 { margin:12px 0 5px 30px; padding:0; font-weight:bold; } 
#content-in h4, #content-blog h4 { margin:0 0 5px 0px; padding:0; font-weight:normal; color: #2167B1; font-weight:normal; font-style:normal; font-family:inherit; text-align:left; } 

#content-in ul, #content-blog ul { margin:0; padding-top:5px; list-style:none; }
#content-in li, #content-blog li { margin:0 5px 5px 5px; padding:2px 0 5px 30px; line-height:18px; font-size:14px; }

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

#content-in a { color:#2167B1; text-decoration:none; font-size:14px; }
#content-in a:hover { text-decoration:underline }


/*---------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:0px; 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 0px 3px 0px; line-height:25px; list-style:none; background:url(images/) 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 48px 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; }

/*	--------------------------------------------------
index_features 
-------------------------------------------------- */

#index_features { margin:0px; }
#index_features td,tr { padding:0px; }
#index_features p { padding:0px; margin:0; }
#index_features h3 { font-size:16px bold; color:#2167B1; }
#index_features img { padding:20px 10px 0 0; margin:0; border:0px }


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