/*
===== CSS CONTENTS =====

1: resetting
2: global
3: header
4: side
6: footer
7: comments
8: live search
9: sitemap
10: thickbox
11: textpattern-plugins
12: contact
13: live archive

====================
*/


/*
===== 1: resetting =====
*/

html, body, ul, ol, li, img, h1, h2, h3, h4, h5, p, form, input, fieldset
{margin: 0; padding: 0; border: 0; list-style: none;}

.clearfix:after { content: '.'; display: block; height: 0; clear: both;
visibility: hidden; }
.clearfix {display: inline-table;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


/*
===== 2: global =====
*/

body {
color: #213A4E;
font-weight: normal;
background: #262938;
font-family:  Arial, sans-serif;
font-size: 80%;
text-align: center;
}

#wrapper {
margin: 0 auto;
width: 1008px;
text-align: left;
position: relative;
overflow: visible;
background: #262938 url(/img/bodybg.gif) top center repeat-y;
}

#inner {
padding: 0 44px;
}

#content {
margin: 0 0 60px;
}

#content, #lead-main {
float: left;
width: 598px;
}

#side, #lead-sub {
float: right;
width: 320px;
margin: 0 0 10px;
}

p, #content li {
line-height: 1.7;
margin: .1em 0 1em 0;
}

#content ul, #content ol {
margin: .1em 4em 1em 2em;
}

a {
color: #dbe7f1;
text-decoration: none;
}

blockquote {
background: #b6cee3;
padding: 10px;
line-height: 2em;
margin: 2em 1em;
border: 1px dashed #262938;
}

code {
font-size: 1.2em;
font-family: "Andale Mono", "courier new", courier;
}

/*
#content a {
background: #8EA3B4;
border-top: 1px dashed #6F8A9F;
border-bottom: 1px dashed #6F8A9F;
padding: 3px;
}
*/

#leader a:hover {
text-decoration: underline;
}

#content a:hover {
border-top: 1px dashed #dbe7f1;
border-bottom: 1px dashed #dbe7f1;
background: #8EA3B4;
text-decoration: none;
padding: 3px 0;
}

.fr img {
float: right;
margin: 40px 0 10px 10px;
padding: 4px;
border: 1px solid #dbe7f1;
}

.brclear { /* Use a break with this class to clear float containers */
clear:both;
height:0;
margin:0;
font-size: 1px;
line-height: 0;
background: #fff;
}

.button, #mf input  {
padding: 5px;
border: 2px solid #94ABB3;
background: #FFF6E5;
color: #82745A;
margin: 6px 2px 8px 0; 
vertical-align: middle;
font: normal normal 1em Verdana, Arial, sans-serif;
}

/*
===== 3: header =====
*/

#top {
height: 53px;
margin: -53px 33px 20px 36px;
}

#header {
margin: 0 0 0 37px;
padding: 0 0 0 1px;
width: 937px;
background: #000 url(/img/wo-header.gif) 0 0 repeat-x;
height: 123px;
}

* html #header {
margin: 0 0 0 48px;
}

#header h1 {
position: absolute;
left: -3000px;
width: 1000px;
}

.searchsubmit {
color: #622B76;
vertical-align: middle;
}

#search {
padding: 30px 0 0;
margin: 0;
width: 266px;
float: right;
}

#search label {
color: #85A9C6;
font: normal normal 1em Verdana, Arial, sans-serif;
}

#search input {
margin: 0 0 0 5px;
padding: 3px;
border: 2px solid #94ABB3;
background: #FFF6E5;
color: #82745A;
width: 150px;
}

#nav {
position: absolute;
left: 60px;
  margin: 0;
  padding: 10px 0 0 1px;
  height: 43px;
  list-style: none;
  display: inline;
  overflow: hidden;
  }

#nav li {
  margin: 0;
  padding: 0;
        list-style: none;
  display: inline;
  }

#nav a {
  float: left;
  padding: 43px 4px 0 0;
  overflow: hidden;
  height: 0px !important;
  height /**/:43px; /* for IE5/Win only */
  }

