@import url("../core-reset.css");
html{
	height:100%;
	background-color:#DEDDC2;
	background:#DEDDC2 url("img/html-one.jpg") repeat 0 0 fixed;
}
body{
	position:relative;
	width:70em;
	margin:0 auto;
	min-height:100%;
	height:auto!important;
	height:100%;
	font-size:75%; /* Resize text to 1em - 13px */
	font-family:"Trebuchet MS",Helvetica,sans-serif; 
	line-height:1.4;
	background:#fff url("img/body.gif") repeat-y 100% 0;
}
body h1{
	position:relative;
	z-index:20;
	background-color:#DEDDC2;
	background:#DEDDC2 url("img/html-one.jpg") repeat 0 0 fixed;
}
body h1 strong a{
	padding:0.1em 0;
	font-size:300%;
	text-decoration:none;
	vertical-align:middle;
	color:#660000;
}
#ww-footer{
	position:absolute;
	z-index:11;
	width:100%!important;
	bottom:0!important;
	height:60px;
	background:#DEDDC2 url("img/html-one.jpg") repeat 0 0 fixed;
}
#ww-footer .vcard{
	position:relative;
	display:block;
	margin:0 0 0 20em;
	background:transparent url("img/ww-footer-vcard.gif") no-repeat 100% 0;
}
#ww-footer .vcard strong{
	position:relative;
	display:block;
	left:-9px;
	text-align:right;
	padding:2em 0 0 0;
	background:transparent url("img/ww-footer-vcard-strong.gif") no-repeat 0 0;
}
#ww-power-buttons{
	position:absolute;
	z-index:12;
	bottom:0;
	height:60px;
}
#ww-power-buttons li{
	float:left;
	padding:26px 10px 0 0;
}
#ww-power-buttons li img{
	float:left;
	font-size:90%;
	color:#666;
}
body div{
	float:right;
	width:39.4em;
	margin:0 0 0 -17.14em;
	padding:60px 2em 2em 2em;
	color:#444;
	font-size:116.6%;
	font-family:"Palatino Linotype","Book Antiqua",Palatino, serif;
	background:transparent url("img/ww-content.gif") no-repeat 100% 0;
}
#ww-extra{
	position:relative;
	z-index:20;
	width:20em;
	margin-top:60px;
	color:#444;
	background:#eee url("img/ww-extra.gif") no-repeat 0 100%;
	border-right:1px solid #DFDFDF;
}
#ww-extra dt{
	margin:0 0 0 5px;
	font-size:120%;
	border-top:3px double #660000;
	border-bottom:3px double #660000;
}
#ww-extra dt strong{
	display:block;
	padding:0.2em 0.75em;
	color:#fff;
	background-color:#660000;
}
#ww-extra dd{
	padding:1em 1em 2ex 1em;
}
#ww-extra dd#sb-tag-ext{
	background:transparent url("img/ww-extra-last-child.gif") no-repeat 100% 100%;
}

#ww-extra dd#sb-cat-ext{
	padding:0 10px 4px 15px;
}
#ww-extra dd#sb-cat-ext ul li a,
#ww-extra dd#sb-cat-ext ul li span{
	display:block;
	padding:1em 0 0 0;
	font-weight:bold;
	line-height:2;
	margin:0 1px;
	border-top:1px solid #DFDFDF;
	border-bottom:1px solid #DFDFDF;
}
#ww-extra dd#sb-cat-ext ul li ul li a,
#ww-extra dd#sb-cat-ext ul li ul li span{
	display:block;
	padding:0 0 0 2em;
	font-weight:normal;
	margin:0;
	border-left:1px solid #DFDFDF;
	border-right:1px solid #DFDFDF;
	border-top:none;
	border-bottom:none;
}
#ww-extra dd#sb-cat-ext ul li ul li a:hover{
	border-left:1px solid #999;
	border-right:1px solid #999;
	background-color:#ddd;
}
#ww-extra dd#sb-cat-ext ul li ul li span{
	font-weight:bold;
}
#ww-extra dd#sb-cat-ext ul li strong{
	display:block;
	position:relative;
	margin:-2em 0 0 12em;
	width:3em;
	text-align:right;
	line-height:2;
	width:20%;
}
#ww-extra dd#sb-cat-ext ul li#mn-root-id span{
	display:none;
}
#ww-extra dd#sb-cat-ext ul li#mn-root-id strong{
	color:#fff;
	margin-top:-2.2em;
}
#ww-extra dd#sb-cat-ext ul li #mn-offline-id{
	color:#600;
	text-decoration:none;
	border-top:none;
}
#ww-extra dd#sb-cat-ext ul li #mn-online-id{
	color:#600;
	text-decoration:none;
}
#ww-extra dd#sb-cat-ext ul li a#mn-tumblog-id{
	border-bottom:none;
}

