/* ----------------------------------------------------------------------------------------------------------------- */
/* APARENCIAS */

#categories_list { border: none; }
    #categories_list span { cursor: pointer; font-size: 13px; border-radius: 0; }
    #categories_list span.selected { text-shadow: none; color: #0087F0; padding: 5px 0 5px 0; }
    #categories_list span:hover { color: #0087F0; }

#articles_loading {  }

#articles_list { }
    #articles_list div.list { border: none; overflow: hidden; text-align: center; }
        #articles_list div.list img { border: none; }
        #articles_list div.list p { border-top: 3px solid #ffffff; border-bottom: 5px solid #ffffff; }
        #articles_list div.list:hover p { border-top: 3px solid #ffffff; border-bottom: 5px solid #0087F0; }
    #articles_list span.left { background-color: transparent; }
    #articles_list span.right { background-color: transparent; }


/* ----------------------------------------------------------------------------------------------------------------- */
/* POSICOES E DIMENSOES */

#categories_list { display: block; position: relative; width: 325px; padding: 0; float: left; margin: 30px 0 30px 0; }
    #categories_list span { display: block; padding: 5px 0; line-height: 20px; }

#articles_loading { display: block; position: relative; float: right; width: 650px; margin: 30px 25px 30px 0; height: 300px; text-align: center; }
    #articles_loading img { display: block; position: absolute; top: 50px; left: 50%; margin: 0 0 0 -100px; }

#articles_list { display: none; position: relative; float: right; width: 650px; margin: 0 0 30px 0; }
    #articles_list div.list { display: block; position: relative; width: 200px; height: 155px; float: left; margin: 20px 16px 0 0; }
        #articles_list div.list img { display: block; position: absolute; top: 0; left: 0; width: 200px; min-height: 155px; }
        #articles_list div.list p { display: block; position: absolute; bottom: 0; left: 0; width: 250px; height: 0; overflow: hidden; }
    #articles_list span.left { display: block; position: relative; float: left; width: 64px; height: 64px; margin: 25px; }
    #articles_list span.right { display: block; position: relative; float: right; width: 64px; height: 64px; margin: 25px; }
    #articles_list div.clear { clear: both; width: 0; height: 0; margin: 0; padding: 0; position: relative; float: none; }


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