/* Neowin Atlas: Dec 8th, 2009

	Typography
	Wrapper
	- Staff Bar
	- Header
	- Footer
	- Content
	Global Bits
	Buttons
	Main Page
	Sidebar Blocks
	Articles
	Comments
	Forms
	Misc Fixes
	JS Styles

*/

/* Reset that shizzle
--------------------------------------------------------------------------------------- */
* { margin: 0; padding: 0; }

/* Typography
--------------------------------------------------------------------------------------- */
html { font: 62.5%/1.5 Tahoma, FreeSans, Verdana, sans-serif; }
body { font-size: 1.2em; min-width: 988px; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; margin-bottom: 1em; }
h2 { font-size: 1.6em; }
h3 { font-size: 1.3em; }
h4 { font-size: 1.15em; }
h5 { font-size: 1em; }
h6 { font-size: .9em; }
p { margin-bottom: 1.5em; }
ul, ol, dl { margin-bottom: 1.8em; }
li, dt, dd { margin-left: 1.8em; margin-bottom: .5em; }
input, select, textarea { font: 1em Tahoma, FreeSans, Verdana, sans-serif; }

/* Wrapper
--------------------------------------------------------------------------------------- */
body {
	background-image: url(../images/atlas/body_bg.png);
	background-repeat: repeat-x;
	-webkit-text-size-adjust: 100%;
}

#container {
	width: 988px;
	margin: 0 auto;
}

/* Staff Bar */
#staff-bar {
	background-image: url(../images/atlas/sprite_staff_bar.png);
	background-repeat: repeat-x;
	padding: 5px;
	max-height: 20px;
	font-size: .9em;
	line-height: 1.9em;
}

	#staff-bar h5 {
		font-weight: bold;
		display: inline;
		margin: 0 5px;
	}

	#staff-bar ul {
		display: inline;
		margin: 0;
		list-style: none;
	}

		#staff-bar ul li {
			display: inline;
			margin: 0 5px;
		}

	#staff-toggle {
		cursor: pointer;
		font-weight: bold;
		display: inline-block;
		padding: 0 30px 0 10px;
		width: 75px;
		border-style: solid;
		border-width: 1px;
		background-image: url(../images/atlas/sprite_userbar.png);
		background-repeat: no-repeat;
		background-position: right -1px;
	}

		#staff-toggle.active {
			background-position: right -24px;
			text-shadow: none;
			-webkit-border-bottom-left-radius: 0;
			-webkit-border-bottom-right-radius: 0;
			-moz-border-radius-bottomleft: 0;
			-moz-border-radius-bottomright: 0;
			border-bottom-left-radius: 0;
			border-bottom-right-radius: 0;
		}

	#staff-menu.popup-menu {
		width: 115px;
		border-top: 0;
		-webkit-border-top-left-radius: 0;
		-webkit-border-top-right-radius: 0;
		-moz-border-radius-topleft: 0;
		-moz-border-radius-topright: 0;
		border-top-left-radius: 0;
		border-top-right-radius: 0;
	}

		#staff-menu ul,
		#staff-menu li {
			display: block !important;
			margin: 0 !important;
			font-weight: normal;
		}

/* Header */
#header,
#header-user ul#guest li.first,
#header-nav ul,
#header-nav li,
#header-nav li a {
	background-image: url(../images/atlas/sprite_header.png);
	background-repeat: no-repeat;
}

#header {
	background-repeat: repeat-x;
	margin-bottom: 5px;
	
}

	#header,
	#header * {
		z-index: 4;
		
	}

#header-inner {
	background-image: url(../images/atlas/header_inner_bg.png);
	background-repeat: no-repeat;
	background-position: center top;
}

#header-logo {
	float: left;
	padding: 0px 0 0px 10px;
}

	#header-logo h1 {
		margin: 0;
	}

	#header-logo h1 a {
		background-image: url(../images/atlas/header_logo.png);
		background-repeat:no-repeat;
		display: block;
		width: 250px;
		height: 48px;
		text-indent: -9000px;
	}

#header-theme-chooser {
	float: right;
	margin: 17px 10px 13px 0;
	position: relative;
	z-index: 5;
	height:90px;
}

	#theme-chooser-toggle {
		background-image: url(../images/atlas/theme_chooser.png);
		background-repeat: no-repeat;
		text-indent: -9000px;
		cursor: pointer;
		display: block;
		width: 30px;
		height: 17px;
	}

	#theme-chooser {
		right: 0;
	}

.color-blue,
.color-midnight,
.color-green,
.color-red,
.color-purple,
.color-pink,
.color-brown,
.color-black,
.color-darkside {
	background-image: url(../images/atlas/theme_chooser.png);
	background-repeat: no-repeat;
	padding-left: 20px !important;
}

	.color-blue {
		background-position: 0 -20px;
	}

	.color-midnight {
		background-position: 0 -40px;
	}

	.color-green {
		background-position: 0 -60px;
	}

	.color-red {
		background-position: 0 -80px;
	}
	
	.color-purple {
		background-position: 0 -100px;
	}

	.color-pink {
		background-position: 0 -120px;
	}

	.color-brown {
		background-position: 0 -140px;
	}

	.color-black {
		background-position: 0 -160px;
	}

	.color-darkside {
		background-position: 0 -180px;
	}

#header-search,
#header-search button {
	background-image: url(../images/atlas/sprite_search.png);
	background-repeat: no-repeat;
}

#header-search {
	z-index: 2;
	float: right;
	border-style: solid;
	border-width: 1px;
	background-repeat: repeat-x;
	background-position: 0 -22px;
	width: 149px;
	height: 22px;
	margin: 13px 10px 13px 0;
	padding: 0 10px;
	position: relative;
	-webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15);
	-moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15);
	box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15);
}

	#header-search input {
		border: 0 !important;
		outline: none;
		background-color: transparent;
		width: 127px;
		position: absolute;
		top: 4px;
		left: 9px;
		cursor: text;
		vertical-align: inherit !important;
		padding: 0 !important;
	}

	#header-search button {
		background-color: transparent;
		height: 22px;
		width: 25px;
		display: block;
		position: absolute;
		top: 0;
		right: 8px;
		text-indent: -9000px;
		padding: 0;
		margin: 0;
		border: 0;
		cursor: pointer;
	}

		#header-search button.noarrow {
			width: 13px;
		}

