/* css style guide */
/*--------------------------------------------------*/
/*
	Sheet Organization-------
		Global Settings, Header, Structure, Nav,
		 Search, Headings, Lists, Forms, Links, Misc

	Within group arranged as follows:
		Arrange by most common usage:
			Margin, padding, size, positioning
			border, background,
			text-related entered with additional tab

	Other Items-------------
		Section breaks 50 dashes
   		ID space "{" and "}" flush on new line
   		COMMENT ID's /**/

   /* top right bottom left */
/*--------------------------------------------------*/
body {
	margin: 0;
	padding: 0;
	border: 1px solid #fff;
	/*border-top: 1px solid #A592C5;*/ /* nice little purplish line on the top */
		font-size: 62.5%;
		font-family: "Trebuchet MS";
}
#header .signin {background-color: #00A63D; color: #18F269; font-weight: bold;}
#header .signup {background-color: #005921; color: #18F269; font-weight: bold;}
#header .games-tab {background-color: #A592C5;}
#header .games-tab {background-color: #ffa8a3;}

#header .players-tab {background-color: #695E87;}
#header .players-tab {background-color: #ff96c4;}

#header .blo-tab {background-color: #695E87;}
#header .blo-tab {background-color: #ff96c4;}

#header .account-tab {background-color: #6A4F7D;}
#header .account-tab {background-color: #630034;}

/* =Header
//--------------------------------------------------*/
#header {
	margin: 0;
	padding: 0;
	width: 100%;
	float: left;
	border-top: 2px solid #A592C5;
}
#header ul {
	margin: 2px 0;
	padding-right: 150px;
	padding-top: 3px;
	list-style: none;
		text-align: right;
		font-size: 1.5em;
}
#header li {
	margin: 0;
	padding: 5px 0 0 0;
	display: inline;
	background: url(/images/bottom-left.png) bottom left no-repeat;
}
#header li a {
	margin: 0;
	padding: 0 15px 0 15px;
	background: url(/images/bottom-right.png) bottom right no-repeat;
		color: #fff;
		text-decoration: none;
}

/* =Search
//--------------------------------------------------*/
#search-area {
	margin: 0;
	padding: 15px 0 15px 0;
	background: transparent url(/images/info_area.png) center center repeat-x;
	clear: both;
		text-align: right;
}
#search-area form {
	margin: 0 2px 0;
	padding: 0 0 0 0;
	background-color: #fff;
}
#search-area p {
	margin: 0 30px 0 30px;
	padding: 0 30px 0 0;
	background-color: #fff;
	color: #000;
}
#browse {
	margin: 0 30px 0 30px;
	padding: 0;
	border: 0px solid #ccc;
	background-color: #fff;
}
#browse ul {
	margin: 0;
	padding: 5px 0 0 5px;
	width: 45%;
	list-style: none;
	border: 0px solid #ccc;
	text-align: left;
	float: left;
		font-size: 1.2em;
}
#browse ul li {
	height: 1.2em;
	vertical-align: middle;
}
#browse form {
	margin-left: auto;
	width: 45%;
	border: 0px solid #ccc;
	display: inline;
}
#browse li, #browse-results li {
	display: inline;
}
#browse-results {
	margin: 0 30px 0 30px;
	padding: 5px 0 2px 0;
	background-color: #fff;
	border: 0px solid #ccc;
		font-size: 1.5em;
}
#browse-results ul {
	margin: 0;
	padding: 5px 0 0 25px;
	padding: 0 45px 0 45px;
	border: 0px solid #ccc;
		text-align: left;
}
browse-results ul li:after {
	content: ", ";
}
browse-results ul li.last:after {
	content: " ";
}
#browse-results .alpha {
	margin: 0;
	padding: 0;
	border: 0px dotted #ccc;
		text-align: center;
}
.ads-area {
	margin: 5px 0 8px 0;
	text-align: center;
}
/* tiles on players/index and games/id;edit */
.tile {
	margin: 10px 5px;
	padding: 10px 5px 0 5px;
	float: left;
	width: 67px;
	height: 125px;
	width: 85px;
	height: 128px;
	border: 4px solid #FF87A9;
	background-color: #FFD4E0;
	-moz-border-radius: 8px;
		text-align: center;
		font-size: 1.1em;
}
.tile img {
	padding: 2px;
	border: 1px solid #7E4454;
	background-color: #fff;
}
.clear {
	margin: 0;
	padding: 0;
	border: none;
	height: 1px;
	clear: both;
	text-align: center;
}