/*
    Project: RubyX
    http://www.kendahlin.com/
    Based entirely on CrystalX by original author listed below (only the color scheme was changed):
    URL: http://www.nuvio.cz
    
    Output device: screen, projection
    
    Author: Vit Dlouhy (vit.dlouhy@nuvio.cz); Nuvio (www.nuvio.cz)
    Last revision: 2006-12-05, 12:00 GMT+1

    Structure:
        display | position | float | overflow | width | height | border | margin | padding | background | align | font
*/

* {min-height:1px;}
body {
	border:0;
	margin:0;
	padding:0;
	color:#7f000b;
	_text-align:center;
	left: 0px;
	font-family: "verdana", sans-serif;
	font-size: 12px;
	line-height: normal;
	background-color: #CC6633;
	background-image: url(../../design/bg.gif);
	background-repeat: repeat-x;
	background-position: 0 0;
}

a {color:#7f000b;}
a:hover {color:#ff2740;}

p {border:0; margin:15px 0; padding:0;}

div {display:block; border:0; margin:0; padding:0;}

h1, h2, h3, h4, h5 {border:0; margin:15px 0 10px 0; padding:0; font-weight:bold;}
h1 {font-size:260%; line-height:100%; font-family:"georgia",serif; font-weight:normal;}
h2 {
	font-size:180%;
	line-height:100%;
	font-family:Verdana, sans-serif;
	font-weight:normal;
}
h3 {font-size:120%; line-height:100%; font-weight:bold;}
h4 {font-size:120%;}
h5 {font-size:100%;}

table {
	display:table;
	border-collapse:collapse;
	font-size:100%;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding: 0px;
}
tr {
	display:table-row;
}
th, td {
	display: table-cell;
	border:0px solid #ffaec0;
	margin:0;
	padding:5px;
}
th {background:#ffe5e9; text-align:center; color:#7f000b; font-weight:bold;}

ul, ol {
	display:block;
	border:0;
	padding:0;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 20px;
}
ol {
}
li {display:list-item; border:0; margin:0; padding:0; _height:1px;}
ul ul, ul ol, ol ol, ol ul {margin: 0 0 0 20px;}

dl {border:0; margin:15px 0; padding:0;}
dt {border:0; margin:0; padding:0; font-weight:bold;}
dd {border:0; margin:0 0 0 30px; padding:0;}

form {border:0; margin:0; padding:0;}
fieldset {border:1px solid #ccc; margin:15px 0; padding:10px;}
legend {margin-left:10px; font-size:100%; font-weight:bold; color:#008;}

hr {display:block; height:1px; margin:10px 0; padding:0; background:#CCC; border:0 solid #CCC; color:#CCC;}

a, img, span {
	border:0;
	margin:0;
	padding: 0;
}
abbr, acronym {border-bottom:1px dotted #CCC; cursor:help;}

del, .through {text-decoration:line-through;}
strong, .strong {font-weight:bold;}
cite, em, q, var {font-style:italic;}
code, kbd, samp {font-family:monospace; font-size:110%;}

/* Floating */
.f-left {float:left;}
.f-right {float:right;}

/* Text align */
.t-left {text-align:left;}
.t-center {text-align:center;}
.t-right {text-align:right;}

.va-middle {vertical-align:middle;}

.clear {clear:both;}
.box {min-height:1px; _height:1px;}
.box:after {content:"."; display:block; line-height:0px; font-size:0px; visibility:hidden; clear:both;}

.nom {margin:0;}
.noscreen {display:none;}

/* -----------------...........--------------------------------------------------------------------------------------- */

#main {
	width:780px;
	_text-align:left;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

/* Header */
#header {
	position:relative;
	width:780px;
	height:150px;
	padding:0;
	color:#FFF;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	background-color: #233C9B;
	background-image: url(../../MK/header.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
}

    /* Header - logo */
    #header #logo {position:absolute; top:35px; left:35px; margin:0;}

    #header #logo a {color:#FFF;}
    #header #logo a:hover {color:#ff99b2; text-decoration:underline;}
    
    /* Header - Search */
    #header #search {position:absolute; top:35px; right:20px;}
    #header #search form {position:relative;}
    #header #search #search-input-out {position:absolute; top:0; right:45px; width:155px; height:28px; margin:0; padding:0; border:0; background:url("../../design/search_input.gif") 0 0 no-repeat; font:bold 90%/100% "verdana",sans-serif; color:#7f000b;}
    #header #search #search-input {width:140px; margin:5px 8px; padding:3px 0; border:0; background:#FFF; font:bold 100%/100% "verdana",sans-serif; color:#7f000b;}
    #header #search #search-submit {position:absolute; top:0; right:0px;}
    #header #search fieldset {margin:0; padding:0; border:0;}
    #header #search fieldset {width:200px;}
    #header #search legend {display:none;}

/* Main menu (tabs) */
#tabs {
	_height:1px;
	width: 780px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0;
	padding-left: 0px;
	background-image: url(../../design/bg_page0.gif);
}

    #tabs ul {margin:0 10px; padding:0; list-style:none;}
    #tabs ul li {margin:0 5px 0 0; padding:0; float:left;}
    #tabs ul li a {
	display:block;
	position:relative;
	padding:7px 15px;
	border:0;
	background:url("../../design/tab_link.gif") 0 0 repeat-x;
	color:#ff99b2;
	font-weight:bold;
	text-decoration:none;
	cursor:pointer;
}
    
    /* Main menu (tabs - link) */
    #tabs ul li a span.tab-l, #tabs ul li a:hover span.tab-l {position:absolute; top:0; left:0; _left:-15px; width:8px; height:8px; background:url("../../design/tab_link_l.gif") 0 0 no-repeat;}
    #tabs ul li a span.tab-r, #tabs ul li a:hover span.tab-r {
	position:absolute;
	top:0;
	right:0px;
	_right:-1px;
	width:8px;
	height:8px;
	background:url("../../design/tab_link_r.gif") 100% 0 no-repeat;
}
    
    /* Main menu (tabs - hover) */
    #tabs ul li a:hover {background:url("../../design/tab_hover.gif") 0 0 repeat-x; color:#FFF;}
    #tabs ul li a:hover span.tab-l {background:url("../../design/tab_hover_l.gif") 0 0 no-repeat;}
    #tabs ul li a:hover span.tab-r {background:url("../../design/tab_hover_r.gif") 100% 0 no-repeat;}
    
    /* Main menu (tabs - active) */
    #tabs ul li#active a {background:#FFF; color:#FF0000;}
    #tabs ul li#active a span.tab-l {position:absolute; top:0; left:0; _left:-15px; width:8px; height:8px; background:url("../../design/tab_active_l.gif") 0 0 no-repeat;}
    #tabs ul li#active a span.tab-r {position:absolute; top:0; right:0; width:8px; height:8px; background:url("../../design/tab_active_r.gif") 100% 0 no-repeat;}

/* Page (2 columns) */
#page {
	width:780px;
	min-height:1px;
	_height:1px;
	background-color: #FFF;
	background-repeat: repeat-y;
	background-position: 0 0px;
	background-image: url(../../design/bg_page.jpg);
}
#page-in {
	min-height:1px;
	padding:10px 0;
	_height:1px;
	background-repeat: no-repeat;
	background-position: 0 0px;
	background-image: url(../../design/bg_page_in2.jpg);
}

/* Strip */
#strip {
	position:relative;
	clear:both;
	color:#ff335e;
	width: 780px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../../design/bg_page_in.jpg);
	background-repeat: no-repeat;
	padding: 0px;
	background-position: 0px top;
	height: 22px;
}
#strip p {margin:0;}
#strip a {color:#ff335e;}
#strip a:hover {color:#7f000b;}

    /* Strip - breadcrumbs */
    #strip #breadcrumbs {width:520px; margin:0; padding:0;}
    
    /* Strip - RSS */
    #strip #rss {float:right; width:175px; _width:200px; margin:0; padding-left:25px; background:url("../../design/ico_rss.gif") 0 50% no-repeat}

