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

body {
padding : 0;
margin : 0;
font : 0.74em Arial, sans-serif;
line-height : 1.5em;
background : #b8b415;
color : #fff;
background: url(common/body_test.jpg) center repeat-y;
}

#wrapper {
margin : 0 auto;
width : 950px;
background : url(common/bg_content_test.jpg) no-repeat;
}



a {
color : #797e43;
background : inherit;
text-decoration : none;
}
a:hover {
color : #fff;
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;
}
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;
}
hr {
height : 1px;
border-style : none;
color : #d0d0d0;
background-color : #c0c0c0;
margin : 10px 0;
}
ol {
padding : 0;
margin : 0;
}
.code {
padding : 3px 5px 3px 35px;
border : 1px solid #666;
list-style-type : decimal-leading-zero;
font-family : Courier;
}
.code code {
font-family : Monaco, "Courier New", Tahoma;
font-size : 1.2em;
}
.code li {
margin : 2px 0;
padding : 0 5px;
background : #333;
}
.code li.t1 {
padding-left : 4ex;
}
.code li.t2 {
padding-left : 8ex;
}
.code li.t3 {
padding-left : 12ex;
}
.code li.t4 {
padding-left : 16ex;
}
.code li.t5 {
padding-left : 20ex;
}
.code li.t6 {
padding-left : 24ex;
}
.code li.t7 {
padding-left : 28ex;
}

.code li.t8 {
padding-left : 32ex;
}

.content {
margin : 0 auto;
width : 900px;
}

#topbar {
height : 35px;

width : 900px;
margin : 0 auto;

}
#topbar #icons {
float : right;
margin : 5px 10px 0 0;
padding : 0;
}
#topbar #icons img {
padding-right : 4px;
border : 0;
}
.url {
padding : 10px 0;
}
.url a {
color : #454545;
text-decoration : none;
}
.url a:hover {
color : #fff;
}
#top {
padding-top : 0;

height : 85px;
margin: 0 auto;
margin-bottom : 25px;
width: 900px;
}
#top h1 a{
font : bold 1.8em Arial, Sans-Serif;
padding : 25px 0 0 15px;
margin : 0;

letter-spacing : 1px;
color : #fff;
}
#top a:hover {
text-decoration : none;
}
#top h2 {
font : 1em Arial, Sans-Serif;
letter-spacing : 0;
color : #fff;
margin : 0;
padding : 0;
padding-left: 175px;
}
#menu {
float : right;
height : 23px;
margin-top : 35px;
}
#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(common/tabl.gif) no-repeat left top;
padding-left : 10px;
height : 23px;
}
#menu a:hover span, #menu .current span {
background : url(common/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 5px;
}
#main {
width : 900px;
margin : 0;
padding : 0;
}
.right_side {
float : right;
width : 202px;
background : inherit;
overflow : hidden;

}
.right_side .pad {
padding : 0 0 10px 17px;
margin-top: 250px;
}
.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 : square;
padding-left : 0px;
margin-left : 17px;
color : #eae5bb;
}
.right_side a {
background : inherit;
text-decoration : none;
}
.right_side a:hover {
text-decoration : underline;
}
.right_side h3 {
color : #eae5bb;
font : bold 1.2em Arial, Sans-Serif;
background : url(common/rmenuhead.gif) no-repeat top;
width : 202px;
height : 30px;
padding-top : 7px;
text-indent : 10px;
}

#calender h3 {
color : #eae5bb;
font : bold 1.2em Arial, Sans-Serif;
background : url(common/rmenuhead2.gif) no-repeat top;
width : 202px;
height : 30px;
padding-top : 7px;
text-indent : 10px;
}

#left_side {
background : inherit;
margin-bottom : 10px;
width : 480px;
}
#left_side .intro {
color : #939951;
text-align : justify;
}

#left_side .intro h3{
color : #939951;
margin-bottom: 10px;
}

#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 : 0;
color: #dc8420;
font : 1.8em verdana, Arial, Sans-Serif;
}
#left_side .mpart h3 {
background : inherit;
padding : 0;
margin : 0 0 15px 0;
font : 0.9em verdana, Arial, Sans-Serif;
color : #c6c142;
}
#left_side p {
color : #797e43;
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;
}
.date {
padding : 7px 60px 0 0;
margin : 10px 0 25px 0;
text-align : right;
background : url(common/commentb.gif) no-repeat top right;
height : 32px;
}
.date a {
font : bold 1.2em Arial, Sans-Serif;
color : #797e43;
background : transparent;
}
#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 : 628px;
padding : 10px;
}
#footer {
clear : both;
width : 490px;
margin : 0 0 0.5em 0;
padding-top : 5px;
color : #797e43;
border-top : 5px solid #e0db9b;
background : inherit;
}
#footer .right {
float : right;
}
#footer a {
text-decoration : none;
background : inherit;
}

#breadcrumb {height: 10px; padding: 10px 0px; margin-bottom: 20px;}
#breadcrumb a {font : bold 1.8em Arial, Sans-Serif; text-decoration: none; color: #dc8420;margin-left: 8px;}
#breadcrumb a:hover {text-decoration: underline;}

