@charset "utf-8";

h2 { font-weight: normal; margin: 0px; border-bottom: 1px solid #464646; padding-bottom: 5px; margin-bottom: 5px; font-size: 150%; width: 585px; }
span.date { font-size: 110%; color: #fff; font-weight: bold; float: left; margin: 0 5px -3px 0; position: relative; top: -1px; }

div.news { margin-top: 25px; }
div.news a.title { display: block; background-color: #333; color: #fff; background-image: url(/gfx/main/img_arrow.gif); background-position: center right; background-repeat: no-repeat; text-decoration: none; padding: 2px 15px 2px 4px; margin-bottom: 2px;  font-size: 115%; font-weight: bold;  }
div.news a.title:hover { background-color: #b7b7b7; color: #000; background-color: #b7b7b7; background-image: url(/gfx/main/img_arrow_on.gif); background-position: center right; background-repeat: no-repeat; }

div.avatar { float: left; margin: 2px 7px 0px 2px; width: 38px; }
div.more_btn { float: right; }

ul#news_sort { margin: 0px; padding: 0px; width: 600px; height: 21px; background: url(../gfx/news/sort_buttons.png) no-repeat; position: relative; }
ul#news_sort li { margin: 0; padding: 0; list-style: none; position: absolute; top: 0; }
ul#news_sort li, ul#news_sort li a { height: 21px; display: block; }
ul#news_sort li a.active, ul#news_sort li a:hover { border-bottom: #f00 2px solid; }

#all        { left: 0; width: 44px; }
#blitz      { left: 45px; width: 103px; }
#arcade     { left: 149px; width: 108px; }
#volatile   { left: 257px; width: 82px; }
#trusim     { left: 340px; width: 74px; }
#tech       { left: 415px; width: 91px; }
#oneup      { left: 506px; width: 94px; }

#all        a:hover { background: transparent url(../gfx/news/sort_buttons.png) 0 -21px no-repeat; }
#blitz      a:hover { background: transparent url(../gfx/news/sort_buttons.png) -45px -21px no-repeat; }
#arcade     a:hover { background: transparent url(../gfx/news/sort_buttons.png) -149px -21px no-repeat; }
#volatile   a:hover { background: transparent url(../gfx/news/sort_buttons.png) -257px -21px no-repeat; }
#trusim     a:hover { background: transparent url(../gfx/news/sort_buttons.png) -340px -21px no-repeat; }
#tech       a:hover { background: transparent url(../gfx/news/sort_buttons.png) -415px -21px no-repeat; }
#oneup      a:hover { background: transparent url(../gfx/news/sort_buttons.png) -506px -21px no-repeat; }

div.images { float: right; width: 154px; }
div.images div.image { text-align: center; }
div.images a img { border: 2px solid #454545; margin-bottom: 15px; }
div.images a img:hover { border: 2px solid #ed1c24; }

/* ARTICLE */
div.news_article { float: left; width: 540px; margin-top: -9px; }
div.news_article .summary { margin-bottom: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 90%; color: #ccc; width: 540px; background: #181818; font-weight: bold; }

div.article { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #ccc; width: 540px; background: #181818; }
div.article h2 { color: #fff; font-size: 16px; }
div.article p { padding-bottom: 11px; margin: 0; width: 540px;}
div.article b, div#review_area strong { font-weight: bold; }
div.article i { font-style: italic; }
div.article a { text-decoration: none; color: red; }
div.article a:hover { text-decoration: underline; }

div.article ul { margin: 0; padding: 0px; margin-left: 28px; padding-bottom: 11px; }
div.article ul.ul2 {margin: 0; margin-left: 70px !important; }
div.article ul.ul3 {margin: 0; margin-left: 112px !important; }
div.article ul li { list-style-type: disc; padding: 2px; }
div.article ul.ul2 li { list-style-type: circle; }
div.article ul.ul3 li { list-style-type:square; }