#header-user {
	float: right;
	margin: 13px 10px 0 0;
	height: 37px;
}

#header-user ul#guest {
	display: inline;
	margin: 0;
	padding: 0;
	list-style: none;
}

	#header-user ul#guest li {
		float: left;
		line-height: 24px;
		padding: 0 0 0 10px;
		margin: 0;
		font-weight: bold;
		text-shadow: 1px 1px 1px rgba(0, 0, 0, 1);
	}

	#header-user ul#guest li.first {
		background-position: right -188px;
		padding: 0 12px 0 0;
	}

	a#facebook-connect {
		background-image: url(../images/atlas/facebook_connect.png);
		background-repeat: no-repeat;
		width: 194px;
		height: 24px;
		display: block;
		text-indent: -9000px;
		margin-left: 5px;
	}

#userbar {
	position: relative;
}

	#userbar-avatar {
		float: left;
		display: block;
		margin-right: 5px;
		border-style: solid;
		border-width: 1px;
		-webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15);
		-moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15);
		box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15);
	}

		#userbar-avatar img {
			width: 22px;
			height: 22px;
			image-rendering: optimizeQuality;
		}

	#userbar-toggle {
		border-style: solid;
		border-width: 1px;
		margin-left: 27px;
		background-image: url(../images/atlas/sprite_userbar.png);
		background-repeat: no-repeat;
		background-position: right 0;
		display: block;
		font-weight: bold;
		text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.35);
		line-height: 22px;
		padding: 0 50px 0 10px;
		min-width: 109px;
		cursor: pointer;
		position: relative;
		-webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15);
		-moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15);
		box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15);
	}

	#userbar-toggle.active {
		background-position: right -22px;
		text-shadow: none;
		-webkit-border-bottom-left-radius: 0;
		-webkit-border-bottom-right-radius: 0;
		-moz-border-radius-bottomleft: 0;
		-moz-border-radius-bottomright: 0;
		border-bottom-left-radius: 0;
		border-bottom-right-radius: 0;
	}

		#userbar-toggle var {
			padding: 0 5px;
			margin: 0;
			font-style: normal;
			font-weight: bold;
			line-height: 16px;
			text-shadow: none;
			position: absolute;
			top: 3px;
			right: 28px;
		}

	#userbar #userbar-menu.popup-menu {
		position: absolute;
		top: 24px;
		right: 0;
		width: 169px;
		border-top: 0;
		-webkit-border-top-left-radius: 0;
		-webkit-border-top-right-radius: 0;
		-moz-border-radius-topleft: 0;
		-moz-border-radius-topright: 0;
		border-top-left-radius: 0;
		border-top-right-radius: 0;
	}


#header-nav {
	clear: right;
	margin-left: 50px;
	/*font-size: 1.1em;*/
}

	#header-nav ul {
		float: right;
		margin: 0;
		padding: 3px 10px 0 0;
		list-style: none;
		height: 32px;
		background-position: 0 -85px;
		background-repeat: repeat-x;
		-webkit-border-top-left-radius: 5px;
		-moz-border-radius-topleft: 5px;
		border-top-left-radius: 5px;
	}

		#header-nav ul li {
			float: left;
			margin: 0;
			padding-right: 5px;
			padding-left: 3px;
			background-position: right -185px;
			font-weight: bold;
		}

		#header-nav ul li.last {
			background-image: none;
			padding-right: 0;
		}

			#header-nav ul li a {
				display: block;
				line-height: 32px;
				padding: 0 10px;
				background-position: 0 32px;
				text-shadow: 1px 1px 1px rgba(0, 0, 0, 1);
			}

			#header-nav ul li a:hover {
				background-position: 0 -153px;
			}

			#header-nav ul li.active a,
			#header-nav ul li.active a:hover {
				background-position: 0 -121px;
				text-shadow: none;
			}

#header-border {
	clear: both;
	height: 5px;
	font-size: 0;
}

#header-promos {
	padding: 5px;
	margin-bottom: 5px;
	min-height: 90px;
	position: relative;
}

	#div-steve *,
	#div-marcel *,
	#div-daniel *,
	#div-custom *,
	.aww * {
		vertical-align: bottom;
	}

	#div-steve,
	#div-marcel,
	#div-daniel,
	#div-custom {
		text-align: center;
		line-height: 0;
		font-size: 0;
	}

	#div-steve {
		/*width: 728px;*/
		height: 90px;
		float: left;
		overflow: hidden;
	}

	#div-custom {
		margin-left: 733px;
	}

	#div-marcel,
	#div-daniel {
		height: 250px;
	}

	.aww {
		background: url(../images/atlas/aww.png) no-repeat center center !important;
	}

/* Footer */
#footer-links {
	background-image: url(../images/atlas/footer_links_bg.png);
	background-repeat: repeat-x;
	padding: 5px;
	margin-bottom: 10px;
}

	#footer-links ul {
		float: left;
		margin: 0;
		list-style: none;
	}

		ul#footer-nav-right {
			float: right;
		}

		#footer-links ul li {
			float: left;
			margin: 0;
			padding: 0 10px;
			line-height: 1.5em;
			text-shadow: 1px 1px 1px rgba(0, 0, 0, .35);
		}

#footer {
	margin: 0;
	background-image: url(../images/atlas/footer_logo.png);
	background-repeat: no-repeat;
	background-position: 0 6px;
	padding-left: 120px;
	padding-bottom: 8px;
	font-size: 1em;
}

	#footer p {
		margin: 0;
	}

	#footer a,
	#footer-links a {
		font-weight: bold;
	}

/* Content */
#page-body {
	margin-bottom: 5px;
	background-image: url(../images/atlas/gradient_content_bg.png);
	background-repeat: repeat-x;
	padding: 5px;
	z-index: 2;
}

	#page-body.sidebar #content-container {
		width: 100%;
		float: left;
		margin-right: -317px;
		z-index: 3;
	}

	#page-body.sidebar #content {
		margin-right: 317px;
		position: relative;
		z-index: 3;
	}

#sidebar {
	width: 312px;
	float: right;
	z-index: 2;
}

