/* ------------------------------------------------ */
/* Common style                                     */
/* ------------------------------------------------ */
*    { padding: 0; margin: 0; font-size: 0.96em; font-family: Tahoma, Arial, Verdana; }
a    { color: blue; }
p    { color: #1F1F1F; }
h1   { color: #ECECEC; font-size: 2.5em; margin: 0 0 15px 0; }
h1 a { color: #ECECEC; text-decoration:none;                 }
h2   { color: #ECECEC; font-size: 1.2em; margin: 0 0 15px 0; }
h3   { color: #1F1F1F; font-size: 1.1em; margin: 0 0 15px 0; }
h4   { color: #C7CED1; font-size: 1.2em; margin: 0 0 15px 0; }
body { background-color: #0F0E0E; }


    /* ------------------------------------------------ */
    /* Global style                                     */
    /* ------------------------------------------------ */
    .errors { color: red;   }
    .notice { color: green; }
    .clear  { clear: both;  }
    .left   { float: left;  }
    .right  { float: right; }


/* ------------------------------------------------ */
/* contrainer style                                 */
/* ------------------------------------------------ */
#container {
    margin: 25px 0;
}

/* ------------------------------------------------ */
/* header style                                     */
/* ------------------------------------------------ */
#header, #content, #footer {
    width: 965px;
    margin: 0 auto;
}


/* ------------------------------------------------ */
/* header style                                     */
/* ------------------------------------------------ */
#header {
    padding: 20px 0;
}


/* ------------------------------------------------ */
/* content style                                    */
/* ------------------------------------------------ */
#content {
    padding: 15px 0;
}


/* ------------------------------------------------ */
/* feeds content                                    */
/* ------------------------------------------------ */
#section-feeds {
    margin: 0 0 50px 0;
}

    #section-feeds dl {
        width: 307px;
        display: inline;
        margin: 0 10px 25px 0;
        float: left;
        /*border: 1px #ccc solid;*/
    }
    
    #section-feeds dt {
        display: block;
        font-weight: bold;
        text-transform: uppercase;
        padding-bottom: 7px;
    }
        
        #section-feeds dt a {
            color: #C7CED1;
            text-decoration: none;
        }
    
    #section-feeds dd {
        display: block;
        font-size: 0.90em;
        border-top: 1px #5f5f5f solid;
    }
        
        #section-feeds dd p.description {
            display: none;
            color: #ccc;
        }
        
        #section-feeds dd a {
            color: #5E7B88;
            display: block;
            padding: 5px 5px 5px 15px;
            text-decoration: none;
        }
        
        #section-feeds dd a span.title {
            width: 260px;
            display:block;
            float: left;
            margin-right: 15px;
        }
               
        #section-feeds dd a img.info {
            float: right;
            padding-top: 4px;
            border: 0;
        }
        
        #section-feeds dd a:hover {
            color: #ececec;
            background-color: #1f1f1f;
        }

/* ------------------------------------------------ */
/* designs content                                  */
/* ------------------------------------------------ */
#section-designs {
    margin: 0 0 50px 0;
}

    #section-designs .item {
        display: inline;
        margin: 0 10px 10px 0;
        float: left;
        width: 125px;
        height: 120px;
        /*border: 1px #ccc solid;*/
    }
    
        #section-designs .item span.info {
            display: none;
            position: absolute;
            width: 200px;
            height: 70px;
            padding: 10px;
            margin: 123px 0 0 0;
            z-index: 98;
            color: #C7CED1;
            border: 1px #5E7B88 solid;
            background-color: #000;
            opacity: .95;
        }
      
        #section-designs .item img {
            position: absolute;
            border: 1px #000 solid;
        }
    

/* ------------------------------------------------ */
/* icon content                                     */
/* ------------------------------------------------ */
#section-icons {
    margin: 0 0 50px 0;
}

    #section-icons .item {
        display: inline;
        margin: 0 10px 10px 0;
        float: left;
        width: 302px;
        height: 100px;
        /*border: 1px #ccc solid;*/
    }
    
    #section-icons img {
        border: 1px #000 solid;
    }

/* ------------------------------------------------ */
/* pager style                                      */
/* ------------------------------------------------ */
#pager {
    margin: 0 0 15px 0;
}


/* ------------------------------------------------ */
/* footer style                                     */
/* ------------------------------------------------ */
#footer {
    color: #7f7f7f;
    font-size: 0.80em;
    padding: 25px 0;
}
#footer a {
	color: #C7CED1;
}