@import "undohtml.css";

/*** RESET & NORMAL ***/
html, body, ol, ul, li, p, form, input, textarea, select, label, h1, h2, h3, h4 {margin : 0; padding : 0;}
body {font:11px Verdana, Arial, Helvetica, sans-serif; background:#FFFFFF url(img/body.jpg) no-repeat top center; color:#111}
fieldset {border:none}

/*** LAYOUT ***/
#wrap {width:985px; margin:0 auto;}

/*** LINKS & TEXTS ***/
a img {border:none;}
a {text-decoration:none; color:#d81717;}
a:hover{}
a:active {outline: none;}
a:focus {-moz-outline-style: none;}
h1 {font:40px Calibri, Arial; font-weight:bold; letter-spacing:-2px;}
h1 a:hover {text-decoration:none;}
h2 {font:26px  Georgia, "Times New Roman", Times, serif; letter-spacing:-1px;}
h2 a {color:#111;}
h3 {font:22px Georgia, "Times New Roman", Times, serif; letter-spacing:-1px; font-style:italic; color:#444;}

/*** MENU ***/
#menu {
border-top:4px solid #D81717;
height:35px;
position:relative;
z-index:4;}
#menu ul {list-style:none; width:920px; margin:0 auto;opacity:0.8;filter:alpha(opacity=80);}
#menu li {display:inline;}
#menu a {color:#555; float:left; font:10px Tahoma, "Times New Roman", Times, serif; padding:8px 7px 7px 7px; margin:0 8px 0 0; text-transform:lowercase;float:right;background:#fff;
-moz-border-radius-bottomleft:10px;
-moz-border-radius-bottomright:10px;
-khtml-border-bottom-left-radius:10px;
-khtml-border-bottom-right-radius:10px;
-webkit-border-bottom-left-radius:10px;
-webkit-border-bottom-right-radius:10px;}
#menu a:hover {background:#D81717;color:#fff;}
#menu li.current_page_item a {background:#444; color:#fff;}

/*** HEADER ***/
#header {/*border-bottom:1px solid #eee;*/ float:left; width:900px; margin-top:-35px; margin-bottom:-20px;/*margin:30px 0 0 0; height:80px;*/position:relative;z-index:2;}
#header #logo {float:left;height:260px;}
#header #topad {width:468px; height:60px; float:right; background:url(img/ad468-img.png);}

/*** CONTENT ***/
#content {float:left; width:615px; margin:25px 0 0 0; min-height:200px;}
#content p {margin:0 0 15px 0; line-height:13px;}
#content p.postmeta {padding:1px 9px 1px 4px; /*background:#f6f6f6;*/ margin:5px 0 10px 0; font-size:10px; color:#999; border-top:1px solid #eee; line-height:16px;
-moz-border-radius-topleft:16px;
-moz-border-radius-bottomright:16px;
-khtml-border-top-left-radius:16px;
-khtml-border-bottom-right-radius:16px;
-webkit-border-top-left-radius:16px;
-webkit-border-bottom-right-radius:16px;}
.postmeta a:hover{color:#444444;}
#content ul {list-style:square inside; margin:0 0 15px 20px;}
#content ol {list-style:decimal inside; margin:0 0 15px 20px;}
#content ul ul, #content ol ol {margin:0 0 0 14px;}
#content li, ol {color:#444; margin:5px 0 5px 0;}
#content h3 {clear:left;}
#content textarea {
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	-moz-border-radius-bottomleft:5px;
	-moz-border-radius-bottomright:5px;
	-moz-border-radius-topleft:5px;
	-moz-border-radius-topright:5px;
	background:#fafafa none repeat scroll 0 0;
	border:medium none;
	display:block;
	min-height:50px;
	overflow:hidden;
	padding:10px;
	width:585px;}
	
#content div.preform{
	clear:both;
	float:left;
	font-weight:bold;
	margin:13px 0;
	*width:615px;
}

