/***********************************************
 * MArcomage CSS stylesheet - settings section *
 ***********************************************/

div#settings /* settings layout */
{
	min-width: 1045px;
}

div#sett_float_left /* user settings layout */
{
	float: left;
	width: 45%;
	padding: 0ex 2ex 1ex 2ex;
	margin: 0ex 0ex 1ex 1ex;
}

div#sett_float_left h4 + img /* avatar and zodiac sign pictures */
{
	background-color: black;
	padding: 0.5ex;
	margin: 0.5ex 1ex 0ex 1ex;
	border: medium ridge white;
}

div#sett_float_left h3 + div, div#sett_float_left h3 + div + div /* avatar and zodiac sign are floated to the right */
{
	float: right;
	text-align: center;
}

div#settings h4 /* avatar and zodiac sign header text */
{
	margin: 0ex;
	padding: 0ex;
	text-align: center;
}

div#settings > div > h4 /* settings header layout */
{
	margin: 1ex 0ex 1ex 0ex;
}

div#sett_float_left > p, div#sett_float_right > div > p /* line spacing */
{
	margin-top: 0.8ex;
	margin-bottom: 0.8ex;
}

div#settings input, div#settings button /* set distance of inputs from the text */
{
	margin-right: 2ex;
}

div#settings select /* set distance of selects from other elements */
{
	margin-right: 2ex;
}

div#sett_float_right /* game settings layout */
{
	float: right;
	width: 46%;
	padding: 0ex 2ex 1ex 2ex;
	margin: 0ex 1ex 1ex 0ex;
}

div#settings input[type="checkbox"] /* checkbox layout */
{
	padding: 0.5ex;
	margin: 0ex 2ex 0ex 0ex;
	border-style: solid;
	border-width: thin;
}

div#preview /* background image preview */
{
	float: right;
	text-align: center;
	margin-right: 5ex;
	margin-top: 1ex;
}

div#preview > img /* background image preview - image layout */
{
	border: medium ridge white;
	margin-top: 0.5ex;
}