/* ----------------------------------------------------------------------------------------------------------

    Output device: screen, projection

    Author:     Nuvio (www.nuvio.cz)
	Edited:     m1kola (m1kola.com)

    Structure:
        display; position; z-index; float; clear; width; height; overflow; margin; padding; border; background; align; font;

    Content:

        1) HTML tags
        2) HTML styles
        3) Layout
        4-1) Page: Homepage
        5) Others

---------------------------------------------------------------------------------------------------------- */

/* ----------------------------------------------------------------------------------------------------------
1) HTML tags
---------------------------------------------------------------------------------------------------------- */

body {background:url("../images/bg.gif") 0 0 repeat-x; font:13px/1.5 "arial", sans-serif;}

h1, h2, h3, h4, h5, h6, p, address, blockquote, table, dl, fieldset {margin:15px 0;}
h2 {font-size:22px;}

/* ----------------------------------------------------------------------------------------------------------
2) HTML styles
---------------------------------------------------------------------------------------------------------- */

ul.ul-01 {margin:0px 0; list-style:none;}
ul.ul-01 li {padding:2px 0 2px 25px; background:url("../images/ul-01.gif") 0 50% no-repeat; font-size:85%; zoom:1;}

ul.ul-list {margin:15px 0; list-style:none;}
ul.ul-list li {padding:1px 0;}
ul.ul-list span.date {padding-right:10px;}

/* ----------------------------------------------------------------------------------------------------------
3) Layout
---------------------------------------------------------------------------------------------------------- */

#main {width:960px; margin:0 auto; overflow:hidden;}

    #header {position:relative; height:90px; padding:10px 20px 35px 20px; background:url(../images/domik.jpg) 50% 0 no-repeat;}

        #logo {margin:0;}

        #nav {position:absolute; top:80px; right:20px; margin:0;}
        #nav span {margin:0 8px;}
        #nav #nav-active {font-weight:bold; text-decoration:none;}

    #tray {position:relative; width:960px; height:45px; background:url("../images/tray.gif") 0 0 no-repeat; overflow:hidden; font:bold 90%/1 "tahoma",sans-serif;}
    #tray ul {margin:0 20px; list-style:none;}
    #tray li {display:inline;}
    #tray li a {display:block; float:left; padding:17px 20px 17px 18px; background:url("../images/tray-separator.gif") 100% 0 no-repeat; text-decoration:none;}
    #tray li a:hover {background:url("../images/tray-hover.gif");}
    #tray li#tray-active a {background:url("../images/tray-active.gif");}

        #search {position:absolute; top:8px; right:20px;}
        #search div {position:relative; width:185px;}

        #search #search-input {position:absolute; top:0; left:0; width:150px; height:30px; background:url("../images/search-input.gif") 0 0 no-repeat; overflow:hidden;}
        #search #search-input input {width:136px; margin:8px; border:0; font:100%/1 "arial",sans-serif;}
        #search #search-submit {position:absolute; top:0; right:0; width:30px;}

    #footer {clear:both; padding:20px 20px 40px 20px; font-size:85%;}
    #footer p {margin:0;}

/* ----------------------------------------------------------------------------------------------------------
4-1) Page: Homepage
---------------------------------------------------------------------------------------------------------- */