.entry{
	clear:both;
	margin-bottom:10px;}

.entry a img{
	opacity:0.8;
	filter:alpha(opacity=80);}
	
.entry a:hover img{
	opacity:1;
	filter:alpha(opacity=100);}

.post{
	*float:left;
	*clear:both;
	margin:0 0 20px 0;
	}	
	
.more-link{
border-top:1px solid #F1F1F1;
clear:both;
float:right;
font-family:georgia;
font-size:18px;
line-height:18px;
font-style:italic;
letter-spacing:-1px;
/*margin-right:10px;*/
margin-top:15px;
/*overflow:hidden;*/
padding:2px 10px 0;
text-align:right;
width:600px;
height:30px;
	}	
	
.more-link:hover{
background:url(img/wariot.gif) no-repeat right;}	
	
.tytul{
padding-left:30px;
background:transparent url(img/str.gif) no-repeat scroll 0px 0px;}

.tytul:hover{
background:transparent url(img/str.gif) no-repeat scroll 0px -34px;}


/*** CONTENT-WIDE ***/
#content-wide {width:900px; margin:0 0 10px 0; float:left;}
#content-wide .mainbox {float:left;}
#content-wide .mainsingle {width:200px; height:200px; background:#ccc; float:left; margin:0 0 0 20px;}

/*** SIDEBAR ***/
#sidebar {width:300px;
float:left;
margin:10px 0 0 0px;
background:#eee;
padding:10px;
-moz-border-radius-topleft:6px;
-moz-border-radius-bottomright:6px;
-khtml-border-top-left-radius:6px;
-khtml-border-bottom-right-radius:6px;
-webkit-border-top-left-radius:6px;
-webkit-border-bottom-right-radius:6px;}

.rightside{
position:relative;
float:right;
margin-top:-124px;
opacity:0.8;
filter:alpha(opacity=80);
width:350px;
z-index:3;}

.textwidget {
padding:10px;
background:#f6f6f6;
line-height:16px;
color:#444;
font-size:10px;
clear:both;
float:left;
width:300px;
margin-top:10px;
-moz-border-radius-topleft:6px;
-moz-border-radius-bottomright:6px;
-khtml-border-top-left-radius:6px;
-khtml-border-bottom-right-radius:6px;
-webkit-border-top-left-radius:6px;
-webkit-border-bottom-right-radius:6px;}

.textwidget h2 {
border-bottom:1px solid #D81717;
color:#AAAAAA;
font-size:72px;
letter-spacing:0;
line-height:40px;
margin-bottom:5px;
overflow:hidden;
padding-top:7px;}

