body {
 background: url( '../img/mw-bg.jpg' ) #000 no-repeat top center;
 /*background: url( '../img/ag-bg.jpg' ) #181818 no-repeat top center;*/
 font: 10pt Arial, Helvetica, sans-serif;
 color: #fff; 
 margin: 0px;
}

.hidden { display: none; }

.clear {
 clear: left;
}
a {
 color: #0084B4;
}
a:hover {
 color: #3a5e7b;
}

#topbar {
 background: url( '../img/topbar-bg.png' ) repeat-x;
 height: 60px;
}

#header {
 position: relative;
 width: 960px;
 margin: 0px auto;
}
#logo {
 padding-top: 14px;
}
#logo a {
 display: block;
 width: 115px;
 height: 25px;
 background: url( '../img/ga-logo.png' ) no-repeat;
}
#logo a span {
 display: none;
}

ul#nav {
 position: absolute;
 left: 135px;
 top: 8px;
}
ul#user-nav {
 position: absolute;
 right: 0px;
 top: 8px;
}
ul#user-nav li a {
 margin-right: 0px;
 margin-left: 5px;
}
#user-nav .requests { background: #0084B4; color: #000; }

.nav {
 list-style-type: none;
 margin: 0px;
 padding: 0px;
}
.nav li {
 float: left;
 display: inline;
}
.nav li a, .nav li span {
 float: left;
 display: block;
 color: #fff;
 text-decoration: none;
 margin-right: 5px;
 font-weight: bold;
 font-size: 12px;
 padding: 6px;
} 
.nav li span {
 font-weight: normal;
}
.nav li a:hover {
 color: #0084B4;
}

.nav li a.on {
 color: #fff;
 background: rgba( 0, 110, 150, 0.9 );
 -moz-border-radius-topright: 4px;
 -moz-border-radius-topleft: 4px;
 -webkit-border-radius-topright: 4px;
 -webkit-border-radius-topleft: 4px;
}

.nav li .register {
}

#login_menu {
 position: absolute;
 right: 20px;
 top: 35px;
 width: 200px;

 -moz-border-radius: 8px;
 -webkit-border-radius: 8px;

 background: rgba( 0, 110, 150, 0.9 );
 border: 0px solid rgba(77, 77, 77, 0.2);
 padding: 10px;
}
#login_menu .field {
 margin: 5px 0px;
}
#login_menu input.text {
 padding: 4px;
 font-size: 10pt;
 -moz-border-radius: 4px;
 -webkit-border-radius: 4px;
 border: 1px solid #5FA8DB;
 width: 190px;
}
#login_menu .button {
 font-size: 10pt;
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 border: 1px solid #94d4fb;
}

#main h1 {
 margin-top: 3px;
 letter-spacing: -1px;
 font-size: 18pt;
}


.wrapper {
 width: 960px;
 margin: 0px auto;
}

#message, #register-form, #login-form  {
 -moz-border-radius: 1em;
 -webkit-border-radius: 1em;
 background: rgba(255,255,255, 0.8) none repeat scroll 0 0;
 color: #000;
 padding: 1.5em;
 margin-bottom: 20px;
 border: 1px solid #000;
}

#main {
 -moz-border-radius: 8px;
 -webkit-border-radius: 8px;
 background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0;
 border: 1px solid rgba(255, 255, 255, 0.2);
 padding: 10px;
 margin-top: 20px;	
 margin-bottom: 20px;	
 
 -moz-box-shadow: 0px 0px 14px #000;
 -webkit-box-shadow: 0px 0px 14px #000;
 /*ies*/
 _background: #000;
}


#content-wrapper {
 -moz-border-radius: 6px;
 -webkit-border-radius: 6px;
}
#content {
 padding: 10px;
}

#sidebar-wrapper {
 float: right;
 width: 240px;
}
#sidebar {
 padding: 0px 5px;
 width: 200px;
}
#sidebar h2 {
 color: #fff;
}

#login-form h2, #register-form h2, #sidebar h2 {
 margin-top: 0px;
}

#welcome {
 height: 60px;
 margin-bottom: 8px;
}
#welcome #user-avatar {
 float: left;
 margin-right: 10px;
 -moz-box-shadow: 1px 1px 4px #000;
 -webkit-box-shadow: 1px 1px 4px #000;
}
#welcome h1 {
 font-weight: normal;
 margin: 0px;
}
#welcome h1 span {
 font-weight: bold;
}

.activity-stream-container {
 width: 690px;
}
#sidebar {
 float: right;
 width: 200px;
}
#sidebar h3 {
 margin-top: 0px;
}