#nav a:hover {
  background-position: 0 -86px;
  }


#tjournal a  {
  width: 141px;
  background: url(/img/tab-journal.gif) top left no-repeat;
  }

#s-default #tjournal a , #s-default #tjournal a,
#s-article #tjournal a , #s-article #tjournal a {
background-position: 0 -43px;
}

#tplugins a  {
  width: 141px;
  background: url(/img/tab-textpattern.gif) top left no-repeat;
  }

#s-textpattern-plugins #tplugins a , #s-textpattern-plugins #tplugins a {
background-position: 0 -43px;
}

#tresources a  {
  width: 141px;
  background: url(/img/tab-resources.gif) top left no-repeat;
  }

#s-resources #tresources a , #s-resources #tresources a {
background-position: 0 -43px;
}

#tcontact a  {
  width: 141px;
  background: url(/img/tab-contact.gif) top left no-repeat;
  }

#s-contact #tcontact a , #s-contact #tcontact a {
background-position: 0 -43px;
}


#tsitemap a, #tsitemap a.selected, #tsitemap a:hover, #tsitemap a:active {
  width: 120px;
  background: url(/img/tab-sitemap.gif) 2px 16px no-repeat;
  }


.single {
background: #7d95a9 url(/img/article-top.gif) top left no-repeat;
padding: 20px 20px 0;
margin: 0 10px 20px;
}

.singlepad {
padding: 20px;
}

.single h1 {
color: #CBD5DC;
font-size: 2em;
margin: 0 0 .5em;
}

.single span.cmntinvite {
background: url(/img/icon-comment.gif) 0 2px no-repeat;
padding: 5px 0 5px 25px;
margin: 0 0 0 15px;
}

.single .postmeta p {
margin: 0 0 3px;
}

.postmeta {
border-top: 1px dashed #52728c;
border-bottom: 1px dashed #52728c;
padding: 10px 20px 5px;
font-size: .95em;
background: #8EA3B4;
margin: 20px -20px 0;
}

.postmeta a {
color: #52728C;
}

#leader h2 {
color: #FFCA46;
text-transform: uppercase;
font-size: .95em;
font-weight: normal;
}

#lead-main h2 {
padding: 0 0 0 30px;
}

#lead-main ul {
padding: 0 0 0 30px;
margin: 0 0 10px;
}

#lead-main div {
width: 280px;
float: left;
}

#leader li {
background: url(/img/star.gif) 0 8px no-repeat;
padding: 6px 0 0 20px;
}

#leader li span {
color: #C5D9E9;
padding: 0 10px 0 0;
}

#leader li a {
color: #fff;
}

#lead-main p {
margin: 10px 0 0 30px;
}

#lead-main p a {
color: #C5D9E9;
text-decoration: none;
}

#lead-sub p {
color: #C5D9E9;
padding: 0;
margin: 0;
line-height: 1.5em;
}

#lead-sub .sitetag {
font: normal bold .95em/1.8em georgia, verdana, arial, sans-serif;
margin: 10px 10px 0;
}

#lead-sub .sitere {
font: normal normal .95em/1.4em arial, sans-serif;
margin: 10px;
}

#lead-sub .sitere a {
color: #C5D9E9;
text-decoration: none;
font-weight: bold;
}


#lead-sub .sitere a:hover {
text-decoration: underline;
}

/*
===== 4: side =====
*/

#side .sidebox-old {
width: 230px;
margin: 0 0 10px 0;
background: url(/wsite/imgs/sidebox-lower.gif) left bottom no-repeat;
}

#side-feature {
width: 268px;
background: #9dbed9 url(/img/side-topcurve.gif) left top no-repeat;
padding: 15px;
margin: 0 0 0 10px;
}

#side-feature p {
font-size: .95em;
}

#side h2 {
color: #52728C;
font-weight: normal;
font-variant: small-caps;
line-height: 2em;
}

#side a {
padding: 0;
border: none;
background: none;
}

#side a:hover {
text-decoration: none;
}