#col-top {width:960px; height:5px; margin-top:15px; background:url("../images/col-top.gif") 0 0 no-repeat; font-size:0; line-height:0; overflow:hidden;}
#col-bottom {width:960px; height:5px; margin-bottom:15px; background:url("../images/col-bottom.gif") 0 0 no-repeat; font-size:0; line-height:0; overflow:hidden;}
#col {position:relative; padding:15px 30px 15px 20px; background:url("../images/col.gif") 0 0 repeat-y;}

    #ribbon {position:absolute; top:-5px; left:0; width:100px; height:100px; background:url("../images/ribbon.gif") 0 0 no-repeat; font-size:0; line-height:0; overflow:hidden; z-index:10;}

    #col-browser {position:relative; float:left; width:280px; height:215px; background:url("../images/browser.gif") 0 0 no-repeat;}
    #col-browser img {position:absolute; top:28px; left:10px;}

    /* #col-text {float:right; width:600px; padding-top:15px; line-height:1.7;} */
	.rat-ing {margin:10px 0 -20px 0; display:block;}

        #slogan {position:relative; width:289px; height:33px; overflow:hidden; margin:0; padding:0; font-size:180%;}
        #slogan span {display:block; position:absolute; top:0; left:0; z-index:1; width:100%; height:100%; margin:0; padding:0; background:url("../tmp/slogan.gif") 0 0 no-repeat;}
        #btns {margin-top:25px; margin-bottom:0;}

.cols2-top {width:280px; height:5px; margin-top:15px; background:url("../images/cols2-top.gif") 0 0 no-repeat; font-size:0; line-height:0; overflow:hidden;}
.cols2-bottom {width:280px; height:5px; margin-bottom:15px; background:url("../images/cols2-bottom.gif") 0 0 no-repeat; font-size:0; line-height:0; overflow:hidden;}

#left_coll {float:left; width:280px;}
#right_coll {float:right; width:670px;}

    #cols2 #col-left {float:left; width:595px; padding:20px;}
    #cols2 .col-right {width:238px; margin-right:1px; padding:20px;  background-color:#EEF8E4; border-left:1px solid #C1E5A6; border-right:1px solid #C1E5A6;}

        #cols2 .col-right h4 {margin:0; font-size:100%;}
		#cols2 .col-right #umenu h4 {font-size:16px; margin:15px 0;}
        #cols2 #col-left .title {background:url("../images/dot.gif") 0 50% repeat-x;}
        #cols2 #col-left .title h4 {display:inline; padding-right:10px;}
        #cols2 #col-left .title span {padding-left:10px;}

        #cols2 .box {margin-top:15px;}
        #cols2 .col-right h4 {background:url("../images/dot-02.gif") 0 50% repeat-x;}
        #cols2 .col-right h4 span {padding-right:10px;}
        #cols2 .col-right-img {float:left; width:65px;}
        #cols2 .col-right-text {float:right; width:190px;}
        #cols2 .col-right-text p {margin:0;}
		#cols2 .box ul.menu {list-style:none;}
		#cols2 .box p.tagc a {text-decoration:none;}

