/* Core CSS layout for the entire site */

/* General look'n'feel of elements */
* {
	font-family:Arial, Helvetica, sans-serif;
}

a {
	text-decoration: none;
}

a:hover {
	color: #853207;
}

h1, .heading {
	letter-spacing:-.05em;
	color:#1188cc;
	font-size:2em;
	font-weight:normal;
}

h2 {
	letter-spacing:-.05em;
	color:#1188cc;
	margin:0 0 .3em 0;
	font-size:1.5em;
	font-weight:normal;
}

.header {
	width: 900px;
	padding-left: 10px;
	border-bottom:1px solid #d6cfe4;
	padding-bottom: 5px;
	margin-bottom: 5px;
}

.footer {
	width: 900px;
	padding-left: 10px;
	padding-top: 5px;
	margin-top: 5px;
}

.wrapper {
	width: 900px;
	padding-left: 10px;
	float: left;
	border-bottom:1px solid #d6cfe4;
}

.maintext {
	width: 65%;
	float: left;
	padding-bottom: 5px;
}

.login {
	border-top:1px solid #d6cfe4;
	border-right:2px solid #d6cfe4;
	border-bottom:2px solid #d6cfe4;
	border-left:1px solid #dcd6e7;
	padding: 2px;
	margin-bottom: 10px;
}

.featurebox {
	border-top:1px solid #d6cfe4;
	border-right:2px solid #d6cfe4;
	border-bottom:2px solid #d6cfe4;
	border-left:1px solid #dcd6e7;
	background: #e2ffdd;
	padding: 2px;
	margin-bottom: 10px;
}

.featurebox li {
	line-height:130%;
	padding-left: 6px;
	padding-bottom: 3px;
	padding-right: 30px;
	background: url(../images/bullet.jpg) no-repeat left 50%;
	overflow:hidden;
}

.additionalviews {
	width: 33%;
	float: right;
}

/* Search page */
.label {
	color:#1188cc;
	font-size:1em;
}

.submitButton {
	background:#1188cc;
	color:#fff;
	border-top:1px solid #d6cfe4;
	border-right:2px solid #d6cfe4;
	border-bottom:2px solid #d6cfe4;
	border-left:1px solid #dcd6e7;
	font-size:1em;
}

.textsearch {
	border-top:1px solid #d6cfe4;
	border-right:2px solid #d6cfe4;
	border-bottom:2px solid #d6cfe4;
	border-left:1px solid #dcd6e7;
	background: eeeeff;
	padding: 3px;
	width: 97%;
	margin-bottom: 10px;
}

.wordcloud {
	border-top:1px solid #d6cfe4;
	border-right:2px solid #d6cfe4;
	border-bottom:2px solid #d6cfe4;
	border-left:1px solid #dcd6e7;
	padding: 3px;
	width: 97%;
	height: 200px;
}

.word_1 {
	font-size:0.7em;
	color:aaeeff;
	float:left;
	margin:0.3em;
}

.word_2 {
	font-size:0.9em;
	color:99ddff;
	float:left;
	margin:0.3em;
}

.word_3 {
	font-size:1.1em;
	color:77ccee;
	float:left;
	margin:0.3em;
}

.word_4 {
	font-size:1.3em;
	color:55bbee;
	float:left;
	margin:0.3em;
}

.word_5 {
	font-size:1.5em;
	color:33aadd;
	float:left;
	margin:0.3em;
}

.word_6 {
	font-size:1.7em;
	color:2299dd;
	float:left;
	margin:0.3em;
}

.word_6 {
	font-size:1.9em;
	color:1188cc;
	float:left;
	margin:0.3em;
}

/* Referendum page */
.for, .against {
	border-top:1px solid #d6cfe4;
	border-right:2px solid #d6cfe4;
	border-bottom:2px solid #d6cfe4;
	border-left:1px solid #dcd6e7;
	padding: 2px;
}

.against {
	width: 48%;
	background: #ffcccc;
	float: right;
}

.for {
	width: 46%;
	background: #ccffcc;
	float: left;
}

.against {
	border-top:1px solid #d6cfe4;
	border-right:2px solid #d6cfe4;
	border-bottom:2px solid #d6cfe4;
	border-left:1px solid #dcd6e7;
	width: 48%;
	background: #ffcccc;
	float: right;
	padding: 2px;
}

.comments {
	width: 100%;
	padding: 2px;	
}

.commentline {
	width: 97.5%;
	padding: 2px;	
}

.addcomment {
	width: 97.5%;
	border-top:1px solid #d6cfe4;
	border-right:2px solid #d6cfe4;
	border-bottom:2px solid #d6cfe4;
	border-left:1px solid #dcd6e7;
	background: #eeeeff;
	padding: 2px;	
}

/* Referendum search results */

.referendumlisting {
	width: 97.5%;
	border-top:1px solid #d6cfe4;
	border-right:2px solid #d6cfe4;
	border-bottom:2px solid #d6cfe4;
	border-left:1px solid #dcd6e7;
	background: #eeeeff;
	padding: 2px;	
	padding-bottom: 40px;	
	margin-bottom: 10px;	
}

/* Poll results. These classes are extended within the page to get appropriate widths. Bit of a fudge */

.pollresult, .pollForEmpty, .pollForBar, .pollForCap, .pollAgainstEmpty, .pollAgainstBar, .pollAgainstCap {
	float: left;
	padding-bottom: 3px;
	font-size: 25px;
	background: #d2d3d3;
}

.pollresult {
	margin-bottom: 10px;
	width: 100%;
}

.pollForEmpty {
	text-align: right;
}

.pollForBar {
	text-align: right;
	background: url(../images/green-mid.gif) repeat-x left;
}

.pollForCap {
	width: 4px; 
	background: url(../images/green-left.gif) no-repeat right;
}

.pollAgainstBar {
	text-align: left;
	background: url(../images/red-mid.gif) repeat-x left;
}

.pollAgainstCap {
	width: 3px; 
	background: url(../images/red-right.gif) no-repeat left;
}

.pollAgainstEmpty {
	text-align: left;
}