ul.messages {
 list-style-type: none;
 margin: 0px;
 padding: 5px 0px;
 clear: both;
}
ul.activity-stream {
 list-style-type: none;
 margin: 0px;
 padding: 5px 0px;
}
ul.messages li, ul.activity-stream li {
 border-bottom: 1px solid rgba( 0, 110, 150, 0.2 );
 clear: left;
 margin: 5px 0;
 padding: 5px 5px;
}
ul.activity-stream li {
 clear: none;
}
ul.activity-stream li:last-child {
 border-bottom: 0px none;
}
ul.messages li .message-wrap, ul.activity-stream li .message-wrap {
 padding: 5px 5px;
}

ul.activity-stream li.unread {
 border-left: 2px solid #0084B4; /* change this to an image 40px high */
}
ul.activity-stream .comments li.unread {
 border-left: 2px solid #0084B4; /* change this to an image 40px high */
}

ul.messages li .message, ul.activity-stream li .message {
 margin-left: 55px;
 min-height: 40px;
}
ul.messages li .profile-pic, ul.activity-stream li .profile-pic {
 float: left;
 background: #353535;
 width: 40px;
 height: 40px;
}
ul.messages li .profile-pic img, ul.activity-stream li .profile-pic img {
 width: 40px;
 height: 40px;
 border: 0px none;
}
ul.messages li .profile-pic.user-online img {
 border: 1px solid green;
}
ul.messages li .user, ul.activity-stream li .user {
 font-weight: bold;
 margin-right: 5px;
 float: left;
 display: block;
 color: #0084B4;
 font-size: 11pt;
 text-decoration: none;
}
ul.messages li .text, ul.activity-stream li .text {
 display: block;
 margin-bottom: 5px;
 font-size: 10pt;
 line-height: 19px;
}

li .text .automated {
 color: #949494;
}
li .text .automated strong, li .text .automated em {
 color: #fff;
}

ul.messages li .meta, ul.activity-stream li .meta {
 font-size: 11px;
 color: #898989;
}
ul.messages li .message-reply-wrap {
 margin: 10px 10px 10px 10px;
 display: none;
}

ul.messages li ul.replies {
 -moz-border-radius: 6px;
 -webkit-border-radius: 6px;
 list-style-type: none;
 margin: 10px 0px 10px 45px;
 padding: 0px;
}

ul.messages li ul.replies li {
 margin: 1px 0px;
 background: rgba( 0, 110, 150, 0.2 );
}
ul.messages li ul.replies .profile-pic {
 width: 32px;
 height: 32px;
 border: 0px none;
}
ul.messages li ul.replies .profile-pic img {
 width: 32px;
 height: 32px;
}
ul.messages li ul.replies .message {
 margin-left: 45px;
 min-height: 35px;
}
 
ul.messages li ul.replies .user, ul.messages li ul.replies li {
 font-size: 10pt;
 line-height: 19px;
}

.message-reply, .expand-replies, .show-more {
 cursor: pointer;
}

ul.messages li.unread .message-wrap, ul.messages li ul.replies li.uread .message-wrap {
 background: #004b67;
}

ul.messages li.unread .user {
 color: #94c2e4;
}

.comment-text {
 border: 1px solid rgb(0, 110, 150);
 padding: 4px;
 font: 9pt Arial, Helvetica, sans-serif;
 height: 16px;
 width: 341px;
 color: #8e8e8e;
}

.comment-text.active {
 color: #000;
}

ul.activity-stream .comments {
 list-style-type: none;
 padding-left: 56px;
 width: 400px;
}
ul.activity-stream .comments li {
 background: none repeat scroll 0 0 rgba(0, 110, 150, 0.2);
 margin: 1px 0;
 padding: 0px;
}

ul.activity-stream .comments li.show-all-comments {
 padding: 4px;
}
a.show-all-comments-enable {
 text-decoration: none;
 cursor: pointer;
}


ul.activity-stream .comments .profile-pic img, ul.activity-stream .comments .profile-pic {
 width: 32px;
 height: 32px;
}
ul.activity-stream .comments .message {
 margin-left: 38px;
}
ul.activity-stream .comments .user {
 font-size: 10pt;
 line-height: 19px;
}
.add-comment { cursor: pointer; }

.activity-comment {
 list-style-type: none;
 margin: 1px 0px 0px 56px;
 background: none repeat scroll 0 0 rgba(0, 110, 150, 0.2);
 width: 390px;
 padding: 5px;
}

ul.activity-stream .activity-comment .profile-pic {
}
ul.activity-stream .activity-comment .profile-pic, ul.activity-stream .activity-comment .profile-pic img {
 width: 32px;
 height: 32px; 
 margin-right: 5px;
}
.comment-controls {
 text-align: right;
 height: 30px;
}

