/*
Theme Name: HanTu v.3
Theme URI: http://gillspecific.com/
Description: A design created by Jacki (inspired by Adam Walker Cleaveland) of <a href="http://cleavedesign.com" title="cleave design">cleave design</a>. This theme utlizes XHTML and CSS, some code from Kubrick and beautiful icons from FamFamFam.
Version: 3.0
Author: Jacki
Author URI: http://www.gillspecific.com
Tags: blue, black, white, three column, valid CSS, valid XHTML
*/

/***** GLOBAL FORMATTING *****/

* { padding: 0; margin: 0; }

body { background: #444; font-size: 12px; color: #000; font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; }

img { border: 0; }

a { color: #49647d; text-decoration: none; }

a:hover { color: #49647d; text-decoration: underline; }

a:visited { color: #49647d; }

/***** PAGE STRUCTURE FORMATTING *****/

#wrapper { display: block; margin: 0 auto; width: 980px; position: relative; background: #fff url(images/contentBg2.gif) repeat-y; border-left: 1px solid #000; border-right: 1px solid #000; }
#header { width: 980px; background: #fff url(images/header.gif) top center no-repeat; height: 100px; margin-top: 0; color: #fff; opacity:0.85;filter:alpha(opacity=85);}
.title { padding: 5px 5px 5px 20px; color: #fff; }
#header #logo {background: url(images/logo.png); height: 82px; width: 82px; position: relative; left: 15px; top: 8px; float: none; }
#header-box {background: url(images/headerbot2.jpg) top center no-repeat; border: 0px solid #fff; height: 320px; }

#Nav { display: block; }
#content { width: 590px; float: left; color: #000; padding: 20px; }

#sidebarRight { width: 135px; float: right; color: #000; background: #dcddca; padding: 20px; }

* html #sidebarRight { width: 135px; }

#sidebarLeft { width: 135px; float: right; color: #000; padding: 20px; }

* html #sidebarLeft { width: 120px; }

#sidebarTop { width: 315px; float: right; color: #000; padding: 15px; background: #fff url(images/contentBg2.gif) repeat-y; }

* html #sidebarTop { width: 280px; }

#footer { clear: both; width: 950px; background: #000; color: #fff; text-align: left; height: 230px; padding: 15px;
border-bottom: 1px solid #000; border-top: 1px solid #000; }

#footer p, #footer a, #footer li {font-size: 0.9em;}

#footer a { color: #fff; }

#footer_top {}
#footer_mid {width: 100%; margin: 0 auto; border-bottom: 1px solid #b0b0b0; padding-bottom: 5px;}
#footer_mid p.footer_credits {text-align: center;}
#footer_bot {}

/***** NAVIGATION BAR FORMATTING *****/

ul#Nav { margin: 0; padding: 0; list-style: none; width: 980px; float: left; background: #49647d url(images/navOnBlack.gif) repeat-x; 
font-family: "Lucida Grande", Lucida, Arial, sans-serif; font-size: 11px; border-top: 1px solid #000; border-bottom: 1px solid #000; }

ul#Nav li { float: right; border-left: 1px solid #fff; }

ul#Nav li.first { border-left: none; }

ul#Nav a { display: block; float: left; padding: 0 1.45em; line-height: 20px; text-decoration: none; color: #fff; }

ul#Nav a:hover { background: #cf7f26 url(images/navOff.gif) repeat-x; text-decoration: none; }

ul#Nav li.current_page_item a {  color: #fff;  background: url(images/navOff.gif) repeat-x;  text-decoration: none; }

/***** GENERAL TEXT FORMATTING *****/

.post { margin-bottom: 20px; }

blockquote { color: #000;  margin: 0 30px 20px 30px;  border-left: 5px solid #ACAB7B; background: #e8e9dc url(images/bqt_Bg.png) top no-repeat; padding: 10px 10px 4px 10px; font-size: 11px; font-family: "Lucida Grande", Lucida, Verdana, Arial, Helvetica, sans-serif; }

p { margin-bottom: 15px; line-height: 1.6em; }

p a { border-bottom: 1px solid #ccc; text-decoration: none; }

p a:hover { border-bottom: 2px solid #999898; text-decoration: none; }

p.center { text-align: center; }

.postmeta { background: #e4e5d4; border: 1px solid #a0abb4; padding: 3px; font-size: 10px; }

.postmeta a { border-bottom: none; }

.postmeta a:hover { border-bottom: none; }

.small { font-size: 10px; }

code { font: 12px 'Courier New', Courier, Fixed; }

h1 { font-size: 20px; letter-spacing: -0.8px; text-align: left; font-weight: normal; margin-bottom: 8px; font-family: "Century Gothic", "Trebuchet MS", "Lucida Grande", Lucida, Arial, sans-serif; }

h1.title { padding: 10px 10px 10px 17px; text-indent: -9999px; float: left; width: 360px; position: relative; left: 110px; height: 60px; }

h4 { margin: -5px 0 10px 0; padding: 0; font-weight: normal; font-size: 10px; color: #424040; }

/***** LISTS FORMATTING *****/

html>body .post ul { margin-left: 0px; padding: 0 0 10px 30px; list-style-image: url(images/bullet.png); padding-left: 30px; } 

html>body .post li { margin: 7px 0 8px 10px; }

.post ol { padding: 0 0 0 35px; margin: 0; }

.post ol li { margin: 0; padding: 0; }


/***** SIDEBAR FORMATTING *****/

h2 { font-size: 14px; letter-spacing: -0.8px; text-align: left; padding:  2px; text-transform: uppercase; font-weight: bold; color:  #444; border-bottom: 2px #fff solid; margin-bottom: 5px; font-family: "Century Gothic", "Trebuchet MS", "Lucida Grande", Lucida, Arial, sans-serif; }

#sidebarRight a { color: #49647d; text-decoration: none; }

#sidebarRight a:hover { background: none; color:  #49647d; text-decoration: underline; }

#sidebarLeft a { color: #49647d; text-decoration: none; }

#sidebarLeft a:hover { background: none; color:  #49647d; text-decoration: underline; }

#sidebarLeft a:visited { color: #49647d; }

/***** SIDEBAR LISTS FORMATTING *****/

.sidebarIcon ul, .sidebarIcon ol {  margin: 0 0 1em 0;  font-size: 11px; }

.sidebarIcon ul {  list-style-image: url(images/tag.png); list-style-position: inside; }

.sidebarIcon li {  margin: 0 0 0.2em 0;  }

.sidebarIcon ul li ul, .sidebarIcon ul li ol, .sidebarIcon ol li ul, .sidebarIcon ol li ol {  margin: 0.5em 0 0.5em 5px;  }

.sidebar ul, .sidebar ol {  margin: 0 0 1em 0;  font-size: 11px; }

.sidebar ul {  list-style-type: none; }

.sidebar li {  margin: 0 0 0.6em 0;  }

.sidebar ul li ul, .sidebar ul li ol, .sidebar ol li ul, .sidebar ol li ol {  margin: 0.5em 0 0.5em 5px;  }

/***** FOOTER FORMATTING *****/

#footer p { font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; font-size: 11px; text-align: left; letter-spacing: -0.1px; margin-bottom: 0px; }

#footer a { color: #afb65b; text-decoration: none; border-bottom: none; }

#footer a:hover { color: #5c7c9a; background: none; border-bottom: none; }

#icons { display: inline; margin-top: -30px; float: right; text-align: right; }

#footerIcons { padding: 2px; color: #000; display: inline; float: right; }

/***** IMAGE FORMATTING *****/

img.post { padding: 5px; border: 1px solid #000; margin: 10px; float: right; }

img.center { display: block; margin-left: auto; margin-right: auto; padding: 5px; border: 1px solid #000; }

img.alignright { padding: 5px; border: 1px solid #000; background: #fff; margin: 10px; display: inline; }

img.alignleft { padding: 5px; border: 1px solid #000; margin: 8px; display: inline; }

.aligncenter { display: block; margin-left: auto; margin-right: auto; }

.alignleft { float: left; }

.alignright { float: right; }
 
/***** MISCELLANEOUS FORMATTING *****/

.alignright { float: right; }

.alignleft { float: left; }	

.navigation { display: block; text-align: center; margin-top: 10px; margin-bottom: 60px; }

.postspermonth { margin: 5px 0 10px 0; list-style: none; padding-left: 25px; } 
/***** COMMENTS FORMATTING *****/

#commentform input { width: 170px; padding: 2px; margin: 5px 5px 1px 0; border: 1px solid #49647d; }

#commentform textarea { width: 500px; padding: 5px; margin: 2px; border: 1px solid #49647d; font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; font-size: 12px; }

#commentform #submit { margin: 0; float: right; border: 1px solid #49647d; font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; }

.commentlist li, #commentform input, #commentform textarea { font-size: 11px; }

.commentlist li { font-weight: bold; }

.commentlist cite, .commentlist cite a { font-weight: bold; font-style: normal; font-size: 1.1em; }

.commentlist p { font-weight: normal; line-height: 1.5em; text-transform: none; }

#commentform p { font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; }

.commentmetadata { font-weight: normal; font-size: 10px; font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; }

.alt { margin: 0; padding: 10px; }

.commentlist { padding: 0; text-align: justify; }

.commentlist li { margin: 10px 0 3px; padding: 5px 10px 3px; list-style: none; }

.commentlist p { margin: 10px 5px 10px 0; }

#commentform p { margin: 5px 0; }

.nocomments { text-align: center; margin: 0; padding: 0; }

.commentmetadata { margin: 0; display: block; }