/* @override http://1.1.1.5:8080/SkrcimeStripes/style/Layout/home.css */

/**
 *    Skrci.me Home
 *    Used on: -> home layout
 *
 *    @author  David Panzalović (david@visoo.eu)
 *    @version 1.0
 **/

/* =Common
----------------------------------------------- */
h1 {
    width: 220px;
    height: 87px;
    margin: 0 auto 0 auto;
    float: none;
    clear: both;
    margin-top: -20px;
    padding-bottom: 20px;
    display: block;
}

#main {
    width: 800px;
    margin: 20px 0 0 0;
    float: left;
}

/* =Skrci form
----------------------------------------------- */
#skrci {
    width: 360px;
    padding-right: 220px;
    float: left;
    position: relative;
}

    #skrci .bottom {
        height: 20px;
        line-height: 20px;
        padding: 0 0 0 30px;
        clear: both;
    }
    
        #skrci .bottom a {
            padding: 0 0 0 12px;
        }

    #skrci_me {
        margin-bottom: 40px;
        position: relative;
    }
    
        #skrci fieldset {
            padding: 20px 15px 0px 15px;
        }
        
            #skrci fieldset legend, #skrci fieldset label {
                display: none;
            }
        
            #skrci input {
                width: 213px;
                height: 21px;
                padding: 5px 4px 0 4px;
                float: left;
            }
            
            #skrci input.submit {
                width: 90px;
                height: 30px;
                padding: 0;
                float: right;
            }

            #skrci p {
                width: 320px;
                line-height: 13px;
                padding: 10px;
                margin: 0 10px 0 10px;
                float: left;
            }
            
            #skrci_me + a {
                height: 20px;
                line-height: 20px;
                padding-left: 41px;
                margin-bottom: 20px;
                float: left;
                display: block;
            }
            
            #skrci_me + a + a {
                width: 100px;
                height: 20px;
                line-height: 20px;
                padding-right: 10px;
                margin-bottom: 20px;
                float: right;
                display: block;
            }


/* =Custom input
----------------------------------------------- */
#custom {
    width: 140px;
    height: 30px;
    line-height: 30px;
    padding: 0 10px 0 10px;
    display: none;
    position: absolute;
    bottom: -30px;
    left: 20px;
}

    #skrci #custom.a {
        display: block;
    }

    #custom label {
        float: left;
        display: block;
    }

    #custom input {
        width: 75px;
        height: 16px;
        padding: 0;
        margin: 5px 0 0 0;
        float: right;
    }

#pass_forgot {
	padding-top:23px;
	position:absolute;
	text-align:center;
	width:146px;
	font-size:11px;
	height:46px;
	left:50%;
	margin-left:175px;
	margin-top:35px;
}

/* =Ads
----------------------------------------------- */
#ads {
    position: absolute;
    margin-top: 0;
    top: 450px;
    left: 0;
}

/* =Top links
----------------------------------------------- */
#top_links {
    width: 180px;
    min-height: 300px;
    height: auto !important;
    height: 300px;
    padding-right: 20px;
    margin-right: 20px;
    margin-top: -76px;
    float: left;
    position: relative;
}

    #top_links .fade {
        width: 280px;
        height: 60px;
        position: absolute;
        bottom: 0;
        left: 0;
        margin-left: -90px;
    }
    
    #top_links .fade_right {
		top:20px;
		height:100%;
		left:170px;
		position:absolute;
		width:30px;
	}

    #top_links h3 {
        line-height: 18px;
        width: 129px;
        margin-bottom: 8px;
        float: left;
    }

    #top_links ul {
        width: 51px;
        padding: 2px 0;
        margin-bottom: 8px;
        float: left;
    }
    
        #top_links ul li {
            width: 13px;
            height: 14px;
            margin-left: 4px;
            float: left;
        }
        
            #top_links ul li a {
                width: 13px;
                height: 14px;
                display: block;
            }

    #top_links dl {
        width: 100%;
        float: left;
        overflow:hidden;
		white-space:nowrap;
    }
    
        #top_links dl dt {
            line-height: 1.4;
        }
        
        #top_links dl dd {
            padding-bottom: 4px;
        }

            #top_links dl dd span {
                padding-top: 2px;
                display: block;
            }

#toplinks_chart {
	position: absolute;
	margin-right: 3px;
	right: 100%;
	width: 50px;
	display: inline-block;
}

	#toplinks_bar {
		padding-right: 15px;
		padding-left: 10px;
		width: 100%;
		float: right;
		height: 15px;
}

		#toplinks_admin_count {
			margin-right: -12px;
		}