/*
Theme Name: Botticelli
Theme URI: http://www.varometro.net/blog/botticelli_theme/
Description: Botticelli is a wordpress theme focused in simplicity. It's color scheme is inspired after Sandro Botticelli's famous painting "The Birth of Venus" (1486). Valid CSS and XHTML, threaded-comments, microformats, sticky-post, SEO.
Version: 0.1.1
Author: varometro
Author URI: http://www.varometro.net/blog/
Tags: orange, brown, white, light, two-columns, fixed-width, left-sidebar, threaded-comments, microformats, sticky-post

The CSS, XHTML and design is released under GPL: http://www.opensource.org/licenses/gpl-license.php

Feel free to use it as it is or modify it according to your taste.

Special thanks to:
a) Bennett McElwee (http://www.thunderguy.com/semicolon/) for Code Markup Plugin which is embeded in function.php file.
b) GaMerZ (http://lesterchan.net/portfolio/programming/php/#wp-pagenavi) for WP-PageNavi Plugin which is supported for more SEO friendly navigation. Just install the plugin. No code edditing required.
c) Tyler for wrapping inside pre tags hack (http://www.longren.org/2006/09/27/wrapping-text-inside-pre-tags/).

Changelog:
0.1: Initial release. Released 2009/03/03.
0.1.1: Minor CSS mod's. Released 2009/03/04.
*/
 