/* Content */
#content {
	float:left;
	width:530px;
	_width:550px;
	margin:0;
	padding:0 0 0 25px;
}

    /* Content - article */
    #content .article {
	clear:both;
	margin:0;
	padding-top: 35px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
	background-image: url(../../design/content_article_bg_sp.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
}
    /* Content - article2 */
    #content .article2 {
	clear:both;
	margin:0;
	background-image: url(../../design/content_article_bg_scena12.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
	padding-top: 32px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
}
    /* Content - article9 */
    #content .article9 {
	clear:both;
	margin:0;
	background-image: url(../../design/content_article_bg_scena9.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
	padding-top: 32px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
}
    /* Content - article6 */
    #content .article6 {
	clear:both;
	margin:0;
	background-image: url(../../design/content_article_bg_scena6.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
	padding-top: 32px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
}
    /* Content - article2 */
    #content .article3 {
	clear:both;
	margin:0;
	background-image: url(content_article_bg_pojadok_deca.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
	padding-top: 32px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
}
    #content .article h2 {
	margin:0 -20px;
	padding:10px;
	color:#7f000b;
	background-color: #ffdce1;
	background-image: url(../../design/content_title_bg.jpg);
	background-repeat: repeat-y;
	background-position: 0 0;
}
    #content .article2 h2 {
	margin:0 -20px;
	padding:10px;
	color:#7f000b;
	background-color: #ffdce1;
	background-image: url(../../design/content_title_bg.jpg);
	background-repeat: repeat-y;
	background-position: 0 0;
}
    #content .article9 h2 {
	margin:0 -20px;
	padding:10px;
	color:#7f000b;
	background-color: #ffdce1;
	background-image: url(../../design/content_title_bg.jpg);
	background-repeat: repeat-y;
	background-position: 0 0;
}
    #content .article6 h2 {
	margin:0 -20px;
	padding:10px;
	color:#7f000b;
	background-color: #ffdce1;
	background-image: url(../../design/content_title_bg.jpg);
	background-repeat: repeat-y;
	background-position: 0 0;
}
    #content .article3 h2 {
	margin:0 -20px;
	padding:10px;
	color:#7f000b;
	background-color: #ffdce1;
	background-image: url(../../design/content_title_bg.jpg);
	background-repeat: repeat-y;
	background-position: 0 0;
}
    #content .article h2 span {
	background:url("../../design/ico_list.gif") 0 50% no-repeat;
	padding-left:25px;
}
    #content .article2 h2 span {
	background:url("../../design/ico_list.gif") 0 50% no-repeat;
	padding-left:25px;
}
    #content .article9 h2 span {
	background:url("../../design/ico_list.gif") 0 50% no-repeat;
	padding-left:25px;
}
    #content .article6 h2 span {
	background:url("../../design/ico_list.gif") 0 50% no-repeat;
	padding-left:25px;
}
    #content .article3 h2 span {
	background:url("../../design/ico_list.gif") 0 50% no-repeat;
	padding-left:25px;
}
    
    #content .article p {text-align:justify;}
    #content .article2 p {text-align:justify;}
	#content .article3 p {text-align:justify;}
    #content .info {margin:10px 0; padding-bottom:8px; border-bottom:1px solid #ffdce1; color:#ff3360;}
    #content .info a {color:#ff3360;}
    #content .info a:hover {color:#FF0000;}
    
    #content .info span.date, #content .info span.cat, #content .info span.user, #content .info span.comments {padding-left:15px;}
    #content .info span.date {background:url("../../design/ico_date.gif") 0 50% no-repeat;}
    #content .info span.cat {background:url("../../design/ico_cat.gif") 0 50% no-repeat; margin-left:8px;}
    #content .info span.user {background:url("../../design/ico_user.gif") 0 50% no-repeat; margin-left:8px;}
    #content .info span.comments {background:url("../../design/ico_comments.gif") 0 50% no-repeat; margin-left:8px;}

    /* Content - More */
    #content .btn-more {margin:0 0 15px 0; padding:0; border:0; position:relative;}
    #content .btn-more a {
	display:block;
	position:absolute;
	top:0;
	right:0;
	width:67px;
	_width:95px;
	height:21px;
	margin:0;
	background:url("../../design/btn_more.gif") 0 0 no-repeat;
	color:#FFF;
	text-decoration:none;
	text-align: left;
	padding-top: 2px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 28px;
}
    #content .btn-more a:hover {background:url("../../design/btn_more.gif") -95px 0 no-repeat;}