#side-feature a, .sidebox div a, .sidebox li a {
color: #52728C;
text-decoration: underline;
}

.sidebox div p {
font-size: .85em;
}

#side-feature img {
float: left;
padding: 0 10px 10px 0;
}

.sidebox {
width: 278px;
background: #9dbed9;
margin: 20px 0 0 10px;
padding: 10px;
}

.nonote li {
margin: 0 0 0 20px;
padding: 5px 0 5px;
list-style-type: decimal;
}

.recent-comments {
}

.recent-comments li {
background: url(/img/side-note.gif) left top no-repeat;
height: 49px;
padding: 10px 5px 0;
font-weight: bold;
font-size: .95em;
}

.recent-comments a {
color: #1A2D3C;
}

.recent-comments cite, .recent-comments span {
display: block;
font-style: normal;
color: #3E5D7A;
font-size: 90%;
}


/*
===== 6: footer =====
*/

#footer {
clear: both;
margin-left: -7px;
padding: 8px 0 0 1px;
width: 937px;
background: #233c51 url(/img/wo-footer.gif) top left no-repeat;
height: 91px;
}

* html #footer {
margin-left: 4px;
}

#footer p {
background: url(/img/logo-dot.gif) 0 36px no-repeat;
color: #fff;
font-size: 90%;
padding: 28px 10px 0 15px;
margin: 0 0 0 20px;
line-height: 2.2em;
letter-spacing: 1px;
}

#footer .recipe {
background: #4F5549;
padding: 3px;
margin: 0 0 10px 248px;
letter-spacing: 0;
}


/*
===== 7: comments =====
*/

#article-comments, #add-comments {
margin-top: 30px;
margin-bottom: 10px;
}


#add-comments {
padding: 20px 0 0;
border-top: 1px dashed #52728c;
}

.cmnt {
width: 390px;padding: 0;
}

.cmnt a {
border: none !important;
background: none !important;
text-decoration: underline;
color: #55648D;
}

.cmnt a:hover {
text-decoration: none;
}

.cmnt p.cmntdate {
background: url(/img/comment-top.gif) left top no-repeat;
height: 33px;
margin: 0;
padding: 17px 0 0 20px;
}

.cmntinner {
min-height:65px;
height:auto !important;
height:65px;
background: url(/img/comment-middle.gif) left top repeat-y;
}

.cmntinner p {
padding: 0 20px;
margin: 0;
}

.cmntinner img {
float: right;
padding: 0 20px 0 10px;
}

.cmsg {
background: url(/img/comment-bottom-left.gif) left top no-repeat;
height: 62px;
margin: 0 0 30px;
}

.even {
margin: 0 0 0 140px;
}

.even .cmsg {
background: url(/img/comment-bottom-right.gif) left top no-repeat !important;
margin-left: 4px;
}

.cmsg p {
margin: 0;
padding: 30px 0 0 100px;
color:#fff;
font-weight: bold;
font-size: 2em;
float: left;
}

.even .cmsg p {
text-align: right;
float: right;
padding: 30px 90px 0 0;
}

.cmsg a {
color: #fff;
text-decoration: none;
}

.cmsg a:hover {
text-decoration: underline;
}

ul.comments_error {
border-top: 1px dashed #52728c;
border-bottom: 1px dashed #52728c;
padding: 10px 20px 0;
font-size: .95em;
background: #8EA3B4;
margin: 20px 0 0;
}

#txpCommentInputForm {
font-size: .95em;
text-align: left;
margin: 10px 0 0;
}

.txpCommentInputMessage, .comment_web_input, .comment_email_input, .comment_name_input {
padding: 3px;
border: 2px solid #94ABB3;
background: #FFF6E5;
color: #82745A;
width: 165px;
margin: 2px 2px 8px 0; /***XXX b-mod to 3 XXX***/
vertical-align: middle;
}

.txpCommentInputMessage {
width: 290px;
height: 200px;
}

.cpreview {
color: #040; 
vertical-align: middle;
}

/*
===== 8: live search =====
*/