#ww-after-extra{
	visibility:hidden;
	clear:both;
	height:60px;
	margin:0;
	border:none;
	background-color:#DEDDC2;
}

#ww-menu{
	position:absolute;
	z-index:30;
	left:0;
	width:70em;
	background:#fff url("img/ww-menu.gif") no-repeat 100% 0;
}
#ww-menu li{
	float:left;
	line-height:60px;
	background:transparent url("img/ww-menu-li.gif") no-repeat 0 50%;
}
#ww-menu li:first-child,
#ww-menu li.first-child{
	padding-left:20em;
	background:#eee url("img/ww-menu-first-child.gif") no-repeat 0 0;
}
#ww-menu li:first-child a,
#ww-menu li.first-child a,
#ww-menu li:first-child span,
#ww-menu li.first-child span{
	background:#eee url("img/ww-menu-first-child-span.gif") no-repeat 0 0;
}
#ww-menu li a,
#ww-menu li span{
	display:block;
	padding:0 1em;
	font-weight:bold;
	font-size:1.2em;
}

#ww-after-content,
#ww-after-content-ie,
#ww-after-menu,
#ww-after-menu-ie{
	display:block;
	position:absolute;
	z-index:0;
	top:0;
	left:0;
	width:20em;
	height:100%;
	margin:0;
	padding:0;
	border:none;
	overflow:hidden;
	font-size:100%;
	background:#DEDDC2 url("img/html-one.jpg") repeat 0 0 fixed;
}
#ww-after-menu,
#ww-after-menu-ie{
	z-index:10;
	left:1px;
	background:transparent url("img/ww-after-menu.gif") repeat-y 100% 0;
}


/*										sidebars */
.tagcloud{
	text-align:justify;
}
.tagcloud li{
	display:inline;
	line-height:2.2em;
}
.tagcloud li a{
	display:inline-block;
	vertical-align:middle;
	margin:0 0.2em;
	line-height:1.6em;
	text-decoration:none;
	white-space:nowrap;
	font-family:"Palatino Linotype","Book Antiqua",Palatino, serif;
}
.tagcloud li:hover{
	border-bottom-style:solid;
}
.tagcloud .smallestTag {font-size:100%; }
.tagcloud .smallTag    {font-size:100%; font-weight:bold;}
.tagcloud .mediumTag   {font-size:133%; font-weight:bold;}
.tagcloud .bigTag      {font-size:133%; font-weight:bold;}
.tagcloud .biggestTag  {font-size:150%;}
.tagcloud .hugeTag     {font-size:150%;}
.tagcloud .hugestTag   {font-size:200%; }
.tagcloud .mostHugeTag {font-size:200%; }

/*										content */
body div p,
body div dl,
body div ol,
body div ul,
body div multicol,
body div blockquote,
body div xmp,
body div pre,
body div table{
	margin:1em 0;
}
body div h2{
	color:#660000;
	font-size:20px;
	font-weight:normal;
	font-family:"Trebuchet MS",Helvetica,sans-serif; 
}
body div h3{
	margin:1em 0;
	font-weight:bold;
	font-family:"Trebuchet MS",Helvetica,sans-serif; 
}

body div h4{
	font-weight:bold;
	margin:1em 0;
}

