/* RESET */
html, body, form, fieldset {
	margin: 0;
	padding: 0;
	font-size: 100%;
	line-height: 1.4;
}
h1, h2, h3, h4, h5, h6, p, pre,
blockquote, ul, ol, dl, address {
	margin: 1em 0;
	padding: 0;
}
h1, h2, h3, h4, h5, h6 {
	margin-bottom: 0.5em;
}
li, dd, blockquote {
	margin-left: 2.5em;
	margin-bottom: 0.5em;
	padding-left: 0;
}
form label {
	cursor: pointer;
	font-size: .9em;
}
h1 { font-size: 1.5em; }
h2 { font-size: 1.3em; }
h3 { font-size: 1.17em; }
h4 { font-size: 1em; }
h5 { font-size: .83em; }
h6 { font-size: .67em; }

/* STYLES */
html {
	height: 100%;
}
body {
	background: #fff;
	color: #222;
	font-family: "Calibri", "Lucida Grande", sans-serif;
	height: 100%;
}
/* Only used for IE6 users */
.warning {
	background: #FF3333;
	color: white;
	font-size: 2em;
	height: 2em;
	padding: 5% 10%;
}
	.warning a {
		color: white;
		font-style: italic;
		font-weight: bold;
	}
a {
	color: #ee8600;
}
	a:hover {
		color: #ff7200;
	}
	button {
		height: 30px;
		vertical-align: bottom;
	}
#page-wrapper{
	position: relative;
	min-height: 100%;
}
#content{
	padding-bottom: 4em;
}
#header-inner,
#navigation-inner,
#content-inner,
#footer-inner {
	margin: 0 auto;
	width: 960px;
	overflow: hidden;
}
#header {
	position: relative;
	background: url(/site_media/images/bg-header.png);
}
	#header h1 {
		margin: 0;
	}
		#header h1 a {
			background: url(/site_media/images/logo.png) no-repeat 0 80%;
			display: block;
			height: 90px;
			text-indent: -10000px;
			width: 293px;
		}
	#about {
		background: url(/site_media/images/bg-about.png) no-repeat;
		position: absolute;
		left: 54%;
		top: 12px;
		height: 66px;
		padding: 10px 15px;
		width: 270px;
	}
		#about .mouth {
			position:relative;
			top:45px;
			right:15px
		}
			#about p {
				margin: 0;
				font-size: .9em;
				font-style: italic;
			}
#navigation {
	background: #252525;
}
	#navigation ul {
		overflow: hidden;
		float: left;
		list-style: none;
		margin: 0;
		font-size: .8em;
	}
		#navigation li {
			float: left;
			margin: 0;
		}
			#navigation a {
				display: block;
				padding: 10px 10px 8px;
				text-decoration: none;
				color: #ff9600;
				text-transform: uppercase;
			}
				#navigation a:hover {
					background: #ff9600;
					color: #22102e;
				}
		#navigation .current a {
			/*color: #330d30;*/
			background: #404035;
		}
	#search {
	    background-color: #666666;
		float: right;
        margin: 4px 10px;
        padding: 0;
        padding: 2px;
        overflow: hidden;
	}
	    #search .innersearch {
            height: 100%;
	        margin: 0;
	        padding: 0;
	        vertical-align: middle;
	        overflow: hidden;
	    }
	    #search input {
	        display: inline;
	        float: left;
            vertical-align: middle;
	    }
	    #search .searchquery {
	        background-color: #DDDDDD;
	        border: none;
	        height: 16px;
	        padding: 3px;
	        margin: 0;
	        outline: none;
	    }
	    #search .searchquery:focus {
            background-color: #FFFFFF;
        }
	    #search .searchbutton {
            height: 22px;
            width: 22px;
            overflow: hidden;
	    }

