body
{
font-family: arial, sans-serif;
margin: 0;
padding: 0;
font-size: 14px;
color: #504d46;
background:  #504d46 url('/media/crashbomb/images/background.jpg') repeat-x top left;
}

a:link,
a:visited,
a:hover,
a:active
{
color: #504d46;
}

a:hover
{
text-decoration: underline;
}

ul
{
margin: 0;
padding: 0 0 10px 0;
list-style-type: none;
}

ul li
{
padding: 0 0 10px 0;
}

ol
{
margin: 0;
padding: 0 0 10px 25px;
}

ol li
{
padding: 0 0 10px 0;
}

img
{
border: 0;
}

.homepage a:link,
.homepage a:visited
{
text-decoration: none;
}

.homepage a:hover
{
text-decoration: underline;
}

.blog a
{
text-decoration: underline;
}

.homepage h3.header
{
margin: -3px 0 2px 0;
font-size: 18px;
color: #d78420;
text-transform: none;
}

.homepage p
{
margin: 0 0 15px 0;
color: #594e4a;
}

.homepage p.last
{
margin: 0;
color: #594e4a;
}

.homepage ul
{
margin: 0;
padding: 0 0 20px 18px;
list-style-type: none;
}

.homepage ul li
{
padding: 0 0 3px 0;
color: #594e4a;
list-style-type: square;
}

.homepage ol
{
margin: 0;
padding: 0 0 10px 25px;
}

.homepage ol li
{
font-size: 12px;
line-height: 14px;
padding: 0 0 3px 0;
}

.homepage span.title,
.homepage span.platform
{
color: #504d46;
font-weight: 900;
text-decoration: none;
}

.homepage .feature
{
padding: 20px 30px 5px 30px;
}

.homepage h3.post-title
{
margin: 0 0 3px 0;
font-size: 18px;
line-height: 20px;
color: #d78420;
}

.homepage p.post-author
{
margin:  0 0 15px 0;
font-size: 11px;
color: #594e4a;
}

#homepagelogin
{
	float: left;
}

#homepageinvite
{
	float: right;
	height: 48px;
	background: #bfe023 url(/media/crashbomb/images/box-background-green.png) repeat-x bottom left;
}

#homepageinvite form.addform
{
	margin: 8px 10px;
}

#homepageinvite form.addform p,
#homepageinvite form.addform input
{
	float: left;
}

#homepageinvite form.addform input.requestemail
{
	width: 300px;
}

#homepageinvite form.addform p
{
	margin: 8px 12px 0 0;
}

.friendsactionlist,
.latestuseractionlist,
.friendssociallist
{
margin: 0;
padding: 0;
list-style-type: none;
text-transform: uppercase;
font-size: 11px;
line-height: 13px;
text-transform: uppercase;
}

.friendsactionlist a,
.latestuseractionlist a,
.friendssociallist a
{
font-weight: 900;
text-decoration: none;
}

.friendsactionlist a:hover,
.latestuseractionlist a:hover,
.friendssociallist a:hover
{
text-decoration: underline;
}

.friendsactionlist li
{
padding: 0 0 7px 26px;
}

.friendssociallist li
{
padding: 0 0 7px 0;
}

.latestuseractionlist li
{
clear: left;
padding: 0 0 7px 0;
}

