html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;font-variant:normal;}sup {vertical-align:text-top;}sub {vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}body {font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}table {font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}

/* Clear Fix */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


/* General Style */
body {font-family: Arial, sans-serif; color: #4f4f4f;}
#container {width: 921px; margin:15px auto;}
#header {border-bottom: dotted 1px #d6d6d6; height: 50px;}
#brand {float: left; width: 151px; height: 29px; margin-left: 23px;}

#main-nav {font-family: Georgia, Times, serif; float: right; font-size: 116%; margin: 16px 0px 0px 0px;}
#main-nav li {float: left; margin: 0px 0px 0px 16px;}
#main-nav a {display: block; color: #999999;}
#main-nav a:hover {color: #000000;}
#main-nav a.selected {color: #000000;}

#footer {border-top: dotted 1px #a2ac98; margin: 0px 0px 56px 0px; padding: 13px 0px 0px 0px; color: #919e86; font-family: Georgia, Times New Roman, Serif; font-size: 85%}
#footer .copyright {float: left;}
#footer .hello {float: right;}

h1 ,h2 {font-family: Georgia, Times, serif; font-size: 182%; color: #000000; margin: 0px 0px 23px 0px;}
h3 {font-family: Georgia, Times, serif; font-size: 123.1%; color: #000000; margin: 0px 0px 12px 0px;}
h4,h5,h6 {font-family: Georgia, Times, serif; font-size: 116%; color: #000000; margin: 0px 0px 12px 0px;}

h1 .quote-source {color: #999999;  font-style: italic;}

a {text-decoration: none; color: #7f8e72;}
a:link {}
a:hover {color: #437609;}

.section-link {position: absolute; left: 23px; bottom: 23px;}
.readmore-link {position: absolute; right: 23px; bottom: 23px;}

.nevermind {text-decoration: line-through;}

p {line-height: 1.60;}

/* Homepage */

#hm-blog { padding-top:33px;}
#hm-blog-recent {position: relative; width: 546px; float: left; border-right: dotted 1px #d6d6d6; padding: 0 23px 56px 23px;}
#hm-blog-recent h1 a {color: #000000;}
#hm-blog-recent h1 a:hover {color: #437609;}
#hm-blog-recent-entries {width: 282px; float: left; padding: 33px 23px 0px 23px;}
#hm-blog-recent-entries ul { }
#hm-blog-recent-entries ul li { }
#hm-blog-recent-entries ul li a {display: block; color: #000000; font-size: 93%; border-bottom: dotted 1px #d6d6d6; padding: 6px 0px 6px 0px;}
#hm-blog-recent-entries ul li:first-child a {border-top: dotted 1px #d6d6d6;}
#hm-blog-recent-entries ul li a:hover { color: #7f8e72; }

#widgets-line {border-top: dotted 1px #d6d6d6; padding: 0px 0px 0px;}
#widgets-line ._left {position: relative; float: left; width: 261px; height: 240px; padding: 23px 23px 0px 23px;}
#widgets-line ._left .source {display: block; float: right; margin: 6px 0px 0px 0px; font-style: italic;}
#widgets-line ._middle {position: relative; float: left; width: 372px; height: 240px;  padding: 23px 23px 0px 23px; border-left: dotted 1px #d6d6d6;}
#widgets-line ._middle #booklist { margin: 23px 0px 0px 0px;}
#widgets-line ._middle #booklist li { }
#widgets-line ._middle #booklist li a {display: block; color: #000000; font-size: 93%; border-bottom: dotted 1px #d6d6d6; padding: 6px 0px 6px 0px;}
#widgets-line ._middle #booklist li:first-child a {border-top: dotted 1px #d6d6d6;}
#widgets-line ._middle #booklist li a:hover { color: #7f8e72; }
#widgets-line ._right {position: relative; float: left; width: 171px; height: 240px;  padding: 23px 0px 0px 23px; border-left: dotted 1px #d6d6d6;}
#widgets-line ._right a {color: #000000;}
#widgets-line ._right a:hover {color: #437609;}

.rss {display:block; background: url(Images/Icons/feed.png) no-repeat 0px 50%; padding: 5px 0px 5px 23px;}	
.delicious {display:block; background: url(Images/Icons/delicious.png) no-repeat 0px 50%; padding: 5px 0px 5px 23px;}
.facebook {display:block; background: url(Images/Icons/facebook.png) no-repeat 0px 50%; padding: 5px 0px 5px 23px;}
.flickr {display:block; background: url(Images/Icons/flickr.png) no-repeat 0px 50%; padding: 5px 0px 5px 23px;}
.linkedin {display:block; background: url(Images/Icons/linkedin.png) no-repeat 0px 50%; padding: 5px 0px 5px 23px;}
.myspace {display:block; background: url(Images/Icons/myspace.png) no-repeat 0px 50%; padding: 5px 0px 5px 23px;}
.twitter {display:block; background: url(Images/Icons/twitter.png) no-repeat 0px 50%; padding: 5px 0px 5px 23px;}

/* Subpage */

#sub-container {position: relative;}
#sub-main-title {padding: 23px 23px 0px 23px; border-bottom: dotted 1px #d6d6d6; }
#sub-content { padding: 23px; }
#sub-content p { padding: 0px 0px 6px 0px; }
#sub-content h1:first-child,h2:first-child,h3:first-child {margin: 0px 0px 12px 0px;}
#sub-content h1,h2,h3 {margin: 12px 0px 12px 0px;}
#sub-content h4,h5,h6 {margin: 0px 0px 12px 0px;}

/* Journal */

#journal-container {}
#journal-posts {float: left; width: 576px; padding: 23px; border-right: dotted 1px #d6d6d6; min-height: 450px;}
#journal-container div.wide {float: left; width: 680px; padding: 23px; border-right: dotted 1px #d6d6d6;}

#journal-posts .entry {}
#journal-posts .entry .entry-actions {padding: 12px 0px 0px 0px; margin: 23px 0px 0px 0px; border-top: 1px dotted #d6d6d6;}
#journal-posts .entry .entry-actions li {float: left;}
#journal-posts .entry .entry-actions li a { display: block; margin: 0px 0px 0px 6px; color: #7f8e72; }
#journal-posts .entry .entry-actions li a:hover { color: #437609; }
#journal-posts .entry .entry-actions li a:before {content: "|     "; color: #999999;}
#journal-posts .entry .entry-actions li:first-child a:before {content: " "; }
#journal-posts .entry p { padding: 0px 0px 12px 0px; }
#journal-posts .entry h1:first-child,h2:first-child,h3:first-child {margin: 0px 0px 12px 0px;}
#journal-posts .entry h1,h2,h3 {margin: 12px 0px 12px 0px;}
#journal-posts .entry .blog-title {margin-bottom: 23px; font-size: 150%;}
#journal-posts .entry img {margin: 12px 0px 12px 0px;}
#journal-posts .entry ul.bloglist { margin: 3px 0px 12px 0px; border: 6px solid #f4f4f4; padding: 9px 9px 0px 9px;}
#journal-posts .entry ul.bloglist li {border-top: 1px dotted #d6d6d6; margin: 0px 0px 3px 0px; padding: 9px 9px 9px 9px; line-height: 1.60;}
#journal-posts .entry ul.bloglist li:first-child {border-top: none; padding: 6px 9px 9px 9px;}
#journal-posts .entry .bquote {font-size: 167%; color: #000000; border: 6px solid #f4f4f4; padding: 12px 23px 12px 23px; margin: 0px 0px 12px 0px;}
#journal-posts .entry .limg {float: left;  border: 6px solid #f4f4f4; margin: 12px 12px 0px 0px;}
#journal-posts .entry .rimg {float: right;  border: 6px solid #f4f4f4; margin: 12px 0px 0px 12px;}

#journal-bar {float: left; width: 298px; padding: 4px 0px 23px 0px; }
#journal-container div.narrow {float: left; width: 170px; padding: 4px 0px 23px 0px; }

#journal-posts .entry-preview {position: relative; margin: 17px 0px 0px 0px;}
#journal-posts .entry-preview:first-child {margin: 0px 0px 0px 0px;}
#journal-posts .entry-preview h2 { font-size: 131% } 
#journal-posts .entry-preview h2:first-child { }
#journal-posts .entry-preview .viewentry-link { position: relative; display: block; float: right; margin: 12px 0px 0px 0px; }

#journal-posts #comments {padding: 0px 12px 12px 12px; border: 6px solid #f4f4f4; margin: 23px 0px 0px 0px;}
#journal-posts #comment-entries {border-bottom: 1px dotted #d6d6d6; padding: 23px 23px 23px 23px;}
#journal-posts #comment-entries .comment-content {}
#journal-posts #comment-entries .comment-content dt {padding: 0px 0px 12px 0px;}
#journal-posts #comment-entries .comment-content .posted-by {display: block; float: left;}
#journal-posts #comment-entries .comment-content .comment-date {display: block; float: right; color: #999999}
#journal-posts #comment-entries .myresponse {color: #000000;}
#journal-posts #comment-entries .myresponse dd {font-size: 123.1%;}
#journal-posts #comment-entries .odd {}
#journal-posts #comment-entries .even {}
#journal-posts #comment-form {padding: 12px 23px 23px 23px; margin: 12px 0px 0px 0px;}
#journal-posts #comment-form label {display: block; padding: 0px 0px 6px 0px;}
#journal-posts #comment-form input {}
#journal-posts #comment-form h4 {margin: 0px 0px 23px 0px} 
#journal-posts #comment-form .fieldgroup {margin: 0px 0px 6px 0px}
#journal-posts #comment-form .fieldgroup .actionbutton {margin: 9px 0px 0px 0px;}
#journal-posts #comment-form .fieldgroup label {display: block; padding: 6px 6px 0px 0px;}
#journal-posts #comment-form .fieldgroup input[type="text"], textarea {display: block; margin: 6px 0px 3px 0px; padding: 3px; width: 300px;}
#journal-posts #comment-form .fieldgroup textarea {margin: 6px 0px 9px 0px;}
#journal-posts #comment-form .wordverify {margin: 23px 0px 12px 0px}
#journal-posts #comment-form .wordverify label {font-weight: bold; margin: 0px 0px 6px 0px;}
#journal-posts #comment-form .wordverify .captcha {float: left; margin: 4px 9px 0px 0px;}
#journal-posts #comment-form .wordverify input.captchainput {float: left; width: 145px;}
#journal-posts #comment-form .required input[type="text"] {background: url('Images/Icons/required.png') no-repeat 97% 50%;}

/* Journal Widgets */
.widget {padding: 23px; border-bottom: dotted 1px #d6d6d6;}
.search-box {}
.related-posts {}
.related-posts ul {}
.related-posts ul li {}
.related-posts ul li a {display: block; color: #000000; font-size: 93%; border-bottom: dotted 1px #d6d6d6; padding: 6px 0px 6px 0px;}
.related-posts ul li:first-child a {border-top: dotted 1px #d6d6d6;} 
.related-posts ul li a:hover {color: #7f8e72;}

.tag-cloud {}
.tag-cloud ul {}
.tag-cloud ul li {}
.tag-cloud ul li a {display: block; color: #000000; font-size: 93%; border-bottom: dotted 1px #d6d6d6; padding: 6px 0px 6px 0px;}
.tag-cloud ul li:first-child a {border-top: dotted 1px #d6d6d6;} 
.tag-cloud ul li a:hover {color: #7f8e72;}

/* Post */
.postactions{border-top:1px dotted #d6d6d6;margin-top:20px; }
.postactions ._stamp{font-size:11px;}
.blogpost h1{border-bottom:1px dotted #d6d6d6;padding:10px 0 15px 35px}
.blogpost ._leftColumn{padding:25px; width:580px;min-height:485px; float:left;border-right:1px dotted #d6d6d6; }
.blogpost ._leftColumn pre{background-color:#FCFBF8;border-color:#CCCCCC;border-style:solid;border-width:1px 1px 1px 2px;line-height:1.2em;margin:1em auto;overflow:auto;padding:1em;width:90%;}

.blogpost ._rightColumn{float:left ;width:260px; padding:15px;}
.blogpost ._rightColumn h4 {border-bottom:1px dotted #d6d6d6}
.blogpost ._rightColumn ul li {line-height:20px;}

.common-form tr{vertical-align:top;}
.common-form input ,.common-form select{font-size:20px; height:30px; width:450px;}
.common-form textarea{ width:450px;}




.red-link {color:#f00;}

.big-red-link {color:#f00;font-size:20px;}
.big-red-link:hover {background:#f00;color:#fff;}


/* validation */
.field-validation-error{color: #ff0000;}
.input-validation-error{border: 1px solid #ff0000;background-color: #ffeeee;}
.validation-summary-errors{font-weight: bold;color: #ff0000;}