/*===== MEYER's RESETTER =====*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body { line-height: 1.25em; font-family: Helvetica, Verdana, Arial, Sans-Serif; color: #333300; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
/* remember to define focus styles! */
:focus { outline: 0; }
/* remember to highlight inserts somehow! */
ins { text-decoration: none; }
del { text-decoration: line-through; }
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0; }

body { background-color: #eeeedd; }
a { color: #ff6633; text-decoration: none; }
a:hover { color: #333300; text-decoration: underline; }

/*===== 1st LEVEL =====*/
#wraps {
	margin: 0 auto;
	width: 960px;
}

#heads{ margin: 1.25em; margin-bottom: 0; height: 300px; }
.head-ink { background: #ffffff url('../images/8clear/bginks.jpg') top left no-repeat; }
.head-water { background: #ffffff url('../images/8clear/bgwater.jpg') top left no-repeat; }

#bodies{ margin: 1.25em; margin-top: 0; }

#foots{ margin: 0; padding: 1.25em; background-color: #333300; }

/*===== 2nd LEVEL =====*/
/*----- HEADER -----*/
#headTitles { margin: 0 0 20px 40px; padding-top: 40px; text-align: left; }
#headEditions { margin: 20px 0 0 40px; }
#headNavs{ margin: 20px; text-align: center; }

/*----- BODY -----*/
#contents{ padding-top: 1px; background-color: #ffffff; }
#articleLinks{}
#comments{ margin-bottom: 20px; background-color: #ffffff; }

/*----- FOOTER -----*/
p.copy { font-size: 0.75em; line-height: 1.25em; color: #eeeedd; }
p.copy a:hover { color: #eeeedd; }

/*===== 3rd LEVEL =====*/
/*----- SUB HEADER -----*/
#headEditions p { margin-bottom: 10px;}
.voltext { font-size: 24px; font-weight: bold; line-height: 20px; }
.volnum { font-family: Georgia, Times New Roman, Serif; font-size: 80px; line-height: 80px; }
.voldate { font-size: 12px; font-weight: bold; line-height: 20px; }

#headNavs li { display: inline; }

/*----- CONTENTS -----*/
#articleNew{}
#articleOld{}
#articles { margin: 1.25em 2.5em; }
#articlesPrev { margin-bottom: 20px; background-color: #ffffff; }
#tagClouds, #tagLists, #favIcons { margin: 20px; }
#tagClouds, #tagClouds p { font-family: Georgia, Times New Roman, Serif; text-align: center; line-height: 1.25em; margin-bottom: 20px; }
#tagClouds h2, #tagLists h2 { display: block; margin-bottom: 20px; padding: 0.5em; background: transparent url('../images/8clear/line1dot.gif') bottom center repeat-x; font-family: Georgia, Times New Roman, Serif; font-size: 1.5em; font-weight: normal; line-height: 0.825em; text-align: left; }

/*----- COPIES -----*/
#copies p {}

/*===== 4th LEVEL =====*/
/*----- CONTENT NEW -----*/
#articleNew h1 {}
#articleNew p {}

/*----- CONTENT ARTICLE -----*/
#articles h1 { display: block; width: 80%; margin: 0.5em 0; font-family: Georgia, Times New Roman, Serif; font-size: 2.5em; font-weight: normal; line-height: 1.25em; }
#articleInfos { width: 35%; float: left;}
#articleInfos blockquote { margin-bottom: 20px; font-family: Georgia, Times New Roman, Serif; font-size: 0.75em; font-style: italic; }
#articleInfos p.meta { font-size: 0.75em; line-height: 20px; }
#articleInfos h3 { margin: 40px 0 0 0; padding-top: 20px; font-family: Georgia, Times New Roman, Serif; font-size: 1em; line-height: 1.25em; background: transparent url('../images/8clear/hline3dbrown.gif') top center repeat-x; }
dl#articleRelated dt { margin-top: 20px; font-family: Georgia, Times New Roman, Serif; font-weight: bold; font-size: 0.75em; line-height: 20px; }
dl#articleRelated dd { font-size: 0.6875em; line-height: 20px; }
#articleBodies { width: 60%; float: right; }
#articleBodies p, #articleBodies h4 { margin-bottom: 1.538em; font-size: 0.8125em; }
#articleBodies ul, #articleBodies ol { margin: 0 0 20px 20px; padding-left: 20px; }
#articleBodies ul li, #articleBodies ol li { font-size: 0.8125em; }
#articleBodies ul { list-style-type: disc; list-style-position: outside; }
#articleBodies ol { list-style-type: decimal; list-style-position: outside; }
#articleBodies h4 { font-weight: bold; }
#articleBodies blockquote { margin-bottom: 20px; padding-left: 20px;
}
#articleBodies blockquote p { padding-left: 20px; font-style: italic; border-left: 10px solid #eeeedd; }

/*----- PREVIOUS ARTICLE -----*/
#articlesPrev h2 { display: block; margin: 20px; padding: 40px 20px 20px; background: transparent url('../images/8clear/line1dot.gif') bottom center repeat-x; color:#333300; font-family: Georgia, Times New Roman, Serif; font-size: 24px; font-weight: normal; line-height: 20px; text-align: left; }
ul#listArticles { margin: 0 20px 20px 20px; background-color: #ffffff; }
ul#listArticles li { float: left; display: block; width: 25%; height: 260px; overflow: hidden; font-size: 1em; }
ul#listArticles li:hover { background: #eeeedd url('../images/8clear/bglistarthov.gif') top right no-repeat; }
ul#listArticles li dl { margin: 20px; }
ul#listArticles li dt { height: 40px; font-family: Georgia, Times New Roman, Serif; font-size: 0.875em; font-weight: bold; line-height: 20px; overflow: hidden; }
ul#listArticles li dd { font-size: 0.6875em; line-height: 20px; }
dd.listExcerpt { height: 160px; overflow: hidden; }

#tagLists ul#listArticles li:hover { background-color: #eeeedd; background-position: top right; }

/*===== RECENT ARTICLE, COMMENTS, TAGS =====*/
#articlesWraps { background-color: #ddddcc; }
#articlesWraps h2, #comments h2 { display: block; margin: 20px; padding: 40px 20px 20px; background: transparent url('../images/8clear/line1dot.gif') bottom center repeat-x; color:#333300; font-family: Georgia, Times New Roman, Serif; font-size: 24px; font-weight: normal; line-height: 20px; text-align: left; }

#articlesOutro { margin: 20px 0; overflow: hidden; height: 1%; }
.quarter, .half, .twothird { float: left; }
.quarter { width: 25%; }
.half { width: 50%; }
.twothird { width: 75%; }

.half #tagClouds { color: #333300; text-align: center; line-height: 200%; }
.half #tagClouds a:hover { color: #333300; }

.quarter h3, .half h3, .twothird h3 { margin: 20px; padding: 10px 5px; background: transparent url('../images/8clear/line1dot.gif') bottom center repeat-x; font-family: Georgia, Times New Roman, Serif; font-size: 1.25em; font-weight: normal; line-height: 20px; text-align: center; }
.quarter ul { margin: 20px; }
.quarter li { font-size: 12px; background: transparent url('../images/8clear/line1dot.gif') bottom center repeat-x; }
.quarter li a { line-height: 30px; color: #ff6633; }
.quarter li a:hover { color: #333300; }

img.artimg, img.artimg1 { display: block; margin: 10px; padding: 10px; background-color: #eeeedd; }

img.artimg2 { margin: 10px; padding: 10px; float: left; background-color: #eeeedd; }

a.temans { border: 2px solid #ddddcc; }
a.temans:hover { border: 2px solid #ffffff; }
a.temans img { margin:0; padding:0; border:none; }

/*===== ADDITIONAL STYLES =====*/
.clr { clear: both; display: block; height: 1.25em; }
.txtLeft { text-align: left; }
.txtRight { text-align: right; }
.left { float: left; }
.right { float: right; }
.orange { color: #ff6633; }
.darkbrown { color: #333300; }
.white { color: #ffffff; }
sup { vertical-align: super; }
sub { vertical-align: sub; }
acronym { font-style: italic; border-bottom: 1px solid #ff6633; cursor: help; }
acronym:hover { border-bottom: 1px solid #333300; }
#fb { margin-top: 30px; line-height: 30px; }
#fb_rssReader { vertical-align: bottom; }
#fb_rssTxt { margin-left: 10px; font-size: 12px; font-weight: bold; vertical-align: middle; }
#fb_rssTxt img { vertical-align: middle; }
/*----------------------------------------------
---------------+ ENDING +-------------------
----------------------------------------------*/
#accessibility
{
	position: absolute;
	top: -10000px;
	width: 1px;
	height: 1px;
	visibility: hidden;
}

.footnote, p.footnote { font-size: 11px !important; }

#content hr {}

img.divider {}

.comments_error { font-size: 12px; font-weight: bold; color: #ffffff; 	background-color: #ff6633; }

input.comments_error, textarea.comments_error
{
	color: #000000;
}

div.comments_error { width: 80%; padding: 20px; margin: 20px auto; }

/* ---------->>>FORMS <<<---------- */
.comments-wrapper { margin: 20px 20px 0 20px; background-color: #eeeedd; }
#commentsForm { margin: 20px 20px 0 20px; overflow: hidden; height: 1%; }
.commentsBlock { float: left; width: 42%; margin: 20px 2.5%; }

input.searchform {}

form#txpCommentInputForm { padding:0; margin:0 }
p#txpCommentInputForm { font-size: 12px; text-align: center; }

fieldset { margin-bottom: 20px; }
fieldset p { font-size: 12px; line-height: 20px; }

legend { display:none; }

fieldset#search_field {}

form label {font-size: 12px; font-weight: bold; line-height: 20px; }
form label.name, form label.email, form label.url, form label.message  { display: block; margin-top: 20px; font-size: 12px; font-weight: bold; line-height: 20px; }

input.comment_name_input, input.comment_email_input, input.comment_web_input {
display: block;
padding-left: 5px;
background-color: #ffffff;
border: 1px solid #333300;
width: 300px;
height: 20px;
line-height: 20px;
}

input.comment_name_input { float:left; width: 220px; }
input#remember { float: left; }

input.comment_name_input:hover, input.comment_email_input:hover, input.comment_web_input:hover, input.comment_name_input:focus, input.comment_email_input:focus, input.comment_web_input:focus
{ background-color:#ffffff; }

input.button { font-size: 11px; padding: 5px; font-weight: bold; color: #ffffff; background-color: #333300; border: none; cursor: pointer; }
input:hover.button { background-color: #ff6633; border: none; }
input.disabled, input:hover.disabled { background-color: #ddddcc; color: #ffffff; cursor: default; }

textarea.txpCommentInputMessage
{ display:block; padding-left: 5px; font-family: Helvetica, Verdana, Arial, Sans-Serif; font-size: 12px; background-color: #ffffff; border:1px solid #333300; width:350px; height:150px; }

textarea.txpCommentInputMessage:hover, textarea.txpCommentInputMessage:focus
{ background-color:#ffffff; }

form#contact label {}
form#contact input.contact_submit {}

input#name, input#email, input#web { font-size: 12px; }
input { font-size: 12px; }

/* ---------->>>COMMENTS <<<---------- */
ul.articlesComment { margin: 20px; }

ul.articlesComment li { margin: 0 0 20px 0; padding: 20px; background-color: #f5f5eb; }

.commentsHolder { overflow: hidden; height: 1%; }

.commentsOther, .commentsOtherInfo, .commentsMine, .commentsMineInfo { float: left; }

.commentsOther, .commentsMine { width: 65%; padding: 0 2.5%; }
.commentsOtherInfo, .commentsMineInfo { width: 25%; padding: 20px 0 20px 5%; background-color: #eeeedd; }

.commentsMine { padding-top: 20px; background: #ffffff url('../images/8clear/hline3lbrown.gif') top left repeat-x; }
.commentsMineInfo { background: #ddddcc url('../images/8clear/bgmine.gif') top right no-repeat; }

.commentsOtherInfo p, .commentsMineInfo p { font-family: Georgia, Times New Roman, Serif; font-size: 0.8125em; 
 line-height: 20px; }

.commentsOther p, .commentsMine p { font-size: 0.75em; line-height: 20px; margin-bottom: 20px; }

.commentsOther blockquote, .commentsMine blockquote { margin: 20px; 	padding: 5px; font-style: italic; }

.commentsOther blockquote p, .commentsMine blockquote p { text-align: left; border-left: 5px solid #e4662b; }

h3.commentsNote { margin: 20px; font-family: Georgia, Times New Roman, Serif; font-weight: bold; font-size: 1.125em; line-height: 20px; text-align: center; }