/* Printer Styles
----------------------------------------------------------  */
@media print { 
body {background:#fff;font-size:12pt}
#sidebar,#footer {display:none}
#root,#wrapper,#content {width:100%;border:0;float:none !important;color:#000;background:transparent none;margin:0 5%;padding:0}
div#content {margin-left:10%;padding-top:1em;border-top:1px solid #930}
a:link,a:visited {color:#520;background:transparent;font-weight:700;text-decoration:underline}
#content a:link:after,#content a:visited:after {content:" (" attr(href) ") ";font-size:90%}
#content a[href^="/"]:after {content:" (http://www.yourwebsite.com" attr(href) ") "}
.wp-pagenavi {display:none}
}
/* Reset
----------------------------------------------------------  */body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,p,blockquote,table,th,td,caption,address,cite,code,dfn,em,strong,img,ul li,ol li,blockquote div,blockquote div p{border:0;background:none;font-style:normal;font-weight:400;letter-spacing:normal;text-align:left;text-transform:none;text-decoration:none;width:auto;min-width:auto;max-width:auto;min-height:auto;max-height:auto;word-spacing:normal;font-size:100%;margin:0;padding:0}
table{border-collapse:collapse;border-spacing:0}
ol,ul{list-style:none}
/* Basic
----------------------------------------------------------  */
html{font-size:100%;margin:0;padding:0}
body{background:#fff url("images/footer_bg.gif") 98% 15px no-repeat;text-align:center;color:#000;font:80% Arial, Helvetica, sans-serif;height:100%;margin:0;padding:0}
input,textarea,select{font-size:100%}
a{color:#2877C9;text-decoration:none}
a:hover{color:#000;text-decoration:none}
strong{font-weight:700}
em,address,cite,dfn{font-style:italic}
/* Layout
-----------------------------------------------  */
#root{width:570px;position:relative;background:url("images/back.gif") 0 0 repeat-y;height:auto !important;min-height:100%;margin:0 auto;padding:0}
#header{height:80px}
#wrapper{display:block;padding:30px 13px 0 0}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix{display:block}
/* Hides from IE-mac \ */
* html .clearfix{height:1%}
/* End hide from IE-mac  */
#content{float:right;width:370px;line-height:1.4em}
#sidebar{float:left;width:150px;position:relative;top:-17px;z-index:100;font-size:90.91%;color:#000;margin:0 35px 0 0}
/* Header
-----------------------------------------------  */
#header h1{font:bold 180% Arial, Helvetica, sans-serif;;color:#474C3E;line-height:1em;text-align:right;margin:0 0 2px}
#header h1 a{color:#474C3E;text-decoration:none;text-transform:uppercase}
#header h1 a:hover{text-decoration:none;color:#474C3E}
#header #description{font:normal 80% Arial, Helvetica, sans-serif;color:#000;line-height:1em;text-align:right;margin:0;padding:0 0 0 7px}
/* Sidebar
-----------------------------------------------  */
#sidebar ul{list-style:none}
#sidebar ul li{background:none;list-style:none;margin:0;padding:0 0 0 7px}
#sidebar ul li.search-box{padding:0}
#sidebar h2,#sidebar h2.widgettitle{font:bold 130% Arial, Helvetica, sans-serif;color:#474C3E;line-height:1.2em;background-position:0 50%;background-repeat:no-repeat;margin:0 0 14px;padding:2px 0 4px}
#sidebar h2 span,#sidebar h2.widgettitle span{display:block;background:url("images/dots_1.gif") 0 100% repeat-x;position:relative;padding:0 0 6px}
#sidebar ul li p{text-align:right;line-height:1.3em;list-style:none;margin:0 0 20px 20px}
#sidebar ul li.about p{text-align:right;margin:0 0 22px}
#sidebar ul li ul{line-height:1.3em;list-style:none;margin:0 0 20px}
#sidebar ul li ul li{text-align:right;font-size:80%;font-family:Arial, Helvetica, sans-serif;color:#000;margin:0 0 5px;padding:0}
#sidebar ul li ul li ul li, #sidebar ul li ul li ul li ul li, #sidebar ul li ul li ul li ul li ul li{font-size:100%}
#sidebar ul li ul li a{text-decoration:none;font-size:133.33%;color:#5F4731}
#sidebar ul li ul li a:hover{color:#000;text-decoration:none}
/* Search Widget  */
#sidebar ul li.widget_search div{font-size:96%;margin:7px 0 22px 5px}
/* Tags Widget  */
#sidebar ul li.widget_tag_cloud div{text-align:right;margin:0 0 22px}
#sidebar ul li.widget_tag_cloud div a{color:#000;text-decoration:underline}
#sidebar ul li.widget_tag_cloud div a:hover{color:#000;text-decoration:none}
/* Akismet  */
#sidebar ul li#widget_akismet #akismetwrap{float:right}
#sidebar ul li#widget_akismet #akismetwrap div#akismet2,#sidebar ul li#widget_akismet #akismetwrap div#akismet1,#sidebar ul li#widget_akismet #akismetwrap span#akismetcount,#sidebar ul li#widget_akismet #akismetwrap span#akismetsc{text-align:center}
/* Calendar Widget  */
#sidebar ul li #calendar_wrap{position:relative;padding:20px 0 25px}
#sidebar ul li #calendar_wrap table{border:none;width:100%;margin:0 0 0 4px}
#sidebar ul li #calendar_wrap caption{display:block;left:4px;position:absolute;text-align:center;top:0;width:100%}
#sidebar ul li #calendar_wrap th,#sidebar ul li #calendar_wrap td{color:#000;text-align:center;padding:1px 2px}
#sidebar ul li #calendar_wrap thead th{font-weight:700;padding:3px 2px}
#sidebar ul li #calendar_wrap td.pad{background:none;font-weight:700}
#sidebar ul li #calendar_wrap td a{color:#666;text-decoration:none}
#sidebar ul li #calendar_wrap td a:hover{color:#000;text-decoration:none}
#sidebar ul li #calendar_wrap tfoot td{background:none;border:none;padding:3px}
#sidebar ul li #calendar_wrap tfoot td a{color:#666}
#sidebar ul li #calendar_wrap tfoot td#prev{text-align:left}
#sidebar ul li #calendar_wrap tfoot td#next{text-align:right}
/* Text widget  */
#sidebar ul li .textwidget{text-align:right;line-height:1.3em;margin:0 0 20px}
#sidebar ul li .textwidget a{text-decoration:none;color:#5F4731}
#sidebar ul li .textwidget a:hover{color:#000;text-decoration:none}
/* RSS widget  */
#sidebar ul li h2 a{text-decoration:none;color:#474C3E}
#sidebar ul li h2 a:hover{text-decoration:none}
#sidebar ul li h2 img{display:none}
#sidebar ul li li span.rss-date{display:block;float:none}
#sidebar ul li li a.rsswidget{text-align:right;color:#000;font-weight:700}
#sidebar ul li li div.rsssummary{text-align:right;color:#000;margin:5px 0}
#sidebar ul li li cite{color:#000;margin:5px 0}
/* RSS widget  */
#sidebar ul li.widget_recent_comments ul li.recentcomments{font-size:100%;}
#sidebar ul li.widget_recent_comments ul li.recentcomments a{font-size:100%;}
/* Content 
----------------------------------------------- 
 Post
-----------------------------------------------  */
.post{clear:both;margin:0 0 30px;padding:0 0 6px}
/* post-header  */
.post-header{width:350px;display:block;margin:0 0 5px;padding:10px 7px 6px 6px}
.post-header:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.post-header .post-name{float:left;width:240px;padding:1px 0 5px}
.page .post-header .post-name{float:left;width:280px}
.post-header .post-name h2{font:bold 140% Arial, Helvetica, sans-serif;line-height:1.1em}
.post-header .post-name h2 a{color:#2877C9;text-decoration:none}
.post-header .post-name h2 a:hover{text-decoration:none;color:#000}
#content .post-header .post-name h3{font:normal 86% Arial, Helvetica, sans-serif;line-height:1.2em;margin:3px 0 2px}
#content .post-header .post-name h3 a{color:#666;font-size:100%;text-decoration:none}
#content .post-header .post-name h3 a:hover{text-decoration:none;color:#000}
.post-header .post-date{float:right;width:60px;background:url("images/bg_post-date_t.gif") 0 0 no-repeat;margin:3px 0 0;padding:3px 0 0}
#content .post-header .post-date h3{background:url("images/bg_post-date_b.gif") 0 100% no-repeat;text-align:center;line-height:0.9em;font:normal 88% Arial, Helvetica, sans-serif;color:#fff;padding:6px 4px 4px}
#content .post-header .post-date h3 strong{font-size:100%;color:#000;line-height:0.9em;display:block;letter-spacing:-0.05em;text-align:center}
/* post-body (file: post.css)  */
#content .post .post-body{clear:left;padding:10px 7px 10px 6px}
#content .post .post-body:after{content:".";display:block;height:0;clear:both;visibility:hidden}
#content .post .post-body p a.read-more{color:#2877C9;font-weight:700;text-transform:uppercase;text-decoration:none}
#content .post .post-body p a.read-more:hover{color:#000;text-decoration:none}
/* post-description  */
.post-description{margin:0;padding:0 0 36px}
#content .post-description p{color:#000;font-size:88%;line-height:1.2em;margin:0;padding:12px 22px 8px 8px}
#content .post-description p a{color:#666;text-decoration:none}
#content .post-description p a:hover{color:#000;text-decoration:none}
/* pages  */
.pages{margin:0 0 10px}
#content .pages p{font-size:100%;line-height:1.2em;text-align:center;margin:0}
/* captions  */
img,.wp-caption img,#content .post .post-body img{border:1px solid #cecbbe;background:#fff;display:block;padding:4px}
#content .post .post-body img.wp-smiley,#comments img.wp-smiley{border:none;background:#fff;display:inline}
.wp-caption{background:0;border:0;text-align:left;padding:0}
.wp-caption-text,.wp-caption-dd{color:#4D5D6C;font-size:90.91%;line-height:1em;text-align:center;padding:4px 0 0}
.aligncenter{display:block;margin:20px auto 15px}
.alignleft{float:left;margin:5px 10px 5px 0}
.alignright{float:right;margin:5px 0 5px 10px}
.alignnone{margin:0 0 5px}
blockquote,#content .post .post-body blockquote{clear:left;background:#FFF7D2 url("images/bg_blockquote.gif") 10px 10px no-repeat;width:auto;border:#d3d0c6 1px solid;margin:14px auto 13px;padding:40px 15px 15px}
blockquote div,#content .post .post-body blockquote div{background:#FFF7D2;padding:0 10px 1px 56px}
blockquote div p,#content .post .post-body blockquote div p{font-size:100%;color:#000;line-height:1.35em;margin:0 0 14px}
ul,#content .post .post-body ul{list-style:none;margin:10px 0 19px}
ul li,#content .post .post-body ul li{background:url("images/arrow_2.gif") 0 4px no-repeat;margin:0 0 8px;padding:0 0 0 13px}
ul li ul,#content .post .post-body ul li ul{margin:8px 0 0}
ul li ul li ul,#content .post .post-body ul li ul li ul{margin:8px 0 0}
ol,#content .post .post-body ol{margin:10px 0 19px}
ol li,#content .post .post-body ol li{list-style-type:decimal;margin:0 0 8px 19px}
ol li ol,#content .post .post-body ol li ol{margin:8px 0 0}
ol li ol li ol,#content .post .post-body ol li ol li ol{margin:8px 0 0}
p,#content .post .post-body p{margin:0 0 8px}
strong,#content .post .post-body strong{font-weight:700}
em,#content .post .post-body em,address,#content .post .post-body address,cite,#content .post .post-body cite,dfn,#content .post .post-body dfn{font-style:italic}
h1,#content .post .post-body h1,h2,#content .post .post-body h2,h3,#content .post .post-body h3,h4,#content .post .post-body h4{font:181.82% Arial, Helvetica, sans-serif;color:#000;line-height:1em}
h5,#content .post .post-body h5{font-size:145.45%;font-weight:700;color:#BD9965;line-height:1.45em}
h6,#content .post .post-body h6{font-size:127.27%;font-weight:700;color:#BD9965;line-height:1.5em}
pre,#content .post .post-body pre{overflow:auto;font-size:100%;font-family:"Courier New", courier, monospace;color:#474C3E;display:block;margin:0 auto 13px}
code,#content .post .post-body code{background:#f5f4ea;overflow:auto;font-size:100%;font-family:"Courier New", Courier, monospace;color:#474C3E;display:block;border-top:2px solid #d3d0c6;border-bottom:2px solid #d3d0c6;white-space:pre;margin:0 auto 13px;padding:10px}
pre,#content .post .post-body pre,code,#content .post .post-body code{overflow-x: auto; /* Use horizontal scroller if needed; for Firefox 2, not needed in Firefox 3 */white-space: pre-wrap; /* css-3 */white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */white-space: -pre-wrap; /* Opera 4-6 */white-space: -o-pre-wrap; /* Opera 7 */width: 99%;
 word-wrap: break-word; /* Internet Explorer 5.5+ */}
.sticky{background:#EAF5E1;border:solid 1px #ddd}
/* Archives .archives-info
-----------------------------------------------  */
#content #archives-info{background:url("images/bg_archives-info_b.gif") 0 100% no-repeat;color:#5F4731;text-align:center;position:relative;z-index:100;margin:-17px 0 29px}
#content #archives-info h3{background:url("images/bg_archives-info_t.gif") 0 0 no-repeat;font:normal 109.09% Arial, Helvetica, sans-serif;line-height:1.4em;color:#5F4731;text-align:center;margin:0;padding:17px 14px}
#content #archives-info h3 strong{font-weight:700}
/* Comments & reply
-----------------------------------------------  */
#comments h3,#respond h3{font:140% Arial, Helvetica, sans-serif;color:#BD9965;border-bottom:1px solid #e9e8e2;margin:0 0 18px;padding:0 10px 1px}
#comments h3{margin-bottom:8px}
#comments h3 span,#respond h3 span{color:#000;font-size:66%}
#comments .nocomments{padding:0 0 20px}
/* Comments
-----------------------------------------------  */
#comments{margin:-8px 0 0;padding:0 7px 0 6px}
#comments .comments-lists li{background:none;border-bottom:1px solid #E9E8E2;padding:10px 0 10px 10px}
#comments .comments-lists ul.children li{border:0;border-top:1px solid #E9E8E2;padding-left:15px}
#comments .comments-lists li .avatar{border:1px solid #eee;float:right}
#comments .comments-lists li .comment-author{font-size:100%;display:block}
#comments .comments-lists li .comment-author cite.fn{color:#000;font-weight:700;font-style:normal;text-decoration:none;margin:0 0 8px}
#comments .comments-lists li .comment-author cite.fn a{color:#2877C9;font-weight:700}
#comments .comments-lists li .comment-author cite.fn a:hover{color:#000;font-weight:700}
#comments .comments-lists li .comment-meta{font-size:86%;margin:0 0 5px}
#content #comments .comments-lists li p{margin:0 0 10px}
#content #comments .reply a{color:#2877C9;text-decoration:none}
#content #comments .reply a:hover{color:#000;text-decoration:none}
.nav-prev-next-comment{font-size:13px;padding:20px 0 0}
.nav-prev-next-comment:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.nav-prev-next-comment .prev{float:right}
.nav-prev-next-comment .next{float:left}
/* Respond
-----------------------------------------------  */
#respond{margin:50px 0 15px;padding:0 7px 0 6px}
#respond h3{color:#BD9965}
#respond form label{float:none;width:40.22%;margin-top:25px;color:#4D5D6C;font:100% Arial, Helvetica, sans-serif;padding:0 1.3% 0 0}
#respond form label span{color:#4D5D6C;font-size:62.5%}
#respond textarea{font-family:"Courier New", Courier, monospace;font-size:100%}
/* Footer
-----------------------------------------------  */
#footer{bottom:10px;width:550px;text-align:left;font-size:46%;color:#000;padding:40px 0 10px}
#footer h1{margin-left:190px;line-height:1.4em;margin-bottom:0;padding:0}
#footer h1 a{color:#666;text-decoration:none}
#footer h1 a:hover{color:#000}