a
{
    text-decoration: none;
    color: #005ca3;
}

a:hover
{
    text-decoration: underline;
}

strong
{
    font-weight: bold;
}

em
{
    font-style: italic;
}

.ac
{
    text-align: center;
}

.ar
{
    text-align: right;
}

div.clear
{
    clear: both;
}

.left
{
    float: left;
}

.right
{
    float: right;
}

span.left,
span.right
{
    display: block;
}

a.more
{
    float: right;
    text-transform: uppercase;
    margin-top: .5em;
}

/* LAYOUT */

html
{
    background: url(../img/bg.jpg);
}

body
{
    background: url(../img/bg_body.jpg) no-repeat center top;
    font-family: Arial;
    font-size: 11px;
}

#eeriness-doc
{
	  margin: auto;
    text-align: left;
	  width: 1004px;
}

/* HEADER */

#hd_top
{
    background: url(../img/bg_hd_top.jpg) no-repeat 2px 0;
    height: 20px;
    padding-left: 2px;
}

#hd_top div
{
    padding: 3px 5px 0;
}

#hd_top h2
{
    float: left;
}

h2#ee-projects
{
    width: 93px;
    height: 12px;
    background: url(../img/ee-projects.png) no-repeat 0 3px;
    _background-image: url(../img/ee-projects.gif);                     /* IE6 */
    text-indent: -5000px;
}

h2#ee-filter
{
    width: 73px;
    height: 12px;
    background: url(../img/ee-filter.png) no-repeat 0 3px;
    _background-image: url(../img/ee-filter.gif);                       /* IE6 */
    text-indent: -5000px;
}

#hd_top ul
{
    display: inline;
    float: left;
    padding-right: 10px;
}

#hd_top ul li.puf
{
    padding: 0 10px;
    border-right: 1px solid #0091ff;
    display: inline;
    float: left;
}

#hd_top ul li a
{
    color: #fff;
}

#hd_top ul li a:hover
{
    color: #0091ff;
    text-decoration: none;
}

#hd
{
    clear: both;
    background: url(../img/header.jpg) no-repeat top left;
    height: 80px;
    position: relative;
}

#hd ul
{
    position: absolute;
    top: 7px;
    left: 12px;
}

#hd ul li
{
    display: inline;
    float: left;
    background: url(../img/hd_separator.png) no-repeat 100% 50%;
    height: 66px;
    padding: 0 15px;
}

h1
{
    display: block;
    width: 270px;
    height: 60px;
    text-indent: -5000px;
    overflow: hidden;
    cursor: pointer;
    position: absolute;
    top: 9px;
    left: 714px;
}

#hd_menu
{
    background: url(../img/bg_hd_menu.jpg) no-repeat top left;
    height: 51px;
    padding-left: 183px;
    padding-top: 5px;
    position: relative;
}

span#welcome
{
    display: block;
    float: left;
    text-decoration: underline;
    margin-top: 19px;
}

#hd_menu form
{
    margin-top: 1px;
    margin-left: 16px;
    *margin-left: 6px;                                                  /* IE6&7 */
    float: left;
    position: relative;
}

#hd_menu input.button
{
    background: url(../img/hd_button.png) no-repeat top left;
    width: 36px;
    height: 33px;
    border: 0;
    text-align: center;
    font-weight: bold;
    font-size: 140%;
    margin-top: 3px;
}

#hd_menu input.field
{
    background: url(../img/hd_field.png) no-repeat top left;
    width: 106px;
    height: 16px;
    border: 0;
    padding: 2px;
    position: absolute;
    left: 125px;
    top: 0;
    color: #fff;
}

#hd_menu input#password
{
    top: 21px;    
}

#hd_menu ul
{
    position: absolute;
    left: 584px;
    top: 5px;
    float: left;
    width: 420px;
}

#hd_menu ul li
{
    display: inline;
    float: left;
    margin: 0 3px 2px 0;
}

#hd_menu ul li a
{
    display: block;
    background: url(../img/hd_menu_button.png) no-repeat top left;
    width: 56px;
    height: 16px;
    text-align: center;
    color: #fff;
    padding-top: 4px;
    text-transform: uppercase;
    font-size: 90%;
    font-weight: bold;
    letter-spacing: -.4px;
    *letter-spacing: -1px;                                              /* IE6&7 */
}

#hd_menu ul li a:hover
{
    text-decoration: none;
}

#hd_menu ul li a:hover,
#hd_menu ul li a.active
{
    background-image: url(../img/hd_menu_button_black.png);
}

/* BOTTOM */

#bottom_space
{
    height: 5em;
    background-color: #fff;
    clear: left;
}