/* Right column */
#col {
	float:left;
	width:200px;
	background:#ffc8d4 url("../../design/col_bg.jpg") 0 0 repeat-y;
	height: 435px;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	margin: 0px;
}
#col-in {
	background:url("../../design/col_top.jpg") 0 0 no-repeat;
	padding-top: 36px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
}
#col h3 {
	background:#ff94ab url("../../design/col_title_bg.jpg") 0 0 repeat-y;
	color:#7f000b;
	margin-top: 6px;
	margin-right: -10px;
	margin-bottom: 15px;
	margin-left: -10px;
	padding-top: 13px;
	padding-right: 15px;
	padding-bottom: 14px;
	padding-left: 15px;
}

    /* Right column - About me */
    #col #about-me {margin-bottom:15px; line-height:130%;}
    #col #about-me p {margin:0;}
    #col #about-me #me {float:left; width:54px; height:58px; margin-right:7px;}

    /* Right column - Category */
    #col ul#category {margin:15px 0; padding:0; list-style:none;}
    #col ul#category li {margin:0; padding:0; border-bottom:1px solid #ffdbe3;}
    #col ul#category li a {display:block; padding:3px 0 3px 22px; background:url("../../design/ico_archive.gif") 5px 6px no-repeat; text-decoration:none;}
    #col ul#category li a:hover {background-color:#ffccd8; color:#7f000b;}
    #col ul#category li#category-active a {background:#ffdbe3 url("../../design/ico_archive2.gif") 5px 50% no-repeat; font-weight:bold;}
    
    /* Right column - Archive */
    #col ul#archive {
	margin:15px 0;
	padding:0;
	list-style:none;
}
    #col ul#archive li {margin:0; padding:0; border-bottom:1px solid #ffdbe3;}
    #col ul#archive li a {display:block; padding:3px 0 3px 22px; background:url("../../design/ico_archive.gif") 5px 50% no-repeat; text-decoration:none;}
    #col ul#archive li a:hover {
	background-color:#FFF5EC;
	color:#7f000b;
}
    #col ul#archive li#archive-active a {
	font-weight:bold;
	background-color: #FFE1BF;
	background-image: url(../../design/ico_archive2.gif);
	background-repeat: no-repeat;
	background-position: 5px 6px;
}
    
    /* Right column - Links */
    #col ul#links {margin:15px 0; padding:0; list-style:none;}
    #col ul#links li {margin:0; padding:0; border-bottom:1px solid #ffdbe3;}
    #col ul#links li a {display:block; padding:3px 0 3px 22px; background:url("../../design/ico_links.gif") 5px 6px no-repeat; text-decoration:none;}
    #col ul#links li a:hover {background-color:#ffccd8; color:#7f000b;}

