/* 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;
}

/* GENERAL */
h1, h2, h3, h4 {
	color: #336574;
	font-weight: normal;
}
h1 {
	font-size: 1.8em;
	margin-top: 0;
}
	h1 span {
		font-size: 0.55em;
	}
h2 {
	font-size: 1.5em;
}
h3 {
	font-size: 1.3em;
}
h4 {
	font-size: 1em;
}
h5 {
	font-size: .83em;
}
h6 {
	font-size: .67em;
} 
a {
	color: #FF4201;
}
form .error {
	background: #fdd;
	border: 1px solid white;
	padding: 0.5em; 
	margin-bottom: 1em;
}
.errorlist {
    background: #fdd;
}
	.errorlist li {
		background: url(/sitemedia/img/icon_arrowdown.png) no-repeat 0 5px;
		list-style: none;
		margin: 0.5em;
		padding-left: 1em;
	}
form .help_text {
	font-style: italic;
}
form label {
	display: block;
	margin-bottom: 0.2em;
}
form .checkbox input {
	vertical-align: middle;
}
form .checkbox label {
	display: inline;
	margin-bottom: 0;
}
form .selector {
	float: none;
	overflow: hidden;
}
	form .selector h2, form .selector .selector-available h2 {
		background: white url(/media/img/admin/nav-bg.gif) repeat-x scroll left bottom;
		color: black;
		font-size: 0.8em;
		margin-bottom: 0;
		padding: 0.2em 0.4em;
		text-align: left;
	}
	form .selector .selector-filter {
		color: black;
	}
		form .selector .selector-filter img {
			border: none;
			line-height: 2em;
			padding: 0 3px;
			vertical-align: middle;
		}
	form .selector-add, .selector-remove {
		overflow: hidden;
	}
	form a.selector-chooseall, form a.selector-clearall {
		display: none;
	}

.item {
	padding-left: 65px;
	overflow: hidden;
	position: relative;
}
	#page_blog .item h1 {
		font-size: 1.5em;
	}
	.item .badge {
		background: white url(../img/gradient_main_reverse.png) repeat-x center bottom;
		font-size: 0.9em;
		left: 0;
		padding: 0.4em 0 0;
		position: absolute;
		overflow: hidden;
		text-align: center;
		top: 1.2em;
		width: 4em;
	}
		.item .badge span {
			display: block;
			font-size: 1.4em;
		}
		.item .badge .vote {
			background: #A0C1C8 url(../img/vote.png) no-repeat 6px 4px;
			border: none;
			color: white;
			cursor: pointer;
			display: block;
			font-size: 1em;
			margin-top: 0.4em;
			padding: 7px 0 5px 20px;
			text-decoration: none;
			width: 100%;
		}
			.item .badge .vote:focus, .item .badge .vote:focus::-moz-focus-inner {
				border: none;
				outline: none;
				/*background-color: #80A1A8;*/
			}
	.item a.teaserlink {
		color: black;
	}
.newsitem {
	margin-bottom: 1em;
}
	.newsitem h3 {
		font-size: 1em;
		margin: 0;
	}
	.newsitem .badge, .newsitem p {
		color: #003E51;
		margin: 0.2em 0;
	}
.inner {
	margin: 0 auto;
	overflow: hidden;
	width: 960px;
}
.col {
    float: left;
	margin-right: 2%;
	width: 48%;
}
.col_wide {
	float: left;
	margin-right: 2%;
	width: 72%;
}
.col_narrow {
	float: left;
	width: 26%;
}
p.narrow {
	width: 80%;
}
table {
	border-collapse: collapse;
	margin: 0 auto;
	width: 100%;
}
	table tr td, table tr th {
		text-align: left;
		padding: 0.3em 0.75em;
	}
	table tr th {
		color: #003B53;
	}
	table tr.alt td {
		background: #EBE7E6;
	}
.listing li {
	margin: 0;
	padding: 2px 4px;
}
	.listing li.alt {
		background: #EBE7E6;
	}
.module {
	background: white;
	border: 2px solid #DEEAEC;
	padding: 0 10px;
}
	.module h2 {
		margin-top: 0.5em;
	}
	.module .profile {
		background: white;
		padding: 0;
	}
.profile {
	background-color: #d2e5e9;
	padding: 1em;
	margin-bottom: 1em;
}
	.profile h3, .profile p {
		margin: 0.2em 0;
	}
	.profile img {
		float: left;
		margin-right: 8px;
		max-height: 50px;
		max-width: 50px;
	}