/* Global Bits
--------------------------------------------------------------------------------------- */
a {
	cursor: pointer;
	outline: none;
}

a:hover {
	text-decoration: underline;
}

a,
#header-nav li a:hover,
.sub-nav li a:hover,
ul.pages li a:hover,
.post-tag:hover,
.button:hover,
.no-button:hover,
.post-button:hover,
.popup-menu ul li a:hover,
.sidebar-block-button:hover,
#latest-type li a:hover {
	text-decoration: none;
}

img {
	border: 0;
	vertical-align: middle;
}

form,
.inline {
	display: inline;
}

.clear {
	clear: both;
}

.fleft {
	float: left;
}

.fright {
	float: right !important;
}

/* Dropdown Menus */
.popup-menu {
	z-index: 9999;
	position: absolute;
	display: none;
	border-style: solid;
	border-width: 1px;
	-webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.35);
	-moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.35);
	box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.35);
}

	.popup-menu ul {
		margin: 0;
		padding: 5px;
		list-style: none;
		position: relative;
	}

		.popup-menu li {
			margin: 0;
			clear: both;
			display: inline;
		}

		.popup-menu li a {
			display: block;
			line-height: 1.8em;
			padding: 0 5px;
			white-space: nowrap;
		}

			.popup-menu li a img {
				margin: 0 2px 3px 1px;
				vertical-align: text-top;
			}

/* MESSAGE STYLES */
.notice {
	background-color: #f1f6ec;
	background-image: url(../images/icons/information.png);
	background-repeat: no-repeat;
	background-position: 8px 10px;
	padding: 10px 10px 10px 30px;
	border-style: solid;
	border-width: 1px;
	border-color: #b0ce94;
	color: #3e4934;
	margin-bottom: 10px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

	.notice h3 {
		padding: 0;
		color: #323232;
	}

	.notice.error {
		background-color: #f3dddd;
		background-image: url(../images/icons/exclamation.png);
		border-color: #deb7b7;
		color: #281b1b;
	}

	.notice.unspecific {
		background-color: #f3f3f3;
		border-color: #d4d4d4;
		color: #515151;
		margin: 0 0 10px 0;
		clear: both;
	}

.box {
	padding: 10px;
	border-style: solid;
	border-width: 1px;
	z-index: 3;
}

div.hr {
	clear: both;
	margin: .5em -10px 1em;
	padding: 0;
	border-top-style: solid;
	border-top-width: 1px;
	border-right: 0;
	border-bottom: 0;
	border-left: 0;
	height: 0
	font-size: 0;
}

	div.hr hr {
		display: none;
	}


a.post-readmore {
	white-space: nowrap;
}

.news-logo {
	float: right;
	margin: 0 0 5px 10px;
}

.detail-bar {
	font-size: 1em !important;
	background: #edf1f4 url(../images/atlas/postdetails_bg.png) repeat-x bottom;
	padding: 5px;
}

/* Pagination */
.spinner {
	display: none;
	margin: 5px;
	background-image: url(../images/atlas/spinner.gif);
	background-repeat: no-repeat;
	background-position: center center;
	position: fixed;
	top: 0;
	left: 0;
	width: 30px;
	height: 30px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	z-index: 9999;
	-moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.5);
}

.pagination {}

	.pagination h5 {
		float: left;
		font-weight: normal;
		margin: 0;
	}

	#pagination ul.pages,
	.pagination ul.pages {
		float: right;
	}

ul.pages {
	margin: 0 !important;
	list-style: none;
	display: inline;
}

	ul.pages li {
		float: left;
		margin: 0 1px 0 2px;
		display: block;
	}

		ul.pages li a {
			float: left;
			padding: 0 5px;
			border-style: solid;
			border-width: 1px;
			display: block;

		}

		ul.pages li:first-child a {
			-webkit-border-top-left-radius: 5px;
			-webkit-border-bottom-left-radius: 5px;
			-moz-border-radius-topleft: 5px;
			-moz-border-radius-bottomleft: 5px;
			border-top-left-radius: 5px;
			border-bottom-left-radius: 5px;
		}

		ul.pages li:last-child a {
			-webkit-border-top-right-radius: 5px;
			-webkit-border-bottom-right-radius: 5px;
			-moz-border-radius-topright: 5px;
			-moz-border-radius-bottomright: 5px;
			border-top-right-radius: 5px;
			border-bottom-right-radius: 5px;
			margin-right: 0;
		}

	ul.pages li a.disabled:hover {
		background: none;
		cursor: default;
	}

	ul.pages li.active a {
		font-weight: bold;
	}

/* Survey */
.surveysection {
	margin-left: 1.5em;
}

	.surveysection ul {
		list-style: none;
	}

