/*  
Theme Name: Tao of You
Theme URI: http://journal.barleyhut.com.com
Description: Based on a modified Basic Concept Wordpress theme created by <a href="http://wpdesigner.com">Small Potato</a>. Puts your writing in focus, and as clean as new sheets.
Version: 1.0
Author: A.M. Griffin
Author URI: http:/journal.barleyhut.com
*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,p,blockquote,th,td { margin:0; padding:0; }
html>body	{ font-size: 14px; }
body{ background: #FFFF66; color: #333; font-family: Arial, FreeSans, sans-serif; font-size: 88%; text-align: center; vertical-align: top; }
p{ line-height: 1.5; margin: 1.5em 0 1.5em 0; }
h1, h2, h3, h4, h5, h6	{ font-family: Helvetica, Calibri, Arial, FreeSans, sans-serif; font-weight: normal; }
/* header - top navigation*/
#header{ border-top: 5px solid #450c07; text-align: center; width: 100%; }
#header h1{ background: #5d1117; color: #f2f2f2; font-size: 3em; padding: 9px 0 9px 0; text-align: center; width: 100%; }
#header h1 a{ color: #f2f2f2; }
#header h1 a:hover { color: #cc6666;}
#top-menu	{ background: #5d1117; border-bottom: 5px solid #450c07; padding-bottom: 1em; text-align: center; width: 100%; }
#top-menu ul	{ font-family: Georgia; font-size: 1.2em; margin: 0 auto; text-align: center; width: 100%; }
#top-menu ul li	{ display: inline; padding: 0 18px 0 0; }
#top-menu span	{color: #e0e0e0;}
#top-menu a	{ color: #aeaeae; text-decoration: none;}
#top-menu a:hover	{ color: #fff; text-decoration: none; }
#top-menu ul li a.current, #navigation ul li a.current:visited, #navigation ul li a.current:hover	{border-bottom: 1px dotted #fff; color: #fff; font-weight: 400;}
/* main content*/
#container { background: #FFFF99; clear: both; float: left; text-align: left; width: 100%;}
.page	{ margin: 0 auto; width: 760px; }
.hentry p.twitter	{ background: #fafafa url(images/icon-twitter.jpg) no-repeat left center; border-bottom: 2px dotted #5a5a5a; border-top: 2px dotted #5a5a5a; font-size: 103%; padding: .5em 1.7em .5em 1.7em;}
.post h2	{ font-size: 2em; line-height: 1; margin-bottom: 0.5em; margin-top: 1.5em; }
.post h2 a	{ color: #000; text-decoration: none; }
.post h2 a:hover	{ color: #5d1117; text-decoration: none; }
.post h3	{ font-size: 1.5em; /* 38pt */ line-height: 0.62; margin-bottom: 0.62em; margin-top: 0.62em; }
.post h4	{ font-size: 1em; /* 29pt */ line-height: 0.828; margin-bottom: 0.828em; margin-top: 0.828em; }
h4.archives	{ font-size: 1em; /* 29pt */ line-height: 0.828; margin-bottom: 0; margin-top: 1.656em; }
.post h5	{ font-size: 1em; /* 20pt */ line-height: 0.9; margin-bottom: 0.9em; margin-top: 0.9em;}
.post h6	{ font-size: 1em; /* 16pt */ line-height: 1.125; margin-bottom: 1em; margin-top: 1.125em; }
/* post styling*/
p.postscript	{ background: #f5f5f5; border-bottom: 1px solid #aeaeae; border-top: 1px solid #aeaeae; font-size: 12px; margin-bottom: 3em; margin-top: 3em; 	padding: 12px; text-align: center; }
p.publish-info	{ font-size: 12px; background: #f5f5f5; border-bottom: 1px solid #aeaeae; border-top: 1px solid #aeaeae; 	padding: 12px; text-align: center; }
.recent-posts	{ background: #f5f5f5; float: right; margin-bottom: 3em; width: 370px;}
.related-posts	{ background: #f5f5f5; float: left; margin-bottom: 3em; width: 370px;}
.recent-posts h4, .related-posts h4	{ background: #5d1117; color: #fff; border-bottom: 9px solid #fff; border-top: 6px solid #993333; font-family: Constantia, Georgia, FreeSerif, serif; margin: 0; padding: 9px 0 9px 0; text-align: center; }
.recent-posts ul li, .related-posts ul li	{list-style: none; }
/* linkage*/
a{ color: #993333; text-decoration: none;}
a:hover{color: #cc6666; text-decoration: none;}
a.email{ background: transparent url(images/icon-email.gif) no-repeat right center; padding-right: 15px;  }
a.feed{ background: transparent url(images/feed_bullet.gif) no-repeat right center; padding-right: 15px;}
a.entry-title { background: url(images/DaoTao.jpg) no-repeat left center; padding-left: 1.5em;}
/* images*/
img.wp-smiley	{ background:transparent none; border: 0; padding: 0;}
img.centered	{display: block; margin-left: auto; margin-right: auto;	max-width: 100%;}
img.alignright {float:right; margin: 0 0 2px 7px; max-width: 100%; padding: 4px;}
img.alignleft { 	float:left;  margin: 0 7px 2px 0; max-width: 100%; padding: 4px;}
input, textarea {font: 12px Helvetica, Calibri, "Trebuchet MS", sans-serif; padding: 2px;}
input#s, input#author, input#email, input#url, textarea#comment {padding: 3px;}
input#author, input#email, input#url {margin: 0 5px 0 0;}

blockquote { font-family: Constantia, Georgia, FreeSerif, serif; margin: 0 3em 0 3em;}
em {font-family: Constantia, Georgia, FreeSerif, serif;}
.entry-content p.pullquote { color:#444; float:right; font-size: 1.2em; line-height: 1.4em; margin-left:10px; padding-bottom: 10px; text-align: right; width:200px;}
.boxcap { color: #fff; background: #5d1117; display: inline; float: left; font-size: 2.3em; margin: .2em .2em 0 0; padding: .1em .4em;}
small {font-size: 12px;}
code { 	background: #f1f7f6; border-bottom: 1px solid #eee; border-top: 1px solid #eee; display: block; font: 400 1em courier, monospace !important; 	line-height: 120%; margin: 15px 0; overflow: auto; padding: 10px; white-space: pre;}
/* comments*/
.comments-template h3 { 	background: #5d1117; border-bottom: 5px solid #450c07; border-top: 6px solid #993333; color: #fff;  font-family: Constantia, Georgia, FreeSerif, serif; margin: 1.5em 0 1.5em 0; padding: 12px; text-align: center; text-transform: lowercase; }
.comment-meta {margin: 10px 0 10px 0;}
.comment-meta img {margin: 10px 0 10px 0;}
.comment-text {margin: 10px 0 10px 0;}
h4.comments-header { border-bottom: 2px dotted #DDD; margin: 2px 0 10px 0;}
h5.openid { background: #fff url(images/icon-openid.gif) left no-repeat; margin-top: 15px; padding: 0 0 0 18px;}
h5.login { background: #fff url(images/vine-small.jpg) left no-repeat; margin-top: 15px; padding: 0 0 0 24px;}
#comments-form {margin: 4em 0 0 0;}
#comments-form a img {border:none !important;}
h4.comments-form {margin: 15px 0 0 0;}
#respond {font-size: 105%;}
#trackbacks {margin: 0 0 2em 0;}
.comment-author, .comment-date {font-size: 1.2em;}
.even {background: #F0F0F0;}
.odd {background: #FAFAFA;}
.highlight {background: #FFFFE5;}
/*o0o: post navigation {working with the cutline theme's navigation.php}*/
.navigation { float: left; font-size: 12px; margin: 1.5em 0 1.5em 0; width: 750px;}
.previous { float: left; padding: 0 20px 0 0; }
.next { float: right;}
.clear { clear: both; 	height: 1px; width: 750px; }
/*o0o: the search form */
#searchform { 	background: #eee; border: 3px solid #666; margin: 30px 0 20px 0; padding: 30px; width: 450px;}
#search input { background: #fff; border: 1px solid #999; color: #444; margin-left: 20px; padding: 3px;}
/* o0o: the funky footer */
#footer-wrap{ background: #f5f5f5; border-bottom: 5px solid #450c07; border-top: 2px dotted #5a5a5a; float: left; width: 100%;}
#footer	{ margin: 0 auto; width: 760px;}
#footer h4 { background: url(images/vine.gif)no-repeat left center; color: #993333; font-size: 2.35em;  margin: 18px 0 0 0; padding-left: 60px;}
#footer li.widget h2 { background: url(images/vine.gif)no-repeat left center; color: #993333; font-size: 2.35em;  margin: 18px 0 0 0; padding-left: 60px;}
#footer span { color: #5d1117;}
#footer .author-info	{ margin: 0 100px 18px 0; width: 360px; float:left; text-align: left;}
#footer .author-info img	{ border: 2px solid #bbb; background: #fff; margin: 18px 0 0 0; padding: 0.625em;}
#footer p.twitter	{ background: #f5f5f5 url(images/icon-twitter.jpg) no-repeat left center; padding-left: 22px;}
#footer ul.art { list-style-type: none; margin-top: 18px; text-align: center;}
#footer ul.art img {border: 2px solid #bbb; background: #cc6666; margin: 9px;}
#footer .sidebar { float:right; margin: 0 0 18px 0; width:300px; text-align: left; }
#footer .sidebar ul { list-style-type: none; margin: 18px 0 36px 0;}
#footer li.widget { list-style-type: none; }
#footer li.widget li {background: #f5f5f5 url(images/DaoTao-small.jpg) no-repeat left center; padding-left: 22px;}
li.widget_flickrrss a img { background:#e0e0e0; margin:9px 5px 5px 0; padding:5px; }
li.widget_flickrrss a:hover img { background:#bbb;}
#footer ul li.nav li { background: transparent url(images/DaoTao-small.jpg) no-repeat left center; padding-left: 22px; }
#footer ul li ul li.twitter{ background: transparent url(images/icon-twitter.jpg) no-repeat left center; padding-left: 22px;}
#footer li ul li.tumblr{ background: transparent url(images/DaoTao-small.jpg) no-repeat left center; padding-left: 22px;}
#footer li ul li.cocomment{ background: transparent url(images/icon-cocomment.jpg) no-repeat left center; padding-left: 22px;}
#footer li ul li.magnolia{ background: transparent url(images/icon-magnolia.jpg) no-repeat left center; padding-left: 22px;}
#footer li ul li.flickr{ background: transparent url(images/icon-flickr.jpg) no-repeat left center; padding-left: 22px;}
#footer li ul li.lastfm{ background: transparent url(images/icon-lastfm.jpg) no-repeat left center; padding-left: 22px;}
#footer li ul li.backpack{ background: transparent url(images/icon-backpack.jpg) no-repeat left center; padding-left: 22px;}
#footer li ul li.library{background: transparent url(images/icon-library.jpg) no-repeat left center; padding-left: 22px;}
#footer li ul li.digg {background: transparent url(images/icon-digg.jpg) no-repeat left center;padding-left: 22px;}
#footer li ul li.youtube {background: transparent url(images/icon-youtube.jpg) no-repeat left center;padding-left: 22px;}
#footer li ul li.virb {background: transparent url(images/icon-virb.jpg) no-repeat left center;padding-left: 22px;}
#footer li ul li.facebook {background: transparent url(images/icon-facebook.jpg) no-repeat left center;padding-left: 22px;}
#footer li ul li.delicious {background: transparent url(images/icon-delicious.jpg) no-repeat left center;padding-left: 22px;}
#footer li ul li.mybloglog {background: transparent url(images/icon-mybloglog.jpg) no-repeat left center;padding-left: 22px;}
.credits { background: #5d1117; border-bottom: 5px solid #450c07; color: #fff; text-align: center; width: 100%;}
.credits a {color: #f2f2f2;}
.credits a:hover {color: #e0e0e0;}
/*o0o: styling the plugins */
img.gravatar {margin:0 0 0 3px; padding: 5px; float:right; border:1px solid #E0E0E0; background: #fff;}
a.extlink { /* For Link Indication Plugin */ background: transparent url(images/external-link.png) no-repeat right center; padding-right: 10px;}
#live-preview {margin: 20px 0 100px 0;}
.breadcrumb { background: transparent url(images/icon-star.gif) no-repeat left center; font-family: Constantia, Garamond, Georgia, FreeSerif, serif; margin: 3em 0 -1.5em 0; padding: 0 0 0 15px;}