#bottom
{
    background: url(../img/bg_bottom.jpg) no-repeat top left;
    height: 170px;
    position: relative;
    padding: 10px;
    clear: left;
}

#ad
{
    position: absolute;
    top: 43px;
    left: 138px;
}

#bottom .credits
{
    color: #fff;
    font-size: 90%;
}

#bottom .credits a
{
    color: #0090ff;
    text-transform: uppercase;
    margin-left: 1em;
}

#bottom ul
{
    position: absolute;
    left: 53px;
    top: 147px;
}

#bottom ul li
{
    color: #585858;
    font-weight: bold;
    float: left;
    display: inline;
}

#bottom ul li span
{
    display: block;
}

#bottom ul li span.separator
{
    display: block;
    float: left;
    font-size: 135%;
    margin: 0 .7em;
}

#bottom ul ul
{
    position: relative;
    top: 0;
    left: 0;
    margin-top: .3em;
    float: left;
}

#bottom ul li ul li
{
    float: left;
    display: inline;
}

#bottom ul li ul li.bull
{
    color: #005ba2;
    padding: 0 .3em;
}

#bottom ul ul li a
{
    font-weight: normal;
    color: #fff;
}

/* MIDDLE */

#middle
{
    background-color: #fff;
    border: 2px solid #dadada;
    border-width: 0 2px;
    padding: 0 1px;
    float: left;
    width: 998px;
}

/* LEFT */

#left
{
    width: 207px;
    position: relative;
    float: left;
}

#flash1
{
    width: 388px;
    height: 196px;
    position: absolute;
    top: 0;
    left: 0;
    border: 1px solid #4f4f4f;
}

#flash1 p#text1
{
    width: 154px;
    height: 172px;
    padding: 8px 10px;
    position: absolute;
    left: 213px;
    top: 2px;
    background: url(../img/flash_text_bg.png) no-repeat;
    color: #fcfcfc;
}

#flash1 p a.more
{
    position: absolute;
    left: 10px;
    bottom: 8px;
    color: #2290e4;
    font-weight: bold;
}

#flash1 div.arrows
{
    position: absolute;
    left: 10px;
    bottom: 11px;
    width: 50px;
    height: 26px;
}

#flash1 div.arrows span
{
    display: block;
    text-indent: -5000px;
    height: 26px;
    width: 25px;
    background: url(../img/flash_arrows.png) no-repeat;
    float: left;
    cursor: pointer;
}

#flash1 div.arrows span#flash_right
{
    background-position: top right
}

#flash2
{
    width: 388px;
    height: 196px;
    position: absolute;
    top: 0;
    left: 0;
    border: 1px solid #4f4f4f;
}

#flash2 p#text2
{
    width: 154px;
    height: 172px;
    padding: 8px 10px;
    position: absolute;
    left: 213px;
    top: 2px;
    background: url(../img/flash_text_bg.png) no-repeat;
    color: #fcfcfc;
}

#flash2 p a.more
{
    position: absolute;
    left: 10px;
    bottom: 8px;
    color: #2290e4;
    font-weight: bold;
}

#flash2 div.arrows
{
    position: absolute;
    left: 10px;
    bottom: 11px;
    width: 50px;
    height: 26px;
}

#flash2 div.arrows span
{
    display: block;
    text-indent: -5000px;
    height: 26px;
    width: 25px;
    background: url(../img/flash_arrows.png) no-repeat;
    float: left;
    cursor: pointer;
}

#flash2 div.arrows span#flash_right
{
    background-position: top right
}

#flash3
{
    width: 388px;
    height: 196px;
    position: absolute;
    top: 0;
    left: 0;
    border: 1px solid #4f4f4f;
}

#flash3 p#text3
{
    width: 154px;
    height: 172px;
    padding: 8px 10px;
    position: absolute;
    left: 213px;
    top: 2px;
    background: url(../img/flash_text_bg.png) no-repeat;
    color: #fcfcfc;
}

#flash3 p a.more
{
    position: absolute;
    left: 10px;
    bottom: 8px;
    color: #2290e4;
    font-weight: bold;
}

#flash3 div.arrows
{
    position: absolute;
    left: 10px;
    bottom: 11px;
    width: 50px;
    height: 26px;
}

#flash3 div.arrows span
{
    display: block;
    text-indent: -5000px;
    height: 26px;
    width: 25px;
    background: url(../img/flash_arrows.png) no-repeat;
    float: left;
    cursor: pointer;
}

#flash3 div.arrows span#flash_right
{
    background-position: top right
}

#flash4
{
    width: 388px;
    height: 196px;
    position: absolute;
    top: 0;
    left: 0;
    border: 1px solid #4f4f4f;
}

