/*
	DkBlog Template
	CSS StyleSheet by David Herreman
	http://www.free-css-templates.com
*/

body {
padding : 0;
margin : 0 5px 0 5px;
/*font : 0.9em Arial, sans-serif;*/
font : 1.2em source serif pro, serif, Arial, sans-serif;
line-height : 1.5em;
background : #393939;
color : #fff;
}
a {
color : #d0eb55;
background : inherit;
text-decoration : none;
}
a:hover {
color : #d0eb55;
background : inherit;
text-decoration : underline;
}
p {
/*margin : 5px 0;*/
}
h1 {
font : bold 1.8em Arial, Sans-Serif;
padding : 8px 0 4px 0;
margin : 0;
letter-spacing : -1px;
color: #FEFF80;
}
h2 {
font : bold 1.6em Arial, Sans-Serif;
letter-spacing : -1px;
}
h3 {
padding : 4px 0;
margin : 0;
}
ul {
/*margin : 0;
padding : 0;
list-style : none;*/
}
img {
    border : 0;
    image-orientation: from-image;
}
hr {
height : 1px;
border-style : none;
color : #d0d0d0;
background-color : #c0c0c0;
margin : 10px 0;
}
ol {
/*padding : 0;
margin : 0;*/
}
.content {
margin : 0 auto;
width : 95%; /* 1000; */
}
#topbar {
height : 35px;
background : #212121;
width : 100%; 
}
#topbar #icons {
float : right;
margin : 10px 0 0;
padding : 0 5% 0 5%;
}
#topbar #icons img {
padding-right : 4px;
border : 0;
}
#topbar .url {
padding-left: 5%;
}

.url {
padding : 10px 0;
}
.url a {
color : #454545;
text-decoration : none;
}
.url a:hover {
color : #fff;
}
#top {
padding-top : 0;
background : #3d3d3b url(/static/img/topbg.gif) repeat-x;
/*height : 85px;*/
margin-bottom : 25px;
}
#top h1 {
font : bold 2.6em Arial, Sans-Serif;
padding : 20px 0 0 0;
margin : 0;
letter-spacing : 1px;
color : #d0eb55;
}
#top a:hover {
text-decoration : none;
}
#top h2 {
font : 0.9em Arial, Sans-Serif;
letter-spacing : 0;
color : #868686;
margin : 0;
padding : 0;
}
#menu {
float : right;
/*height : 23px;*/
margin-top : 35px;
/*padding-right: 5%;*/
}
#menu a {
color : #fff;
background : inherit;
text-decoration : none;
padding-left : 10px;
line-height : 23px;
font-weight : bold;
}
#menu a span {
padding-right : 10px;
}
#menu a, #menu a span {
display : block;
float : left;
}
#menu a:hover, #menu .current {
color : #fff;
background : #a9bc52 url(/static/img/tabl.gif) no-repeat left top;
padding-left : 10px;
height : 23px;
}
#menu a:hover span, #menu .current span {
background : url(/static/img/tabr.gif) no-repeat right top;
padding-right : 10px;
height : 23px;
cursor : pointer;
}
#menu ul {
list-style : none;
padding : 0;
margin : 0;
}
#menu li {
float : left;
/*margin : 0 0 0 0;*/
}
#main {
width : 100%; /* 1000px; */
margin : 0;
padding : 0;
}
.right_side {
float : right;
width : 20%; /* 202px; */
background : inherit;
overflow : hidden;
}
.right_side .pad {
padding : 0 0 10px 17px;

}
.right_side p {
padding : 0 0 5px 5px;
}
.right_side ul {
padding : 3px 0 12px 5px;
}
.right_side li {
/*line-height : 18px;*/
/*background : inherit;*/
list-style-type : circle;
/*padding-left : 0px;*/
margin-left : 17px;
color : #b4e04a;
}
.right_side .pad .small {
font : 0.7em Arial, Sans-Serif;
}

.right_side a {
/*background : inherit;*/
/*text-decoration : none;*/
}
.right_side a:hover {
/*text-decoration : underline;*/
}
.right_side h3 {
color : #eee;
font : bold 1.2em Arial, Sans-Serif;
background : #414141;  /*url(/static/img/rmenuhead.gif) no-repeat top;*/
width : 70%; /* 202px; */
height : auto;
/* padding-top: 7px; */
padding : 7px 7px 7px 7px;
/*text-indent : 10px;*/
}
#left_side {
background : inherit;
margin-bottom : 10px;
width : 80%; /* 792px;*/ 
color : #e7e7e7;
}
#left_side .intro {
background : #414141;
color : #fff;
}
#left_side .intro .pad {
padding : 10px;
}
#left_side .intro a {
color : #b4e04a;
text-decoration : none;
}
#left_side .intro a:hover {
color : #cdff56;
text-decoration : underline;
}
#left_side .mpart {
padding : 20px 0 0 0;
}
#left_side h2 {
background : inherit;
padding : 0;
margin : 5px 0 5px 0;
font : 1.8em verdana, Arial, Sans-Serif;
}
#left_side h3 {
background : inherit;
padding : 0;
margin : 5px 0 5px 0;
font : bold 1.4em verdana, Arial, Sans-Serif;
/*color : #a5a5a5;*/
}
#left_side h4 {
background : inherit;
padding : 0;
margin : 0;
font : 0.9em verdana, Arial, Sans-Serif;
}
#left_side p {
padding : 0;
text-align : justify;
}
/* 
#left_side img {
float : left;
padding : 0 10px 5px 0;
}
*/
#left_side blockquote {
padding-left : 10px;
border-left : 3px solid #a7cc44;
margin : 10px 0 10px 25px;
}
#left_side .annotation {
color: #777;
}
#left_side .myform{
display: none;
padding-left: 5px;
}
#left_side input {
background-color: #cccccc;
}
#left_side textarea {
background-color: #cccccc;
}

#left_side .error {
margin: 5px 10px 5px 10px;
padding: 5px 5px 5px 5px;
color: #D8000C;
background-color: #FFBABA;
/*background-image: url(/static/img/error.png);*/
}


.date {
padding : 7px 35px 0 0;
margin : 10px 0 25px 0;
text-align : right;
background : url(/static/img/commentb.gif) no-repeat top right;
height : 32px;
}
.date a {
font : bold 1.2em Arial, Sans-Serif;
color : #a9bc52;
background : transparent;
}

.comments {
padding : 7px 35px 0 35px;
margin : 40px 0 25px 0;
text-align : left;
background : url(/static/img/commenta.gif) no-repeat top left;
height : 32px;
}


#left_side .rs {
float : right;
margin : 0 0 0 10px;
border : 1px solid #888;
padding : 5px;
background : inherit;
}
/*#left_side ul {
list-style-position : inside;
margin-left : 2px;
}
#left_side ul li {
list-style-type : square;
margin-left : 15px;
}
#left_side ul ul li {
list-style : none;
margin-left : 10px;
list-style-type : lower-alpha;
list-style-position : inside;
}*/
#left_side .greybox {
border : 1px solid #ccc;
background : #f5f5f5;
width : 63%; /* 628px;*/
padding : 10px;
}
#footer {
clear : both;
width : 100%; /* 1000px;*/
margin : 0 0 6em 0;
padding-top : 5px;
color : #777;
border-top : 1px solid #444;
background : inherit;
font-size: 0.7em;
}
#footer .right {
float : right;
}
#footer a {
text-decoration : none;
background : inherit;
}