/* Rounded Corners */
.rounded,
#staff-toggle,
#header-search,
#userbar-toggle,
#userbar-toggle var,
#header-promos,
#footer-links,
#page-body,
.popup-menu,
.popup-menu ul li a,
.promo ol li,
#filter,
.box,
.detail-bar,
#like-this,
.sidebar-block,
.sidebar-inner-block,
.gallery,
.error,
.button,
.no-button,
#comments ol li,
#comments-add,
div.block {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.rounded-top,
#header-nav ul li a,
.sub-nav li a,
#latest-type,
#latest-type li a,
div.block h3:first-child {
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius: 5px 5px 0 0;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}

.rounded-bot,
#header,
#header-border,
.promo ol li a,
.poll-vote,
.poll-novote,
#article-toolbar,
div.block div.line:last-child {
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius: 0 0 5px 5px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}

.small-rounded,
#userbar-avatar,
.sidebar-block-button,
.poll-result,
.gallery-thumbs a,
.img-thumb,
.post-tag,
.post-button,
.sub-nav ul li var {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

/* Buttons
--------------------------------------------------------------------------------------- */
.post-tag,
.post-button:hover,
.button,
.no-button {
	background-image: url(../images/atlas/button_bg.png);
	background-repeat: repeat-x;
	outline: none;
	cursor: pointer;
}

.button.default {
	background-image: url(../images/atlas/button_default_bg.png);
	text-shadow: rgba(0,0,0,.35) 0 1px 0;
	font-weight: bold;
}

.post-tag,
.post-button,
.button,
.no-button {
	display: inline-block;
	font-weight: bold;
	font-size: .9em;
	vertical-align: baseline;
	border-style: solid;
	border-width: 1px;
	padding: 0 5px;
}

.post-tag {
	margin-right: 2px;
	/* text-transform: capitalize; */
	text-transform: lowercase;
	text-shadow: rgba(255,255,255,.5) 0 1px 0;
	-webkit-box-shadow: rgba(0,0,0,.07) 0 1px 1px;
	-moz-box-shadow: rgba(0,0,0,0.07) 0 1px 1px;
	box-shadow: rgba(0,0,0,0.07) 0 1px 1px;
}

.post-button:hover {
	text-shadow: rgba(255,255,255,.5) 0 1px 0;
	-webkit-box-shadow: rgba(0,0,0,.07) 0 1px 1px;
	-moz-box-shadow: rgba(0,0,0,0.07) 0 1px 1px;
	box-shadow: rgba(0,0,0,0.07) 0 1px 1px;
}

	.post-button span {
		white-space: nowrap;
	}

.icon-comments {
	background-image: url(../images/atlas/sprite_icons.png);
	background-repeat: no-repeat;
	background-position: 0 -7px;
	padding-left: 17px;
}

	.icon-comments:hover {
		background-position: 0 -37px;
	}

.button,
.no-button {
	vertical-align: middle;
	font-weight: normal;
	white-space: nowrap;
	position: relative;
	text-shadow: rgba(255,255,255,.5) 0 1px 0;
	-webkit-box-shadow: rgba(0,0,0,.1) 0 1px 2px;
	-moz-box-shadow: rgba(0,0,0,0.1) 0 1px 2px;
	box-shadow: rgba(0,0,0,0.1) 0 1px 2px;
}

	.button var,
	.no-button var {
		border-style: solid;
		border-width: 0 1px 0 0;
		padding: 0 7px 0 0;
		margin-right: 5px;
		display: inline-block;
		font-style: normal;
		text-shadow: none;
	}

	.no-button {
		cursor: default;
	}

.button-small {
	vertical-align: baseline !important;
	padding: 0 5px !important;
	line-height: 1.7em;
	-webkit-box-shadow: rgba(0,0,0,.07) 0 1px 1px !important;
	-moz-box-shadow: rgba(0,0,0,0.07) 0 1px 1px !important;
	box-shadow: rgba(0,0,0,0.07) 0 1px 1px !important;
}

	.button-small var {
		padding: 0 5px 0 0;
		margin-right: 3px;
	}

.button img {
	vertical-align: text-bottom;
}

.button-arrow span {
	background-image: url(../images/atlas/button_arrow.png);
	background-repeat: no-repeat;
	background-position: right;
	padding-right: 13px;
}

.button {
	font-size: 1em;
	line-height: 1.5em;
	padding: 3px 10px;
}

input.button,
button.button {
	width: auto;
	overflow: visible;
	padding: 3px 10px;
}

input[type].button,
button[type].button {
	padding: 3px 10px;
	line-height: 18px;
}

*:first-child+html input[type].button,
*:first-child+html button[type].button {
	padding: 3px 10px;
}

/* Main Page
--------------------------------------------------------------------------------------- */
/* Promos */
.promo {
	margin-bottom: 5px;
	position: relative;
	overflow: hidden;
}

	.promo-nvb,
	.promo-nvb ol li {
		height: 250px;
	}

	.promo-large,
	.promo-large ol li {
		height: 120px;
	}

	.promo-small,
	.promo-small ol li {
		height: 100px;
	}

	#content .promo {
		margin-bottom: 2px;
	}

	.promo ol {
		margin: 0;
		list-style: none;
		position: absolute;
		left: 0;
		width: 100%;
	}

	.promo ol li {
		margin: 0;
		float: left;
		position: relative;
		width: 100%;
	}

	.promo .promo-content,
	.promo .promo-nav {
		background-image: url(../images/atlas/sprite_promo.png);
		background-position: 0 256px;
	}

	.promo .promo-content {
		display: block;
		position: absolute;
		bottom: 0;
		left: 0;
		right: 0;
		padding: 5px 10px;
		cursor: pointer;
		text-decoration: none;
	}

		.promo .black .promo-content {
			background-position: 0 -56px;
		}

		.promo .white .promo-content {
			background-position: 0 -156px;
		}

	.promo-content .promo-title {
		font-size: 1.25em;
		font-weight: bold;
		margin: 0;
		text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.35);
	}

	.promo-content .promo-description {
		margin: 0 0 .3em;
		line-height: 1em;
	}

	.promo-nav {
		display: block;
		cursor: pointer;
		width: 15px;
		height: 28px;
		position: absolute;
		bottom: 9px;
		text-indent: -9000px;
	}

		#promo-prev {
			background-position: 0 -28px;
			right: 34px;
		}

			#promo-prev.inactive {
				background-position: 0 0;
				cursor: default;
			}

		#promo-next {
			background-position: -15px -28px;
			right: 8px;
		}

			#promo-next.inactive {
				background-position: -15px 0;
				cursor: default;
			}

/* Subnav */
.sub-nav ul li a:hover,
#filter,
#filter .filter-icon,
#filter-rss {
	background-image: url(../images/atlas/sprite_filter.png);
	background-repeat: repeat-x;
}

.sub-nav,
.relative {
	position: relative;
}

	.sub-nav h5 {
		float: left;
		display: block;
		margin: 0 10px;
		padding: 2px 0 0;
		line-height: 25px;
	}

	.sub-nav ul {
		margin: 0 0 0 5px;
		list-style: none;
	}

		.sub-nav li {
			float: left;
			margin: 0 2px 0 0;
		}

			.sub-nav li#filter-customize {
				margin: 0 5px 0 0;
				padding: 0;
				float: right;
			}

			.sub-nav li a {
				display: block;
				float: left;
				padding: 0 10px;
				margin: 1px 1px 0;
				font-weight: bold;
				line-height: 27px;
			}

			.sub-nav ul li a:hover {
				background-position: 0 -30px;
			}

			.sub-nav ul li a:hover,
			.sub-nav ul li.active a {
				margin: 0 0 -1px;
				padding: 0 10px 1px;
				border-style: solid;
				border-width: 1px 1px 0;
				position: relative;
				zoom: 1;
			}

			.sub-nav ul li.active a {
				background-image: none !important;
			}

	.sub-nav ul li var {
		background-image: url(../images/atlas/button_default_bg.png) !important;
		background-repeat: repeat-x;
		background-position: bottom;
		color: white;
		display: inline-block;
		margin-left: 3px;
		padding: 0 3px;
		line-height: 17px;
		font-size: 11px;
		font-style: normal;
	}