img {
	border: 1px solid #E0DFDD;
	padding: 4px;
}
.action {
	background: url(../img/action_ring.png) no-repeat;
	float: right;
	font-size: 1.3em;
	height: 84px;
	margin-left: 8px;
	padding: 34px 10px 0 11px;
	text-align: center;
	width: 89px;
}
	.action a {
		color: #669DA9;
		text-decoration: none;
	}
#blogposts {
	border-top: 2px solid #DEEAEC;
	clear: both;
}
	.latest_blogs span {
		white-space: nowrap;
	}

/* STYLES */
body {
	font: 83% Arial, sans-serif;
	min-width: 960px;
}
#beta {
	background: #ffffb2;
	border-bottom: 1px solid gray;
	font-size: 0.9em;
    padding: 0.75em;
	text-align: center;
}
#header {
	background: #014E60 url(../img/gradient_header.png) repeat-x bottom;
	color: white;
}
	#header a {
		color: white;
		text-decoration: none;
	}
	#logo {
		font-size: 1.4em;
		margin: 1.5em 0 1.5em 0;
		text-align: center;
		width: 45%;
	}
		#logo a {
			letter-spacing: 5px;
			text-transform: uppercase;
		}
		#logo .subtitle {
			font-size: 0.8em;
			letter-spacing: 3px;
			margin-top: 3px;
		}
	#navigation {
		clear: both;
		font-size: 0.9em;
		margin: 0;
		overflow: hidden;
	}
		#navigation li {
			float: left;
			list-style: none;
			margin: 0;
		}
			#navigation li#start {
				border-left: 1px solid #003B4D;
				width: 34px;
			}
			#navigation li.last {
				border-right: 1px solid #1B5363;
			}
			#navigation li a {
				border-right: 1px solid #003B4D;
				border-left: 1px solid #1B5363;
				display: block;
				padding: 0.65em 0.4em;
				text-align: center;
			}
				#navigation li.selected a,
				#page_start #navigation li#start a {
					background: #A1C4CC url(../img/gradient_navigation_selected.png) repeat-x bottom;
					color: #2A2927;
				}
				#navigation li#start a {
					padding: 0.65em 0;
				}
					#navigation li#start a span {
						background-image: url(../img/icon_home.png);
						background-repeat: no-repeat;
						background-position: 52% center;
						display: block;
						overflow: hidden;
						text-indent: -10000px;
					}
						#page_start #navigation li#start a span {
							background: url(../img/icon_home_selected.png) center no-repeat;
						}
	#login {
		float: right;
		margin: 1em;
	}
		#login a {
			text-decoration: underline;
		}
	#search {
		clear: right;
		float: right;
		margin: 1em;
	}
		#search h2 {
			position: absolute;
			left: -10000px;
		}

#subheader {
	background: #A1C4CC;
	color: #5D5C58;
	font-size: 0.9em;
	overflow: hidden;
	padding: 0.6em 0;
}
	#subheader ul {
		margin: 0;
	}
		#subheader ul li {
			float: left;
			list-style: none;
			margin: 0;
			padding: 0 0.5em;
		}
			#subheader a {
				color: black;
				text-decoration: none;
			}
			#subheader span.selected {
				color: black;
				font-weight: bold;
			}