#LSResult, #liveLinkRes  {
  position: absolute;
  top: 56px;
  right: 56px;
  background-color: #333;
  width: 350px;
  padding:2px;
  z-index:1;
}
/*
border: 2px solid #94ABB3;
background: #FFF6E5;
color: #82745A;
*/

#LSShadow {
  border: 3px solid #b6cee3;
  padding: 5px;
  background-color: #332508;
  color:#fff;
}

#LSRes {
  background-color: #94ABB3;
}

.LSRow {
padding: 8px 5px 5px;
}

.LSRow a {
color: #52728c;
}

.LSViewAll {
text-align: center;
font-weight: bold;
font-size: 1.2em;
border-top: 1px solid #333;
margin-top: 5px;
}

#LSHighlight  {
  background-color: #FFF6E5;
}

#LSHeader{
padding: 2px 2px 8px;
}

.lsDate {
display: block;
color: #332508;
font-size: 0.8em;
padding: 5px 0 0;
}

/*
===== 9: sitemap =====
*/

#s-sitemap #content li {
line-height: 1;
margin: .6em 0;
}

/*
===== 10: thickbox =====
*/

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
*{padding: 0; margin: 0;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
	font: 12px Arial, Helvetica, sans-serif;
	color: #333333;
}

#TB_secondLine {
	font: 10px Arial, Helvetica, sans-serif;
	color:#666666;
}

#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
	position: fixed;
	z-index:100;
	top: 0px;
	left: 0px;
	background-color:#000;
	filter:alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
	height:100%;
	width:100%;
}

* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_window {
	position: fixed;
	background: #ffffff;
	z-index: 102;
	color:#000000;
	display:none;
	border: 4px solid #525252;
	text-align:left;
	top:50%;
	left:50%;
}

* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_window img#TB_Image {
	display:block;
	margin: 15px 0 0 15px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
}

#TB_caption{
	height:25px;
	padding:7px 30px 10px 25px;
	float:left;
}

#TB_closeWindow{
	height:25px;
	padding:11px 25px 10px 0;
	float:right;
}

#TB_closeAjaxWindow{
	padding:7px 10px 5px 0;
	margin-bottom:1px;
	text-align:right;
	float:right;
}

#TB_ajaxWindowTitle{
	float:left;
	padding:7px 0 5px 10px;
	margin-bottom:1px;
}

#TB_title{
	background-color:#e8e8e8;
	height:27px;
}

#TB_ajaxContent{
	clear:both;
	padding:2px 15px 15px 15px;
	overflow:auto;
	text-align:left;
	line-height:1.4em;
}

#TB_ajaxContent.TB_modal{
	padding:15px;
}

#TB_ajaxContent p{
	padding:5px 0px 5px 0px;
}

#TB_load{
	position: fixed;
	display:none;
	height:13px;
	width:208px;
	z-index:103;
	top: 50%;
	left: 50%;
	margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}

* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_HideSelect{
	z-index:99;
	position:fixed;
	top: 0;
	left: 0;
	background-color:#fff;
	border:none;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	height:100%;
	width:100%;
}

* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_iframeContent{
	clear:both;
	border:none;
	margin-bottom:-1px;
	margin-top:1px;
	_margin-bottom:1px;
}


/*
===== 11: textpattern-plugins =====
*/

#plugins h1 {
color: #CBD5DC;
font-size: 2em;
margin: 0 0 10px;
}

#mf {
text-align: center;
padding: 0 0 20px;
}

.plugpost {
border-top: 1px dashed #52728c;
border-bottom: 1px dashed #52728c;
padding: 10px 20px 5px;
font-size: .95em;
background: #8EA3B4;
margin: 5px -20px 10px;
}

.postmeta a {
color: #52728C;
}

.plugpost ul {
padding: 0 !important;
margin: 0 0 10px !important;
}

.plugpost li {
display: inline;
padding: 0 0 0 30px;
}

.plugpost .pl-details {
background: url(/img/icon-post.gif) 0 -2px no-repeat;
}