body div h5{
	font-size:0.83em;
	font-weight:bold;
	margin:1.67em 0;
}
body div h6{
	font-size:0.67em;
	font-weight:bold;
	margin:2.33em 0;
}
body div blockquote{
	padding:0.1em 1em 0.1em 30px;
	border:1px solid #ddd;
	background:#F6F6F6 url("img/blockquote.gif") no-repeat 5px 2.5ex;
}
body div p{
	text-align:justify;
}
body div pre{
	font-size:120%;
	padding:1em;
	border:1px solid #ddd;
	background-color:#F6F6F6;
	overflow:auto;
}
body div var{
	color:#666;
	font-weight:bold;
	font-style:normal;
}
body div ul,
body div menu{
	list-style-type:disc;
	padding-left:1.2em;
}

body div ol{
	list-style-type:decimal;
	padding-left:1.6em;
}
body div p.have-limg,
body div p.have-rimg{
	overflow:auto;
}
body div p.have-limg img{
	float:left;
	clear:left;
	margin:0.2em 1em 0.2em 0;
	padding:1px;
	border:1px solid #DFDFDF;
}
body div p.have-rimg img{
	float:right;
	clear:right;
	margin:0.2em 0 0.2em 1em;
	padding:1px;
	border:1px solid #DFDFDF;
}
body div img.content-thumbnail{
	float:left;
	clear:left;
	margin:0.5em 1em 0.2em 0;
	padding:1px;
	border:1px solid #DFDFDF;
}
body div ul.thumbnail-list{
	margin:0;
	padding:0;
	overflow:auto;
}
body div ul.thumbnail-list li{
	float:left;
	clear:left;
	margin:0 0 2em 0;
	padding:0;
	width:48%;
	text-align:center;
	list-style-type:none;
}
body div ul.thumbnail-list li.zebra{
	float:right;
	clear:right;
}
body div ul.thumbnail-list li img{
	border:1px solid #DFDFDF;
	padding:1px;
}
body div ul.thumbnail-list li p{
	text-align:left;
	margin:0 1em 0 0;
	font-size:85%;
	font-weight:bold;
	color:#666;
}


/* nested lists have no top/bottom margins */
body div ul ul,
body div ul ol,
body div ul menu,
body div ul dl,
body div ol ul,
body div ol ol,
body div ol menu,
body div ol dl,
body div menu ul,
body div menu ol,
body div menu menu,
body div menu dl,
body div dl ul,
body div dl ol,
body div dl menu,
body div dl dl{
	margin-top: 0;
	margin-bottom: 0;
}

/*										blog specific */
body div #page-title{
	position:relative;
	margin:0.25em 0 0.5em 0;
	background-color:#fff;
}
body div .art-anon dt,
body div .cmt-anon dt{
	display:block;
	clear:both;
	margin:0;
	font-weight:bold;
	font-family:"Trebuchet MS",Helvetica,sans-serif;
	border-left:1px solid #fff;
	border-right:1px solid #fff;
	color:#600;
}
body div .art-anon dt strong,
body div .cmt-anon dt strong{
	display:block;
	margin:3em 0 0 0;
	padding:0.2em 1.2em;
	border-bottom:1px double #ddd;
	background:transparent url("img/art-anon-dt.gif") no-repeat 0 0.7em;
}
body div .art-anon dt:first-child strong,
body div .cmt-anon dt:first-child strong{
	margin-top:1em;
}

/*
body div .cmt-anon dt{
	border-top:1px solid #ddd;
}
*/

