html {
	height: 100%;
}

body {
	font-family: verdana, arial, sans-serif;
	padding: 0px;
	margin: 0px;
	font-size: .74em;
	color:#444444;
	background:#BBBBBB;
}

table {
	border: 0;
}

#maincontainer {
	width:950px;
	margin-left: auto;
	margin-right: auto;
}

#header {
	width:100%;
	float:left;
}

#menus {
	font-size:95%;
	width:20%;
	float:left;
}

#content{
	width:78%;
	float:right;
}

#clear{
	float:left;
	overflow: auto;
	width: 100%;
}

#footer {
	width:65%;
	float:right;
	color:#999999;
	margin-left: auto;
	margin-right: auto;
	text-align:center;
}

#notyours {
	margin: 50px 0px 0px 0px;
}

DIV.commentContainer{
	width:95%;
	margin-left: auto;
	margin-right: auto;
}

DIV.commentAuthor {
	font-size:110%;
	font-weight:      bold;
	width:30%;
	float:left;
}

DIV.commentDate {
	font-size:80%;
	color:#888888;
	width:30%;
	float:left;
}

DIV.commentContent {
	font-size:120%;
	width:95%;
	float:left;
	margin: 5px 5px 20px 5px; 
}

DIV.feedContainer{
	width:98%;
	border:2px solid #777777;
	background-color: #DDDDDD;
	overflow: hidden;
	margin-left: auto;
	margin-right: auto;
	margin: 0px 0px 3px 0px;
}

DIV.feedContainer:hover{
	background-color: #EEEEEE;
}

DIV.feedAuthor {
	font-size:95%;
	font-weight:      bold;
	width:90%;
	float:left;
}

DIV.feedContent {
	font-size:85%;
	width:95%;
	float:left;
	clear:both;
	margin: 5px 5px 20px 5px; 
}

#plusonebox {
	width:54%;
	float:left;
}

#fblikebox{
	width:45%;
	float:left;
}

img { 
	vertical-align: middle; 
}

DIV.noteContent{
	width:98%;
	margin-left: auto;
	margin-right: auto;
	overflow: auto;
}

DIV.noteField {
	width:98%;
	float:left;
}

DIV.noteButton {
	width:35%;
	float:left;
}

DIV.noteStatus {
	font-size:80%;
	width:60%;
	float:left;
	overflow: auto;
}

textarea
{
    border:1px solid #999999;
    width:95%;
    margin:5px 0;
    padding:3px;
}

DIV.acceptbutton {
	font-size:200%;
	font-weight:      bold;
}


DIV.recentGame{
	width:95%;
	overflow: auto;
	margin-left: auto;
	margin-right: auto;
}

DIV.recentBoard {
	width:45%;
	float:left;
}

DIV.recentText {
	width:45%;
	float:right;
}

DIV.recentGameNum {
	font-size:200%;
	font-weight: bold;
	width:95%;
	margin-left: auto;
	margin-right: auto;
	text-align:center;
	margin: 5px 5px 20px 5px; 
}

DIV.recentWhiteUser {
	font-size:120%;
	float:left;
	width:48%;
	margin: 5px 2px 5px 2px; 
}

DIV.recentBlackUser {
	font-size:120%;
	float:right;
	width:48%;
	margin: 5px 2px 5px 2px; 
}

DIV.recentTitle {
	float:left;
	font-weight: bold;
}

DIV.recentStatus {
	font-size:130%;
	margin-left: auto;
	margin-right: auto;
	text-align:center;
	width:95%;
	margin: 30px 5px 20px 5px; 
}


#statsContainer {
	width:95%;
	overflow: auto;
	margin-left: auto;
	margin-right: auto;
}

#statsWinsContainer {
	float: left;
}

#statsGamesContainer {
	float: left;
}

#statsMovesContainer {
	float: left;
}

#statsEloContainer {
	float: left;
}

#statsPlayerContainer2 {
	float: left;
	width: 98%;
}

DIV.statsPlayerMinor {
	float: left;
}

DIV.statsPlayerClose {
	float: right;
}

DIV.rotate{
	text-rendering:optimizeLegibility;
	font-size:75%;
	-webkit-font-smoothing: subpixel-antialiased;
	-webkit-transform: rotate(-70deg); 
	-moz-transform: rotate(-70deg);	
}

DIV.nn_menuGroup{
	width:99%;
	border:2px solid #777777;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	-khtml-border-radius: 15px;
	margin: 0px 0px 2px 0px;
	border-radius: 15px;
	padding-top: 1px;
	padding-bottom: 4px;
	padding-left: 4px;
	padding-right: 4px;
}

DIV.nn_menuButton{
	border:2px solid #777777;
	background-color: #DDDDDD;
	overflow: hidden;
	margin-left: auto;
	margin-right: auto;
	margin: 0px 0px 2px 0px;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 5px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	-khtml-border-radius: 15px;
	border-radius: 15px;
}

DIV.nn_menuButton:hover{
	background-color: #EEEEEE;
}

DIV.nn_menuButton:active  {
	color:#BBBBBB;
	background-color: #000000;
} 

td.center {
	text-align: center;
	border:2px solid #777777;
	background-color:#DDDDDD;
}

th.statsName {
	font-size:75%;
}



a:link    {
	text-decoration:  none;
	color:            #000000;
} 
a:visited {
	text-decoration:  none;
	color:            #000000;
} 
a:hover   {
	text-decoration:  underline;
	color:            #DDDDDD;
} 
a:active  {
	text-decoration:  none;
	color:            #000000;
}