/* http://pxtoem.com/ */

/*
 * Base elements
 *************************/
body {
	line-height: 1.5;
	background: url(/images/fansite/header-bar-bg.png) repeat-x 0 0;
	font-family: Arial, Verdana, sans-serif;
	font-size: 75%;
	color: #5c5c5c;}

h1 {
	margin: 25px 0 23px;
	font-size: 4em;
	text-align: center;}

h2 {
	font-size: 30px;
	color: #444;}

h4 {
	font-size: 1em;
	margin: 0 0 1em;}

a {
	color: #46aaff;
	text-decoration: none;}

a:hover {
	color: #4c8fc7;}

p,
ul,
ol,
li {
	margin: 0 0 20px;}

/*
 * Site Structure
 *************************/

#content {
	position: relative;}

#header {
	position: relative;
	margin: 0 0 20px;
	padding: 45px 0 0;}

/*
 * Header Elements
 *************************/
#header .return {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	padding: 12px 0;
	color: #aaa;}

#header .return:hover {
	color: #fff;}

#stagebloc-logo {
	display: block;
	position: absolute;
	top: 0;
	right: -5px;
	background: url(/images/fansite/header-sb-logo.png) no-repeat 0 -5px;
	width: 154px;
	height: 96px;
	text-indent: -9999px;
	z-index: 10;}

#stagebloc-logo:hover {
	background-position: 0 0;}

/*
 * Lists
 *************************/
.flat-list li {
	display: inline-block;
	margin: 0 1.25em;}

.flat-list :first-child {
	margin-left: 0;}

#footer {
	margin: 100px 0 35px;}

#footer,
#footer a {
	color: #adadad;}

#footer a:hover {
	color: #5c5c5c;}

/*
 * Notifications
 *************************/
.notification {
	background: url(/images/fansite/1px-fff.gif) repeat-x;
	margin: 0 0 5px;
	padding: 8px 22px 7px;}

.notification.info {
	background-color: #e5f3fe;
	border: 1px solid #cfeafe;
	color: #5c5c5c;}

.notification.error {
	background-color: #fbe3e4;
	border: 1px solid #fbc2c4;
	color: #ff3539;}

/* This might be better absolutely positioned. */
.notification.attached {
	/* GOGO Standards! */
	-webkit-border-top-left-radius: 0px;
	-webkit-border-top-right-radius: 0px;
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-topleft: 0px;
	-moz-border-radius-topright: 0px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;}

/*
 * Blocks
 *************************/
.block {
	display: block;
	background: #f0f0f0 url(/images/fansite/1px-fff.gif) repeat-x;
	border: 1px solid #e3e3e3;
	margin: 0 0 10px;
	padding: 21px 20px 0;}

.block.bare {
	background: none;
	border: none;
	padding: 22px 21px;
	color: #adadad;}

.block.faded {
	opacity: .35;}

/*
 * Return To
 *************************/
.block.return-to {}

.block.return-to .return {
	background: url(/images/fansite/return-arrow.png) no-repeat 0 2px;
	margin: 0 0 40px;
	padding: 0 0 0 29px;}

/*
 * Components
 *************************/
.label {font-weight: bold;}
.condensed li {margin: 0;}
.avatar.small {
	float: left;
	margin: 0 9px 0 0;}

/*
 * Utilities
 *************************/
.sneaky {
	display: none;}

/*
 * Forms
 *************************/
fieldset.required strong {
	color: #ff3438;}

fieldset li {
	overflow: hidden;}

label {
	display: block;
	margin: 0 0 7px;
	cursor: pointer;}

select,
input[type=text],
input[type=password]{
	border: 1px solid #c8c8c8;
	width: 328px;
	padding: 9px;
	font-family: Arial, Verdana, sans-serif;
	color: #747474;}

select {
	width: 348px;}

select:active,
input[type=text]:focus,
input[type=password]:focus {
	background-color: #ffffe0;}

input[type=submit] {
	display: inline-block;
	background: #5baaec url(/images/fansite/btn-bg.jpg) repeat-x 0 0;
	border-style: solid;
	border-width: 1px;
	border-top-color: #6cdaff;
	border-right-color: #59afde;
	border-bottom-color: #4c8fc7;
	border-left-color: #63c2f6;
	padding: 3px 5px;
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	color: #fff;
	cursor: pointer;}

.grouped input {
	float: left;
	margin: 0 0 0 8px;
	width: 150px;}

.grouped input:first-child {
	margin-left: 0;}

.checkbox label {
	float: right;
	width: 328px;}

.checkbox input {
	float: left;
	margin: 3px 7px 0 0;
	width: 12px;
	height: 12px;}