/* Filter */
#filter {
	position: relative;
	margin: -5px -5px 10px;
	background-position: 0 -60px;
	border-style: solid;
	border-width: 1px;
	padding: 5px 70px 5px 37px;
	zoom: 1;
}

	#filter h3 {
		margin: 0 !important;
		font-size: .9em;
		font-weight: bold;
	}

	#filter .post-tag {
		position: absolute;
		right: 3px;
		top: 5px;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		text-transform: capitalize;
		font-size: 10px;
		line-height: 14px;
	}

	#filter-rss {
		background-position: 0 -91px;
		width: 27px;
		height: 14px;
		position: absolute;
		left: 5px;
		top: 6px;
		display: block;
		text-indent: -9000px;
	}

/* News */
#news h3 {
	font-size: 1.25em;
	font-weight: bold;
	margin-bottom: .2em;
}

#news p.post-details {
	font-size: 1em;
	margin-bottom: .4em;
}

#news p {
	font-size: 1.1em;
}

.hot-news {
	color: red;
	font-style: italic;
}

/* Sidebar Blocks
--------------------------------------------------------------------------------------- */
.sidebar-block {
	padding: 5px;
	margin-bottom: 5px;
	background-image: url(../images/atlas/gradient_content_bg.png);
	background-repeat: repeat-x;
	position: relative;
	border-style: solid;
	border-width: 1px;
}

	.sidebar-block h3 {
		font-size: 1em;
		font-weight: bold;
		margin: 0 0 5px 5px;
		float: left;
	}

.sidebar-inner-block {
	clear: both;
}

	.sidebar-block-button {
		font-size: .8em;
		font-weight: bold;
		display: block;
		float: left;
		margin: 0 0 0 5px;
		padding: 0 5px;
		vertical-align: text-top;
		cursor: pointer;
		border-style: solid;
		border-width: 1px;
	}

		.sidebar-block-button:hover {
			background-image: url(../images/atlas/button_bg.png) !important;
			background-repeat: repeat-x;
		}

#latest-type,
#latest-type li a:hover,
#latest-refresh span {
	background-image: url(../images/atlas/sprite_latest_community.png);
	background-repeat: repeat-x;
}

#latest-refresh {
	float: right;
	padding-left: 0;
}

	#latest-refresh span {
		background-repeat: no-repeat;
		background-position: 5px -63px;
		padding-left: 18px;
		display: block;
	}

#latest-type {
	clear: both;
	margin: 0;
	padding: 3px 3px 0;
	list-style: none;
	height: 27px;
}

	#latest-type li {
		float: left;
		margin: 0 3px 0 0;
	}

		#latest-type li a {
			display: block;
			padding: 0 10px;
			font-weight: bold;
			line-height: 27px;
		}

		#latest-type li a:hover {
			background-position: 0 -30px;
		}

		#latest-type li.active a {
			background-image: none !important;
		}

#latest-community-bits,
#latest-community-bits ul {
	margin: 0;
	list-style: none;
	-webkit-border-top-left-radius: 0;
	-webkit-border-top-right-radius: 0;
	-moz-border-radius-topleft: 0;
	-moz-border-radius-topright: 0;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}

	#latest-community-bits li {
		margin: 0;
		padding: 0;
		display: none;
	}

		#latest-community-bits li ul {
			margin: 0;
		}

	#latest-community-bits li.active {
		padding: 5px 0;
		display: block;
	}

		#latest-community-bits li.active li {
			display: block;
		}

			#latest-community-bits li li {
				padding: 0 10px;
			}

#latest-community-bits .viewmore {
	border-top-style: solid;
	border-top-width: 0 !important;
	margin-top: 0;
	padding-top: 3px;
	text-align: right;
	font-size: 11px
}

	#latest-community-bits .viewmore a {
		background: url(../images/atlas/sprite_latest_community.png) no-repeat 0 -80px;
		padding-left:12px
	}

#poll-nav,
#latest-nav,
#latest-more {
	float: right;
	display: inline;
}

	#poll-nav span,
	#latest-nav span {
		font-weight: bold;
	}

	#poll-nav span.active,
	#latest-nav span.active {
		font-weight: normal;
		cursor: default;
		background-color: transparent !important;
	}

#poll-bits,
#poll-bits ol {
	margin: 0;
	padding: 5px;
	list-style: none;
}

	#poll-bits li {
		display: none;
		margin: 0;
		text-align: center;
	}

	#poll-bits li.active {
		display: inline;
	}

	#poll-bits li.active li {
		display: block;
	}

		#poll-bits li ol li {
			text-align: left;
			padding: 0;
			margin: 0 0 .5em;
		}

	#poll-bits h4 {
		text-align: center;
		display: block;
		margin: 0;
		font-size: 1em;
		font-weight: bold;
	}

	.poll-result {
		background-image: url(../images/atlas/poll_bar.png);
		background-repeat: repeat-x;
		background-position: 0 -1px;
		height: 10px;
		min-width: 10px;
		margin-bottom: 2px;
	}

	.poll-vote,
	.poll-novote {
		text-align: center;
		border-top-style: solid;
		border-top-width: 1px;
		margin: 0px -5px -5px;
		padding: 5px 10px;
	}

.sidebar-paragraph {
	padding: 5px 10px;
	position: relative;
}

.sidebar-list {
	margin: 0;
	list-style: none;
}

	.sidebar-list li {
		border-bottom-style: solid;
		border-bottom-width: 1px;
		padding: 5px 10px;
		margin: 0;
		clear: both;
	}

		.sidebar-list li.last {
			border-bottom: 0;
		}

	.sidebar-list h4,
	.sidebar-list h5 {
		margin: 0;
		font-size: 1.1em;
		font-weight: bold;
	}

	.sidebar-list h5 {
		font-size: 1em;
	}

		.sidebar-list h4 var {
			font-style: normal;
			font-weight: normal;
		}

	.sidebar-list p {
		margin: 0;
		padding: 0;
	}

