/* CONSTANTS
 * BGCOLOR:WHITE
 * MAIN:#F6F6CA
 * ALTERN:#CC6
 * OTHER:#CC8
 */
body {
	font-family:Oswald,sans-serif;
	font-size: 62.5%;
	background-color:white;
}
a {
	text-decoration:none;
	color:black;
}
#wrapper {
	width:900px;
	margin-top:2%;
	min-height:500px;
	margin-right:auto;
	margin-left:auto;
	overflow:hidden;
}
#header {
	height:90px;
	margin-top:10px;
	margin-left:10px;
	margin-right:10px;
	border-bottom:2px solid #CC8;
}
#title {
	float:left;
	height:80px;
	margin-left:20px;
	font-size:5em;
	font-family:Shant,sans-serif;
	line-height:70px;
}
#buttons {
	float:right;
	width:330px;
	height:20px;
	line-height:30px;
}
#buttons .fb-like {
	top:-2px;
	}
	#buttons #___plusone_0 {
		width:72px !important; 
	}
#search {
	float:right;
	clear:right;
	height:30px;
	width:330px;
	margin-top:10px;
	font-family:Puritan,sans-serif;
}
	#search input[type="text"] {
		padding:0;
		margin:0;
		width:105px;
		height:20px;
		line-height:20px;
		font-size:1.2em;
	}
	#search input[type="submit"], #search select {
		padding:2px;
		line-height:24px;
	}
#info {
	float:right;
	clear:right;
	height:20px;
	background-color:inherit;
	background-color:#F6F6CA;
	border:none;
	padding-left:5px;
	padding-right:5px;
	margin-top:10px;
	margin-right:40px;
	border-bottom-right-radius:0;
	border-top-left-radius:0;
	font-size:1.3em;
	line-height:20px;
	text-align:center;
}
#menu {
	height:25px;
	margin-top:5px;
	margin-bottom:10px;
	margin-left:20px;
	padding:0;
	list-style-type:none;
}
#menu li {
	float:left;
	width:110px;
	height:25px;
	margin-right:10px;
	background-color:#CC6;
	border:2px solid #CC8;
	border-bottom-right-radius:20px;
	border-top-left-radius:10px;
	font-size:1.4em;
	line-height:25px;
	text-align:center;
}
#menu li:hover, #menu li.selected {
	background-color:#F6F6CA;
}
#content {
	position:relative;
	margin-left:20px;
	margin-right:20px;
	min-height:500px;
	background-color:#F6F6CA;
	border:2px solid #CC8;
	font-family:Puritan,sans-serif;
	padding-left:24px;
	padding-right:24px;
}
#content .comment {
	float:left;
	height:142px;
	width:245px;
	border:2px solid #CC8;
	margin:5px;
	padding:5px;
	font-size:1.2em;
}
	#content .comment:hover {
		background-color:#F6F6DF;
	}
	#content .info {
		font-size:0.8em;
	}
#answer {
	float:left;
	font-size:1.3em;
	width:60%;
	height:100%;
	margin:5px;
}
#answer table {
	border-collapse:collapse;
	}
	#answer tr {
		border-bottom:1px solid #CC8;
	}
	#answer tr.oneComment {
		background-color:#CC6;
		font-size:1.2em;
	}
	#answer td {
		vertical-align:top;
		padding:5px;
	}
#comments {
	float:right;
	width:35%;
	margin-top:5px;
	margin-bottom:15px;
	margin-right:15px;
	padding-left:15px;
	border-left:1px solid #CC8;
	opacity:0.5;
}
.arrow {
	position:absolute;
	top:220px;
	display:block;
	height:32px;
	width:21px;
	padding-top:15px;
	font-size:15px;
	text-align:center;
}
.arrow:hover {
	background-color:#CC6;
}
.pagination {
	clear:both;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}
	.pagination span {
		line-height:1.5em;
		font-size:1.5em;
		padding-left:10px;
		padding-right:10px;
		padding-top:4px;
		padding-bottom:5px;
	}
	.pagination span:hover {
		background-color:#CC6;
	}
	.pagination span.selected {
		border:none;
		color:#CC6;
	}
	.pagination span.selected:hover {
		background-color:inherit;
	}

#advanced {
	padding-left:15px;
	font-size:1.1em;
}
#advanced select {
	font-size:1em;
}
#advanced input[type="text"] {
	width:450px;
	height:25px;
	line-height:25px;
}
#advanced input[type="submit"] {
	width:200px;
	height:30px;
	line-height:30px;
}
#advanced .first select {
	width:100px;
	height:30px;
	line-height:30px;
}
#advanced td:hover {
	background-color:#CC8;
}
#advanced .first {
}
#advanced .first td:hover {
	background-color:inherit;
}
#advanced tr.check:hover {
	background-color:#CC8;
}
#advanced.graph .first {
	font-size:1.2em;
	font-weight:bold;
}
#advanced.graph .first td {
	text-align:center;
}
#advanced.graph .first select{
	width:300px;
	height:30px;
	line-height:30px;
}
#advanced .nohover:hover {
	background-color:inherit;
}
#about {
	margin:40px;
	padding:40px;
	font-size:1.5em;
}
#presentation {
	position:relative;
	padding:40px;
	float:left;
	width:340px;
	height:140px;
	margin-top:10px;
	font-size:1.2em;
}
#tagcloud {
	position:relative;
	float:left;
	width:300px;
	height:300px;
	margin-top:20px;
}
#tagcloud.page {
	width:50%;
	margin-top:0px;
	margin-bottom:50px;
	float:none;
	margin-left:auto;
	margin-right:auto;
	margin-top:30px;
	height:200px;
	text-align:center;
}
	#tagcloud div {
		float:left;
		position:relative;
		z-index:1;
	}
	#tagcloud div:hover {
		opacity:1 !important;
		z-index:4;
	}
#random {
	position:relative;
	margin-left:-23px;
	width:880px;
	height:220px;
	float:left;
}
	#random .randomitems {
		float:left;
		width:810px;
		height:210px;
		overflow:hidden;
	}
	#random .wrapper {
		width:2400px;
	}
	#random .arrow {
		position:static;
		float:left;
		display:block;
		height:32px;
		width:21px;
		margin-top:75px;
		padding-top:15px;
		font-size:15px;
		text-align:center;
		cursor:pointer;
	}
#clearer {
	clear:both;
}
#footer {
}