#flash4 p#text4
{
    width: 154px;
    height: 172px;
    padding: 8px 10px;
    position: absolute;
    left: 213px;
    top: 2px;
    background: url(../img/flash_text_bg.png) no-repeat;
    color: #fcfcfc;
}

#flash4 p a.more
{
    position: absolute;
    left: 10px;
    bottom: 8px;
    color: #2290e4;
    font-weight: bold;
}

#flash4 div.arrows
{
    position: absolute;
    left: 10px;
    bottom: 11px;
    width: 50px;
    height: 26px;
}

#flash4 div.arrows span
{
    display: block;
    text-indent: -5000px;
    height: 26px;
    width: 25px;
    background: url(../img/flash_arrows.png) no-repeat;
    float: left;
    cursor: pointer;
}

#flash4 div.arrows span#flash_right
{
    background-position: top right
}

#flash5
{
    width: 388px;
    height: 196px;
    position: absolute;
    top: 0;
    left: 0;
    border: 1px solid #4f4f4f;
}

#flash5 p#text5
{
    width: 154px;
    height: 172px;
    padding: 8px 10px;
    position: absolute;
    left: 213px;
    top: 2px;
    background: url(../img/flash_text_bg.png) no-repeat;
    color: #fcfcfc;
}

#flash5 p a.more
{
    position: absolute;
    left: 10px;
    bottom: 8px;
    color: #2290e4;
    font-weight: bold;
}

#flash5 div.arrows
{
    position: absolute;
    left: 10px;
    bottom: 11px;
    width: 50px;
    height: 26px;
}

#flash5 div.arrows span
{
    display: block;
    text-indent: -5000px;
    height: 26px;
    width: 25px;
    background: url(../img/flash_arrows.png) no-repeat;
    float: left;
    cursor: pointer;
}

#flash5 div.arrows span#flash_right
{
    background-position: top right
}

#left .block
{
    margin-top: 2px;
}

#left .block_title
{
    background: url(../img/block_title_middle.png) no-repeat top left;
    height: 31px;
    padding: 2px;
}

#left .block_title h2
{
    background: no-repeat top left;
    width: 203px;
    height: 31px;
    padding: 2px;
    text-indent: -5000px;
    _padding: 0;                                                        /* IE6 */
}

#left .block_bottom
{
    background: url(../img/block_bottom_middle.png) no-repeat top left;
    height: 2px;
}

#left .block_body 
{
    padding: 5px;
    border: 1px solid #cbcbcb;
    border-width: 0 1px;
}

/* CENTER */

#center
{
    float: left;
    padding-left: 1px;
    width: 790px;
}

#center_top .first
{
    padding-top: 200px;
    width: 183px;
    float: left;
}

#center_top .first iframe {
  margin: 0 0 3px 0;
}

#center_top .second
{
    width: 379px;
    float: left;
    padding: 2px;
}

#center_top .third
{
    width: 223px;
    float: left;
}

#content
{
    clear: left;
    padding-left: 2px;
}

/* PROMOTION */

#promotion
{
    background-color: #1a1a1a;
}

#promotion .block_title
{
    background-image: url(../img/block_title_middle_black.png);
}

#promotion .block_title h2
{
    background-image: url(../img/h2_promotion.jpg);
}

#promotion .block_bottom
{
    background-image: url(../img/block_bottom_middle_black.png);
}

#promotion .block_body 
{
    padding: .5em 0;
    text-align: center;
    border: 0;
}

/* POLL */

#poll .block_title h2
{
    background-image: url(../img/h2_poll.jpg);
}

#poll ul
{
    margin: .5em 0 1.5em;
}

#poll ul li span.right
{
    font-size: 90%;
}

#poll ul li a
{
    font-weight: bold;
}

#poll ul li.bar
{
    height: 14px;
    background: url(../img/poll_border.png) no-repeat top left;
    padding-left: 1px;
    margin-bottom: .5em;
}

#poll ul li.bar_gecko img
{
    position: relative;
    top: -1px;
}

#poll ul li.bar img
{
    height: 14px;
    background: url(../img/poll_border.png) no-repeat top right;
    padding-right: 1px;
}

#poll .title
{
    border-bottom: 1px dashed #cbcbcb;
}

/* SERVERS */

#servers .block_title h2
{
    background-image: url(../img/h2_servers.jpg);
}

#servers .block_body,
#poll .block_body
{
    padding-bottom: 0;
}

#servers .block_body ul
{
    margin-bottom: 1em;
}

#servers .block_body ul li
{
    padding: 1px 0;
}

#servers .block_body .more,
#poll .block_body .more
{
    font-weight: bold;
    float: none;
}

