
body { background: #fff; color: #333; font: 62.5% Georgia, "Times New Roman", Times, serif; text-align: center; }

* { padding: 0; margin: 0; }


/* ---------------------------- TYPOGRAPHY ---------------------------- */

a { color: #069; text-decoration: underline; }
a:hover { color: #0060ff; text-decoration: underline; }
a img { border: none; }
	
blockquote { font-style: italic; font-family: Georgia, "Times New Roman", Times, serif; color: #555; margin: 0 30px 1.5em 30px; padding: 0 0 0 10px; border-left: 1px solid #aaa; }

p.center { text-align: center !important; }
p.bottom { margin: 0 !important; }
p.unstyled { font-size: 1.4em; }
.red { color: #f00; }


/* ---------------------------- TITLES ---------------------------- */

h1, h2, h3 { font-weight: bold; font-family: "Trebuchet MS", Helvetica, Arial, sans-serif; color: #000; }

h1 { font-size: 3.0em; padding: 0.2em 0 0.6em 0; color: #069; }
h1 a, h1 a:hover { color: #000; text-decoration: none; }

h2 { font-size: 2.0em; }
h2 a { color: #000; text-decoration: none; }
h2 a:hover { color: #090; text-decoration: none; }
.posts h2 { margin: 0 0 0.1em 0; line-height: 1.2em; }
.pages h2, h2.page_header { margin: 0 0 0.75em 0; padding: 0 0 0.6em 0; }
h2.archive_head { font-size: 2.2em; margin: 0 0 1.2em 0 !important; padding: 3px 0 !important; color: #090 !important; border-bottom: 1px dotted #090 !important; }
	
h3 { font-size: 1.0em; text-transform: uppercase; }
.entry h3 { margin: 2.5em 0 0.5em 0; }
.entry h3.top { margin: 1.5em 0 0.5em 0 !important; }
h3.comments_headers { font-size: 1.4em; }

h4 { font: italic 1.2em Georgia, "Times New Roman", Times, serif; color: #888; }
h4 a { color: #888; text-decoration: none; }
h4 a:hover { color: #888; text-decoration: underline; }
.posts h4 { margin: 0; padding: 0 0 0.7em 0; background: url('images/hr_dot_black.gif') 0 100% repeat-x; }

.ajaxloader { width: 100%; height: 30px; background: url('images/loader.gif') center no-repeat; }


/* ---------------------------- LAYOUT ---------------------------- */

#container { width: 970px; margin: 5px auto 0 auto; }

#content_box { width: 970px; text-align: left; float: left; clear: both; }

#l_sidebar { width: 170px; float: left; font-family: "Trebuchet MS", Helvetica, Arial, sans-serif; }

#content { width: 500px; margin: 0 0 0 30px; float: left; }

#r_sidebar { width: 240px; margin: 0 0 0 30px; float: right; font-family: "Trebuchet MS", Helvetica, Arial, sans-serif; }


/* ---------------------------- HEADER ---------------------------- */

#navigation { width: 100%; clear: both; margin: 1.5em 0 3em 0; border-bottom: 1px dotted #000; }
#navigation a { text-decoration: none; }

ul#nav { list-style: none; float: left; }
ul#nav li { padding: 0.5em 0.8em; font: normal 1.7em "Trebuchet MS", Helvetica, Arial, sans-serif; float: left; }
ul#nav li a { color: #000; }
ul#nav li a:hover { color: #666; }
ul#nav a.newlink { background: url('images/new.gif') top right no-repeat; padding: 0 25px 0 0; }

ul#catMenu { margin: 0; padding: 0; float: right; }
ul#catMenu li { list-style-type: none; font: normal 1.7em "Trebuchet MS", Helvetica, Arial, sans-serif; padding: 0.5em 0.8em; margin: 0; float: left; }
ul#catMenu li a { color: #090; text-decoration: none; }
ul#catMenu li a:hover { color: #6c6; }

#header_img { position: relative; margin: 0 0 3.0em 0; border-bottom: 1px solid #000; float: left; clear: both; }
#header_img img { display: block; } /* this is really just an IE 6 and 7 hack in disguise */


/* ---------------------------- NAVIGATION ---------------------------- */

.navigationarrows { width: 500px; font-size: 2em; float: left; }
.navigationarrows a { text-decoration: none; }
.previous { padding: 0 20px 0 0; float: left; }
.next { float: right; }


/* ---------------------------- ENTRIES ---------------------------- */

.entry { font-size: 1.4em; line-height: 1.65em; }

.commentsLink { float: right; }
.commentsLink a { font-weight: bold; font-size: 1.2em; text-decoration: none; }
.commentsLink a:hover { }

.entry blockquote { font-size: 1.0em; }
.entry blockquote.right { width: 200px; font-style: normal !important; font-size: 1.3em !important; margin: 0.3em 0 0.3em 15px !important; padding: 0.3em 0 !important; border: 3px double #aaa; border-width: 3px 0; text-align: center; float: right; }
.entry blockquote.left { width: 200px; font-style: normal !important; font-size: 1.3em !important; margin: 0.3em 15px 0.3em 0 !important; padding: 0.3em 0 !important; border: 3px double #aaa; border-width: 3px 0; text-align: center; float: left; }
.entry blockquote.right p, .entry blockquote.left p { margin: 0 !important; line-height: 1.4em !important; }

.entry p { margin: 0 0 1.5em 0; }

.entry ul, .entry ol { margin: 0 0 1.5em 40px; }
.entry ul { list-style-type: square; }
.entry li { margin: 0 0 0.5em 0; }
.entry ul li ul, .entry ul li ol, .entry ol li ul, .entry ol li ol { margin: 0.5em 0 0.5em 30px; }
	
.entry dl { margin: 0 0 1.5em 0; }
.entry dt { font-weight: bold; margin: 0 0 0.5em 0; }
.entry dd { margin: 0 0 1.5em 20px; }
.entry .ad { margin: 0 0 0.5em 15px; float: right; }
.entry .ad_left { margin: 0 15px 0.5em 0; float: left; }

.entry img { }
.entry img.left, .entry img.alignleft { margin: 0 10px 5px 0; float: left; clear: left; }
.entry img.right, .entry img.alignright { margin: 0 0 5px 10px; float: right; clear: right; }
.entry img.center { display: block; padding: 3px; margin: 0 auto 1.5em auto; border: 3px double #bbb; float: none; clear: both; }
.entry img.off { padding: 0 !important; border: none !important; }
.entry img.stack { clear: none !important; }

.clear { width: 500px; height: 1px; margin: 0 0 5.0em 0; clear: both; }

.rule { background: url('images/hr_tag_sep.gif') no-repeat; }

.flat { margin: 0 0 2.0em 0 !important; }

.whitespace { margin: 0 0 3.5em 0 !important; }

a.more-link { text-decoration: none; width: 100%; display: block; }


/* ---------------------------- TAGS ---------------------------- */

.taglist { padding: 0.3em 0; background: url('images/hr_dot_black.gif') 0 0 repeat-x; font-size: 1.2em; line-height: 1.5em; color: #888; clear: both; font-family: "Trebuchet MS", Helvetica, Arial, sans-serif; }
.taglist a { padding: 0.2em 0.6em; color: #888; text-decoration: none; }
.taglist a:hover { color: #fff; background: #444; text-decoration: none; }
	

/* ---------------------------- SOCIABLE LINKS ---------------------------- */

.sociable { padding: 0.5em 0.5em; background: url('images/hr_dot_black.gif') 0 0 repeat-x; font-size: 0.9em; line-height: 1.5em; color: #888; clear: both; font-family: "Trebuchet MS", Helvetica, Arial, sans-serif; }
.sociable_tagline { position: relative; display: inline; padding: 0.5em 10px 0.7em 0; color: #888; }
.sociable_tagline span { display: none; width: 14em; }
.sociable_tagline:hover span { position: absolute; display: block; top: -5em; background: #ffe; border: 1px solid #ccc; color: black; line-height: 1.25em; }
.sociable span { display: block; }
.sociable ul { display: inline; margin: 0 !important; padding: 0 !important; }
.sociable ul li { background: none; display: inline; list-style-type: none; margin: 0; padding: 1px; }
.sociable ul li:before { content: ""; }
.sociable img { float: none; width: 16px; height: 16px; border: 0; margin: 0; padding: 0; }
.sociable-hovers { opacity: .4; -moz-opacity: .4; filter: alpha(opacity=40); }
.sociable-hovers:hover { opacity: 1; -moz-opacity: 1; filter: alpha(opacity=100); }


/* ---------------------------- SIDEBAR ---------------------------- */

ul.sidebar_list { list-style: none; }

ul.sidebar_list li.widget, ul.sidebar_list li.linkcat { width: 100%; margin: 0 0 1.8em 0; font-size: 1.3em; line-height: 1.4em; float: left; }

li.widget h2, li.linkcat h2 { font-weight: bold; font-size: 0.9em; color: #444; text-transform: uppercase; margin: 0; padding: 0.2em 0.1em; }

li.widget p { margin: 0 0 1.5em 0; padding: 0 10px; }
li.widget ul, li.linkcat ul { list-style: square; margin: 0 0 0.5em 20px; }

ul#contactList { list-style: none; margin: 0 0 0 0.5em; }
ul#contactList li { padding: 0 0.1em; }
ul#contactList li a { text-decoration: none; }
ul#contactList li.emailLink a { padding: 0 0 0 22px; background: url('images/email.png') no-repeat left; }
ul#contactList li.skype a { padding: 0 0 0 22px; background: url('http://mystatus.skype.com/smallicon/amoventotene') left no-repeat; }
ul#contactList li.twitter a { padding: 0 0 0 22px; background: url('images/icon_twitter.gif') left no-repeat; }
ul#contactList li.facebook a { padding: 0 0 0 22px; background: url('images/icon_facebook.gif') left no-repeat; }

li.widget ol, li.linkcat ol { margin: 0 0 0.5em 20px; }
li.widget li, li.linkcat li { margin: 0 0 0.7em 0; }
li.widget li a, li.linkcat li a { text-decoration: none; }
li.widget li a:hover, li.linkcat li a:hover { text-decoration: underline; }
li.widget li .recent_date { padding: 0 0 0 8px; font-weight: bold; color: #888; }
		
li.widget select { width: 170px; padding: 1px 3px; color: #333; font: normal 0.9em "Trebuchet MS", Helvetica, Arial, sans-serif; }


/* ---------------------------- SEARCH FORM ---------------------------- */

#search_form .search_input { width: 162px; padding: 2px 3px; color: #999; font: normal 0.9em "Trebuchet MS", Helvetica, Arial, sans-serif; border: 1px solid #bbb; }
#search_form .search_input:focus { border: 1px solid #666; color: #333; }


/* ---------------------------- TWITTER ---------------------------- */

ul#twitter_update_list { list-style: none; padding: 0.7em 1em; margin: 0; background-color: #eee; border-top: 1px dotted #999; border-bottom: 1px dotted #999; }
ul#twitter_update_list li { border-bottom: 1px dotted #999; padding: 0 0 10px 0; }
ul#twitter_update_list a { display: block; color: #999; font-size: 0.8em; }
ul#twitter_update_list span a { color: #069; }


/* ---------------------------- FOOTER ---------------------------- */

#footer { width: 970px; padding: 0.8em 1.2em; margin: 0 0 1.5em 0; border-top: 2px solid #999; float: left; clear: both; 
  font-size: 1.4em; font-family: "Trebuchet MS", Helvetica, Arial, sans-serif; }

#footer p { color: #666; text-align: left; }

#footer a { color: #666; text-decoration: none; }
#footer a:hover { color: #666; text-decoration: underline; }
#footer a.feedlink { float: right; padding: 0 0 0 20px; background: url('images/icon_rss.gif') left no-repeat; }


/* ---------------------------- COMMENT ---------------------------- */

#comments { width: 500px; float: left; clear: both; }

ul#comment_list { list-style: none; margin: 0 0 4.0em 0; border-top: 1px solid #bbb; float: left; }
ul#comment_list li.comment { width: 500px; padding: 1.2em 0 0 0; border-bottom: 1px dotted #bbb; float: left; }
ul#comment_list li.trackback { width: 470px; padding: 1.2em 15px 0 15px; background: url('images/trackback_bg.gif'); }

.comment_meta { margin: 0 0 1.2em 0; }
.comment_num { padding: 0 15px 0 20px; font-weight: bold; font-size: 1.4em; float: right; }
.trackback .comment_num { padding: 0 0 0 20px; }
.comment_num a { color: #888; text-decoration: none; }
.comment_num a:hover { color: #df0000; text-decoration: none; }
.comment_meta strong { font-size: 1.6em; }
.comment_time { font: normal 1.1em Verdana, Helvetica, Arial, sans-serif; color: #888; }
.comment .entry { padding: 0 15px; }
.comment .entry p { margin: 0 0 1.0em 0; }

#comment_form { width: 500px; padding: 1.0em 0 0 0; float: left; }
#comment_form p { padding: 0.6em 0; }
#comment_form label { padding: 0 0 0 10px; font-size: 1.2em; }
#comment_form .text_input { width: 191px; padding: 3px; color: #444; font: normal 1.4em Georgia, "Times New Roman", Times, serif; border-top: 2px solid #999; border-left: 2px solid #999; border-right: 1px solid #fff; border-bottom: 1px solid #fff; }
#comment_form .text_area { width: 321px !important; }
#comment_form .text_input:focus { border-top: 2px solid #666; border-left: 2px solid #666; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; }
#comment_form .form_submit { padding: 0.4em 4px; background: url('images/submit_bg.gif'); border: 3px double #999; border-top-color: #ccc; border-left-color: #ccc; font: bold 1.4em Georgia, "Times New Roman", Times, serif; cursor: pointer; }
#comment_form p.subscribe-to-comments { font-size: 1.4em; }
#comment_form p.subscribe-to-comments label { font-size: 1.0em; }
