/**
 *  author:   Gregor Martynus <g.martynus@roxea.de>
 *  file:     homepage.css
 *  package:  www.prodanet.com
 *
 *  these formattings are only used on the homepage.
 */

#content {    
    background:         #FFF url(../img/layout/transitions/trans.summary.bg.png) repeat-x;
    
}

#welcome {
    padding-bottom:     20px
}

#welcome p {
    clear:              left;

    padding:            15px 15px 0;
    line-height:        1.8em;
}

#welcome strong {
    font-size:          1.1em;
    color:              #DE8A21;
}

#welcome ul {
    padding:            10px 0;
    list-style:         none;
}
#welcome li {
    display:            block;
    float:              left;    
    width:              33.3%;
    
    line-height:        1.4em;
    background:         url(../img/layout/icons/icon.bull2.gif) no-repeat 15px 40%;
}
* html #welcome li {
    padding:            0;
}

#welcome li strong {
    display:            block;
    
    padding-left:       30px;
}

#login {
    position:           relative;
    clear:              none;
    float:              right;
    overflow:           hidden;
    
    width:              180px !important;
    border-top:         1px solid #555;
    border-bottom:      1px solid #000;
}

#login h4,
#login p {
    clear:              none;

    margin:             0;
    padding:            10px !important;
    
    border:             0;
    
    color:              #fff;
    background:         transparent;
}

#login h4 {
    font-size:          1.2em;
}
#login p {
    border-bottom:      1px solid #343434;
}
#login a {
    display:            block;
    padding:            2px 5px 3px;
    
    border-top:         1px solid #4271D6;
    border-left:        1px solid #4271D6;
    border-bottom:      1px solid #183C7B;
    border-right:       1px solid #183C7B;
    
    font-size:          .8em;
    text-align:         center;
    background:         #2959B5;
}

#login a strong {
    font-size:          1.2em;
}

#login a:link,
#login a:visited {
    color:              #FFF;
    text-decoration:    none;
}

#login a:focus,
#login a:hover {
    border-top-color:   #FF9933;
    border-left-color:  #FF9933;
    border-bottom-color: #B55900;
    border-right-color: #B55900;
    
    background:         #FF8200;
}