#main-content {
	float: left;
	padding: 1%;
	width: 56%;
	padding-right: 3%;
	background: #fff;
}
	#main-content form label {
		float: left;
		width: 6em;
	}
	.message_s, .message_f, .message_g {
		background: #efefef;
		font-size: 1.3em;
		font-weight: bold;
		padding: 4px;
	}
	.message_s {
		color: green;
	}
	.message_f {
		color: red;
	}
	.message_g {
		color: yellow;
	}
	#main-content .comment {
		background: #efefef;
		padding: 0 0.5em;
		margin-top: 1em;
	}
		#main-content .comment h2, #main-content .comment p {
			margin: 0;
		}
		#main-content .comment h2 {
			font-size: 1em;
			font-style: italic;
			font-weight: normal;
		}
	#activities {
		list-style: none;
	}
		#activities li, .single {
			border-bottom: 1px solid #ccc;
			padding-bottom: 1em;
			margin-left: 0;
			overflow: hidden;
		}
		#activities .meta,
		#activities .tags {
			font-size: .8em;
			margin: .1em 0;
			overflow: hidden;
		}
		#activities .meta {
		    float: right;
		}
		#activities .tags {
			background: url(/site_media/images/bookmark.png) no-repeat 2px 2px;
			padding-left: 22px;
			padding-right: 5px;
		}
	#activities .description {
		font-size: 1.4em;
		margin: .1em 0 .5em 0;
	}
		#activities .description a {
			color: #222222;
			text-decoration: none;
		}
			#activities .description a:hover {
				text-decoration: underline;
			}
			#activities .description:first-letter {
				text-transform: capitalize;
			}
	#activities .meta .date,
	#activities .meta .votes,
	#activities .meta .comments,
	#activities .meta .originality {
		display: block;
		float: left;
		padding-left: 20px;
		padding-right: 5px;
	}
	#activities .meta .date {
		background: url(/site_media/images/clock.png) no-repeat;
	}
	#activities .meta .votes {
		background: url(/site_media/images/graph.gif) no-repeat;
		padding-left: 19px;
	}
	#activities .meta .comments {
		background: url(/site_media/images/comment.png) no-repeat;
	}
	#activities .meta .originality {
		background: url(/site_media/images/light_bulb.png) no-repeat;
		padding-left: 17px;
		padding-right: 0;
	}

#sidebar {
	float: left;
	padding: 1%;
	width: 38%;
}
    #sidebar .latest {
		border: 1px solid #ccc;
        clear: both;
        padding: 0.1em 1em 1em;
        margin-top: 1em;
    }
	    #sidebar .latest h3 {
			font-size: 1em;
		}
		#sidebar .latest p {
			font-size: 0.9em;
			margin: 0.5em 0 0;
		}
			#sidebar .latest p.comment {
			}
			#sidebar .latest p.meta {
				margin-top: 0.25em;
			}
				#sidebar .latest p.meta .date {
					background: url(/site_media/images/clock.png) no-repeat;
					padding-left: 20px;
					padding-right: 5px;
				}
	#sidebar form {
		background: #eee;
		overflow: hidden;
		padding: 0 1em 1em;
		position: relative;
	}
	/* hacking autocomplete to skip scrollbar */
	.ac_results ul {
	    overflow: hidden !important;
	}
	#sidebar p#colfacet1, #sidebar p#colfacet2, #sidebar p#colfacet3 {
		float: left;
		margin: 0;
		width: 30%;
	}
	#sidebar p#colfacet1, #sidebar p#colfacet2 {
		margin-right: 4%;
	}
		#sidebar textarea {
			height: 5em;
			width: 99%;
		}
		#sidebar input {
			width: 100%;
		}
		#sidebar #colwebsite {
			display: none;
		}
		#sidebar button {
			margin-top: 2em;
			float: right;
		}
	#sidebar .tag-help{
		font-size: .7em;
		display: none;
	}
	#sidebar #tag-help1{
		position: absolute;
		left: 5%;
		bottom: 4.3em;
	}
	#sidebar #tag-help2{
		position: absolute;
		left: 36%;
		bottom: 4.3em;
	}
	#sidebar #tag-help3{
		position: absolute;
		right: 5%;
		bottom: 4.3em;
	}
	#facet {
		border: 1px solid #ccc;
		text-align: right;
		overflow: hidden;
		margin: 1em 0;
		padding: 1em;
	}
		#facet .column {
			float: left;
			width: 33%;
		}
			#facet .column h3 {
				margin: 0;
				font-size: 1em;
			}
			#facet .column ul {
				margin: 0;
			}
				#facet .column ul li {
					line-height: 1;
					list-style: none;
					margin: 0;
					margin-bottom: 0.5em;
				}
#footer {
	background: #252525;
	color: #cacaca;
	padding: 1em 0;
	text-align: center;
	position: relative;
	margin-top: -3.5em;
}