.latestuseractionlist li:after
{
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

/* IE 7 Hack */
.latestuseractionlist li
{
* height: 1%;
* margin: -3px 0 0 0;
}

.friendssociallist li img.icon
{
margin: -2px 2px 0 0;
vertical-align: middle;
}

.latestuseractionlist li img.icon
{
float: left;
margin: 0 5px 0 0;
}

.friendsactionlist .game_status_1
{
background: transparent  url('/media/crashbomb/images/icon-status-1.png') no-repeat top left;
}

.friendsactionlist .game_status_2
{
background: transparent  url('/media/crashbomb/images/icon-status-2.png') no-repeat top left;
}

.friendsactionlist .game_status_3
{
background: transparent  url('/media/crashbomb/images/icon-status-3.png') no-repeat top left;
}

.friendsactionlist .game_status_4
{
background: transparent  url('/media/crashbomb/images/icon-status-4.png') no-repeat top left;
}

.friendsactionlist .game_status_5
{
background: transparent  url('/media/crashbomb/images/icon-status-5.png') no-repeat top left;
}

.friendsactionlist .game_status_1,
.friendsactionlist .game_status_4,
.friendsactionlist .game_status_5,
.friendsactionlist .game_status_1 a,
.friendsactionlist .game_status_4 a,
.friendsactionlist .game_status_5 a
{
color: #504d46;
}

.friendsactionlist .game_status_2,
.friendsactionlist .game_status_3,
.friendsactionlist .game_status_2 a,
.friendsactionlist .game_status_3 a
{
color: #a8a8a7;
}

.friendsactionlist .game_status_date,
.friendssociallist .game_status_date,
.latestuseractionlist .game_status_date
{
display: block;
font-size: 10px;
color: #a8a8a7;
}

.friendssociallist .game_status_date
{
margin: -2px 0 0 21px;
}

.latestuseractionlist .game_status_item
{
float: left;
width: 475px;
display: block;
}

#mainheader-homepage
{
height: 277px;
background: #64c9f3 url('/media/crashbomb/images/home-background-header.png') repeat-x top left;
}

#mainheader
{
height: 140px;
background: #64c9f3 url('/media/crashbomb/images/background-header.jpg') repeat-x top left;
}

#mainheader #loginbox
{
position:absolute;
top: 5px;
right: 20px;
}

#mainheader-homepage #headercontent,
#mainheader #headercontent
{
margin: 0 auto;
width: 850px;
}

#mainheader #headercontent .tab
{
padding: 0 0 0 5px;
}

#mainheader #headercontent #logo
{
padding: 0 20px 0 0;
}

#maincontent
{
width: 850px;
margin: 15px auto 0 auto;
}

#maincontent:after
{
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

#doublecolumnmain
{
float: left;
width: 535px;
margin: 0 15px 0 0;
}

#doublecolumnside
{
float: right;
width: 300px;
}

#singlecolumn
{
width: 850px;
}

#messagebox
{
padding-bottom:  0;
background: #aefd31;
}

#messagebox .message-container
{
padding: 15px 0;
border-top: 1px dotted #8ac618;
}

#messagebox .first-message
{
padding: 0 0 15px 0;
border-top: 0;
}

#messagebox .message-container p
{
float: left;
margin: 8px 0 0 0;
}

#messagebox .message-container form
{
float: right;
}

#messagebox .message-container:after
{
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

#userbox
{
margin: 0 0 15px 0;
color: #fff;
}

#userbox:after
{
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

/* IE 7 hack */

#userbox
{
* height: 1%;
}

#userbox #avatar
{
float: left;
margin: 0 10px 0 0;
padding: 12px;
background: #fff;
}

#userbox h1#username
{
margin: 0 0 0 69px;
padding: 3px 0 0 0;
font-size: 28px;
text-transform: uppercase;
}

#userbox #userinfo
{
margin: 0 0 0 69px;
font-size: 16px;
}

#userbox #usertag
{
font-size: 10px;
color: #7c7b75;
text-transform: uppercase;
}

#userbox #usertag a
{
color: #7c7b75;
text-decoration: none;
}

#userbox #usertag a:hover
{
text-decoration: underline;
}

#userbox .friendadd  #addtag
{
font-size: 10px;
color: #fff;
font-weight: 900;
text-transform: uppercase;
}

#userbox .friendadd #addtag a
{
color: #fff;
text-decoration: none;
}

#userbox .friendadd #addtag a:hover
{
text-decoration: underline;
}

.rsstag
{
font-size: 10px;
color: orange;
}

.rsstag a
{
color: orange;
text-decoration: none;
}

.rsstag a:hover
{
text-decoration: underline;
}

#footer,
#footer a
{
background: #d78420;
text-align: center;
font-size: 16px;
color: white;
padding: 25px 0;
text-decoration: none;
margin: 25px 0 0 0;
}

#footer a:hover
{
color: #fff;
text-decoration: underline;
}

h2.mainboxtitle
{
margin: 0 0 15px 0;
font-size: 18px;
color: #504d46;
font-weight: bold;
text-transform: uppercase;
border-bottom: #504d46 solid 1px;
}

h3.header
{
margin: 0 0 15px 0;
color: #504d46;
font-size: 14px;
text-transform: uppercase;
}

h4.boxtitle
{
margin: 0 0 10px 0;
font-size: 14px;
color: #504d46;
border-bottom: 1px solid #504d46;
text-transform: uppercase;
}

#homepagecontrolsbox,
#friendcontrolsbox
{
margin: 0 0 15px 0;
}

#homepagecontrolsbox img
{
margin: 0 15px 0 0;
}

#homepagecontrolsbox:after
{
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

/* IE7 Hack */
#homepagecontrolsbox
{
* height: 1%;
}

#friendcontrolsbox img
{
margin: 0 5px 0 0;
}


/* CHRIS: clean up css below */

.modulebox
{
clear: both;
margin: 0 0 15px 0;
padding: 15px;
background: #fff;
}

/* IE7 Hack */
.modulebox
{
* height: 1%;
}

.scrollingbox
{
clear:both;
height:100px;
max-height:200px;
width:700px;
overflow:auto;
padding:10px;
margin: 0 0 15px 0;
border:1px solid #000;
}

.addgamebox
{
background: #bfe023 url(/media/crashbomb/images/box-background-green.png) repeat-x bottom left;
}

.addgamebox .inputbox
{
float: left;
width: 150px;
}

.addgamebox:after
{
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

form
{
padding: 0;
margin: 0;
}

form p,
form .formrow
{
clear: both;
}

form p
{
margin: 0 0 15px 0;
}

form label
{
color: #504d46;
font-size: 14px;
font-weight: 900;
text-transform: uppercase;
}

.inputbox
{
display: block;
margin: 0 5px 0 0;
padding: 5px;
color: #504d46;
font-size: 16px;
line-height: 16px;
border: 1px solid #504d46;
}

.selectmenu
{
width: 200px;
padding: 2px;
color: #504d46;
font-size: 16px;
line-height: 18px;
border: 1px solid #504d46;
}

.textarea
{
display: block;
margin: 0;
padding: 5px;
color: #504d46;
font-family: arial, sans-serif;
font-size: 16px;
line-height: 18px;
border: 1px solid #504d46;
}

.errorlist
{
	color: red;
}

.buttonrow
{
text-align: right;
padding: 10px 0 0 0;
}

.button
{
padding: 0 0 0 5px;
}

.editprofile
{
margin: 0 0 15px 0;
}

.last
{
margin: 0;
}

.last-padding
{
padding-bottom: 0;
}

form.sendfriendrequest .inputbox,
form.login .inputbox,
.editprofile form .inputbox
{
margin: 5px 0 0 0;
}

.editprofile form .inputbox
{
width: 450px;
}

.editprofile .profileimage:after
{
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.editprofile .profileimage img
{
float: left;
margin: 5px; 
padding: 15px;
border: 1px solid #504d46;
}

.feedbackbox
{
margin: 0 auto;
text-align: center;
}

.adbox
{
margin: 0 0 15px 0;
}

/* Start Game List Overlay Styles */

.toggle
{
cursor: pointer;
cursor: hand;
font-size: 11px;
color: #7c7b75;
font-weight: 900;
text-transform: uppercase;
text-decoration: none;
}

a:hover.toggle
{
text-decoration: underline;
}

.exampleEl
{
color: #504d46;
background: #dadada;
text-transform: none;
position: relative;
z-index: 99;
display: none;
}

.contact-overlay
{
margin: 15px 0 0 0;
padding: 15px;
border-right: 1px solid #c9c9c9;
border-bottom: 1px solid #c9c9c9;
border-left: 1px solid #c9c9c9;
}

.contact-overlay .inputbox
{
display: inline;
float: left;
width: 254px;
margin: 0 3px 0 0;
}

.comment-overlay
{
margin: 5px 0 0 0;
padding: 15px 15px 5px 15px;
border: 1px solid #c9c9c9;
}

.comment-overlay h4
{
margin: 0 0 10px 0;
font-size: 14px;
color: #504d46;
text-transform: uppercase;
}

.comment-overlay p
{
margin: 0 0 10px 0;
font-size: 11px;
line-height: 14px;
font-weight: normal;
}

.comment-overlay p.comments
{
margin: 0 0 15px 0;
}

.comment-overlay p strong
{
text-transform: uppercase;
}

.show
{
display: block;
}

.selected
{
font-weight: 900;
}