/* Footer */
#footer {
	position:relative;
	clear:both;
	width:780px;
	height:20px;
	margin-bottom:0px;
	color:#CF191C;
	background-repeat: no-repeat;
	background-position: 0 0;
	background-image: url(../../design/bg_page.jpg);
}
#footer a {color:#ff3360;}
#footer a:hover {color:#7f000b;}

    /* Footer - "back on top" */
    #top {position:absolute; top:55px; left:550px;}
    #top p {
	position:relative;
	width:30px;
	height:25px;
	margin:0;
	overflow:hidden;
	left: -59px;
	top: -34px;
}
    #top p span {
	display:block;
	position:absolute;
	left:-35px;
	top:-16px;
	z-index:1;
	width:30px;
	height:25px;
	background:url("../../design/ico_top.gif") 0 0 no-repeat;
	cursor:pointer;
}
    #top a:hover span {background:url("../../design/ico_top.gif") -30px 0 no-repeat;}

    /*  Footer - copyright */
    #footer p#copyright {
	position:inherit;
	top:31px;
	left:120px;
	margin:0;
	width: 427px;
}

    /* Footer - created by */
    #createdby {position:absolute; top:10px; left:562px; margin:0; color:#ff6587;}
    #createdby a {color:#ff6587;}
#main1 {
	background-image: url(../../design/bg-main1.gif);
	background-repeat: repeat-x;
	background-color: #000000;
}
#wrap5 {
	clear: none;
	float: left;
	clip: rect(0px,0px,0px,0px);
	top: 0px;
	right: 0px;
	padding: 0px;
	width: auto;
	height: auto;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#wrap4 {
	clear: none;
	float: right;
	clip: rect(0px,0px,0px,0px);
	top: 0px;
	right: 0px;
	padding: 0px;
	width: auto;
	height: auto;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
}
#main3 {
	background-image: url(../../design/bg-main3.gif);
	position: relative;
	height: auto;
	margin-bottom: 5px;
	background-repeat: repeat-x;
	background-color: #464646;
}
#main2 {
	background-color: #484848;
}
#main3-div {
}
#footer2 {
	height: 160px;
	width: 780px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-image: url(../../design/footer.jpg);
	background-repeat: repeat-x;
}