#affiliates {
	margin: 0;
	list-style: none;
}

	#affiliates li {
		margin: 0;
		width: 50%;
		float: left;
	}

		#affiliates li a {
			padding: 0 10px;
			line-height: 22px;
		}

#sidebar-author {

}

	#sidebar-author h4 {
		margin: 0;
		font-weight: bold;
		font-size: 1.1em;
	}

	#sidebar-author p {
		margin: 0;
		padding: 0 82px 0 0;
	}


	#sidebar-author img.avatar {
		float: right;
		margin-right: -4px;
		max-height: 72px;
		max-width: 72px;
	}

	#sidebar-author ul {
		margin: 0;
		list-style: none;
	}

		#sidebar-author ul li {
			margin: 0;
			padding-left: 15px;
			background-image: url(../images/atlas/list_bullet.png);
			background-repeat: no-repeat;
			background-position: 4px;
		}

/* Articles
--------------------------------------------------------------------------------------- */
#article {
	/*position: relative;*/
}

#article h2 {
	font-weight: bold;
	font-size: 1.4em;
	margin: 0;
}

#article p.article-details {
	font-size: 1em;
	margin-bottom: 1em;
}

#article p {
	font-size: 13px;
	line-height: 160%;
}

#article img {
	max-width: 640px;
}

.article-author,
.article-comments,
.comment-author {
	font-weight: bold;
}

#tag-bar {
	margin-bottom: 1.5em;
}

	#tag-bar h5 {
		font-size: 1em;
		font-weight: bold;
		float: left;
		margin: 0 5px 0 0;
	}

	#tag-bar ul {
		margin: 0;
		list-style: none;
	}

		#tag-bar ul li {
			float: left;
			margin: 0 2px 2px;
		}

#article-toolbar {
	border-style: solid;
	border-width: 1px 0 0 0;
	margin: 0px -10px -10px;
	padding: 5px 10px;
	font-size: .9em;
	position: relative;
}

#like-this {
	margin-right: 10px;
	display: inline-block;
	vertical-align: baseline !important;
	-webkit-box-shadow: rgba(0,0,0,.07) 0 1px 1px !important;
	-moz-box-shadow: rgba(0,0,0,0.07) 0 1px 1px !important;
	box-shadow: rgba(0,0,0,0.07) 0 1px 1px !important;
	text-decoration: none !important;
}

	#like-this var,
	#like-this span {
		vertical-align: baseline !important;
		padding: 0 6px;
		line-height: 1.7em;
		font-size: .9em;
		display: inline-block;
		border-width: 1px;
		border-style: solid;
		background-repeat: repeat-x;
		font-style: normal;
		font-weight: bold;
	}

	#like-this var {
		border-right-width: 0;
		background-image: url(../images/atlas/button_default_bg.png);
		-webkit-border-top-left-radius: 5px;
		-webkit-border-bottom-left-radius: 5px;
		-moz-border-radius: 5px 0 0 5px;
		border-top-left-radius: 5px;
		border-bottom-left-radius: 5px;
		text-shadow: rgba(0,0,0,.5) 0 1px 0;
	}

	#like-this span {
		background-image: url(../images/atlas/button_bg.png);
		border-left-width: 0;
		-webkit-border-top-right-radius: 5px;
		-webkit-border-bottom-right-radius: 5px;
		-moz-border-radius: 0 5px 5px 0;
		border-top-right-radius: 5px;
		border-bottom-right-radius: 5px;
		text-shadow: rgba(255,255,255,.5) 0 1px 0;
	}

#like-this.voted {
	cursor: default;
}

#share-this {
	position: absolute;
	right: 10px;
	top: 6px;
	margin: 0;
	list-style: none;
}

	#share-this li {
		float: left;
		margin: 0 0 0 10px;
	}
	
	#share-this-dg { 
		margin-top: -2px 
	}
	
	

/* Gallery */
.gallery {
	background-image: url(../images/atlas/gradient_content_bg.png);
	background-repeat: repeat-x;
	border-width: 1px;
	border-style: solid;
	margin-top: 1em;
	margin-bottom: 1.5em;
}

.gallery-thumbs {
	margin: 0;
	list-style: none;
	text-align: center;
}

	.gallery-thumbs li {
		display: inline;
		margin: 0 !important;
		padding: 0 !important;
	}

	.gallery-thumbs a,
	.img-thumb {
		margin: .5em;
		display: inline-block;
		padding: 4px;
		border-width: 1px;
		border-style: solid;
		-webkit-box-shadow: rgba(0,0,0,.15) 0 1px 3px;
		-moz-box-shadow: rgba(0,0,0,0.15) 0 1px 3px;
		box-shadow: rgba(0,0,0,0.15) 0 1px 3px;
	}

	.img-thumb {
		margin: .5em 0 0;
	}

.gallery-p {
	text-align: center;
	font-size: .9em;
	margin-top: 1em;
	margin-bottom: 0;
}

/* Comments
--------------------------------------------------------------------------------------- */
#comments-bar {
	padding: 10px 0 10px 5px;
}

	#comments-bar h3 {
		margin: 0;
		display: inline;
		float: left;
		font-size: 1.2em;
		line-height: 1.7em;
	}

	#comments-bar ul {
		float: right;
		margin: 0;
		list-style: none;
	}

		#comments-bar ul li {
			margin: 0;
			display: inline;
		}

#comments,
#comments * {
	z-index: 0;
}

