body { margin: 0; padding: 0; font-family: Helvetica; font-size: 12px; background: #404040 url(../img/main/bgtop.gif) repeat-x 50% 0 fixed; -webkit-text-size-adjust:none; }
#Logo {background-image: url(../img/main/logo.gif), url(../img/main/logobg.gif); background-repeat: no-repeat, repeat-x; background-position: 50% 4px, 0 0; height: 30px; text-indent: -1000em; }
#Header {background: url('../img/main/menu.gif') repeat-x 0 0; height: 30px; border-top: solid 1px #fff; }
#Header a { display: block; float: left; text-align: center; height: 23px; color: #3e3e3e; width: 20%; font-size: 14px; font-weight: bold; padding: 0; margin: 0; padding-top: 7px; background: url(../img/main/menugap.gif) no-repeat 100% 0; text-decoration: none; border-bottom: solid 1px #777; }
#Header a.selected {background: #3e3e3c url(../img/main/MenuSelected.gif) repeat-x 0 0; color: #fff; border-bottom: none; }
#MyProfile {float: left; padding: 2px 0 2px 5px; clear:both;}
#Lights { background: #748963; color: #eee; text-align: right; padding: 2px 5px 2px 0; border-bottom: solid 1px #777; }
#MyProfile a, #Lights a { color: #fff; font-weight: bold; text-decoration: none; }
#Primary { margin: 0 10px; min-height: 240px; }
body[orient="landscape"] #Primary { min-height: 100px; }

#Footer {background: #fff; padding: 3px 10px; text-align: center; border-top: solid 1px #4c566c;}
h1 { margin:10px 0 0 0; padding:4px 2px 3px 5px; font-size: 15px; font-weight: bold; -webkit-border-top-right-radius: 8px; -moz-border-radius-topright: 8px; -webkit-border-top-left-radius: 8px; -moz-border-radius-topleft: 8px; border: 1px solid #405b09; border-bottom: none; color: #fff; background:#699d00 url('../img/main/header.gif') repeat-x 0 0; }
h1 a { color: #fff; text-decoration: none; }
h1 a:hover { text-decoration: underline; }
h2 { margin:0; padding: 0 0 3px 0; font-size:14px; font-weight:bold; color: #0d7599; }
h2 a { color: #0d7599; text-decoration: none; }
h2 a:hover { text-decoration: underline; }
a { outline: none; color: #204da6; }
a img {border: none;}
ul.ContentList { padding: 0; margin:0; background: #fff; border: solid 1px #fff; }
div.Content { padding: 0; padding-bottom:5px; margin:0 0 10px 0; background: #fff; border: solid 1px #ccc; -webkit-border-bottom-right-radius: 8px; -webkit-border-bottom-left-radius: 8px; -moz-border-bottomleft-radius: 8px; -moz-border-bottomright-radius: 8px; }

div.inner { margin: 10px; }

li { list-style-type: none;	
	border-top-width:1px;	
	border-top-style:solid;
	border-top-color:rgb(217,217,217);
	padding: 3px 5px;
	min-height: 42px;
}
li:first-child { border-top:0;    /* Remove border above the first item of the list */ }

li.game { min-height: 60px; }

ul.ContentList li img.pinky {float:right; height: 36px; width: 60px; margin-left: 5px; border: solid 1px #ccc;}
ul.ContentList li img.game {float:right; height: 54px; width: 90px; margin-left: 5px; border: solid 1px #ccc;}
img.thumber {float:right; margin-left: 5px; border: solid 1px #ccc;}
img.thumb { padding: 1px; border: solid 1px #ccc; margin: 2px;}
img.GameThumb { width:80px; padding: 1px; border: solid 1px #ccc; margin: 2px;}

p { margin: 0; padding: 5px 0; }
p.info { margin: 0; padding: 0; color: #555;}
p.info span {padding: 0 5px 0 0;}

.reply { width: 95%; height: 40px; display: block; margin-bottom: 5px;}
.replyButton { }

label { color: #4c566c; display: block; font-size: 12px;}
.button { display: block;}
.kudos {color: #777;}
.user { font-weight: bold; color: #61a50a;}
.date { color: #572f04; font-style: italic; }
.action { text-align: right; margin: 5px; }
.show { text-align: center; }
.feeder {float: right; width: 32px; margin: -2px 10px 0 0; }

.grande { position: relative; margin: 0; padding: 0; }
.grande label { display: block; margin: 2px 0; color: #4c566c; font-size: 14px; font-weight: bold; text-shadow: rgba(20, 20, 20, 0.2) 1px 2px 0; }
.grande textarea, .grande input[type="text"], .grande input[type="password"] { box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; width: 100%; margin: 3px 0 0 0;  padding: 5px 3px; font-family: inherit; font-size: inherit; }
.grande .reply { height: 60px; display: block; margin-bottom: 5px;}
.grande .button { display: block; margin: 8px 0; font-size: 16px; font-weight: bold; width: 100%; padding: 5px 0; color: #333; }

/* float hack */
hr.clearer {display: block; clear: both; margin: -0.66em 0; visibility: hidden; height: 1px; font-size: 1px; }
div.clearer {clear: both; line-height: 0; height: 0; height: 1px; font-size: 1px;}