.message-post-wrap {
 border: 0px solid none;
 padding: 8px;
 -moz-border-radius: 4px;
 -webkit-border-radius: 4px;
 background: #fff none repeat scroll 0 0;
 margin-bottom: 4px;
}
textarea#user-status {
 height: 22px;
 border: 0px none;
 width: 100%;
 overflow: auto;
 font: 13pt Arial, Helvetica, sans-serif;
 color: #8e8e8e;
}
textarea#user-status.focus {
 border: 0px none;
 font: 10pt Arial, Helvetica, sans-serif;
 color: #000;
 height: 40px;
}

.error {
 color: #ff0000;
}

#sub-post, #submit-user-status {
 -moz-border-radius: 10px;
 -webkit-border-radius: 10px;
 float: right;
 background: #0084B4;
 border: 0px;
 padding: 5px;
 font-size: 16px;
 color: #fff;
 font-weight: bold;
 cursor: pointer;
}
#sub-post:hover {
 background: #00a6e3;
}

#activity-stream-post-loading {
 float: right;
 line-height: 36px;
 margin-right: 10px;
 display: none;
}

.sub-reply {
 -moz-border-radius: 4px;
 -webkit-border-radius: 4px;
 background: #0084B4;
 padding: 3px;
 font-size: 12px;
 color: #fff;
 cursor: pointer;
 border: 0px;
 float: right;
}

.comment-cancel {
 float: right;
 display: block;
 line-height: 26px;
 margin-right: 10px;
 cursor: pointer;
}

#close-message {
 float: right;
 cursor: pointer;
}

.form h2 {
 margin-top: 0px;
 font-size: 16pt;
}
.form .title {
 margin: 4px 0px;
 font-size: 11pt;
}
.form .value {
 margin: 4px 0px;
}
.form .value input {
 padding: 5px;
 font-size: 11pt;
 -moz-border-radius: 4px;
 -webkit-border-radius: 4px;
 border: 1px solid #5FA8DB;
 width: 260px;
}

.form .field {
 margin: 8px 0px;
}

input.button {
 -moz-border-radius: 10px;
 -webkit-border-radius: 10px;
 background: #0084B4;
 border: 0px;
 padding: 5px;
 font-size: 16px;
 color: #fff;
 font-weight: bold;
 cursor: pointer;
}

a.cancel-reply {
 cursor: pointer;
 font-size: 10pt;
}

#profile-avatar {
 float: left;
 position: relative;
 width: 200px;
 text-align: center;
 border: 1px solid #373737;
 margin-bottom: 10px;
}
#edit-avatar-button {
 position: absolute;
 background: #000;
 bottom: 0px; 
 right: 0px;
 padding: 5px;
}
.profile-sidebar {
 float: left;
 width: 200px;
}
.profile-main {
 margin-left: 220px;
}

h1.profile-username {
 margin: 0px 10px 10px 0px;
 float: left;
 line-height: 30px;
 margin-right: 10px;
}

.profile-status {
 display: block;
 line-height: 30px;
 color: #969696;
 font-size: 14px;
 font-weight: bold;
 height: 30px;
 margin: 0px 0px 10px 0px;
}
.profile-status.online {
 color: #00ba1a;
}

#profile-connections {
 width: 200px;
}
#profile-content {
}
#profile-games {
 height: 215px;
 background: #373737;
 margin: 10px 0px;
 -moz-border-radius: 4px;
 -webkit-border-radius: 4px;
}
#profile-games .title .options {
 float: right;
 line-height: 28px;
}
#profile-game-networks {
 clear: left;
}

.profile-friend-list {
 list-style-type: none;
 margin: 0px;
 padding: 0px;
}
.profile-friend-list li {
 margin: 4px 0px;
}
.profile-friend-list li a {
 text-decoration: none;
 line-height: 20px;
}
.box {
 -moz-border-radius: 4px;
 -webkit-border-radius: 4px;
 border: 1px solid #3b3b3b;
 margin-bottom: 10px;
}
.box .title {
 border-bottom: 1px solid #3b3b3b;
 height: 34px;
}

.box h2 {
 margin: 0px;
 padding: 6px;
 font-size: 14px;
}
.box .content {
 padding: 6px;
}

.profile-nav {
 list-style-type: none;
 margin: 0px;
 padding: 0px;
 height: 28px;
 border-bottom: 1px solid #3b3b3b;
 padding-left: 3px;
}
.profile-nav li {
 float: left;
}
.profile-nav li a {
 display: block;
 padding: 6px;
 text-decoration: none;
 color: #fff;
}
.profile-nav li.on a {
 border: 1px solid #3b3b3b;
 background: #000;
 border-bottom: 0px none;
}

#forum-categories { 
 list-style-type: none;
 padding: 0px;
 margin: 0px;
 height: 36px;
 border-bottom: 1px solid red;
}
#forum-categories li { 
 float: left;
 display: inline;
}
#forum-categories li a { 
 float: left;
 display: block;
 padding: 10px;
}
#forum-categories li.on a { 
 font-weight: bold;
 border: 1px solid red;
 border-bottom: 0px none;
 background: #000;
}