#main_wrapper {
	background: white url(../img/gradient_main_reverse.png) repeat-x bottom;
	padding-bottom: 3em;
}
#main {
	background: url(../img/gradient_main.png) repeat-x top;
	color: black;
	overflow: hidden;
	padding: 1em;
}
	#sidebar {
		float: left;
		width: 314px;
	}
		#sidebar .latest_profiles .profile {
			overflow: hidden;
		}
		#sidebar .latest_profiles h3 {
			font-size: 100%;
			padding-top: 0;
			margin-top: 0;
		}
		#sidebar .latest_profiles img {
			background: white;
		}
		#sidebar .latest_profiles h3 a {
			color: #003B53;
			text-decoration: none;
			font-weight: bold;
		}
		#sidebar #translate {
		}
			#sidebar #translate img {
				border: none;
				cursor: pointer;
				margin-right: 0.25em;
				padding: 0;
			}
				#sidebar #translate img.selected {
					border-bottom: 2px solid red;
				}
			#sidebar #translate p {
				font-size: 0.7em;
				clear: left;
				margin-top: 0;
			}
		#sidebar ul {
		    margin: 0;
		}
		    #sidebar li {
                list-style: none;
    			margin: 0;
				margin-bottom: 0.5em;
    		}
    			#sidebar li a {
    			    color: #003B53;
    			}
    			#sidebar li span {
    			    color: gray;
    			}
		#sidebar #banner {
			padding-top: 1em;
		}
	#content {
		clear: left;
        float: left;
		margin-right: 10px;
        width: 636px;
	}
		#content #col1, #content #col2 {
			float: left;
			width: 313px;
		}
		#content #col1 {
			margin-right: 10px;
		}
		#content #intro {
			margin: 0 14px;
		}
		#content .meta {
			font-size: 0.8em;
		}
		#content .post {
			overflow: hidden;
		}
		#content .preamble {
			font-weight: bold;
		}
		#content .article {
			float: left;
			margin-bottom: 1em;
			width: 35%;
		}
			#content .first {
				width: 90%;
			}
				#content .first .badge, #content .post .badge {
					margin-top: -15px;
				}
			#content .odd {
				clear: left;
				margin-right: 8%;
			}
			a.teaserlink {
				color: black;
			}

		#content #termsofagreement {
			background: #EBE7E6;
			border: 1px solid silver;
			font-size: 0.8em;
			height: 200px;
			margin-bottom: 1em;
			overflow: auto;
			padding: 0 1em;
			width: 70%;
		}
			#content #termsofagreement h2 {
				margin-top: 0.5em;
			}
			#content #termsofagreement div {
				height: 0.5em;
			}
		.loading #content {
			background: url(../img/throbber.gif) center 150px no-repeat;
		}
			.loading #content * {
				visibility: hidden;
			}
		#content #contributions {
			clear: left;
			margin-top: 2em;
		}
			#content #contributions #pagination {
				margin-left: 0.5em;
			}
        #content #comments {
			margin-top: 2em;
		}
			#content #comments .comment {
				background: #EBE7E6;
				border-bottom: 1px solid #E0DFDD;
				margin-bottom: 0.5em;
				overflow: hidden;
				padding: 0 1em;
			}
				#content #comments .comment h3 {
					color: black;
					font-size: 1em;
					margin: 0.5em 0;
				}
		.rss_links li, .email_links li {
			list-style: none;
			margin-left: 0;
		}
		.rss_links li a {
			background: url(../img/rss.png) no-repeat left center;
			padding-left: 23px;
		}
		.email_links li a {
			background: url(../img/email.png) no-repeat left bottom;
			padding-left: 23px;
		}
		#profile_image_list div {
			float: left;
			height: 110px;
			margin: 0 5px 5px 0;
			overflow: hidden;
			padding: 5px 10px 0 10px;
			text-align: center;
			width: 100px;
		}
			#profile_image_list div.alt {
				background: #EBE7E6;
			}
			#profile_image_list div a img {
				border: none;
				display: block;
				margin: 0 auto;
				overflow: hidden;
				padding: 0;
			}

		.photo {
			float: left;
			margin-right: 1em;
			margin-bottom: 1em;
		}
		.mini_photo {
			height: 25px;
			vertical-align: middle;
			width: 25px;
		}
		#presentation {
			background: #EBE7E6;
			clear: left;
			overflow: hidden;
			padding: 0 1em;
		}
		#contact {
			background: #EBE7E6;
			margin-top: 1em;
			padding: 1em;
		}
			#contact h2 {
				margin-top: 0;
			}
		.categories {
		    overflow: hidden;
		}
		.category_container ul li {
		    list-style: none;
			margin: 0;
		}
		.rpx {
		    margin-top: 4em;
		}
			.rpx iframe {
				border: none;
				overflow: hidden;
				width: 400px;
				height: 240px;
			}
		.messages {
			overflow: hidden;
			margin-top: 0;
		}
			.messages li {
	            background-color: #9fdce1;
				list-style: none;
				margin-left: 0;
				padding: 1em;
			}
#share {
	min-width: 0;
	overflow: hidden;
}
	#share h1 {
		background: #014E60 url(../img/gradient_header.png) repeat-x scroll center;
		color: white;
		font-size: 1.2em;
		margin: 0;
		padding: 0.5em 1em;
	}
	#share #wrapper {
		background: white url(../img/gradient_main_reverse.png) repeat-x scroll center bottom;
		height: auto !important;
		height: 300px;
		min-height: 300px;
		padding: 0 1em 1em;
	}
	#share #wrapper form {
		margin: 0;
	}
		#share #wrapper form span {
			display: block;
			font-size: 0.8em;
		}
	#share #footer p {
		margin-left: 1em;
	}
	#share #footer img {
		margin-right: 1em;
	}
	#share #footer .inner {
		width: auto;
	}
#footer {
	border-top: 6px solid #A0C1C8;
	font-size: 0.7em;
	padding: 0.6em 0 1em;
}
	#footer img {
		border: none;
		float: right;
		margin-top: 0.4em;
	}
	#footer p {
		margin: 0.2em 0;
	}