body div .cmt-anon dt.first-child{
	border-top:none;
	padding:0!important;
	color:#600;
	height:1px;
	overflow:hidden;
}
body div .art-anon dd.art-date,
body div .cmt-anon dd.cmt-date{
	float:left;
	width:12em;
	padding:0.2em 0 0.7em 1em;
	border-left:1px solid #ddd;
}
body div .art-anon dd.art-tags,
body div .cmt-anon dd.cmt-user{
	float:right;
	padding:0 1em 0.7em 0;
	border-right:1px solid #ddd;
}
body div .art-anon dd.art-path,
body div .cmt-anon dd.cmt-link,
body div .cmt-anon dt.first-child{
	margin:0 1em;
	padding:0 0 0.5em 0;
	border-bottom:3px double #ddd;
}
body div .art-anon dd.art-perm em{
	display:block;
	padding:0 1em;
	border-top:1px solid #ddd;
	border-left:1px solid #fff;
	border-right:1px solid #fff;
}
body div .art-anon dd.art-perm em a{
	float:left;
	margin-top:-0.8em;
	padding:0 1em;
	font-weight:bold;
	font-style:normal;
	background-color:#fff;
	border-left:3px double #ddd;
	border-right:3px double #ddd;
}
body div .cmt-anon dd.first-child{
	background-color:#F6F6F6;
}
body div .art-meta li em,
body div .cmt-anon dd.cmt-date em,
body div .cmt-anon dd.cmt-user em,
body div .cmt-anon dd.cmt-link em,
body div .art-anon dd.art-date em,
body div .art-anon dd.art-tags em,
body div .art-anon dd.art-path em,
body div .art-anon dd.art-perm em{
	font-size:0.91em;
}
body div .cmt-anon dd.cmt-date span,
body div .cmt-anon dd.cmt-user span,
body div .cmt-anon dd.cmt-link em,
body div .art-meta li.art-date span,
body div .art-meta li.art-tags span,
body div .art-meta li.art-path span,
body div .art-meta li.art-perm,
body div .art-anon dd.art-date span,
body div .art-anon dd.art-tags span,
body div .art-anon dd.art-path span,
body div .art-anon dd.art-perm span{
	display:none;
}
body div .cmt-anon dd.cmt-link span{
	visibility:hidden;
}
body div .cmt-anon dd.cmt-user em{
	font-weight:bold;
	font-style:normal;
}

body div .art-meta li.art-date{
	float:left;
	width:12em;
}
body div .art-meta li.art-tags{
	float:right;
}
body div .art-anon dd.art-descr,
body div .cmt-anon dd.cmt-descr{
	float:none;
	position:relative;
	margin:0;
	padding:0.1em 1em 1em 1em;
	border-left:1px solid #ddd;
	border-right:1px solid #ddd;
}
body div .cmt-anon dd.cmt-descr{
	border-bottom:1px solid #ddd;
}

/*
body div .art-anon dd.art-descr p.readmore{
	text-align:right;
	margin:0;
}
body div .art-anon dd.art-descr p.readmore a{
	position:absolute;
	right:5px;
	bottom:-9px;
	width:139px;
	height:19px;
	text-indent:-1000px;
	background:transparent url("img/readmore.gif") no-repeat 0 0;
}
body div .art-anon dd.art-descr p.readmore a span{
	display:none;
}
body div .art-anon dd.art-descr p.readmore a:link{
	background-color:#0000EE;
}
body div .art-anon dd.art-descr p.readmore a:visited{
	background-color:#551A8B;
}
body div .art-anon dd.art-descr p.readmore a:hover,
body div .art-anon dd.art-descr p.readmore a:active{
	background-color:#660000;
}
*/

body div .art-meta{
	float:left;
	margin:0 0 1em 0;
	padding:0 0 0.5em 0;
	width:100%;
	border-bottom:3px double #ddd;
}
body div .art-meta li{
	list-style:none;
}
body div .page-by-page{
	font-weight:bold;
	text-align:center;
}

body div ul.dialog strong{
	position:relative;
	float:left;
	clear:left;
	width:8.5em;
	margin-left:-9em;
	text-align:right;
	color:#006;
}
body div ul.dialog{
	margin:0;
	padding:0;
}
body div ul.dialog li{
	margin:0;
	padding:0.1em 0 0.1em 9em;
	list-style:none;
	border:1px solid #fff;
}
body div ul.dialog li.zebra{
	color:#666;
}
body div ul.dialog li.zebra strong{
	color:#600;
}

body div p.mess-important{
	color:#600;
}
body div form{
	margin:1em 0;
}
body div form label{
	float:left;
	width:100%;
	padding:0.2em 0;
}
body div form blockquote{
	background-image:none;
	padding:0 1em;
}
body div form p.frm-buttons{
	text-align:center;
}
body div form p.frm-buttons input{
	border:3px double #666;
	padding:0.2em 1em;
}
body div form label strong{
	float:left;
	width:8em;
	text-align:right;
	padding:0 1em 0 0;
}
body div form label#cf-author-url input,
body div form label#cf-message-title input{
	width:26em;
}
body div form label#cf-message-body strong{
	display:none;
}
body div form label#cf-message-body textarea{
	font-size:120%;
	width:100%;
}