/* ACTUAL TOURNAMENT */

#tournament .block_title h2
{
    background-image: url(../img/h2_tournament.jpg);
}

#tournament ul li
{
    padding: 2px 0;
    border-bottom: 1px dashed #cbcbcb;
}

#tournament ul li strong
{
    text-transform: uppercase;
}

/* NEWS */

h2#news
{
    background: url(../img/h2_news.jpg) no-repeat top left;
    width: 377px;
    height: 31px;
    text-indent: -5000px;
}

.news
{
    width: 374px;
    height: 109px;
    background: url(../img/bg_news.png) no-repeat 0 4px;
    padding: 8px 0 0 3px;
    position: relative;
}

.news .news_img
{
    float: left;
    margin-right: 5px;
    border: 1px solid #5d5d5d;
}

.news h3,
#current h3
{
    font-size: 110%;
    font-weight: bold;
    color: #005ca3;
    padding: 2px 4px 2px 2px;
    background-color: #c9c9c9;
}

.news h3 span,
#current h3 span
{
    font-size: 85%;
    font-weight: normal;
    color: #000;
}

.news p
{
    margin: 4px 4px 0 0;
}

.news .more,
#current .more
{
    position: absolute;
    right: 4px;
    bottom: 5px;
}

.news .more a,
#current .more a
{
    text-transform: uppercase;
    font-weight: bold;
    margin-right: 4px;
}

.news .more .comment,
#current .more .comment
{
    color: #000;
}

/* SCENE NEWS */

#scene_news
{
    width: 219px;
    height: 185px;
    background: url(../img/bg_scene_news.png) no-repeat top left;
    padding: 2px;
}

#scene_news h2
{
    background: url(../img/h2_scene_news.jpg) no-repeat top left;
    width: 219px;
    height: 31px;
    text-indent: -5000px;
}

#scene_news ul,
#matches ul,
#tab ul,
#discussion ul
{
    padding: 8px 2px 0;
}

#scene_news ul li,
#matches ul li,
#tab ul li,
#discussion ul li
{
    clear: both;
    padding: 2px;
}

#scene_news ul li.separator,
#matches ul li.separator,
#tab ul li.separator,
#discussion ul li.separator,
ul.box li.separator,
#profile_right_container ul li.separator
{
    height: 1px;
    line-height: 0%;
    font-size: 0%;
    border-bottom: 1px dashed #cbcbcb;
}

#scene_news ul li img,
#matches ul li img,
#tab ul li img,
#users ul li img,
#discussion ul li img,
#left .block_body ul li img
{
    vertical-align: middle;
}

#scene_news ul li span.right,
#discussion ul li span.right
{
    border-left: 1px solid #000;
    padding-left: .5em;
}
#scene_news ul li span.right2 {
    border: 0;
    float: right;
}

/* COVERAGES */

#coverages h2
{
    background: url(../img/h2_coverages.png) no-repeat 28px 0;
    _background-image: url(../img/h2_coverages.gif);                    /* IE6 */
    width: 127px;
    height: 9px;
    text-indent: -5000px;
    margin: 6px 0 3px;
}

#coverages ul li
{
    margin-bottom: 2px;
    position: relative;
    _margin-bottom: 0;                                                  /* IE6 */
    _height: 70px;
}

#coverages ul li a
{
    display: block;
    width: 223px;
    height: 70px;
}

#coverages ul li h3
{
    position: absolute;
    background-image: url(../img/bg_coverage.png);                      /* IE6 */
    _background-image: none;
    top: 52px;
    text-transform: uppercase;
    color: #fff;
    width: 213px;
    height: 12px;
    padding: 3px 5px;
    font-size: 90%;
    cursor: pointer;
}

#coverages ul li a:hover
{
    text-decoration: none;
}

/* CALENDAR */

#calendar
{
    padding: 0 2px;
    position: relative;
}

#calendar h2
{
    background: url(../img/h2_calendar.jpg) no-repeat top left;
    width: 219px;
    height: 31px;
    text-indent: -5000px;
    margin: 0 0 5px 0;
}

#calendar a.right
{
    text-transform: uppercase;
    color: #000;
    font-weight: bold;
    position: absolute;
    right: 10px;
    top: 8px;
}

#calendar a.right:hover
{
    color: #fff;
    text-decoration: none;
}

/* CURRENTLY IN EERINESS */

div.current2 {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
}

#current h2,
#current2 h2,
#groups h2,
#match h2,
#team h2,
#profile h2
{
    width: 750px;
    height: 20px;
    background: url(../img/h2_ee_news.jpg) no-repeat top left;
    font-size: 90%;
    color: #fff;
    text-transform: uppercase;
    padding-left: 35px;
    padding-top: 9px;
}