.plugpost .pl-down {
background: url(/img/icon-down.gif) 0 -2px no-repeat;
}

#plugins .single p {
padding: 0 5px 5px 0;
}

#plugins h2, #plugins h3 {
padding: 2px 0;
margin: 0 0 10px 0;
}

#plugins ul {
padding-left: 20px;
}

#plugins li {
margin-left: 20px;
list-style: disc;
}

.pluginfo {
float: left;
width: 240px;
margin: 0 10px 15px 0;
border-top: 1px dashed #52728c;
border-bottom: 1px dashed #52728c;
padding: 10px 20px 5px;
font-size: .95em;
background: #8EA3B4;
}

.pluginfo h3 {
background: #262938;
color: #DCEEC9;
padding: 8px 0 !important;
margin: 0 0 3px 0;
text-align: center;
font-variant: small-caps;
}

.pluginfo a {
text-decoration: underline;
}

.pluginfo dl {
padding: 5px 15px;
}

.pluginfo dt {
font-style: italic;
}

.pluginfo dd {
color: #496C23;
padding: 5px 20px;
}

/*
===== 12: contact =====
*/


#s-contact .single input, #s-contact .single #message  {
padding: 5px;
border: 2px solid #94ABB3;
background: #FFF6E5;
color: #82745A;
width: 165px;
margin: 6px 2px 8px 0; /***XXX b-mod to 3 XXX***/
vertical-align: middle;
font: normal normal 1em Verdana, Arial, sans-serif;
}

#s-contact .single #message {
width: 290px;
height: 200px;
}

/*
===== 13: live archive =====
*/

#rssLiveArchiveLoading {
font: normal bold 1.7em/2em "Bitstream Vera Sans", Arial, Verdana, sans-serif;
width: 500px;
text-align:center;
color:#ddd;
}

#livearchives {
padding: 10px 0 30px;
}

#rssLiveArchive {
  margin: 10px 0 0;
  }

#rssLiveArchive ul {
  padding: 0;
  margin: 0;
  }

#rssLiveArchive ul li {
  text-align: left;
  padding: 1px 8px;
  margin: 0;
  }

#rssLiveArchive ul li:hover {
  background: #eee;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  padding-top: 0;
  padding-bottom: 0;
  }

html>body .post #rssLiveArchive ul li {
  text-indent: 0;
  margin: 0;
  }

#rssLiveArchive-year {
  float: left;
  width: 90px;
  margin: 0;
  padding: 0;
  }

#rssLiveArchive-year li {
  position: relative;
  font-weight: bold;
  }

#rssLiveArchive-month {
  float: left;
  width: 120px;
  margin: 0;
  border-left: 1px solid #262938;
  font-weight: bold;
  }

#rssLiveArchive-month li {
  position: relative;
  }

#rssLiveArchive-post {
  float: left;
  width: 285px;
  margin: 0;
  border-left: 1px solid #262938;
  }

#rssLiveArchive-post  li {
  position: relative;
  font-weight: bold;
  }

#rssLiveArchive ul li span {
  position: absolute;
  right: 8px;
  font-weight: normal;
  color: #333;
  }

*html #rssLiveArchive ul li span {
top: -4px;
}

#rssLiveArchive .selected, #rssLiveArchive-post li:hover {
  background: #B6CEE3;
  border-top: 1px solid #262938;
  border-bottom: 1px solid #262938;
  padding-top: 0;
  padding-bottom: 0;
  color: #262938;
  }

#rssLiveArchive-post li:hover a, #rssLiveArchive-post a:hover {
text-decoration: none;
border: none;
background: none;
color: #262938;
}


#lab dl { padding: 3px 0 0 0; }
#lab dt, #lab .rssCcat, #lab .rssCcat { padding-left: 10px; }
#lab dd, #lab .rssCart { line-height: 1.6em; padding: 4px 0 4px 10px; font-size: .8em; }
#lab dd a.rssArticle, #lab .rssCart a { font-size: 1.3em; }
#lab ul { padding: 8px 0 !important; }
#lab li { padding: 8px 0 !important; }