#comments ol {
	list-style: none;
	margin: 0 0 5px;
}

	#comments ol li,
	#comments-add {
		border-style: solid;
		border-width: 1px;
		padding: 10px 50px 10px 52px;
		margin: 0 0 5px;
		position: relative;
	}

	#comments ol li.child {
		padding: 10px 50px 10px 36px;
		margin-left: 53px;
		min-height: 26px;
	}

	.comment-avatar {
		position: absolute;
		top: 10px;
		left: 9px;
		border-style: solid;
		border-width: 1px;
		padding: 1px;
		text-align: center;
		width:32px;
		height:32px;
	}

	li.child .comment-avatar
	{
		width:16px;
		height:18px;
	}

		.comment-avatar img {
			width: 32px;
			height: 32px;
		}

		#comments ol li.child .comment-avatar img {
			width: 16px;
			height: 16px;margin-top:-2px;
		}

	#comments ol p {
		margin: 0 0 1.5em;
	}
	
	#comments ol p:last-child {
		margin: 0;
	}

	#comments ol .comment-details {
		margin-bottom: .1em;
	}

	#comments li img {
		max-width: 100%;
	}

.comment-buttons {
	position: absolute;
	top: 9px;
	right: 9px;
	white-space: nowrap;
	font-size: .9em;
	line-height: 2em;
}

	.comment-buttons .comment-buttons-hover {
		display: none;
	}

.article-button-report,
.comment-button-report,
.comment-button-delete,
.comment-button-edit {
	margin: 0 5px 0 0;
	line-height: 20px;
	background-image: url(../images/atlas/sprite_comment_buttons.png);
	background-repeat: no-repeat;
	display: inline-block;
	padding-left: 14px;
}

.article-button-report,
.comment-button-report {
	background-position: 0 0;
}

.comment-button-delete {
	background-position: 0 -20px;
}

.comment-button-edit {
	background-position: 0 -40px;
}

#comments-add {
	padding-bottom: 5px;
	padding-right: 15px;
}

.comment-textarea {
	width: 98%;
	height: 100px;
	margin: 0 0 5px;
	display: block;
	border-style: solid;
	border-width: 1px;
	padding: 2px;
}

.comment-note {
	margin-left: 15px;
	vertical-align: middle;
}

/* Quotes */
.quote {
	clear: both;
	margin: 10px 5px;
	border-width: 1px 1px 1px 5px;
	border-style: solid;
}

.quote-header {
	/* font-style: italic; */
	background-image: url(../images/atlas/gradient_content_bg.png);
	background-repeat: repeat-x;
	padding: 3px 5px;
	font-size: .9em;
}

.quote-content {
	padding: 5px;
}

.comment-edit-reason {
	font-style: italic;
	font-size: .9em;
	margin-top: .2em;
}

.comment-reason,
.input-wide {
	width: 98%;
}

/* Form Styles
--------------------------------------------------------------------------------------- */
fieldset {
	border-width: 0 0 1px 0;
	border-style: solid;
	margin: -10px -10px 10px;
	padding: 10px 10px 0;
	clear: both;
}

fieldset{
	padding-top: 0px\9;
}

fieldset {
	padding-top: 20px;
}

html>body fieldset {
	padding-top: 10px;
}

	fieldset legend {
		font-weight: bold;
		font-size: 1.2em;
		padding: 5px 10px;
		-webkit-border-top-left-radius: 5px;
		-webkit-border-top-right-radius: 5px;
		-moz-border-radius: 5px 5px 0 0;
		border-top-left-radius: 5px;
		border-top-right-radius: 5px;
		background-position: 0 -121px;
		background-image: url(../images/atlas/sprite_header.png);
		background-repeat: repeat-x;
		display: block;
		width: 100%;
		margin: 0 -10px;
		border-width: 0 0 1px 0;
		border-style: solid;
	}

	fieldset legend {
		margin-bottom: 10px\9;
	}

		fieldset legend span {
			display: block;
			min-width: 638px;
			width: 100%;
		}

			fieldset legend input[type=checkbox] {
				float: right;
				display: block;
				width: 55px;
				margin-top: 5px;
			}

			fieldset legend input[type=checkbox]:after {
				content: attr(title);
				display: block;
				white-space: nowrap;
				padding-left: 20px;
				font-size: .8em;
				line-height: 1em;
				font-weight: normal;
			}

			fieldset legend label {
				line-height: 1.5em !important;
			}

	fieldset h4 {
		font-size: 1.1em;
		font-weight: bold;
		margin: .5em 0 .3em;
	}

fieldset.buttons {
	border-bottom: 0;
	margin-bottom: 0;
	padding-top: 10px;
}

ul.form {
	list-style: none;
	margin: 0;
}

	ul.form li {
		margin: 0 0 1em;
		clear: left;
		padding-left: 170px;
	}

		ul.form li.nolabel label {
			margin-left: 0;
			width: auto;
			float: none;
			color: inherit;
		}

		ul.form li.fulltext {
			padding-left: 0;
		}

			ul.form li.fulltext label {
				float: none;
				margin-left: 0;
			}

	ul.form label {
		float: left;
		width: 170px;
		margin-left: -170px;
	}

	label {
		display: block;
		line-height: 2em;
		vertical-align: middle;
	}

	input[type=text],
	input[type=password],
	input[type=file],
	textarea {
		vertical-align: middle;
		display: block;
		padding: 3px;
		border-width: 1px;
		border-style: solid;
		font-size: 1em;
		line-height: 1em;
	}

	textarea {
		height: 150px;
		line-height: 1.5em;
	}

	ul.form input[type=text],
	ul.form input[type=password],
	ul.form input[type=file],
	ul.form textarea {
		width: 98%;
	}

.input-inline {
	display: inline !important;
	width: auto !important;
}

.textarea-small {
	height: 65px !important;
	width: 370px !important;
}

.textarea-tall {
	height: 500px;
}

/* Misc Fixes
--------------------------------------------------------------------------------------- */
#header,
#page-body,
#main,
#pagination,
.sub-nav,
#filter,
.sidebar-block,
.sidebar-inner-block,
#latest-community-bits li ul,
.popup-menu ul,
#comments li,
.quote {
	height: 1%;
}

.sidebar-block {
	min-height: 18px;
}