.textwidget h2:hover{
color:#333;}

.textwidget img {
float:right;
margin:0 0 0 5px;
}

.textwidget p {
text-align:justify;
margin-bottom:5px;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

.umiesc {
width:300px;
height:70px;
float:left;
margin:10px 0 0 0px;
background:#fff url(img/umiescbig.gif) no-repeat 50% 50%;
padding:10px;
border:1px solid #ddd;
-moz-border-radius-bottomleft:16px;
-moz-border-radius-topright:16px;
-khtml-border-bottom-left-radius:16px;
-khtml-border-top-right-radius:16px;
-webkit-border-bottom-left-radius:16px;
-webkit-border-top-right-radius:16px;}

.umiesc:hover {
background:#fff url(img/umiescbighover.gif) no-repeat 50% 50%;}

.newsletter {
width:300px;
float:left;
margin:10px 0 0 0px;
background:#eee;
padding:10px;
-moz-border-radius-topleft:16px;
-moz-border-radius-bottomright:16px;
-khtml-border-top-left-radius:16px;
-khtml-border-bottom-right-radius:16px;
-webkit-border-top-left-radius:16px;
-webkit-border-bottom-right-radius:16px;}

#content .newsletter{
	width:315px !important;
	background:#fff !important;
	}

#content .newsletter input[type="submit"] {
	float:right;
	background:#444;
	border:medium none;
	cursor:pointer;
	font-size:12px;
	height:20px;
	width:80px;
	* width:75px;
	color:#fff;
	cursor:pointer;}
	
.newsletter input[type="text"] {
border:none;
color:#333333;
font-size:12px;
line-height:14px;
padding:3px 5px;
text-align:right;
background:#f6f6f6;
width:215px;
float:left;}

.newsletter input[name="subscribe"] {
background:#444;
border:medium none;
cursor:pointer;
font-size:12px;
height:20px;
width:70px;
* width:65px;
color:#fff;
cursor:pointer;
float:left;
margin-left:5px;}

.newsletter input[name="unsubscribe"]{
background:none;
border:none;
color:#AAAAAA;
float:right;
clear:both;
font-size:10px;
line-height:10px;
text-align:center;
width:70px;}

.newsletterTextInput{
border:none;
color:#333333;
font-size:12px;
line-height:14px;
padding:3px 5px;
text-align:right;
background:#f6f6f6;
width:215px;}

.submit{
background:#444;
border:medium none;
cursor:pointer;
font-size:12px;
height:20px;
width:70px;
* width:65px;
color:#fff;
cursor:pointer;
}

.error, .success, .newsletter p{
text-align:center;
margin-bottom:3px;
font-size:10px;}

#sidebar ul.recentul {list-style:inside square; margin:10px 0 0 2px;}
#sidebar ul.recentul li {margin:10px 0 10px 0;}
#sidebar ul.recentul .sidebardate {font-size:10px; color:#aaa;}
#sidebar ul {list-style:none;}
#sidebar ul li {margin:5px 0 5px 0; color:#444; font-size:11px;}
#sidebar .leftside {float:left; width:150px; background:#f6f6f6; padding:5px; margin:10px 0 0 0;
-moz-border-radius-topleft:6px;
-moz-border-radius-bottomright:6px;
-khtml-border-top-left-radius:6px;
-khtml-border-bottom-right-radius:6px;
-webkit-border-top-left-radius:6px;
-webkit-border-bottom-right-radius:6px;}
#sidebar .rightside img{border:0;width:120px;height:48px;}
#sidebar .rightside {float:right; width:120px;background:#f6f6f6; padding:5px; margin:10px 0 0 0;
-moz-border-radius-topleft:6px;
-moz-border-radius-bottomright:6px;
-khtml-border-top-left-radius:6px;
-khtml-border-bottom-right-radius:6px;
-webkit-border-top-left-radius:6px;
-webkit-border-bottom-right-radius:6px;}
-webkit-border-bottom-right-radius:6px;}
#sidebar .ad125 {width:125px; height:125px; background:url(img/ad125-img.png); margin:10px 0 0 0;}

.ulrubrik{
margin:0 0 5px 0;
padding:0 0 4px;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:26px !important;
line-height:17px;
overflow:hidden;
border-bottom:1px solid #D81717;
padding:0 0 2px 0;
color:#aaa;
letter-spacing:-1px;
white-space:nowrap;
display:block;}

.ulrubrik:hover{
color:#333 !important;
}

.program{
display:block;
padding-top:10px;}

.program p{
line-height:13px;
margin:5px 0 15px;
}

.program p strong{
display:block;
font-variant:small-caps;
margin-bottom:-10px;
text-align:center;}