#calender {	margin: 0px 0px 10px 0px;}
#calender table {width: 100%;	height: 200px; text-align: center;}
#calender table td {width: 14%; padding: 3px 0px;}
#calender table .controls {font-weight: bold; color: #eae5bb;}
#calender table .controls a {text-decoration: none;}
#calender table .controls a:hover {text-decoration: none;}
#calender table .title {font-weight: bold;}
#calender table .days td {}
#calender table .days a {text-decoration: none;}
#calender table .days a:hover {text-decoration: underline;}
#calender table td.empty {}
#calender table td.article {background-color: #ddd;}
#calender table td.article_event {background-color: #c6c142;}
#calender table td.event {background-color: #c6c142;}
#calender table td.event a, #calender table td.article a, #calender table td.article_event a {color: #f6fc2a; text-decoration: underline;}
#calender table td.event a:hover, #calender table td.article a:hover, #calender table td.article_event a:hover {color: #fff; text-decoration: none;}
	
#notification {background-color: #FFFDFB; height: 100%; padding: 15% 10%; text-align: center;}
#notification h1 {margin: 5px 0px; font-family: "Century Gothic", "Trebuchet MS", "Arial Narrow", Arial, sans-serif; font-weight: normal; font-size: 25px; color: #728c40; text-transform: uppercase;}
#notification a {color: #4F5F34; text-decoration: underline;}
#notification a:hover {color: #4F5F34; text-decoration: none;}

#screenshot {background-image:url(Common/Screenshot-Background.gif); background-position: top left; background-repeat: repeat-x; margin: 0px auto; padding: 5px; text-align: center; text-align: center; color: #FFFFFF; overflow: visible;}
#screenshot img {background-color: #EFEFD6; border: 1px solid #542700; margin: 6px; padding: 3px;}

.article {margin-left: 8px;margin-bottom: 15px;}
.article h2 {color: #dc8420;}
.article .details {margin: 0; padding: 0; list-style: none;}
.article .details li {margin: 0px 5px 10px 0px; display: inline;}
.article p {margin: 5px 0px 10px 0px;}
.article img {padding: 3px; margin: 3px;}
.article .introduction {border-bottom: 1px solid #E4E4E4; line-height: 20px; font-size: 115%;}
.article .link {font-size: 110%; float: right;}
.article .gallery {}
.article .gallery img {border: 0px; padding: 0; margin: 0;}
.article ul  {color : #797e43;}
.article h3 a {color: #797e43;font-weight: normal;}
.article h3 {color: #000;}

#comments {margin-bottom: 20px;}
#comments .details {margin-bottom: 10px;}
#comments .details dt {background-image: url(Icons/Avatar.jpg); background-position: top left; background-repeat: no-repeat; float: left; height: 55px; width: 55px; margin-right: 5px;}
#comments .details dd {margin: 0;}

.comment {padding: 5px 0px; clear: both;}
.whisper {background-color: #E4E4E4; padding: 5px 5px; clear: both;}

form {margin: 0; padding: 0;}
form #comment {width: 100%; height: 125px;}
form #whisper {margin-left: 0px;}
form #keywords {width: 32%;}
form #date {width: 32%;}
form #category {width: 32%;}

#paging {text-align: right;}
#paging a {padding: 0px 5px;}

.event {}
.event h1 {}
.event h2 {}
#left_side .mpart .event h3 {color: #797e43;}
#left_side .mpart .event a {color: #797e43;}
.event .details	{margin: 0;	padding: 0;}
.event .details li {margin-right: 5px; list-style: none; display: inline;}

.clear {clear: both;}

#map {color: #797e43;}

#linkpagina a {color: #797e43;}


input
{
border: 0px #e0db9b;
width: 260px;
font-size: 1.3em;
color: #797e43;
padding: 0.5em 0.5em 0.5em 0.5em;
background-color: #e0db9b;
}


input.checkbox
{
border: 0px #e0db9b;
width: 50px;
font-size: 1.3em;
color: #797e43;
padding: 0.5em 0.5em 0.5em 0.5em;
background-color: #e0db9b;
}


input.button
{
background: #b8b415 url('common/bg_button.gif') repeat-x;
color: #fff;
border: solid 1px #b8b415;
font-weight: bold;
font-size: 1.3em;
height: 2em;
width: 150px;
cursor: pointer;
}

input.image
{
width:60px;
border: 0px;
}

textarea
{
border: 0px #ded9ac;
font-size: 1.3em;
color: #797e43;
padding: 0.25em 0.25em 0.25em 0.25em;
background-color: #e0db9b;
width: 100%;
height: 250px;
overflow:hidden;
}

#Folders a {color: #797e43;}
#Folders a:hover {color: #797e43;}

#Pics a {color: #797e43;}
#Pics a:hover {color: #797e43;}

.article a {
color : #797e43;
font-weight: bold;
background : inherit;
text-decoration : none;
}
.article a:hover {

background : inherit;
text-decoration : underline;
}