#current ul
{
    margin: 5px 0 2px;
}

#current ul li
{
    float: left;
    width: 251px;
    height: 220px;
    background: url(../img/bg_ee_news.png) no-repeat top left;
    margin-right: 3px;
    padding: 4px;
    position: relative;
}

#current a.img
{
    display: block;
    margin-bottom: 3px;
}

#current h3
{
    padding-left: 5px;
}

#current p
{
    margin: 2px;
}

/* CONTENT LAYER */

.container
{
    float: left;
    width: 785px;
}

#container_top,
#container_bottom
{
    margin-top: 2px;
    width: 787px;
    height: 6px;
    background: url(../img/bg_content_top.png) no-repeat top left;
    float: left;
    clear: left;
    font-size: 0%;
}

#container_bottom
{
    margin-top: 0;
    margin-bottom: 5px;
    background-image: url(../img/bg_content_bottom.png);
}

.container,
ul.box
{
    border-left: 1px solid #cbcbcb;
    border-right: 1px solid #cbcbcb;
}

ul.box li,
#profile_right_container ul li
{
    padding: 4px 4px 0;
    clear: both;
}

ul.box li.separator,
#profile_right_container ul li.separator
{
    padding-top: 2px;
}

/* GROUPS */

#groups ul li.group_box
{
    float: left;
    width: 258px;
    position: relative;
    margin-right: 4px;
}

#groups ul li.first
{
    margin-left: 1px;
}

#groups ul li.last
{
    margin-right: 0;
}

#groups ul.box
{
    width: 256px;
}

#groups ul.box li span.right
{
    padding-top: 8px;
}

#groups div.group_top,
#groups div.group_bottom
{
    width: 258px;
    height: 6px;
    background: url(../img/bg_group_bottom.png) no-repeat top left;
    border: 0;
    padding: 0;
}

#groups div.group_top
{
    background-image: url(../img/bg_group_top.png);
    margin-top: 3px;
    font-size: 0%;
}

h3#latest,
h3#assessment,
h3#most
{
    background: no-repeat top left;
    height: 8px;
    text-indent: -5000px;
    margin-left: 3px;
}

h3#latest
{
    background-image: url(../img/h3_groups_latest.png);
    _background-image: url(../img/h3_groups_latest.gif);
    width: 73px;
}

h3#assessment
{
    background-image: url(../img/h3_groups_assessment.png);
    _background-image: url(../img/h3_groups_assessment.gif);
    width: 86px;
}

h3#most
{
    background-image: url(../img/h3_groups_most.png);
    _background-image: url(../img/h3_groups_most.gif);
    width: 99px;
}

.number
{
    font-size: 170%;
    font-weight: bold;
    padding-right: 5px;
}

.number_first
{
    color: #ffb400;
}

.number_second
{
    color: #8e8e8e;
}

.number_third
{
    color: #a18269;
}

/* MATCH */

#match .box
{
    min-height: 186px;
    _height: 186px;
}

.match_bottom
{
    margin-bottom: 3px;
}

#match_bar
{
    height: 26px;
    background: url(../img/bg_match_bar.png) no-repeat top center;
    clear: both;
    color: #fff;
    padding: 14px 14px 0;
}

#match_bar a
{
    color: #fff;
}

#match_bar .bold
{
    font-weight: bold;
}

#match_bar ul li
{
    float: left;
    margin-right: 2em;
}

#match_bar .pager a
{
    text-transform: uppercase;
    padding: 0 .5em;
    font-size: 90%;
}

#match_heading
{
    font-size: 140%;
    color: #0063b2;
    font-weight: bold;
    padding: 0 3px .5em;
}

#match_info,
#match_results,
#match_screenshots
{
    float: left;
}

#match_info h3,
#match_results h3,
#match_screenshots h3
{
    background: no-repeat top left;
    height: 8px;
    text-indent: -5000px;
    margin-left: 3px;
}

#match_info h3
{
    background-image: url(../img/h3_match_info.png);
    _background-image: url(../img/h3_match_info.gif);
    width: 54px;
}

#match_results h3
{
    background-image: url(../img/h3_match_results.png);
    _background-image: url(../img/h3_match_results.gif);
    width: 40px;
}

#match_screenshots h3
{
    background-image: url(../img/h3_match_screenshots.png);
    _background-image: url(../img/h3_match_screenshots.gif);
    width: 66px;
}

#match_info
{
    width: 452px;
    margin-left: 1px;
}

#match_info ul.box li
{
    padding-top: 8px;
}