/*** SEARCH ***/
#search { background:#f6f6f6; padding:10px; margin:10px 0 0 0;
-moz-border-radius-topleft:6px;
-moz-border-radius-bottomright:6px;
-khtml-border-top-left-radius:6px;
-khtml-border-bottom-right-radius:6px;
-webkit-border-top-left-radius:6px;
-webkit-border-bottom-right-radius:6px;}
#search input.searchtext {width:184px; border:1px solid #ccc; padding:2px;
-moz-border-radius-topleft:6px;
-moz-border-radius-bottomright:6px;
-khtml-border-top-left-radius:6px;
-khtml-border-bottom-right-radius:6px;
-webkit-border-top-left-radius:6px;
-webkit-border-bottom-right-radius:6px;}
#search input.searchbutton {border:1px solid #aaa; background:#ccc; font-weight:bold; margin:0 0 0 6px; width:60px; font-style:italic; font-family:Georgia, "Times New Roman", Times, serif;
-moz-border-radius-topleft:6px;
-moz-border-radius-bottomright:6px;
-khtml-border-top-left-radius:6px;
-khtml-border-bottom-right-radius:6px;
-webkit-border-top-left-radius:6px;
-webkit-border-bottom-right-radius:6px;}
#search input.searchbutton:hover {border:1px solid #444;}

/*** CALENDER ***/
table#wp-calendar {text-align:center; margin:0 auto 10px; color:#aaa; width:180px;}
table#wp-calendar a { font-weight:normal; }
td#prev {text-align:left;}
td#next {margin-left:20px;}

/***** COMMENTS STUFF *****/
#comments {clear:both;
float:left;
margin:0;
width:615px;}

#comments h2{
border-bottom:1px solid #D81717;
color:#f6f6f6;
font-size:72px;
letter-spacing:0;
line-height:40px;
margin-bottom:5px;
overflow:hidden;
padding-top:7px;}

#comments p { margin:0 0 10px 0; line-height:12px; }
#comments label { margin:0 0 0 10px; font:10px Verdana, Arial, Helvetica, sans-serif; }
form#commentform { border-top:2px dotted #ccc; background:#f6f6f6 url(img/comments_add.gif) no-repeat top right; padding:20px;}
#comments input.commenttext { padding:4px; width:200px; font:12px Verdana, Arial, Helvetica, sans-serif; border-right:1px solid #aaa; border-bottom:1px solid #aaa; border-left:none; border-top:none; }
#comments textarea { padding:4px; width:566px; font:12px Verdana, Arial, Helvetica, sans-serif; border-right:1px solid #aaa; border-bottom:1px solid #aaa; border-left:none; border-top:none; height:100px; }
#comments input.commentbutton {padding:4px; width:150px; font:12px Verdana, Arial, Helvetica, sans-serif; border:1px solid #aaa; color:#aaa; font-weight:bold;
-moz-border-radius-topleft:6px;
-moz-border-radius-bottomright:6px;
-khtml-border-top-left-radius:6px;
-khtml-border-bottom-right-radius:6px;
-webkit-border-top-left-radius:6px;
-webkit-border-bottom-right-radius:6px;}
#comments input.commentbutton:hover { border:1px solid #444; color:#444; }
#comments ul.commentlist { list-style:none outside; margin:0 0 20px 0; }
#comments ul.commentlist li { border:1px solid #aaa; margin:0 0 10px 0;
-moz-border-radius-bottomleft:6px;
-moz-border-radius-bottomright:6px;
-khtml-border-bottom-left-radius:6px;
-khtml-border-bottom-right-radius:6px;
-webkit-border-bottom-left-radius:6px;
-webkit-border-bottom-right-radius:6px;}
#comments ul.commentlist li.alt {border:1px solid #ccc;}
#comments ul.commentlist .top {background:#f6f6f6; height:32px; font-size:10px;}
#comments ul.commentlist li p {padding:10px 10px 0 10px; line-height:20px; font-size:11px;}

/*** FOOTER ***/
#footer {float:left; width:900px; border-top:1px solid #eee; padding:10px 0 20px 0; color:#aaa; text-align:center;}

.nav {
	border-top:2px solid #F1F1F1;
	margin-top:60px;
	padding:10px 10px 0;
	height:60px;
	background:#fafafa;
}

.nav a{
	display:block;
	font-family:georgia;
	font-size:22px;
	font-style:italic;
	letter-spacing:-1.5px;
	line-height:24px;
	padding:23px 13px 3px;
	width:220px;}
	