/* ColorBox Core Style */
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:visible;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
#cboxOverlay{background:#000;}
#colorbox{}
#cboxTopLeft{width:14px; height:14px; background:url(../images/colorbox/controls.png) 0 0 no-repeat;}
#cboxTopCenter{height:14px; background:url(../images/colorbox/border.png) top left repeat-x;}
#cboxTopRight{width:14px; height:14px; background:url(../images/colorbox/controls.png) -36px 0 no-repeat;}
#cboxBottomLeft{width:14px; height:43px; background:url(../images/colorbox/controls.png) 0 -32px no-repeat;}
#cboxBottomCenter{height:43px; background:url(../images/colorbox/border.png) bottom left repeat-x;}
#cboxBottomRight{width:14px; height:43px; background:url(../images/colorbox/controls.png) -36px -32px no-repeat;}
#cboxMiddleLeft{width:14px; background:url(../images/colorbox/controls.png) -175px 0 repeat-y;}
#cboxMiddleRight{width:14px; background:url(../images/colorbox/controls.png) -211px 0 repeat-y;}
#cboxContent{background:#fff;}
#cboxLoadedContent{margin-bottom:5px;}
#cboxLoadingOverlay{background:url(../images/colorbox/loading_background.png) center center no-repeat;}
#cboxLoadingGraphic{background:url(../images/colorbox/loading.gif) center center no-repeat;}
#cboxTitle{position:absolute; bottom:-25px; left:0; text-align:center; width:100%; font-weight:bold; color:#7C7C7C;}
#cboxCurrent{position:absolute; bottom:-25px; left:58px; color:#7C7C7C;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{position:absolute; bottom:-29px; background:url(../images/colorbox/controls.png) 0px 0px no-repeat; width:23px; height:23px; text-indent:-9999px;}
#cboxPrevious{left:0px; background-position: -51px -25px;}
#cboxPrevious.hover{background-position:-51px 0px;}
#cboxNext{left:27px; background-position:-75px -25px;}
#cboxNext.hover{background-position:-75px 0px;}
#cboxClose{right:0; background-position:-100px -25px;}
#cboxClose.hover{background-position:-100px 0px;}
.cboxSlideshow_on #cboxSlideshow{background-position:-125px 0px; right:27px;}
.cboxSlideshow_on #cboxSlideshow.hover{background-position:-150px 0px;}
.cboxSlideshow_off #cboxSlideshow{background-position:-150px -25px; right:27px;}
.cboxSlideshow_off #cboxSlideshow.hover{background-position:-125px 0px;}

/* Inline Popup */
.pop-div {
	display: none;
}

.pop-div-content {
	padding: 5px;
}

	.pop-div-content h3 {
		margin-bottom: 5px;
	}

	div.pop-div-content div.hr {
		margin: 0 !important;
		margin-right: 0 !important;
	}

#tag-presets {
	margin-bottom: 1.5em;
}

	#tag-presets ul {
		margin-left: 5%;
		margin-right: 5%;
	}

		#tag-presets li {
			display: block;
			float: left;
			width: 30%;
			margin-left: 0;
		}

.pop-div-submit {
	clear: both;
	margin-top: 1.5em;
}

#filter-promo {
	display: inline-block;
	vertical-align: middle;
	margin-left: 10px;
}

/* Tag Editor */
#tag-editor {
	border-style: solid;
	border-width: 1px;
	padding: 5px 5px 0;
}

#tag-editor a.tag {
	padding-right: 15px;
	position: relative;
	margin-bottom: 5px !important;
	margin-right: 5px;
	display: block !important;
	float: left;
}

a.tag span.delete-tag {
	position: absolute;
	right: 2px;
	top: 3px;
	height: 11px;
	width: 11px;
	background: transparent url(../images/atlas/tag_delete.png) no-repeat scroll 0 0;
	cursor: pointer;
}

	a.tag span.delete-tag:hover {
		background-position: 0 -11px;
	}

#add-tag {
	display: inline-block;
	outline: none;
	border: 0;
	width: 170px;
	margin-bottom: 5px;
	padding-top: 1px;
	background-color: transparent !important;
}

.profile-page,
#comments-loadmore-box,
.marg-bot {
	margin-bottom: 5px;
}

.profile-page h2 {
	font-weight: bold;
	margin-bottom: 0;
}

.profile-page h4 {
	margin-bottom: .5em;
}

.profile-page dt {
	float: left;
	width: 120px;
	clear: left;
}

.author-twitter {
	background: url(../images/icons/author_twitter.png) no-repeat left;
	padding-left: 16px;
}

.author-email {
	background: url(../images/icons/author_email.png) no-repeat left;
	padding-left: 16px;
}

.author-bio {
	background: url(../images/icons/author_bio.png) no-repeat left;
	padding-left: 16px;
}

.author-articles {
	background: url(../images/icons/author_articles.png) no-repeat left;
	padding-left: 16px;
}

body#tinymce {
	min-width: 0 !important;
}

#searchresults #filter {
	padding-left: 5px;
}

/* Themed Bar */
.themed-bar {
	background-color: #ffeec4;
	background-repeat: repeat-x;
	background-image: url(../images/atlas/themed_bar_bg.png);
	margin-bottom: 5px;
	position: relative;
}

	.themed-bar a {
		color: inherit !important;
		text-decoration: none;
	}

.themed-bar-bg {
	position: relative;
	min-height: 50px;
	background-position: right;
	background-repeat: no-repeat;
}

.themed-bar-image {
	position: absolute;
	left: 10px;
	bottom: 3px;
}

.themed-bar-text {
	float: right;
	margin-right: 10px;
	display: block;
	font-size: 18px;
	line-height: 50px;
	color: inherit;
}

	.themed-bar-text img {
		margin-left: 5px;
		margin-bottom: 3px;
		vertical-align: middle;
	}

/* Social Links */
#social-links {
	margin-bottom: 5px;
}

	#social-links ul {
		list-style: none;
		margin: 0;
		width: 100%;
	}

		#social-links li {
			margin: 0;
			width: 100px;
			float: left;
			text-align: center;
		}

		 #social-links li.social-facebook {
		 	margin: 0 5px;
		 }

			#social-links li a {
				display: block;
				text-decoration: none;
				line-height: 24px;
				font-size: 11px;
				padding: 2px 0;
				background-image: url(../images/atlas/button_default_bg.png);
				background-repeat: repeat-x;
			}

				#social-links li a img {
					display: inline;
					vertical-align: bottom;
					margin-right: 2px;
				}

			#social-links li a:hover {
				background-image: url(../images/atlas/button_bg.png);
			}