/*Small reset*/
html { height:100%; }
body, ul, ol, h1,h2,h3,h4,h5,h6,form,li,p { margin: 0; padding: 0; }
/*Structured layout mainpage*/
body { font-size: 13px; font-family: Arial, Helevtica, Verdana, san-serif; line-height: 23px; position: relative; }
body.stretch { height:100%; }
.wrapper { width: 100%; position: relative; display: table; }
.wrapper.stretch { display:block;margin:0 auto;min-height:100%;position:relative; }
#footerwrap.stretch, #subpage #footerwrap.stretch { margin:-55px 0; }
#top { position: relative; width: 960px; margin: 0 auto; }
/*HEAD AREA*/
#head { height: 110px; z-index: 5; }
#top .logo, .logo a { display: block; height: 90px; width: 210px; position: absolute; top: 13px; border: none; padding: 0; margin: 0; }
#top .logo a, #top .logo a:hover { top: 0; outline: none; border: none; }
#nav { position: absolute; top: 30px; display:block; list-style-type: none; list-style-position: outside; margin: 0; width:650px; z-index: 5; }
	#nav li { display: block; width: 120px; }
	#nav li.social{ display: block; width: 50px; }
	
	#nav li a { display: block; padding: 6px 10px; width: 100px; border: none; text-decoration: none; line-height: 18px; outline: none; }
		#nav li a strong { display: block; font-weight: normal; font-size: 16px; }
		#nav li a span { display: block; font-size: 10px; }
	/*navigation*/
#nav ul { margin: 0; padding: 0; list-style-type: none; list-style-position: outside; position: relative; line-height: 50px; z-index: 5; }
#top #nav ul a { line-height: 28px; font-size: 12px; cursor: pointer; }
#top #nav li { position: relative; z-index: 20; margin-top: 11px; }
	#top #nav li li { margin-top: 0; }
#top #nav ul { display: none; position: absolute; top: 48px; width: 172px; }
#top #nav li ul a { width: 150px; height: auto; padding: 0 10px; }
#top #nav ul ul { top: auto; border-top: none; }
#top #nav li ul ul { top: -1px; }
#top #nav li:hover ul ul, #top #nav li:hover ul ul ul,#top  #nav li:hover ul ul ul ul { display: none; }
#top #nav li:hover ul, #top #nav li li:hover ul, #top #nav li li li:hover ul, #top #nav li li li li:hover ul { display: block; }
#top #nav li ul a { border-top: none; }
#lang { position:absolute; top:0; right:0; font-size:12px; color:#9B0814; background:#000; padding:0 5px; }
	#lang a{ font-size:12px; border:0 none; }
/*featured*/
#featured { position: relative; width: 960px; height: 485px; overflow: hidden; }
#featured_image { width: 940px; height: 420px; overflow: hidden; margin: 0 auto; border: none; }
	#featured_image img, #featured_image a img { position: absolute; z-index: 2; visibility: hidden; }
#featured #featured_image .current_img, #featured #featured_image .current_img img { z-index: 3; visibility: visible; }
/*infotext*/
#infotext { width: 940px; padding: 0 10px; }
	#infotext h1,
	#infotext h2{ font-family: arial; font-size: 18px; padding: 10px 0 12px; position: relative; top: 2px; }
	#infotext span{ font-family: arial; font-size: 14px; top: 2px; width:750px;}
	
/*content*/
#main { padding-top: 40px; width: 940px; position: relative; margin: 0 auto; overflow: hidden; }
#content { width: 610px; margin: 0; overflow: hidden; position: relative; }
.fullwidth #content { width: 940px; }
#sidebar { width: 280px; overflow: hidden; position: relative; }
	#sidebar .box { margin: 0; padding: 0 0 10px 0; }
	#sidebar h3 { padding: 20px 0 4px; }
	#sidebar .box a { display: block; line-height: 22px; padding: 3px 10px; }
	#sidebar .box a.selected { color:#B00000;display: block; line-height: 22px; padding: 3px 10px; }
	
