/* font */
html { font-size: 100%; }
body { font-size: 0.80em; }
table, input, select, textarea { font-size: 100%; }


/* layout - general */
* { margin: 0; padding: 0; }
li, dd, blockquote { margin-left: 20px; }
select > option { margin: 0 5px 0 3px; }

img { border: none; }
acronym { cursor: help; }
a:link, a:visited {
	cursor/**/: /**/pointer;
}
.clear {
	clear: both;
	line-height: 0px;
}

.text, textarea {
}
input.text, textarea, select {
	padding: 1px 2px;
	border: solid 1px #A7A6AA;
}
.submit {
	font-weight: bold;
	padding: 1px 4px;
	cursor: pointer;
	border: solid 1px #F15A21;
	background: #F99F1B url(img/but/but-m.gif) repeat-x 0% 50%;
	color: #FFFFFF;
}

.ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.ul li {
	margin: 0;
	padding: 0;
	list-style: none;
	list-style-image: none;
	list-style-type: none;
}

.fltR { float: right; }
.fltL { float: left; }

.alR { text-align: right; }

.hide { display: none; }
.hide2 { visibility: hidden; }

.ir {
	position: relative;
	overflow: hidden;
}
.ir span {
	position: absolute;
	width: 100%;
	height: 100%;
}
.special {
	color: #F5851F;
}
.special2 {
	color: #77AD22;
}



/* layout - specific */
body {
	background: #FFFFFF;
	text-align: center;
}
#page {
	text-align: center;
	margin: 0 auto;
	background: #FFFFFF;
	width: 920px; /* changed from 910px */
}

#top {
	position: relative;
	height: 117px;
	text-align: left;
}

#logo {
	margin: 0 auto;
	/* Image size is 508x but looks more centered with 518px? */
	width: 508px;
	height: 117px;
}
#logo span {
	/* background: url(img/logo-top.jpg) no-repeat 0 0; */
}

#topOpts {
	position: absolute;
	right: 0;
	top: 20px;
	text-align: right;
}
#topOpts li {
	margin: .3em 0;
}


#voteBar {
	padding: 1em 0;
	margin: 1em auto;
	width: 650px;
	background: #FFB4F9;
}

#voteBar span {
	font-style: italic;
	color: #2C20C4;
	font-size: 110%;
	padding: 1em 0;
}

#voteBar a {
	font-weight: bold;
	color: #000000;
	margin: 0 .4em 0 0;
	text-decoration: none;
}

#voteBar2 {
	padding: 1em 0;
	margin: 1em auto;
	width: 540px;
	background: #FFB4F9;
}

#voteBar2 span {
	font-style: italic;
	color: #2C20C4;
	font-size: 110%;
	padding: 1em 0;
}

#voteBar2 a {
	font-weight: bold;
	color: #000000;
	margin: 0 .4em 0 0;
	text-decoration: none;
}


#filter {
	margin: .5em 0;
	font-size: 90%;
}


#wrap {
	width: 100%;
	overflow: hidden;
	margin: 2em 0 0 0;
}
#colL {
	float: left;
	width: 190px;
}
#colM {
	float: left;
	width: 540px;
}
#colR {
	float: right;
	width: 180px; /* changed from 190px */
}


#character {
	width: 502px;
	margin: 0 auto;
}
#colM #character p {
	margin: 0;
}
#character dl {
	width: 100%;
	overflow: hidden;
	text-align: left;
}
#character dl dt {
	margin: .3em 0;
	clear: left;
	width: 140px;
	float: left;
	font-weight: bold;
}
#character dl dd {
	margin: .3em 0;
	float: left;
	width: 340px;
}
#character dl hd {
	margin: .6em 0;
	float: left;
	width: 100%;
	font-weight: bold;
	text-decoration: underline;
}

#colM p {
	margin: 1.5em 0;
}
.big {
	font-size: 110%;
}
.red {
	color: #FF0000;
}

#rating {
	border: solid 1px #000000; 
	padding: .6em 0;
}
#rating p {
	margin: .3em .5em;
	font-size: 85%;
}
#rating .title {
	font-size: 100%;
}
#rating .rate {
	font-size: 300%;
	margin: 0 .5em;
	color: #D34AD5;
}
#rating img {
	border: solid 1px #000000;
}
#rating a {
	font-size: 110%;
}


#bot {
	margin: 2em 0;
	font-size: 80%;
}
#bot hr {
	border: none;
	background: #000000;
	height: 1px;
	line-height: 1px;
	width: 508px;
	margin: 0 auto 0 auto;
}
#copyright a:link, #copyright a:visited {
	color: #1A178D;
}


/* forms */
fieldset {
	border: none;
	width: 100%;
	overflow: hidden;
}
fieldset legend {
	display: none;
}
fieldset div {
	margin: .5em 0;
	clear: both;
	width: 100%;
	overflow: hidden;
}
fieldset label {
	display: block;
	float: left;
	width: 120px;
	margin-top: 2px;
	margin-right: 5px;
}
* html fieldset label {
	margin-right: 2px;
}
fieldset label span {
	display: block;
	color: #FF0000;
}
fieldset input.text {
	width: 170px;
}
fieldset textarea.text {
	width: 350px;
}
fieldset .chk {
}
fieldset .chk label {
	width: 200px;
}
fieldset .chk input {
	width: 20px;
}
fieldset .buttons {
	margin-left: 125px;
}
fieldset hr {
	background: #E5E5E5;
	color: #E5E5E5;
	height: 1px;
	border-width: 0;
	margin: 10px 0;
}