/*  
Theme Name: Typography
Theme URI: 
Description: 
Version: 0
Author: 
Author URI: 

*/


/* === HTML STYLES === */

*{margin:0;padding:0;}
html,body{background:#FFF;color:#333;text-align:center;}
body{font-family:Georgia, "Times New Roman", Times, serif;font-size:16px;font-weight:400;background:url(/img/main-nav-bg.png) repeat-x 0 -11px;width:100%;}
h1{font-size:22px;}
h2{font-size:28px;text-align:left;font-family:Georgia, "Times New Roman", Times, serif;font-weight:normal;}
h3{font-size:22px;color: #000000; font-family: Georgia, "Times New Roman", Times, serif; text-align:left;margin: 20px 0 10px; font-weight:normal;}
h3 a{color: #000000;}

h4{font-family:Arial, Helvetica, sans-serif !important;color:#666666;font-size:14px;font-weight:400;margin-bottom:4px;}
a{color:#0066cc;text-decoration:none;}
a:hover{color: #333333; cursor:pointer;}
blockquote {margin:1.5em; font-style: italic;}  
ul, dl {margin: 1.5em 1em; list-style: circle inside;}
ol {list-style:decimal inside;}
li, dd, dt {margin-bottom: .5em; }
DD {margin-left: 1.5em;}
span {  font-style: italic; }  
b {  font-variant: small-caps; }  
abbr, acronym, .caps { text-transform: lowercase; font-variant:small-caps; font-style: normal; border-bottom: 0; letter-spacing:0.1em;}
cite abbr, cite acronym, cite .caps {  font-style: italic;}
code {margin: 10px 0; width: 300px; }
p img {border: 1px solid #fff; background-color: #F4f4f4; padding: 5px; margin: 20px 0px;}
img.centered { display: block; margin-left: auto; margin-right: auto; }
img.alignright { margin: 0 0 2px 7px; display: inline; }
img.alignleft {	margin: 0 7px 2px 0; display: inline; }
.alignright { float: right; }
.alignleft { float: left }
.noborder,.wp-smiley{border:none !important;}

.amp{font-family: Georgia, "Times New Roman", Times, serif; font-style:italic;}
.allcaps{letter-spacing:1px;font-size:80%;text-transform:uppercase;color:#000;}
img.wp-smiley {float: none; background: none; padding: 0; margin: 0;}


/* === STRUCTURE === */

#container{text-align:left;width:980px;margin:0 auto 20px;}
#header{margin: 20px 0; height:200px; background: url('images/folio.jpg') no-repeat;}
#headsearch {float: right; width: 300px; text-align: right;}

#headercontent {position: absolute;	margin-left:120px; width:500px;	top: 60px;}
#headercontent h1 {font-size:72px; font-weight:normal; font-style:italic;}
#headercontent ul {font-size: 1em;list-style: none;margin: 0 5px;width: 600px;} 
#headercontent ul li {display: inline;}
#headercontent ul li a {color: #996600;text-decoration: none;padding: 0 20px 0px 0px;}
#header ul li a:hover {color: #000;text-decoration: underline;}


#page{float:left;display:inline;width:450px;text-align:left;margin:40px 0 0 40px;}


/* ~~~ Menu Bar ~~~ */

ul#menu{width:100%;list-style:none;height:38px;margin:0;padding:5px 0 0; border-bottom:1px dotted #dedede; border-top:1px dotted #dedede;}
ul#menu li{display:inline;font-size:14px;line-height:21px;}
ul#menu li a,ul#menu li a:visited{display:block;float:left;width:auto;color:#666666;border-right:1px solid #fff;margin:0;padding:5px 15px  5px 15px;}
ul#menu li.rss a,ul#menu li.rss a:visited{float:right;color:#666;;}
ul#menu li a:hover,ul#main-nav li.current a{background: #000;color:#fff; }
ul#menu li.rss a:hover{color:#fff;}
ul#menu li a:hover{font-style:normal;}

/* ~~~ Article ~~~ */

#author,.author{font-family: Georgia, "Times New Roman", Times, serif;font-size:12px;font-variant:normal;color:#666;text-align:left;display:block;width:100%;height:40px;border-bottom:1px dotted #dedede;padding-top:6px; margin-top:-3px;margin-bottom:12px!important;}

.readon a {font-family: Arial, Helvetica, sans-serif;font-size:12px;font-weight:lighter;font-variant:normal; color:#0066cc;text-align:left; margin: 10px 0;}


.post{margin:0 0 15px;}
.post h2{margin-bottom:5px;}
.post .entry{line-height:1.5em;overflow:hidden;margin-top:-3px;}
.post .entry p{margin:0 0 1em;}
.post .entry p a{text-decoration:none; color: #0066CC;}
.entry blockquote{padding:0 15px;font-family:Georgia, "Times New Roman", Times, serif;}
.entry ul{list-style:none;margin:0 1.3em;}
.entry ul li{padding-left:18px;margin-bottom:7px;}
.entry ol{margin:0 1em 0 3em;}
.entry ol li{margin:0 0 7px;}
.entry img,.entry a img{border: 1px solid #fff; background-color:#Fff; padding: 5px; margin: 20px 0px;text-decoration:none!important;}
.entry a:hover img{border-color:#000;}
.entry table tr{padding:15px 0;}
.entry table tr.alt{background:#eee;}
.entrythumb{border:1px solid #333;margin-right:10px;margin-bottom:10px;}
.nostyle{background-image:none!important;}
div.hyphenate {text-align:justify;}


.footnotes { font-size: 12px; font-family:Arial, Helvetica, sans-serif; line-height: 1.5em;  padding: 10px 0 10px 0;}
.footnotes .footnotedivider { width: 120px;  border-bottom: 1px solid #dedede; margin-bottom: 10px; }
.footnotes li {margin: 0 0 5px 0; padding: 0;}
sup.footnote a { text-decoration: none; font-size: 12px;}
sup.footnote { line-height: 0em;}
.footnotereverse a { padding: 0 0 0 2px; text-decoration: none;}

#tags {font-family: Arial, Helvetica, sans-serif; font-size: 12px; padding: 10px; background-color: #F4F4F4; border: 1px solid #CCCCCC; margin-bottom:15px; color: #000000;}
#tags a {color:#000000;line-height:1.45em;}
#tags a:hover {color: #333333; text-decoration:underline;}

#footnote {font-size: 12px; margin-bottom:50px; color: #666666; font-family: Arial, Helvetica, sans-serif;}
#footnote a {color:#0066cc;line-height:1.45em;}
#footnote a:hover {color: #666666;}


/* ~~~ Comments ~~~ */

#comments{ width: 400px;}
#comments h3,h3#respond{color: #333333; margin-bottom:20px;}
ol.commentlist {margin:0; padding:0;}
.commentlist li {list-style: decimal; margin: 15px 0 20px 25px;}

.commentlist a:link, .commentlist a:visited {color:#0066cc;	}
.commentlist a:hover, .commentlist a:active {text-decoration:underline;}
.commentlist .author {font: normal 10px Georgia, "Times New Roman", Times, serif;}

.commenttext {color: #333333;font-size:12px; line-height: 18px; margin: 10px 0; }
.commenttext p {margin-bottom: 10px;}
.commenttext blockquote{background-color: #F4F4F4; border: 1px solid #CCCCCC; color:#000; padding: 10px 10px 0px 10px; text-indent: 0; font-style:normal; }

ol.pingslist{font-size:11px;margin:2em;font-family: Arial, Helvetica, sans-serif;}
.pingslist li{list-style: lower-latin; color:#CCC; margin: 15px 0 20px 25px;}
.pingslist a:link, .pingslist a:visited {color:#0066cc;	}
.pingslist a:hover, .pingslist a:active {text-decoration:underline;}

#author,#email,#url,#comment{border:1px solid #333333;font-family: Georgia, "Times New Roman", Times, serif; font-size: 14px; line-height: 20px; padding:5px;}
#author,#email,#url{height: 22px; width:250px;overflow:auto;}
#comment{width:400px;overflow:auto;}
#commentform p {padding: 5px 0px;}
#commentform code {margin: 10px 0; width: 100%; font-size:10px;}
.submit,.submit input:focus,.button,.button:focus{font-family:  Georgia, "Times New Roman", Times, serif; font-size: 11px; border: 1px solid #333;height: 28px;padding: 4px 2px 6px 3px; margin-left: 1px;}


/* ~~~ Sidebar ~~~ */

#sidebar{color:#666;float:right;width:400px;margin:40px 0 0;padding:0;}
#sidebarL{float:left;width:190px;}
#sidebarR{float:right;width:190px;}

#sidebar p{font-size:12px;color: #333333; line-height:18px; padding: 10px 0; }
#sidebar h3{font-size:14px;color: #000; font-family: Arial, Helvetica, sans-serif; text-align:left;margin:10px 0; font-weight:normal; background: #F2F2F2; padding: 5px 7px;}
#sidebar ul{list-style:none;margin:4px 0 10px;}
#sidebar ul li{font-size: 12px;line-height:18px;color: #333333;border-bottom: 1px solid #F2F2F2; padding:2px; margin-left: 7px;}


/* ~~~ Footer ~~~ */

#footer {margin: 35px auto 21px; width:980px; clear: both;}
#footer p{padding-top:7px;color: #666666;font-family:Arial, Helvetica, sans-serif;font-size:11px;text-align:left;}
#footer p a{color:#333;}
img#wpstats{width:0;height:0;overflow:hidden;}


/* ~~~ Floats ~~~ */

.floatleft{float:left;margin:3px 7px 0 0;}
.floatright{float:right;margin:3px 0 0 7px;}
.right{float:right;}
.left{float:left;}
.clear{clear:both;}
.fix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
* html .fix{height:1%;}