/* -----------------------------------------------------------------------
	the ART of TYPE - Typography Blog XHTML Template
	June 30, 2009
	Designer :	Jan Harold Diaz
----------------------------------------------------------------------- */
/*BluePrint Reset*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd,
 ol, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.5;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}a img {border:none;}

/*Typography*/
html body{color:#444;font:100 70%/1.6 Helvetica,Arial,sans-serif;}
h1{font-weight:900;font-size:2.4em;}
h2{font-weight:900;font-size:2em;}
h3{font-weight:900;font-size:1.8em;}
h4{font-weight:900;font-size:1.6em;}
h5{font-weight:900;font-size:1.4em;}
h6{font-weight:900;font-size:1.2em;}

h1,h2,h3,h4,h5,h6{font-family:Georgia,serif; font-style:italic; font-weight:900;}

html body{background:url(../images/taot-bg.gif) no-repeat #fff;}
a{ text-decoration: none; color:#33b3ee; }
a:hover{ color:#99daf8; }
/*Wrapper*/
div#taot-wrap{ width:900px; float:left; margin:35px 0 25px 45px; display:inline;}
/*Navigation*/
div#taot-navigation{ float:left; margin:0 0 35px 0; width:960px; display:inline;}
div#taot-navigation ul{ width:auto; float:left; font-size:1.1em; list-style-type:none; margin:0; padding:0; }
div#taot-navigation ul li{ width:auto;float:left; margin:0 25px 0 0; padding:0; display:inline; }
div#taot-navigation ul li a{ text-decoration:none; color:#b1b1b1; padding:0 0 5px 0;}
* html body div#taot-navigation ul li a{ padding:0; }
div#taot-navigation ul li a:hover{ border-bottom:1px solid #999; color:#999; }
div#taot-navigation ul li a.taot-currentpage{ border-bottom:1px solid #666; color:#666; }
h1#taot-logo{ text-indent:-9999px; background:url(../images/logo.png) no-repeat; display:block; float:left; width:219px; height:158px; margin:0 0 40px; }
div#taot-maincolumn{ width:385px; float:left; margin:0 30px 0 0;}
div#taot-featuredpost{ width:385px; float:left;}
div#taot-featuredpost p.taot-fpdate{ font-size:1.1em; letter-spacing:0.1em;  margin-bottom:15px; color:#777;}
div#taot-featuredpost p{ font-size:1.1em;  color:#444; margin-bottom:15px; line-height:1.7em;}

div.taot-midcolumn{ width:250px; margin:125px 30px 0 0; float:left;}
div.taot-midcolumn h3,div.taot-lastcolumn h3{ color:#bbb; font-size:1.1em; }
div.taot-lastcolumn h3.taot-totm{ color:#83cc2d; }
div.taot-midcolumn ul,div.taot-lastcolumn ul{  width:auto; float:left; margin:5px 0 25px; padding:0; list-style-type:none; }
div.taot-midcolumn ul li,div.taot-lastcolumn ul li{ width:250px; float:left; padding: 8px 0; border-bottom:1px solid #eee; }
div.taot-midcolumn ul li h4,div.taot-lastcolumn ul li h4{ font-size:1.25em; line-height:1.25em; }
div.taot-midcolumn ul li p,div.taot-lastcolumn ul li p{ color:#aaa; }
div.taot-midcolumn ul li p.taot-comments{ font-family:Georgia,serif; color:#656565; font-style:italic; text-align: center; }
div.taot-midcolumn ul li p.taot-audience{color:#bbb; font-size:0.9em;text-align: center; margin:5px 0 0;}

div.taot-lastcolumn{ width:250px; margin:125px 0 0 ; float:left;}
div.taot-lastcolumn ul li{padding:8px 0 4px 4px; }
div.taot-lastcolumn ul li.taot-totmlast{ border-bottom:none; }
div.taot-lastcolumn h5{ font-size:1.1em; font-style:normal;}
div.taot-lastcolumn a{ color:#87a760; }
div.taot-lastcolumn a:hover{ text-decoration:underline; }

div#taot-footer{ background:#222; border-top:1px solid #ccc; padding:30px 0 40px ; width:100%; float:left; }
div#taot-footer h6,div#taot-footer p{padding-left:45px; color:#ccc;}