.cols3-top {width:670px; height:5px; margin-top:15px; background:url("../images/cols3-top.gif") 0 0 no-repeat; font-size:0; line-height:0; overflow:hidden;}
.cols3-bottom {width:670px; height:5px; margin-bottom:15px; background:url("../images/cols3-bottom.gif") 0 0 no-repeat; font-size:0; line-height:0; overflow:hidden;}
.cols3 {width:668px; border-left:1px solid #DFDFDF; border-right:1px solid #DFDFDF;}

    .col.last {margin-right:0;}
    .col h3 {margin:0; padding:7px 15px 12px 50px; background:url("../images/cols3-title.gif") 20px 40% no-repeat; font-size:120%;}
	.col h3.rel_title {margin:0; padding:7px 15px 0px 20px; background:none; font-size:120%;}
	.col h3 small {font-size:10px; margin:0; padding:0; display:block;}

        .col-text {padding:20px; border-top:1px solid #DFDFDF;}
		.col-text .bbcodes {width:125px;}
		.col-text.rel_news {padding:10px 20px 20px 20px; border-top:none;}
        .col-text p {margin:0;}
		.col-text .storrry img {margin:0 2px;}
        .col-text ul {margin-bottom:0;}
        .col-more {padding:10px 10px 1px 0; width:71px; text-align:right; float:right;}
		.newsa_info_mo {width:577px; float:left; padding-top:2px;}
			.n_info {margin:0 10px; font-size:11px;}
				.aut-hor {background:url(../images/user.png) 0 60% no-repeat; padding-left:15px;}
				.comm-num {background:url(../images/com.png) 0 60% no-repeat; padding-left:15px; margin-left:5px;}
				.wievs {background:url(../images/cm.png) 0 60% no-repeat; padding-left:15px;}
				.date {background:url(../images/date.png) 0 60% no-repeat; padding-left:15px;}
				.tags_ico {background:url(../images/tag.gif) 0 60% no-repeat; padding-left:15px;}
			.btns {text-align:center; margin:10px;}
		.newsa_info {background:#F5F5F5;}
/* ----------------------------------------------------------------------------------------------------------
5) Others
---------------------------------------------------------------------------------------------------------- */

.ico-comment {padding-left:18px; background:url("../images/ico-comment.gif") 0 50% no-repeat;}
.ico-rss {padding-left:18px; background:url("../images/ico-rss.gif") 0 50% no-repeat;}

.smaller {font-size:85%;}

/* ----------------------------------------------------------------------------------------------------------
6) DLE styles
---------------------------------------------------------------------------------------------------------- */

#left_coll .btn, #left_coll .bbcodes, #left_coll .bbcodes_poll {background:#fff;}
.btn, .bbcodes, .bbcodes_poll {font-size:11px; width:90px; color: #009900; background:#EEF8E4; border:1px solid #DFDFDF;}
.table {margin-bottom:2px;}
.f_input, .textin, .f_textarea, .f_select, .xfields textarea, .xfields input, .xfields select, .xprofile textarea, .xprofile input {font-family:Verdana; font-size:12px;}
.f_input, .textin, .xprofile input, .xfields input {width:120px; height:16px; padding:1px 1px; border:1px solid #458B08;}
.f_textarea, .xprofile textarea, .xfields textarea {width: 458px; height: 156px; padding:1px 1px; border:1px solid #458B08;}
.f_select {padding:1px 1px; border:1px solid #458B08; height: 14px;}
#addnewsa .f_input, #addnewsa .textin, #addnewsa .f_textarea, #addnewsa .xfields textarea, #addnewsa .xfields input, #addnewsa .xfields select {width:501px !important;}
#feedinfo {margin:0px 0px 15px 0px;}
.pm_menu {text-align:center; display:block; font-size:14px; font-weight:bold; border-bottom:1px dashed #000; padding-bottom:12px;}
#ui_foto {text-align:right; float:right;}

.comment {margin-top:40px; width:98%; overflow:hidden;}
.comment_search_sh {margin-top:5px;}
.comm_info img {margin: 10px 15px;}
.comm_info {width:132px; padding:18px; border-right:1px solid #C1E5A6; float:left;}
.comm_text {margin-left:168px; padding:10px; padding-bottom:0px; border-left:1px solid #C1E5A6;}
.comm_text_search_sh {margin-left:10px; padding:10px; padding-bottom:0px; border:0px;}
.comm_title {padding:0px 0px 10px 0px; margin-top:-10px; font-weight:bold;}
.comm_menu {text-align:right; margin-top:20px; font-size:11px; clear:both;}
.comm_hr {margin-top:5px; margin-bottom:5px; color:#C1E5A6}
#ucpbg {background:url(../images/login.jpg) 100% 20px no-repeat;}

.navigation {clear:both; color:#000000; border:0px; margin:15px 0px 5px 0px;}

	.navigation a:link,
	.navigation a:visited,
	.navigation a:hover,
	.navigation a:active {text-decoration:none; color: #009900; background:#EEF8E4; border:1px solid #DFDFDF; padding:3px 6px; font-size:11px;}

	.navigation a:hover {background:#77A72F; color:#FFFFFF; border-color:#009900;}

	.navigation span {text-decoration:none; background:#F5F5F5; padding:3px 6px; border:1px solid #d4d4d4; color:#d4d4d4; font-size:11px;}