.box { position: relative; overflow: hidden; padding-bottom: 50px; }
.wrapper .box3 { margin: 0; }
.wrapper .box_small { width: 280px; }
.wrapper .box_mini { width: 160px; }
.box_small h3 { padding: 15px 0 4px 0; }
/*blog*/
.entry { position: relative; padding-bottom: 30px; clear: both; width: 100%; }
	.entry .box { padding-bottom: 0; }
.post_data { border-left: none; border-right: none; font-size: 11px; line-height: 22px; padding: 3px 1px; position: relative; width: 608px; margin-bottom: 17px; }
.blogentry h2 { width: 490px; padding: 5px 0 0 0; }
.entry h2 { padding: 5px 0 0 0; }
.entry .date { height: 44px; position: absolute; text-align: center; width: 112px; top: 8px; }
.entry .day { font-size: 36px; font-weight: bold; line-height: 45px; display: block; width: 55px; position: absolute; top: 0; height: 40px; }
.entry .month { display: block; font-size: 18px; line-height: 1em; position: absolute; text-transform: uppercase; top: 6px; width: 50px; }
.entry .year { display: block; font-size: 14px; font-weight: bold; letter-spacing: 2px; line-height: 1em; position: absolute; top: 25px; width: 53px; }
/*pagination*/
#top .pagination { clear: both; padding: 0 0 60px 0; position: relative; z-index: 3; }
	#top .pagination span, #top .pagination a { display: block; font-size: 11px; line-height: 13px; padding: 3px 6px; text-decoration: none; width: auto; }
	#top .pagination .current { font-size: 11px; padding: 3px 6px; }
/*footer*/
#footer { width: 940px; position: relative; padding:15px 0; margin: 0 auto; }
	#footerwrap.stretch #footer, #subpage #footerwrap.stretch #footer{ width: 100%; position: absolute; margin-top:50px; }
	#footerwrap.stretch #footer #holder, #subpage #footerwrap.stretch #footer #holder{ width: 940px; margin: 0 auto; }
	#footer a,
	#footer img{ border:0px none; }
	#footer a:hover,
	#footer img:hover{ border:0px none; color:#B00000; }
	#footer h1, #footer h2, #footer h3, #footer h4, #footer h5, #footer h6, #footer a { color: #cbcbcb; text-decoration: none; font-size: 12px; }
	#footer .box_custom_footer { width: 220px; }
	#footer .box h4 { text-transform: uppercase; font-size: 16px; letter-spacing: 1.3px; }
	#footer .box ul { list-style-type: none; list-style-position: outside; margin: 0; }
		#footer .box ul li a { display: block; padding: 3px 10px; line-height: 22px; position: relative; }
	#footer .custom_button { width: 150px; display: block; text-align: center; border: none; }
.custom_button strong { display: block; font-size: 20px; font-weight: normal; letter-spacing: 1px; }
.custom_button span { display: block; font-size: 14px; font-weight: normal; letter-spacing: 0.5px; }
#sitesearch_footer { padding-top: 20px; position: relative; }
.box_custom_footer p { font-size: 11px; line-height: 17px; padding: 10px 0; }
#footer #s { border: none; width: 160px; color: #ccc; }
#footer #searchsubmit { border: none; display: block; height: 35px; position: absolute; top: 47px; width: 35px; cursor: pointer; padding: 0; outline: none; }
.wrapper #footer .social_bookmarks { border: none; display: block; width: 100%; }
	.wrapper #footer .social_bookmarks li { margin: 0; width: 16px; }
		.wrapper #footer .social_bookmarks li a { height: 16px; width: 16px; display: block; border: none; padding: 0; }
/*generic*/
.rounded { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }
.more-link { display: inline-block; line-height: 16px; }
input, select, textarea { font-size: 13px; font-family: Arial, Helevtica, Verdana, san-serif; position: relative; outline: none; }
blockquote { font-size: 12px; font-style: italic; margin: 0 0 20px; }
.wrapper a { text-decoration: none; }
	.wrapper a:hover { text-decoration: none; }