#match_info ul.box li.separator,
#match ul.box li.first
{
    padding-top: 0;
}

#match_info .match_top,
#match_info .match_bottom
{
    background: url(../img/bg_match_info_bottom.png) no-repeat top left;
    width: 452px;
    height: 6px;
    font-size: 0%;
}   

#match_info .match_top
{
    background-image: url(../img/bg_match_info_top.png);
    margin-top: 3px;
}

#match_info span.left
{
    font-weight: bold;
}

#match_results
{
    width: 198px;
    margin-left: 1px;
}

#match_results .match_top,
#match_results .match_bottom
{
    background: url(../img/bg_match_results_bottom.png) no-repeat top left;
    width: 198px;
    height: 6px;
    font-size: 0%;
}   

#match_results .match_top
{
    background-image: url(../img/bg_match_results_top.png);
    margin-top: 3px;
}

#match_results ul.box li 
{
    font-size: 140%;
    font-weight: bold;
}

#match_results ul.box li img
{
    vertical-align: middle;
    margin-right: 13px;
}

#match_screenshots ul.box
{
    border: 0;
}

#match_screenshots ul.box li
{
    padding-top: 1px;
}

#match_screenshots ul.box li.first
{
    padding-top: 4px;
}

/* TEAM ROSTER */

#team ul li
{
    float: left;
    width: 386px;
    padding: 1px 2px;
}

#team ul li.odd
{
    border-left: 1px solid #cbcbcb;
}

#team ul li.separator,
#team ul li.separator_odd
{
    width: 378px;
    border-bottom: 1px solid #cbcbcb;
    margin: 7px 8px 7px 3px;
    font-size: 0%;
    _margin-left: 1px;
}

#team ul li.separator_odd
{
    width: 382px;
    margin-right: 0;
    _margin-left: 5px;
}

#team ul li .left
{
    font-size: 120%;
}

#team ul li .right a
{
    padding-left: 16px;
    margin-left: 7px;
    margin-right: 5px;
    background: url(../img/ee-icon.png) no-repeat center left;
}

#team ul li p
{
    clear: both;
}

#team ul li p img
{
    float: left;
    margin-right: 2px;
}

/* CONTENT */

#content_left
{
    float: left;
    margin-top: 2px;
    *width: 608px;                                                      /* IE6&7 */
}

#content_right
{
    float: left;
    margin: 2px 0 0 2px;
    width: 177px;
}

/* LATEST MATCHES */

#matches
{
    float: left;
    width: 239px;
    height: 185px;
    padding: 2px;
    background: url(../img/bg_matches.png) no-repeat top left;
    margin-right: 2px;
}

#matches h2
{
    background: url(../img/h2_matches.jpg) no-repeat top left;
    text-indent: -5000px;
    width: 239px;
    height: 31px;
}

#matches .win,
#match .win
{
    color: #46af00;
}

#matches .draw,
#match .draw
{
    color: #00c3ca;
}

#matches .loss,
#match .loss
{
    color: #af0000;
}

/* BLOGS, FILES, USER GROUPS */

#tab
{
    float: left;
    width: 358px;
    height: 185px;
    padding: 2px;
    background: url(../img/bg_tab.png) no-repeat top left;
}

#tab .menu
{
    width: 357px;
    height: 31px;
    position: relative;
    background: url(../img/h2_tab.jpg) no-repeat top left;
}

#tab .menu h2
{
    text-indent: -5000px;
}

#tab .menu a
{
    position: absolute;
    height: 31px;
    top: 0;
    _background-image: url(.);                                          /* IE6 */
}

#tab .menu a.active,
#tab .menu a:hover
{
    background: url(../img/tab_arrow.png) no-repeat 50% 100%;
}

#blogs
{
    left: 30px;
    width: 95px;
}

#files
{
    left: 125px;
    width: 110px;
}

#groups
{
    left: 235px;
    width: 122px;
}

#tab ul li
{
    padding-top: 3px;
    *padding-top: 2px;                                                  /* IE7 */
    _padding-top: 1px;                                                  /* IE6 */
}

/* CONTENT AD */

#content_ad
{
    clear: left;
    padding: 7px 0 4px;
}

#content_ad a
{
    display: block;
    margin: 0 auto;
    width: 468px;
    height: 60px;
    padding: 2px;
    background: url(../img/ad_border.png) no-repeat top left;
}

/* GALLERY */

#gallery
{
    background: url(../img/bg_gallery.jpg) no-repeat top left;
    width: 233px;
    height: 218px;
    float: left;
    margin-right: 2px;
    padding: 5px;
    position: relative;
    _padding: 4px;                                                      /* IE6 */
}