.alignright {float:right;}
.alignleft {float:left;}

.nav .alignright a{
	text-align:right;
}
.nav .alignright a:hover{
	background:transparent url(img/next_bg_hover.gif) repeat-x scroll center top;
	}
	
.nav .alignleft a{
	}
	
.nav .alignleft a:hover{
	background:transparent url(img/prev_bg_hover.gif) repeat-x scroll center top;
	}

/*** WP-IMAGES ***/
img {border:none;}
img.alignright {float:right; margin:0 0 8px 10px;}
img.alignleft {float:left; margin:0 8px 5px 0;}
img.aligncenter {display: block; margin:10px auto 10px;}

/*** CLASSES ***/
code {display:block; padding:10px; background:#eee url(img/code-bg.png) top right no-repeat; border:1px solid #ccc; line-height:18px; font-size:11px; color:#333;}
embed {display: block; margin:10px auto 10px; text-align:center;}
blockquote {font-style:italic; color:#666; background: url(img/quote.png) top left no-repeat; padding:0 10px 0 28px; margin:0;}
img#wpstats {display:none}
.red {color:#d81717;}

/* ******* */
/* SIDEBAR */
/* ------- */

#tabbed_area {
	width:320px;
	float:left;
	margin:10px 0 0 0px;
	-moz-border-radius-topleft:20px;
	-moz-border-radius-bottomright:20px;
	-khtml-border-top-left-radius:20px;
	-khtml-border-bottom-right-radius:20px;
	-webkit-border-top-left-radius:20px;
	-webkit-border-bottom-right-radius:20px;}
	}

#tabs {
	display: block;
	height: 30px;
}

#tabs ul {
	-moz-border-radius-bottomright:20px;
	-moz-border-radius-topleft:20px;
	background:#444444 none repeat scroll 0;
	height:31px;
	margin:0;
	padding:0 0 0 10px;
	width:300px;

}

#tabs ul li {
	margin: 0px;
	display: inline;
	float: left;
	list-style-type: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	text-transform: uppercase;
	height: 30px;
}

#tabs ul li a {
	color: #fff;
	display: block;
	text-decoration: none;
	line-height: 30px;
	padding-left: 10px;
	padding-right: 10px;
	font-size: 0.9em;
	font-weight: bold;
	height: 29px;
	margin-right: 2px;
	margin-top: 2px;
	background-color: #444;
-moz-border-radius-topleft:20px;
-moz-border-radius-bottomright:20px;
-khtml-border-top-left-radius:20px;
-khtml-border-bottom-right-radius:20px;
-webkit-border-top-left-radius:20px;
-webkit-border-bottom-right-radius:20px;}
	
}
#tabs ul li a.active {
	margin-top: 1px;
	background-color: #EEEEEE;
	color: #666666;
}

#tabs ul li a.active:hover {
}

#tabs ul li a:hover {
	height: 29px;
	margin-top: 1px;
	color: #eee;
	background-color:#D81717 ;
}

.content {
	margin: 0px;
	padding: 10px;
	position: relative;
	float: left;
	width: 300px;
	background-color: #EEEEEE;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	opacity:0.9;
	filter:alpha(opacity=90);
	-moz-border-radius-topright:16px;
	-moz-border-radius-bottomright:16px;
	-khtml-border-top-right-radius:16px;
	-khtml-border-bottom-right-radius:16px;
	-webkit-border-top-right-radius:16px;
	-webkit-border-bottom-right-radius:16px;
	}

#content_2, #content_3, #content_4, #content_5, #content_6, #content_7, #content_8 {
	display: none;
}


.content ul li{
margin-bottom:3px;
list-style-image:none;
list-style-position:inside;
list-style-type:circle;}

.content ul li:hover{
list-style-type:disc;}


.page_item(
	list-style:none;)
	
.tutorial p strong{
	font-size:16px;}
	
.tutorial img{
	width:615px !important;}