a img, a:hover img { border: none; text-decoration: none; z-index: 2; position: relative; outline: none; }
#main img { margin-bottom: 5px; display: inline; }
p { padding: 0 0 1em 0 }
#sidebar li { list-style-type: none; }
h1,h2,h3,h4,h5,h6, legend { letter-spacing: 0.4px; font-weight: normal; padding-bottom: 5px; line-height: 1.4em; position: relative; font-family: "Trebuchet MS", Arial, Helvetica, san-serif; }
h1 { clear: both; font-size: 38px; font-weight: bold; }
h2 { font-size: 36px; clear: both; }
h3, legend { font-size: 22px; clear: both; }
h4 { font-size: 16px; clear: both; }
h5 { font-size: 14px; clear: both; }
h6 { font-size: 13px; clear: both; }
#top h1 a, #top h2 a, #top h3 a, #top h4 a, #top h5 a, #top h6 a { text-decoration: none; border: none; }
#top h1 a:hover, #top h2 a:hover, #top h3 a:hover, #top h4 a:hover, #top h5 a:hover, #top h6 a:hover { text-decoration: none; border: none; }
blockquote p { padding: 11px 0px; }
blockquote { padding: 0 15px; }
.clearboth { clear: both; }
.aligncenter { clear: both; display: block; margin: 10px auto; padding: 10px 0; }
#top .wp-smiley { border: none; padding: 0; }
.meta { display: block; position: relative; top: 3px; font-size: 11px; line-height: 14px; }
.pp_details .pp_nav a.pp_arrow_previous, .pp_details .pp_nav a.pp_arrow_next { margin-top: 8px; }
.pp_details .pp_nav { margin: -3px 0 0; }
.lightbox_video, .lightbox_image { position: absolute; z-index: 1; top: 0; }
#top .ie6_lightbox, #footerwrap .ie6_lightbox { position: relative; border: none; }
/*CONTACT FORM*/
#searchsubmit, #send, #top #submit { cursor: pointer; }
.text_input, .text_area { padding: 4px; font-family: Arial, Helevtica, Verdana, san-serif; width: 200px; font-size: 11.5px; }
#send, #submit { padding: 4px 20px; font-family: Arial, Helevtica, Verdana, san-serif; font-size: 11.5px; }
.hidden { display: none; }
#commentform { padding-bottom: 20px; }
fieldset { border: none; padding: 0; margin: 0; overflow: hidden; }
fieldset label{ display:inline-block; min-width:100px; }
.blocklabel { display: block; padding: 10px 0 0 0; }
#top .text_area { width: 600px; }
/*CONTACT FORM*/
#send, #top #submit { cursor: pointer; }
/*comments*/
.commentlist { margin-bottom: 20px; width: 100%; }
#top .commentlist #comment { width: 70%; }
.commentlist li { width: 100%; clear: both; padding: 0; list-style-type: none; padding: 20px 0 0 0; position: relative; }
.commentlist .children, .commentlist .children li { border: none; }
.gravatar { width: 60px; padding: 0px 10px; text-align: center; }
	.gravatar img { display: block; padding: 5px; }
.comment_content { width: 524px; padding-bottom: 20px; }
.commentmetadata a, .comment-edit-link, .comment-reply-link { text-decoration: none; font-size: 10px; }
#top .comment-reply-link { border: none; }
.says { display: none; }
.author_name { font-weight: bold; font-style: normal; font-size: 15px; }
.comment_text { clear: both; }
.comment-reply-link { text-align: center; display: block; }
#cancel-comment-reply-link { text-decoration: none; font-size: 10px; }
.commentlist .children li .comment_content { width: 454px; }
.commentlist .children .children li .comment_content { width: 384px; }
.commentlist .children .children .children li .comment_content { width: 314px; }
.commentlist .children .children .children .children li .comment_content { width: 244px; }
.commentlist .children .children .children .children .children li .comment_content { padding: 0; }
.comment_nav { position: relative; top: -13px; font-size: 10px; z-index: 4; }
	.comment_nav a { text-decoration: none; }
