@charset "utf-8";
/* CSS Document */

body {background:#000; color:#fff; font-size:12px; font-family:arial, Helvetica, sans-serif; line-height:1.4em; padding-bottom:500px}

h1 {background:url(images/logo.jpg) top left no-repeat; width:570px; height:186px; text-indent:-4000px;}
h2 {color:#fff; font-size:28px; margin:0 0 10px 0;}
h3 {color:#999; font-size:20px; margin:0 0 10px 0;}


a, a:link, a:visited {text-decoration:none; font-weight:bold; color:#997528; border-bottom:1px dotted #666}
a:hover, a:active {text-decoration:none; color:#CCC; border:0;}

.menu {list-style:none; margin-left:18px; margin-bottom:10px;}
.wrap .menu {margin-left:0;}
.wrap .menu li { margin-top:50px;}
.menu li {float:left; margin-bottom:10px;}
.menu li a { padding:3px 7px; background:#282828; color:#CCC; font-size:12px; display:block; border:0; text-decoration:none;}
.menu li a:hover,
.menu li a.active{background:#ccc; color:#000;}
#gamemenu.menu li a {font-size:16px;}
#gamemenu.menu li {margin-bottom:15px;}

.clear {clear:both}

.wrap		{width:600px; padding:18px;}
.roster,
.matches	{margin-top:700px}
.member		{width:566px; margin-bottom:10px; padding:7px;  border: 1px solid #282828;}
.member	img.member-photo{float:left; margin-right:7px; width:133px; height:200px;border:1px solid #282828;}
.member .wrapper {float:left;}
.member .wrapper h2	{font-size: 25px; width:423px; font-weight:bold;}
.member .wrapper h2 span {float:right; font-size:15px; text-align:right;}
.member .wrapper .info {width:100%;}
.member .wrapper .info label{font-weight:bold; width:150px; display:block; float:left; padding:3px;}
.member .wrapper .info span {font-weight:normal; float:left; width:260px; display:block; padding:3px; }
.member .wrapper label.even {background:#1A1A1A}
.member .wrapper span.even {background:#1A1A1A}

#l4d .member {width:273px; float:left; margin-right:10px;}
#l4d .member .wrapper h2 {width:188px; font-size:18px}	
#l4d .member .wrapper h2 span {font-size:11px;}
#l4d .member img.member-photo {width:75px; height:113px;}
#l4d .member .wrapper .info h3 {font-size:17px; font-weight:normal;}
#l4d .member .wrapper .info h4 {font-size:14px; font-weight:normal;}

.matches {}
.matches table {width:100%;}
.matches table tr {}
.matches table tr th{padding:5px 10px;background:#666; font-weight:bold; color:#fff;text-align:center}
.matches table tr th span{font-size:10px;}
.matches table tr td{padding:5px 10px;text-align:center}
.matches table tr.even td{background:#1A1A1A}
.matches table tr.won td{ color:#0C3}
.matches table tr.lost td{ color: #C00}
.matches table tr.total td{background:#CCC; color:#000; font-weight:bold; font-size:16px;}
.matches table tr:hover td{background:#383838;}

.leader		{background:#282828;border:0;}
.leader .wrapper label.even {background:#333}
.leader .wrapper span.even {background:#333}

.hide {display:none; visibility:hidden;}
.show {display:block; visibility:visible;}

.announcement { color:#CCC; font-size:16px; margin-top:25px; background:#282828; padding:10px; line-height:1.3em;s}
.announcement h3 {color:#fff;}