#gallery h2
{
    background: url(../img/h2_gallery.png) no-repeat 23px 3px;
    width: 73px;
    height: 12px;
    text-indent: -5000px;
}

#gallery ul
{
    margin-top: 6px;
}

#gallery ul li
{
    float: left;
    margin: 0 3px 3px 0;
}

#gallery ul li.even
{
    margin-right: 0;
}

#gallery ul li a
{
    display: block;
    width: 112px;
    height: 81px;
    background: url(../img/gallery_border.png) no-repeat top left;
    padding: 1px;
}

#gallery ul li a img
{
    display: block;
    width: 112px;
    height: 81px;
}

#gallery ul li a:hover
{
    background-image: url(../img/gallery_border_hover.png);
}

#gallery a.more
{
    font-weight: bold;
    position: absolute;
    top: 212px;
    left: 10px;
    margin-top: 0;
}

/* EERINESS TV */

#tv
{
    background: url(../img/bg_tv.jpg) no-repeat top left;
    width: 354px;
    height: 218px;
    float: left;
    padding: 3px 4px 5px;
}

#tv h2
{
    background: url(../img/h2_tv.png) no-repeat 10px 4px;
    _background-image: url(../img/h2_tv.gif);                           /* IE6 */
    width: 77px;
    height: 13px;
    text-indent: -5000px;
}

#tv a.right
{
    text-transform: uppercase;
    font-weight: bold;
    color: #0c80d8;
}

#tv a.right:hover
{
    text-decoration: none;
    color: #fff;
}

/* USERS */

#users
{
    background: url(../img/bg_users.jpg) no-repeat top left;
    width: 167px;
    height: 220px;
    padding: 6px 4px;
    color: #fff;
}

#users h2
{
    background: url(../img/h2_users_top.png) no-repeat top left;
    _background-image: url(../img/h2_users_top.gif);                    /* IE6 */
    width: 59px;
    height: 9px;
    text-indent: -5000px;
    clear: both;
}

#users h2.new
{
    background-image: url(../img/h2_users_new.png);
    _background-image: url(../img/h2_users_new.gif);                    /* IE6 */
    width: 62px;
}

#users ul
{
    margin-top: 5px;
}

#users ul li
{
    margin-top: 1px;
    clear: both;
    _margin-top: 0;                                                     /* IE6 */
}

#users ul li span.right
{
    border-left: 1px solid #1178c9;
    padding-left: .5em;
    width: 3em;
    text-align: right;
}

#users ul li.separator
{
    height: 1px;
    border-bottom: 1px dotted #047cd8;
    font-size: 0%;
    line-height: 0%;
}

#users .more
{
    text-align: right;
}

#users .more a
{
    margin: 0 7px;
    color: #fff;
}

#users .more a:hover
{
    font-weight: bold;
    text-decoration: none;
}

/* DISCUSSION */

#discussion
{
    background: url(../img/block_title_right.png) no-repeat top left;
    padding-top: 2px;
    margin-top: 2px;
}

#discussion .block_bottom
{
    background: url(../img/block_bottom_right.png) no-repeat top left;
    height: 2px;
    clear: both;
}

#discussion .block_body
{
    border: 1px solid #ccc;
    border-width: 0 1px;
    padding: 0 1px 1.2em 1px;
}

#discussion h2
{
    background: url(../img/h2_discussion.jpg) no-repeat top left;
    width: 173px;
    height: 31px;
    text-indent: -5000px;
}

#discussion ul li span.left a
{
    background: url(../img/plus.png) no-repeat 0% 50%;
    padding-left: 12px;
}

/* WEBSTATS */

#webstats
{
    padding: 5px;
}

#webstats h2
{
    background: url(../img/h2_webstats.png) no-repeat 1px 0;
    _background-image: url(../img/h2_webstats.gif);                     /* IE6 */
    width: 82px;
    height: 9px;
    text-indent: -5000px;
}

#webstats ul
{
    margin-top: 5px;
}

#webstats ul li
{
    color: #005ca3;
}

#webstats ul li strong
{
    text-transform: uppercase;
    color: #000;
    width: 85px;
    display: block;
    float: left;
}

#webstats ul li.separator
{
    height: 1em;
}

/* PROFILE */

#profile .container
{
    padding-left: 4px;
    width: 781px;
}

#profile h3
{
    font-size: 140%;
    color: #0063b2;
    font-weight: bold;
    padding: 0 3px .5em;
}

#profile h4
{
    background: no-repeat top left;
    height: 8px;
    text-indent: -5000px;
    margin: 7px 0 3px;
}

h4#profile_members
{
    width: 38px;
    background-image: url(../img/h4_profile_members.png);
}