.low {position:relative; top:3px; }
.msg,
.msg2{ position: relative; padding: 5px; font-size: 12px; border: 1px solid #ccc; background-color: #FFC; display: none; }
	.msg strong,
	.msg2 strong{ font-weight: bold; font-size: 14px; }
	.msg img,
	.msg2 img{ position: relative; top: 2px; display: inline; }



/*****************************************************************************
//-> TREE VIEW
*****************************************************************************/
.msie6 ul#browser {
	position:relative;
}
.treeview-holder{
	margin-top:20px;
	position:relative;
	padding: 15px;
}
.treeview, .treeview ul {
	padding: 0;
	margin: 0;
	list-style: none;
	line-height:12px;
}

.treeview ul {
	padding: 0 16px 0 0;
	margin-top: 4px;
}

.treeview .hitarea {
	
	height: 16px;
	width: 16px;
	margin-right: -16px;
	float: right;
	cursor: pointer;
	
	display:none; 
}
/* fix for IE6 */
* html .hitarea {
	display: inline;
	float:none;
}

.treeview li {
	margin: 0;
	padding: 3px 16px 3px 0pt;
}

.treeview a.selected {
	background-color: #eee;
}

#treecontrol { margin: 1em 0; display: none; }

.treeview .hover { color: #666; cursor: pointer; }

.treeview li { background:transparent url(../../images/treeview/treeview-default-line.gif) 100% 0 no-repeat; }
.treeview li.collapsable, .treeview li.expandable { background-position: 100% -176px; }

.treeview .expandable-hitarea { background-position: 100% -3px; }

.treeview li.last { background-position: 100% -1766px }
.treeview li.lastCollapsable, .treeview li.lastExpandable {  }
.treeview li.lastCollapsable { background-position: 100% -111px }
.treeview li.lastExpandable { background-position: 100% -67px }

.treeview div.lastCollapsable-hitarea, .treeview div.lastExpandable-hitarea { background-position: 100%; }

.treeview-red li { background-image: url(../../images/treeview/treeview-red-line.gif); }
.treeview-red .hitarea, .treeview-red li.lastCollapsable, .treeview-red li.lastExpandable { background-image: url(../../images/treeview/treeview-red.gif); }

.treeview-black li { background-image: url(../../images/treeview/treeview-black-line.gif); }
.treeview-black .hitarea, .treeview-black li.lastCollapsable, .treeview-black li.lastExpandable { background-image: url(../../images/treeview/treeview-black.gif); }

.treeview-gray li { background-image: url(../../images/treeview/treeview-gray-line.gif); }
.treeview-gray .hitarea, .treeview-gray li.lastCollapsable, .treeview-gray li.lastExpandable { background-image: url(../../images/treeview/treeview-gray.gif); }

.treeview-famfamfam li { background-image: url(../../images/treeview/treeview-famfamfam-line.gif); }
.treeview-famfamfam .hitarea, .treeview-famfamfam li.lastCollapsable, .treeview-famfamfam li.lastExpandable {  }


.filetree li { padding: 3px 0px 2px 0; }
.filetree span.folder, .filetree span.file { padding: 1px 21px 1px 0; display: block; }
.filetree span.folder { background:transparent url(../../images/treeview/folder.gif) 100% 0 no-repeat;  color:#333;}
.filetree span.folder:hover { color:#000;}
.filetree li.expandable span.folder { background:transparent url(../../images/treeview/folder-closed.gif) 100% 0 no-repeat; }
.filetree span.file { background:transparent url(../../images/treeview/file.gif) 100% 0 no-repeat; }
#main .filetree span.file a {color:#000; font-size:12px; }
.filetree span.file a { border:0px none; }

	span.red{ color: #B00000;}

	label.error{ color: #B00000; margin-right:5px; }
