* {margin: 0;  padding: 0;}

html {background: #F9FEF5 /*#dfdfdf;*/ url(../images/9.png) no-repeat fixed 86% 1em; width: 100%;}
body {font: normal normal normal medium/1.5em  Verdana, sans-serif;}

ul, ol {margin: 0 30% .6em 20%;}

h1, h2, p, blockquote, ins, fieldset, #cpreview, dl, .comments, .alist, ins, table, code {font-weight: normal; margin: 0 30% .6em 16%;}

h1, h2 {font-size: x-large;	padding-top: .6em;}
h2 {font-size: large;}
h1:first-letter, h2:first-letter {text-transform: uppercase;}

input {font-size: medium; padding: .1em; margin-right: .2em;}
textarea {display: block; margin-bottom: .5em;}
fieldset {border: none;}

td, th {padding: 0 .5em; border: 1px solid #ddd;}

blockquote p {margin: 0 0 .6em 0;}
blockquote {font-style: italic;}

blockquote:before {
	font-size: 370%;
	content: "«";
	font-family: "Times New Roman", Times, serif;
	display: block;
	margin: 0 0 -.3em -.5em;
}

ins {
	border: 1px solid #ccc;
	padding: 1em;
	background: #FFFACD;
	text-decoration: none;
	display: block;
}

p ins {margin: 0;}

img {border: none;}

#head, #foot {margin: 1em 2%;}
#head p {font-size: 320%; margin: 0 .7em 0 0; float: left; line-height: 1em;}
#head p a {text-decoration: none;}
#head input {margin: 1.2em .2em 0 0;}
#head ul {margin: 1em 0 2.6em .5em;}
#head li {display: inline;}
#head a, #foot a {padding: 0 1em 0 0;}

.published, .arch dt {margin: -1.5em 0 0 0; position: absolute; left: 1%; width: 13%; text-align: right;}
.arch dt, .alist .published {margin: 0;} 
.published a, .alist small {display: block;}
.alist h2, .alist p {padding: 0; margin: 0;}


.nav {margin: 3em 26% 2em 12%;}
.nav a {text-decoration: none; font-size: 360%; line-height: .1em;}
.nav a span {text-decoration: underline; font-size: xx-large; vertical-align: top;}

#sidebar {
	position: absolute;
	top: 10em;
	width: 27%;
	right: 1%;
	font-size: small;
	line-height: 1.5em;
}

#sidebar h2, #sidebar ul {margin: 0 0 .3em 0;}
#sidebar li {list-style: none;}
#sidebar h2 {margin: .3em 0 .3em 0;}

.right {float: right; margin: 0 0 1em 1em;}
.left {float: left; margin: 0 1em 1em 0;}

.menu a.current, #sidebar a.current  {text-decoration: none; cursor: default;}

.comments big {float: left; line-height: 1.1em;}
.comments li, .alist li {margin-bottom: 1em; list-style: none;}
.comments p, .comments blockquote {margin: 0 0 .4em 0;}
.comments blockquote:before {display: none;} .comments blockquote p {margin: 0;}
.bro {border: 1px dashed; padding: .3em .1em 0 .1em; border-width: 1px 0;}
.bro big a {text-decoration: none;}
.comments-wrapper fieldset {padding: .5em 1em; border: 4px dashed;}
.comments-wrapper label, #name, #email, #web,  .comments-wrapper textarea {display: block;}
.comments-wrapper textarea {padding: .1em; clear: both; width: 97%;}
.comments-wrapper label, .xrenovina {float: left; width: 48%; margin: 0 1% .4em 0;}
.comments_error, .xrenovina {margin: 1em 0;}
#cpreview {padding: 1em; border: 1px dashed; margin-bottom: 2em;}
#cpreview p {margin: 0;}
#txpCommentPreview {margin-right: .2em;}

#foot a {float: left;}

a#fb {
	padding-left: 30px;
	background: transparent url(../images/rss.png) no-repeat left;
}

.both {clear: both;}

/* Colors */
img {background: #fff;}

blockquote {background: #fff;}
blockquote:before {color: #ccc;}

a:link {color: #0099FF;}
a:visited {color: #000;}
a:hover {color: #22A9FF;}
a:active {background: #fff; color: #f00;}

.published, .published a, .arch dt, .gray, .alist small a {color: #aaa;}

#head p a:hover {color: #222;}

#head .menu a, .nav a, .bro big a, #sidebar a {color: #0099FF;} 
#head .menu a.current, #sidebar a.current {color: #555;}

.bro {background: #fff; border-color: #aaa;}
.comments-wrapper fieldset {background: #E3E7DF; color: #222; border-color: #F9FEF5;}
.comments_error {color: #f00;}
#cpreview {background: #fff; border-color: #000;}

#sidebar a:hover {background: #fff;}

td, th {border-color: #ddd; background: #fff;}

#daos {width:100%; font-size:x-large; font-family:Verdana, sans-serif; border-bottom:1px solid #ccc}
#daostring:hover {color:black !important}

#head ul li{
	position:relative; 
}

#head ul li ul{
	   position:absolute;
    top:2px;
    left: -2000px;
    padding: 10px;
    z-index: 9999;
    background: #F9FEF5;
    border: 1px solid #c7cacc;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
}

#head ul li:hover ul{
left: -20px;
} 

#head ul li ul a{
	white-space: nowrap;
	}