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

    Output device:  screen, projection

    Author:     Nuvio (www.nuvio.cz)
    Update:     2008-10-06, 11:05 GMT+1
    Version:    2.2.5 (2008-06-07, 20:28 GMT+1)

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

    Content:
    
        1) HTML tags
        2) Layout
        3-1) Page: Home
        3-2) Page: Links
        3-3) Page: Tip
        3-4) Page: Category
        4) HTML styles
        5) Others

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

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

body {background:#FFF url("../design/bg.gif") 0 0 repeat-x; color:#000; font:0.7em/1.5 "tahoma","arial", sans-serif; text-align:center;}

a {color:#DF0000;}
a:hover {color:#255885;}

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

h3 {font-size:140%; color:#255885;}
h4 {font-size:120%;}

code, dfn, kbd, pre, samp {font-family:"",monospace;}

/* ----------------------------------------------------------------------------------------------------------
2) Layout
---------------------------------------------------------------------------------------------------------- */

#daily {position:absolute; top:0; right:0; width:100px; height:100px; background:url("../design/daily.gif") 0 0 no-repeat; font-size:0; line-height:0; z-index:1000;}

.main {width:960px; margin:0 auto; text-align:left; overflow:hidden;}

	#header {position:relative; height:165px; background:url("../design/header.jpg") 0 0 no-repeat; overflow:hidden;}

        #logo {position:relative; overflow:hidden; width:263px; height:71px; margin:0; padding:0; font-size:300%; letter-spacing:-1px;}
        #logo span {display:block; position:absolute; top:0; left:0; z-index:1; width:100%; height:100%; margin:0; padding:0; background:url("../design/logo.gif") 0 0 no-repeat; cursor:pointer;}

        /*
            #wp #logo {position:relative; overflow:hidden; width:227px; height:71px; margin:0; padding:0; font-size:340%; letter-spacing:-1px;}
            #wp #logo span {display:block; position:absolute; top:0; left:0; z-index:1; width:100%; height:100%; margin:0; padding:0; background:url("../design/logo-wp.gif") 0 0 no-repeat; cursor:pointer;}
        */
        
        #slogan {position:absolute; top:53px; right:0;}
        #slogan h2 {position:relative; overflow:hidden; width:461px; height:10px; margin:0; padding:0; font-size:90%; color:#FFF;}
        #slogan h2 span {display:block; position:absolute; top:0; left:0; z-index:1; width:100%; height:100%; margin:0; padding:0; background:url("../design/slogan.gif") 0 0 no-repeat;}

        #submit {position:absolute; bottom:15px; right:0;}
        #submit p {position:relative; overflow:hidden; width:137px; height:65px; margin:0; padding:0; font-size:120%;}
        #submit p a span {display:block; position:absolute; top:0; left:0; z-index:1; width:100%; height:100%; margin:0; padding:0; background:url("../design/submit.gif") 0 0 no-repeat; cursor:pointer;}
        #submit p a:hover span, #submit p a#submit-active span {background-position:0 -65px;}
        
        #nav {position:absolute; left:0; bottom:15px; margin:0; list-style:none;}
        #nav li {display:inline;}
        #nav li a {display:block; float:left; background-color:#1F4B71; color:#FFF; text-align:center; font-weight:bold;}

            #nav-home a, #nav-wordpress a, #nav-templates a, #nav-premium a, #nav-links a, #nav-rss a {position:relative; overflow:hidden; width:63px; height:50px; margin:0; padding:0; font-size:100%;}
            #nav-home a span, #nav-wordpress a span, #nav-templates a span, #nav-premium a span, #nav-links a span, #nav-rss a span {display:block; position:absolute; top:0; left:0; z-index:1; width:100%; height:100%; margin:0; padding:0; background:url("../design/nav-home.gif") 0 0 no-repeat; cursor:pointer;}
            
                #nav-wordpress a {width:184px;}
                #nav-wordpress a span {background:url("../design/nav-wordpress.gif") 0 0 no-repeat;}
                
                #nav-templates a {width:158px;}
                #nav-templates a span {background:url("../design/nav-templates.gif") 0 0 no-repeat;}
                
                #nav-premium a {width:216px;}
                #nav-premium a span {background:url("../design/nav-premium.gif") 0 0 no-repeat;}
                
                #nav-links a {width:64px;}
                #nav-links a span {background:url("../design/nav-links.gif") 0 0 no-repeat;}
                
                #nav-rss a {width:49px;}
                #nav-rss a span {background:url("../design/nav-rss.gif") 0 0 no-repeat;}
                
                #nav-home a:hover span, #nav-home a#nav-active span,
                #nav-wordpress a:hover span, #nav-wordpress a#nav-active span,
                #nav-templates a:hover span, #nav-templates a#nav-active span,
                #nav-premium a:hover span, #nav-premium a#nav-active span,
                #nav-links a:hover span, #nav-links a#nav-active span,
                #nav-rss a:hover span
                {background-position:0 -50px;}

    #content-header {padding:15px 0 30px 0; background:#DF0000;}
    #content-header .main {position:relative;}

        #perex {position:absolute; top:5px; right:20px; margin:0; color:#FFF; z-index:100;}

    #content {padding:30px 0; background:url("../design/content.gif") 0 0 repeat-x; overflow:hidden;}

	#footer {clear:both; color:#555;}
	#footer .copyright {padding:10px; background:#F5F5F5;}
	#footer p {margin:0;}
    #footer a {color:#555;}
    #footer a:hover {color:#333;}

/* ----------------------------------------------------------------------------------------------------------
3-1) Page: Home
---------------------------------------------------------------------------------------------------------- */

#hx-index-01, #hx-index-02 {position:relative; overflow:hidden; width:960px; height:35px; margin:0; padding:0; font-size:140%; color:#000;}
#hx-index-01 span, #hx-index-02 span {display:block; position:absolute; top:0; left:0; z-index:1; width:100%; height:100%; margin:0; padding:0; background:url("../design/hx-index-01.gif") 0 0 no-repeat;}

    #hx-index-02 span {background:url("../design/hx-index-02.gif") 0 0 no-repeat;}

#content-header .items {padding:15px 0 0 10px;}
#content-header .item {float:left; width:225px; margin:5px; overflow:hidden;}
#content-header .item-thumb {position:relative; width:225px; height:170px; background:#FFF; font-size:0; line-height:0;}
#content-header .item-thumb img {display:block; position:absolute; top:5px; left:5px; width:215px; height:160px;}
#content-header .item-thumb .resize {position:absolute; bottom:0; right:0; width:24px; height:24px; background:url("../design/resize.gif") 0 0 no-repeat; font-size:0; line-height:0;}
#content-header .item-desc {padding:5px 10px; background:#bf0000; color:#FFF;}
#content-header .item-desc a {color:#FFF;}
#content-header .item-desc a:hover {text-decoration:none;}
#content-header .item-desc .f-right {position:relative; top:2px;}
#content-header .licence {padding:5px 10px; background:#A70000; color:#FFF;}
#content-header .licence a {color:#FFF;}
#content-header .price {padding:5px 10px; background:#A70000; color:#FFF;}
#content-header .price a {color:#FFF;}
#content-header .item:hover .item-desc {background:#FFF; color:#000;}
#content-header .item:hover .item-desc a {color:#DF0000;}

#content .items {padding:15px 0 15px 10px;}
#content .item {float:left; width:225px; margin:5px; overflow:hidden;}
#content .item-thumb {position:relative; width:223px; height:169px; border:1px solid #D9E6F2; border-bottom:0; background:#FFF; font-size:0; line-height:0;}
#content .item-thumb img {display:block; position:absolute; top:5px; left:4px; width:215px; height:160px;}
#content .item-thumb .resize {position:absolute; bottom:0; right:0; width:24px; height:24px; background:url("../design/resize.gif") 0 0 no-repeat; font-size:0; line-height:0;}
#content .item-desc {background:#D9E6F2; color:#255885;}
#content .item-desc a {color:#255885;}
#content .item-desc a:hover {text-decoration:none;}
#content .item-desc .f-right {position:relative; top:2px;}
#content .item-desc, #content .licence {padding:5px 10px;}
#content .licence {background:#ECF2F8;}
#content .item:hover .item-desc {background:#ECF2F8;}

#content .item-02 {float:left; width:225px; margin:5px; overflow:hidden;}
#content .item-02 .item-thumb {position:relative; width:223px; height:169px; border:1px solid #FFECB4; border-bottom:0; background:#FFF; font-size:0; line-height:0;}
#content .item-02 .item-thumb img {display:block; position:absolute; top:5px; left:4px; width:215px; height:160px;}
#content .item-02 .item-thumb .resize {position:absolute; bottom:0; right:0; width:24px; height:24px; background:url("../design/resize.gif") 0 0 no-repeat; font-size:0; line-height:0;}
#content .item-02 .item-desc {background:#FFECB4; color:#DF0000;}
#content .item-02 .item-desc a {color:#DF0000;}
#content .item-02 .item-desc a:hover {text-decoration:none;}
#content .item-02 .item-desc .f-right {position:relative; top:2px;}
#content .item-02 .item-desc, #content .item-02 .price {padding:5px 10px;}
#content .item-02 .price {background:#FFF6DB;}
#content .item-02 .item-desc .low {color:#333;}
#content .item-02:hover .item-desc {background:#FFF6DB;}

#content .col25 {float:left; width:225px; margin:5px; overflow:hidden;}
#content .col25 .item, #content .col25 .item-02 {width:225px; margin:5px 0; overflow:hidden;}

.title {background:url("../design/dot.gif") 0 50% repeat-x;}
.title span {padding-right:5px; background:#FFF;}

#ads img {margin:5px 10px; width:125px; height:125px; border:0;}

/* ----------------------------------------------------------------------------------------------------------
3-2) Page: Links
---------------------------------------------------------------------------------------------------------- */

ul.links {margin-bottom:30px; list-style:none; border-top:1px solid #D9E6F2;}
ul.links li {display:block; padding:5px 5px 5px 20px; border-bottom:1px solid #D9E6F2; background:url("../design/arrow.gif") 5px 50% no-repeat;}

.low {color:#A0BFDD;}

/* ----------------------------------------------------------------------------------------------------------
3-3) Page: Submit
---------------------------------------------------------------------------------------------------------- */

form {font-size:100% !important;}
.form td {padding:5px 0;}
.text {width:350px; padding:5px; border:1px solid #B3CCE4; font-family:"",monospace;}
.input-area {width:650px; height:150px; padding:5px; border:1px solid #B3CCE4; font-family:"",monospace;}
.submit {padding:5px; border:1px solid #255885; background:#255885; font:bold 100%/1 "tahoma",sans-serif; color:#FFF;}

.high {color:#DF0000;}

/* ----------------------------------------------------------------------------------------------------------
3-4) Page: Category
---------------------------------------------------------------------------------------------------------- */

#tray {margin-bottom:15px;}
#tray .f-left span {margin-right:10px;}
    .ico-author {padding:2px 0 2px 25px; background:url("../design/ico-author.gif") 0 0 no-repeat;}
    .ico-show {padding:2px 0 2px 25px; background:url("../design/ico-show.gif") 0 0 no-repeat;}
    .ico-download {padding:2px 0 2px 25px; background:url("../design/ico-download.gif") 0 0 no-repeat;}
    .ico-mirror {padding:2px 0 2px 25px; background:url("../design/ico-mirror.gif") 0 0 no-repeat;}

/* ----------------------------------------------------------------------------------------------------------
4) HTML styles
---------------------------------------------------------------------------------------------------------- */

/* ----------------------------------------------------------------------------------------------------------
5) Others
---------------------------------------------------------------------------------------------------------- */

#hx-wordpress, #hx-templates, #hx-premium, #hx-links, #hx-submit, #hx-advertise, #hx-contact {position:relative; overflow:hidden; width:960px; height:40px; margin:0; padding:0; font-size:240%; font-weight:normal; color:#FFF;}
#hx-wordpress span, #hx-templates span, #hx-premium span, #hx-links span, #hx-submit span, #hx-advertise span, #hx-contact span {display:block; position:absolute; top:0; left:0; z-index:1; width:100%; height:100%; margin:0; padding:0; background:url("../design/hx-wordpress.gif") 0 0 no-repeat;}

    #hx-templates span {background:url("../design/hx-templates.gif") 0 0 no-repeat;}
    #hx-premium span {background:url("../design/hx-premium.gif") 0 0 no-repeat;}
    #hx-links span {background:url("../design/hx-links.gif") 0 0 no-repeat;}
    #hx-submit span {background:url("../design/hx-submit.gif") 0 0 no-repeat;}
    #hx-advertise span {background:url("../design/hx-advertise.gif") 0 0 no-repeat;}
    #hx-contact span {background:url("../design/hx-contact.gif") 0 0 no-repeat;}

.ico-arrow-02 {padding-left:10px; background:url("../design/arrow-02.gif") 0 3px no-repeat;}
#content-header .ico-arrow-02 {padding-left:10px; background:url("../design/arrow-03.gif") 0 3px no-repeat;}

.more {padding-right:12px; background:url("../design/more.gif") 100% 50% no-repeat;}

.paginator {background:url("../design/separator.gif") 0 0 no-repeat;;text-align: center;padding: 20px; 0}
.separator {clear:both; width:960px; height:42px; background:url("../design/separator.gif") 0 0 no-repeat; font-size:0; line-height:0;}

.bigger {font-size:120%;}

.help {border-bottom:1px dotted #333; cursor:help;}
#content-header .licence .help {border-bottom:1px dotted #FFF;}