ul.acitivity-stream {
 list-style-type: none;
 margin: 0px;
 padding: 0px;
}

/* profile game list */
ul#profile-game-list {
 list-style-type: none;
 margin: 0px;
 padding: 0px;
}
ul#profile-game-list li {
 float: left;
 display: inline;
 width: 134px;
 text-align: center;
 padding: 0px 3px;
}
ul#profile-game-list li .game-pic, ul#profile-game-list li .game-pic img {
 width: 90px;
}
ul#profile-game-list li .game-pic {
 text-align: left;
 background: url( '../img/no-coverart.png' );
 width: 124px;
 height: 152px;
 margin: 0px auto;
}
ul#profile-game-list li .game-pic img {
 padding: 3px 0px 20px 16px;
 width: 90px;
 height: 130px;
}
ul#profile-game-list li .game-title {
  height: 16px;
  overflow: hidden;
}

/* manage games */
#add-game-search {
 padding: 4px;
 font-size: 11pt;
 width: 250px;
}


#but-manage-games {
 width: 114px;
 height: 32px;
 display: block;
 background: url( '../img/but-manage-games.png' );
}
#but-suggest-game {
 width: 114px;
 height: 32px;
 display: block;
 background: url( '../img/but-suggest-game.png' );
}
#but-manage-games span, #but-suggest-game span {
 display: none;
}
.suggest-game {
 float: right;
}

.quick-add {
 float: right;
 height: 28px;
 line-height: 28px;
}
#add-game { 
 float: right;
 padding: 0px 4px;
 cursor: pointer;
}
ul#game-list {
 list-style-type: none;
 margin: 0px 10px 0px 10px;
 padding: 0px;
}
ul#game-list li {
 min-height: 86px;
 margin: 2px 0px;
 padding: 5px 0px;
 border-bottom: 1px solid #292929;
}
ul#game-list li h3.game-title {
 margin-top: 0px;
}
ul#game-list .game-pic {
 float: left;
 margin-right: 10px;
 width: 60px;
 height: 86px;
 background: url( '../img/no-coverart-small.png' );
}
ul#game-list .game-pic img {
 width: 60px;
 height: 86px;
}

/* autocomplete */
.ac_results ul {
 list-style-type: none;
 margin: 0px;
 padding: 0px;
 border: 1px solid black;
 background: #fff;
 color: #000;
 width: 260px;
 -moz-border-radius: 8px;
 -webkit-border-radius: 8px;
 -moz-box-shadow: 0px 0px 6px #fff;
 -webkit-box-shadow: 0px 0px 6px #fff;
}
.ac_results ul li {
 cursor: pointer;
 padding: 6px;
 font-size: 10pt;
 height: 28px;
 line-height: 28px;
 border-bottom: 1px solid #3c3c3c;
 overflow: hidden;
}
.ac_results ul li.ac_over {
 background: #3c3c3c;
 color: #fff;
}

.ac_results li a.add-game {
 display: block;
 float: right;
 -moz-border-radius: 6px;
 -webkit-border-radius: 6px;
 background: #0084B4;
 padding: 0px 6px;
 font-size: 9pt;
 color: #fff;
 font-weight: bold;
 cursor: pointer;
}
.ac_results li a.add-game:hover {
 background: #000;
}

.ac_results ul li img.game-pic {
 width: 20px;
 height: 24px;
 -moz-box-shadow: 0px 0px 3px #000;
 -webkit-box-shadow: 0px 0px 3px #000;
 float: left;
 margin-right: 5px;
}

#add-friend-button {
 float: right;
}

.manage-game-options {
 float: right;
}

.friend-avatar {
 float: left;
 margin-right: 10px;
}

.friend-avatar img {
 width: 40px;
}
ul#friends-list { 
 list-style-type: none;
 margin: 0px;
 padding: 0px;
}
ul#friends-list li {
 clear: left;
 margin: 4px 0px;
 min-height: 40px;
 border-bottom: 1px solid #292929;
 padding: 4px 0px;
}
ul#friends-list h3 {
 margin-top: 0px;
}

.profile-manage-friends {
 float: right;
 display: block;
 margin: 4px 4px 0px 0px;
}

#friends-list .friend-avatar img {
 border: 0px;
}
#friends-list .friend-avatar.user-online img {
 border: 1px solid green;
}
.profile-friend-list .user-online img.avatar{
 border: 1px solid green;
}
.profile-friend-list img.avatar{
 border: 0px none;
 width: 20px;
}
.user-games-list, #manage-games {
 margin-left: 210px;
}
#filter-games {
 float: left; 
 width: 200px;
}