h4#profile_members_vote
{
    width: 38px;
    background-image: url(../img/h4_profile_members_vote.png);
}

h4#profile_group_details
{
    width: 38px;
    background-image: url(../img/h4_profile_group_details.png);
}

h4#profile_friends
{
    width: 38px;
    background-image: url(../img/h4_profile_friends.png);
}

h4#profile_enemies
{
    width: 39px;
    background-image: url(../img/h4_profile_enemies.png);
}

h4#profile_user_vote
{
    width: 50px;
    background-image: url(../img/h4_profile_user_vote.png);
}

h4#profile_user_comments
{
    width: 79px;
    background-image: url(../img/h4_profile_user_comments.png);
    margin-bottom: .7em;
}

h4#profile_gallery
{
    width: 41px;
    background-image: url(../img/h4_profile_gallery.png);
}

h4#profile_user_blogs
{
    width: 56px;
    background-image: url(../img/h4_profile_user_blogs.png);
}

h4#profile_contact
{
    width: 41px;
    background-image: url(../img/h4_profile_contact.png);
}

h4#profile_user_details
{
    width: 63px;
    background-image: url(../img/h4_profile_user_details.png);
}

h4#profile_favourites
{
    width: 54px;
    background-image: url(../img/h4_profile_favourites.png);
}

h4#profile_computer_info
{
    width: 73px;
    background-image: url(../img/h4_profile_computer_info.png);
}

#profile_left,
#profile_right
{
    float: left;
}

#profile_left
{
    width: 173px;
}

.profile_left_box_top
{
    height: 6px;
    background: url(../img/bg_profile_left_box_top.png) no-repeat;
    line-height: 0%;
    font-size: 0%;
}

.profile_left_box_bottom
{
    height: 6px;
    background: url(../img/bg_profile_left_box_bottom.png) no-repeat;
    line-height: 0%;
    font-size: 0%;
}

#profile_photo
{
    border: 0;
    display: block;
}

#profile_right
{
    margin-left: 3px;
    width: 602px;
}

#profile_right_container
{
    border-left: 1px solid #cbcbcb;
    border-right: 1px solid #cbcbcb;
    float: left;
    width: 600px;
}

#profile_right_container ul
{
    margin: .7em 0 2em;
}

#profile_right_1,
#profile_right_2
{
    float: left;
    width: 220px;
    padding: 0 5px;
}

#profile_right_2
{
    margin-left: 18px;
    width: 340px;
}

#profile_right_top
{
    height: 9px;
    background: url(../img/bg_profile_right_top.png) no-repeat;
    line-height: 0%;
    font-size: 0%;
}

#profile_right_bottom
{
    height: 9px;
    background: url(../img/bg_profile_right_bottom.png) no-repeat;
    clear: left;
    line-height: 0%;
    font-size: 0%;
}

#profile_right_container ul li span.bold,
#profile_right_container ul li a
{
    margin-right: 1em;
}

#profile_right_container ul li span.bold
{
    font-weight: bold;
}

ul#profile_gallery_list
{
    float: left;
    margin: .3em 0 1em;
}

#profile_gallery_list li
{
    float: left;
    text-align: center;
    width: 103px;
    margin-right: 19px;
}

#profile_gallery_list li.last
{
    margin-right: 0;
}

#profile_gallery_list li img
{
    display: block;
}

li.break
{
    line-height: 0%;
    font-size: 0%;
}

.newimg {
  margin: 0 3px 0 0;
}
.nadp {
  font-weight: bold;
  font-size: 110%;
  color: #005CA3;
}
.by {
  font-size: 90%;
}
.capaut {
  margin: 0 0 0 20px;
}
.newstable {
  border: 1px solid #005CA3;
}

#filter {
  width: 400px;
  float: left;
  clear: right;
  margin: -3px 0 0 0;
}
#filter ul, #filter ul.sub {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
#filter li {
  text-align: center;
}
li.mainHover ul.sub { 
  visibility: visible; 
}
ul.sub { 
  position: relative;
  left: -40px;
  z-index: 10;
  display: none;
  width: 130px;
}
#filter ul.sub li a { 
  width: 150px;
  display: block; 
  position: relative;
  left: 0;
  min-height: 15px;
  vertical-align: middle;
  background-color: #EEE;
  text-align: center;
  width: auto;
  color: #005CA3;
}
#filter ul.sub li a:hover {
  background-color: #646464;
  color: #ffffff;
}
#filter ul li.main {
  position: relative;
}
#filter ul li > ul.sub {
  position: absolute;
  z-index:10;
  visibility: hidden;
}
#filter ul li.main:hover ul.sub {
  visibility: visible;
}