/* RESET */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
/* new block elements */
article, aside, audio, canvas, datalist, details, figure, figcaption, footer, header, hgroup, nav, section, summary, video{
	display:block;
}
a:focus, button:focus{
	outline:#333 1px dotted;
}
/* TYPOGRAPHY */
strong {
	font-weight: bold;
}
#primary-content .q-before {
	margin-left:-18px;
	left:-5px;
	font: 55px/16px Arial, sans-serif;
	position:relative;
	top:18px;
	color:#f82f01;
}
#primary-content .q-after  {
	right:-5px;
	top:auto;
	bottom:-35px;
	font: 55px/16px Arial, sans-serif;
	position:relative;
	color:#f82f01;
}
body, button, input, textarea, select, #connect h1, #signin h1, #secondary-content nav h1, #campaigners h2, #page-footer h2,
#featured-campaign h2, #you-are-viewing h1, #campaigns section h2,  #mentors-list #mentors section h2, #choose-the-twelfth article h2{
	font: 13px/16px Arial, sans-serif;
	color:#303030;
	text-transform:none;
}
#campaigners h2 {
	font-size: 14px;
}
#secondary-content nav h1, #page-footer h2, #featured-campaign h2{
	color:#fff;
	font-weight:bold;
}
#signin, #signin h1, #primary-content .hfeed article h1{
	font: bold 12px Arial, sans-serif;
}
#masthead aside, .hfeed section h1, .hfeed .comments a{
	font-size:11px;
}
.hfeed section h1, .hfeed .comments a{
	font-weight:bold;
	line-height:20px;
	font-family:Arial, sans-serif;
	text-transform:none;
}
#primary-content .hfeed article h1, #featured-campaign h1 em, #editors-choice article h1, #featured-campaigner h2{
	font: bold 12px/18px Arial, sans-serif;
	text-transform:none;
}
#featured-campaigner h1{
	font-weight:normal;
}
h1{
	font: normal 31px/26px Champion, Impact, sans-serif;
	text-transform:uppercase;
}
h2{
	font:24px/32px Georgia, serif;
}
.replace{
	text-transform:uppercase;
}
aside h2, #featured-campaign h1, .page-header h2, #campaigns section h1, #mentors-list #mentors section h1, #featured-campaigner h1{
	font: 20px/20px Georgia, serif;
	text-transform:none;
}
#campaigners h1{
	padding-top:6px;
}
#campaigners a {
	display:block;
	font: normal 14px Georgia, serif;
}
#campaigns section hgroup em{
	font: 13px Arial, sans-serif;
}
#campaigners a strong{
	font-size:11px;
	font-weight: normal;
}
h3, .chronological{
	font-weight:bold;
}
article h1{
	font:20px/32px Georgia, serif;
	text-transform:none;
}
#tell-us p{
	font:16px/20px Georgia, serif;
}
#editors-choice h1, #featured-campaign h3, #the-campaigns .filter h1{
	font: normal 16px/20px Champion, Impact, sans-serif;
	text-transform:uppercase;
}
.hfeed .comments, #filters li *{
	font-size:11px;
	line-height:12px;
}
#main-navigation, #your-campaign label span, #personal-information h1{
	font:24px/32px Champion, Impact, sans-serif;
	text-transform:uppercase;
}
#your-campaign p {
	text-align: left;
}
h1 span{
	display:block;
	width:200px;
}
article h1 span{
	display:inline;
	width:auto;
}
#primary-content article h1{
	line-height:24px;
}
#primary-content article footer{
	font-size:11px;
	font-weight:bold;
	padding:2px 5px;
}
#spotlight article h1{
	line-height:26px;
}
#spotlight article h2{
	font-size:20px;
	line-height:24px;
}
#secondary-content #campaign h1 span, #secondary-content #whats-it-all-about h1 span{
	width:4em;
}
#secondary-content #hunt-for-the-12th-campaigner h1 span{
	width:auto;
}

#article-title{
	padding-top:5px;
}
#article-title h1{
	color:#333;
	font-size:31px;
	padding-bottom:3px;
	padding-top:3px;
}

#article-title h2{
	color:#f82f01;
	font:31px Champion, Impact, sans-serif;
}

#game-title h1{
	padding-bottom:3px;
	padding-top:3px;
}
#game-title h2{
	font:31px Champion, Impact, sans-serif;
	margin-top:10px;
}

#game-content h2{
	font-size:18px;
	color:#f82f01;
}

#game-content .addthis_button {
	position: relative;
	top: -15px;
	right: 0;
}

#competition-title h1{
	color:#333;
	padding-bottom:3px;
	padding-top:3px;
}
#competition-title h2{
	color:#f82f01;
	font:31px Champion, Impact, sans-serif;
}
#competition-content h2{
	font-size:18px;
	color:#f82f01;
}
.page-title h1, h1.page-title{
	padding-top:6px;
	padding-bottom:6px;
}
section .page-title{
	margin-left:0;
	margin-right:0;
}

/* LINKS */
a:link, #primary-content .hfeed .comments a, a:visited, .hfeed .paging a{
	color:#2c96d2;
	text-decoration:none;
}
.sub-tabs ul li.active a{
	color:#61809C;
}
a:visited{
	color:#80b3e2;
}
a:hover, a:hover span{
	text-decoration:underline;
}
#elsewhere a{
	height:27px;
	padding-top:3px;
	padding-left:8px;
	border-left:1px solid #fff;
	color:#fff;
}
#main-navigation a, #masthead aside a{
	color:#303030;
}
#main-navigation a:hover{
	text-decoration:underline;
	border-bottom:1px solid #303030;
}
#main-navigation .active:hover{
	border-bottom-color:#F82F01;
}
#spotlight article h1 a, #the-campaigns #campaigns a{
	color:#fff;
}
#spotlight article h2 a, .paging a, .paging a:visited{
	color:#333;
}
.paging a, .paging strong{
	padding:0 2px;
}
.paging a[rel=next], .paging a[rel=prev]{
	font-weight:bold;
}
.paging strong {
	color:#fff;
	background-color:#f82f01;
}
#mentors-list .paging strong{
	color:#fff;
	background-color:#42ba69;
}
.hfeed .battlefront a{
	color:#f9431a;
}
#primary-content #latest-activity a.inline-comment, #campaigners a, .filter strong, #featured-campaign a{
	color:#fff;
}
#campaigners a strong, .filter a, #signin a, .filter a:visited{
	color:#000;
}
#the12th{
	background-color:#fff;
}
#the12th a span{
	position:absolute;
	left:-9999px;
}
#signin a{
	font-weight:bold;
}
#campaigners a, #campaigners a span, #main-navigation a, .tabs a:hover{
	text-decoration:none;
}
#secondary-content aside nav a, #featured-campaign nav a, #episode-details nav a{
	color:#fff;
	background-color:#333;
	padding:2px 10px 2px 18px;
}
#secondary-content .edit{
	padding-left:18px;
}

#you-are-viewing a{
	color:#f9431a;
}
#secondary-content aside nav a:hover, #secondary-content .edit:hover, #petition .pb_open a:hover {
	color:#f22e01;
	text-decoration:none;
}
.tabs ul a{
	font:18px/24px Champion;
	text-transform:uppercase;
}
.chronological a{
	color:#999;
}
#spotlight hgroup a:hover span span{
	text-decoration:underline;
}

/* FORMS */
input, textarea{
	padding:2px;
	border-width:1px;
	border-style:solid;
	border-color:#ccc #ddd #ddd #ccc;
}
textarea{
	height:100px;
	width:100%;
}
input[type=search]{
	-webkit-appearance:textfield;
}
.invalid{
	background-color:#990000;
	color:#fff;
}
label{
	clear:left;
	text-align:left;
	display:block;
	margin-bottom:5px;
	cursor:pointer;
}
label strong{
	color:#f82f01;
}
label span{
	display:block;
	padding-bottom:2px;
}
.checkbox input, .check-list input{
	float:left;
	margin-right:1ex;
	margin-top:0;
	border:0;
}
#container .radio input{
	width:auto;
}
.check-list label{
	float:left;
	clear:none;
	width:33%;
}
fieldset{
	text-align:right;
}
button, #register a.register{
	cursor:pointer;
	font-size:13px;
	margin-top:11px;
	padding:2px 10px;
	background-color:#333;
	color:#fff;
	border:0;
}
#dialog-content{
	padding:10px 0 16px;
	display: hidden;
	position: absolute;
	z-index: 2;
	background: #FFF;
	width:400px;
}
#dialog-content fieldset{
	width:360px;
}
#dialog-content label{
	padding-right:8px;
}
#primary-content form, #dialog-content fieldset, #twelfth-campaigner form{
	background-color:#e0f0fa;
}
#primary-content form h2, #twelfth-campaigner form h2{
	padding:5px 10px;
	font: 13px/20px Arial, sans-serif;
	background-color:#91cbed;
	color:#fff;
	border-bottom:2px solid #fff;
}
#primary-content form fieldset, #primary-content form p, #dialog-content fieldset, #twelfth-campaigner fieldset{
	padding:14px;
}
#primary-content form button, #dialog-content button, #twelfth-campaigner button{
	background-color:#2c96d2;
}
#dialog-content textarea, #dialog-content input{
	width:100%;
}
#dialog-content .checkbox input{
	width:auto;
}
form#primary-content input{
	width:376px;
}
#dialog-content h1{
	padding-bottom:4px;
}

/* DIALOGS */
.ui-dialog {
	background-color:#fff;
	text-align:left;
	-moz-box-shadow:rgba(0,0,0,0.4) 0 0 14px;
	-webkit-box-shadow:rgba(0,0,0,0.4) 0 0 14px;
	box-shadow:rgba(0,0,0,0.4) 0 0 14px;
}
.ui-dialog h1{
	padding:10px 14px;
	border-top:6px solid #62B5E5;
	border-bottom:1px solid #000;
}
.ui-dialog #dialog-content{
	margin:0;
	padding-bottom:0;
	padding-top:0;
	text-align: left;
}
.ui-dialog #dialog-content fieldset{
	min-height: 70px;
	width:auto;
}
.ui-dialog-titlebar{
	position:absolute;
	z-index: 4;
	right:14px;
	top:19px;
}
/* STRUCTURE */
body{
	text-align:center;
	-o-text-overflow:ellipsis;
	text-overflow:ellipsis;
}
p{
	padding-bottom:16px;
}
#elsewhere, #masthead, #campaigners, #page-footer, #the-campaigns, #breadcrumb, .page-title, #dialog-content, #manage-profile, #registration, #choose-the-twelfth, #twelfth-campaigner{
	margin:0 14px;
}
#campaign-details{
	padding:0 14px;
}
#primary-content, #secondary-content{
	padding:0 0 0 14px;
}
#container{
	width:974px;
    margin:0 auto 50px;
	text-align:left;
	position:relative;
}
	/* ELSEWHERE */
	#elsewhere{
		background-color:#f82f01;
		-moz-box-shadow:rgba(0,0,0,0.5) -2px 0 20px;
		-webkit-box-shadow:rgba(0,0,0,0.5) -2px 0 20px;
		box-shadow:rgba(0,0,0,0.5) -2px 0 20px;
		position:fixed;
		bottom:0;
		left:0;
		width:100%;
		height:0;
		text-align:center;
		overflow:hidden;
		margin:0;
		z-index:1000;
	}
	#elsewhere.enabled{
		height:26px;
	}
	#elsewhere.active{
		height:150px;
		z-index:3;
	}
	#elsewhere object{
		margin:0 auto;
	}
	#elsewhere a{
		float:left;
		display:block;
	}
	#elsewhere span{
		display:block;
		clear:left;
	}

	/* MASTHEAD */
	#masthead{
		clear:left;
		position:relative;
		z-index:2;
		height:120px;
		border-bottom:6px solid;
	}
	#masthead h1.root a{
		position:absolute;
		left:0;
		bottom:15px;
		width:324px;
		height:73px;
		text-indent:-9999px;
		overflow:hidden;
	}
	#masthead h2{
		position:absolute;
		left:-9999px;
	}
	#connect h1, #signin h1{
		position:static;
		text-indent:0;
		height:auto;
		width:auto;
	}
		/* NAVIGATION */
		#main-navigation{
			position:absolute;
			bottom:10px;
			right:0;
			border-top:1px dotted;
			padding-top:5px;
			overflow:hidden;
			white-space:nowrap;
			width:586px;
		}
		#main-navigation h1{
			position:absolute;
			left:-9999px;
		}
		#main-navigation li{
			display:inline;
			margin-right:10px;
		}

		/* CONNECT */
		#connect{
			position:absolute;
			top:14px;
			left:360px;
		}
		#connect li{
			float:left;
		}
		#connect a{
			display:block;
			float:left;
			text-indent:-9999px;
			overflow:hidden;
			width:20px;
			height:20px;
			margin-top:6px;
			margin-right:5px;
		}

		/* SEARCH */
		#search{
			padding:4px 5px;
			width:216px;
			position:absolute;
			top:32px;
			left:720px;
		}
		#search fieldset{
			text-align:left;
		}
		#search span{
			position:absolute;
			left:-9999px;
		}
		#search label{
			display:inline;
			margin-bottom:0;
		}
		#search input{
			width:174px;
			margin:0;
			margin-right:4px;
		}
		#search button{
			position:absolute;
			top:4px;
			right:10px;
			width:21px;
			height:21px;
			border:0;
			text-indent:-9999px;
			overflow:hidden;
			margin-top:0;
		}

		/* SIGN IN */
		#signin{
			position:absolute;
			top:15px;
			left:530px;
		}
		.signed-in #signin h1{
			border-bottom:1px dotted #ccc;
			padding-bottom:5px;
			margin-bottom:5px;
		}
		#signin a.fb_button {
			margin-top: 6px;
		}
		#signin h6 {
			margin-bottom: 6px;
		}
		#signin a.fb-logout-link img,
		#footer-log a.fb-logout-link img {
			width: 78px;
			height: 16px;
			margin-bottom: -2px;
		}
		img.profile-pic {
			float: left;
		}
		ul.inline {
			float: left;
			margin-left: .5em;
		}
		ul.inline li {
			float: left;
			display: inline-block;
			margin-right: .25em;
			line-height: 20px;
		}

		/* SPONSOR LINK */
		#masthead aside{
			position:absolute;
			top:13px;
			right:0;
            padding-right:123px;
		}
		#masthead aside a{
			display:block;
		}
		#masthead aside span{
			display:block;
            width:120px;
			height:17px;
			display:block;
			text-indent:-9999px;
			overflow:hidden;
			position:absolute;
			top:-4px;
			right:0;
		}

	/* CAMPAIGNERS */
	#campaigners{
		position:relative;
		height:95px;
		border-bottom:6px solid;
		margin-bottom:10px;
	}
	#campaigners h2{
		position:absolute;
		left:0;
		bottom:4px;
		font-weight:bold;
	}
	#campaigners h1 span{
		width:10px;
	}
	#campaigners ul{
		position:absolute;
		top:3px;
		right:0;
		width:auto;
	}
	#campaigners #the12th a{
		opacity:0.7;
		width:56px;
		left:0;
		padding:0;
		-webkit-transition:0.1s opacity ease-in;
		-moz-transition:0.1s opacity ease-in;
	}
	#campaigners li{
		position:relative;
		width:56px;
		height:90px;
		border-width:0 1px;
		border-style:solid;
		float:left;
		z-index:2;
		margin:0;
	}
	#campaigners .active-right{
		right:-6px;
		z-index:1;
	}
	#campaigners .active-left{
		left:-12px;
		z-index:1;
	}
	#campaigners .active-next-left{
		left:-6px;
		z-index:1;
	}
	#campaigners #campaigner1{
		left:0;
	}
	#campaigners #the12th.active-right{
		right:0;
	}
	#campaigners li *{
		opacity:0;
	}
	#campaigners li *{
		position:absolute;
		left:-9999px;
	}
	#campaigners #the12th a:hover{
		opacity:1.0;
	}
	#campaigners .active{
		z-index:3;
		position:relative;
		margin-left:-31px;
		margin-right:-31px;
		width:118px;
		overflow:hidden;
	}
	#campaigners .active *{
		left:auto;
		opacity:1.0;
	}
	#campaigners a, #campaigners a *{
		display:block;
	}
	#campaigners a{
		display:block;
		height:100%;
		width:73px;
		padding:0 40px 0 5px;
	}
	#campaigners a *{
		position:static;
	}

	/* BREADCRUMB*/
	#breadcrumb{
		position:relative;
		height:21px;
		background-color:#ebebeb;
		border-bottom:1px dotted #acabab;
		margin-bottom:10px;
		margin-top:1px;
	}
	#breadcrumb ul{
		padding-top:2px;
		padding-left:5px;
	}
	#breadcrumb li{
		float:left;
		font: 11px Arial, Helvetica, sans-serif;
		color:#333;
		padding-right:4px;
	}
	#breadcrumb a{
		color:#333;
	}

	#breadcrumb strong{
		color:#f82f01;
	}

	/* PRIMARY CONTENT */
	#primary-content{
		width:626px;
		float:left;
		overflow:hidden;
	}
	#primary-content.episodes{
		overflow: visible;
	}
	#primary-content section{
		clear:left;
		padding-bottom:15px;
		margin-bottom:10px;
	}
	#primary-content section section{
		border-bottom:0;
		margin-bottom:0;
	}
	#primary-content h1{
		border-bottom-width:1px;
		border-bottom-style:solid;
		padding-bottom:5px;
		margin-bottom:12px;
		padding-top:1px;
	}
	#primary-content article{
		position:relative;
	}
	#the-game article.game{
		border-bottom:6px solid #2C96D2;
		margin-bottom:16px;
		padding-bottom: 14px;
	}
	#primary-content article h1{
		border-bottom-width:0;
		margin:0;
		padding:0;
	}
	.hfeed section h1{
		text-align:right;
	}
	.hfeed article h1{
		text-align:left;
	}
	.hfeed section h1 time{
		padding-right:10px;
	}
	.hfeed article img.photo{
		position:absolute;
		left:-71px;
		top:0;
		padding:3px 4px 12px 3px;
	}
	.hfeed article{
		padding: 10px 0 15px 80px;
		border-bottom:1px solid;
	}
	.you .hfeed article,
	.edit .hfeed article {
		padding: 15px 0 35px 80px;
	}
	.hfeed article p{
		padding-bottom:6px;
		width:465px;
	}
	.hfeed .facebook p a {
		display: block;
		margin: .5em 0 1em ;
	}
	.hfeed .facebook p a + em {
		border-left: 3px solid;
		color: #999;
		display: block;
		padding-left: 0.5em;
	}
	.hfeed article footer *{
		display:inline;
	}
	.hfeed object, .hfeed embed{
		margin:10px 0;
	}
	#primary-content .hfeed article footer{
		padding:0;
	}
	#primary-content .hfeed section h1, #primary-content .hfeed article h1{
		padding-bottom:0;
		width:100%;
		border-bottom:0;
		position:relative;
	}
	#latest-activity article.albums div {
		margin: 5px 0;
	}
	#latest-activity article.albums div strong {
		display: block;
	}
	#primary-content .hfeed .comments{
		margin:16px 0 0;
		width:466px;
	}
	#primary-content .hfeed .comments h1{
		position:absolute;
	}
	.hfeed .comments article{
		margin-bottom:2px;
		position:relative;
		border-bottom:0;
		padding-bottom:0;
		padding-left:52px;
		padding-right:14px;
	}
	.hfeed .comments header, .hfeed .comments .more{
		padding-top:3px;
		padding-bottom:1px;
		height:22px;
		padding-left:34px;
		margin:0 0 2px;
		display:block;
	}
	.hfeed .comments .more{
		cursor:pointer;
	}
	.hfeed .comments header h1{
		position:absolute;
		left:-9999px;
	}
	.hfeed .comments header p{
		padding-bottom:0;
	}
	#primary-content .hfeed .comments footer{
		text-align:right;
		padding:3px 0 3px;
		width:100%;
	}
	#primary-content .hfeed .comments footer nav{
		padding-right:12px;
	}
	#primary-content .hfeed .comments article footer{
		padding:0 0 16px;
		text-align:left;
	}
	.hfeed .comments article .photo{
		position:absolute;
		left:12px;
		top:16px;
		padding:0;
	}
	#primary-content .hfeed section{
		padding-bottom:0;
	}
	.paging, .hfeed .chronological{
		text-align:right;
	}
	.hfeed .chronological{
		margin-top:-11px;
	}
	#activity-stream .chronological{
		margin-top:-20px;
	}
	.hfeed .paging{
		position:relative;
		top:-1px;
		border-top-width:1px;
		border-top-style:solid;
		padding-top:9px;
		margin-top:0;
	}
	#no-results,
	p.activity-error,
	.site-error {
		font-weight: bold;
		text-align: center;
		padding: 16px 0;
	}
	.hfeed .chronological *{
		margin-left:1ex;
	}
	article a.icon {
		float: right;
		text-indent: -9999px;
		width: 20px;
		height: 20px;
		display: inline-block;
		background: url("../images/bf-sprite.png") no-repeat;
	}
	.facebook .icon {
		background-position: -320px -40px;
	}
	.twitter .icon {
		background-position: -320px -20px;
	}
	.youtube .icon {
		background-position: -320px 0;
	}
	/*
	.youtube .entry-title{
		background:url(../images/bf-sprite.png) no-repeat 207px 0;
	}
	.twitter .entry-title{
		background:url(../images/bf-sprite.png) no-repeat 207px -22px;
	}
	.facebook .entry-title{
		background:url(../images/bf-sprite.png) no-repeat 207px -40px;
	}
	*/
	.loading {
		background: url(../images/ajax-loader.gif) no-repeat center;
		height: 50px;
		clear: both;
		text-indent: -9999px;
	}

	/* ARTICLE */
	#primary-content #article-content {
		padding: 0;
	}
	#article-content img {
		margin-bottom: 10px;
		width: 626px;
		height: 352px;
	}
	.article .single-likes {
		position: static;
		margin-bottom: 15px;
		width: auto;
		padding: 5px 5px 0;
		text-align: left;
	}

	#article-content,
	#game-content,
	#competition-content,
	#competition-form {
		border-bottom: none;
	}
	#article-title,
	#game-title,
	#competition-title {
		clear:left;
		position:relative;
		border-bottom:6px solid #f82f01;
		margin-bottom:8px;
		margin-top:-7px;
	}

	/* MENTOR's PROFILE */
	#primary-content #mentors-profile, #mentors-profile > h1{
		border-bottom:0;
	}
	#mentor-title, #mentors-title {
		border-bottom:6px solid #42ba69;
		padding-bottom:0;
		margin-bottom:8px;
	}
	#mentors-profile img{
		float:left;
		margin-bottom:16px;
	}
	#mentors-profile dl{
		font-weight:bold;
	}
	#mentors-profile dd{
		color:#42ba69;
		margin-bottom:16px;
	}
	#mentors-profile blockquote p, #mentors-profile blockquote{
		background: url(../images/mentor-quotes.png) no-repeat;
	}
	#mentors-profile blockquote p{
		display:inline;
		font: 18px/24px Georgia, serif;
		padding-right:25px;
		padding-bottom:0;
		background-position:bottom right;
	}
	#mentors-profile blockquote{
		clear:left;
		padding-left:25px;
		background-position:top left;
	}
	#primary-content #myflock {
		width: 646px;
		padding-top:16px;
		border: 0px solid white;
	}
	#primary-content #myflock section {
		background-color:#f82f01;
		float:left;
		height:266px;
		margin-bottom:10px;
		margin-right:10px;
		position:relative;
		width: 306px;
		display:block;
		clear: none;
	}
	#primary-content #myflock section hgroup {
		background-position:0 -570px;
		background-repeat:no-repeat;
		padding:5px 10px;
		position:absolute;
		top:172px;
		width:286px;
		left:0;
	}
	#primary-content #myflock a {
		color:#FFFFFF;
	}
	#myflock hgroup h1 {
		padding: 0;
	}
	#myflock h1 {
		font:31px/32px Champion,Impact,sans-serif;
		text-transform:uppercase;
		padding-top:8px;
	}
	#myflock #myflock-title {
		border-top: 1px solid #CCCCCC;
		border-bottom:1px solid #CCCCCC;
		position: relative;
		padding-top: 5px;
		padding-bottom: 5px;
	}
	#mentors-data {
		clear:both;
		display:block;
		float:left;
		position:relative;
		width:626px;
		padding-top:10px;
		margin-bottom:10px;
		border-top:1px solid #CCCCCC;
		border-bottom:1px solid #CCCCCC;
	}
	#mentors-shoot{
		display:inline;
		float:left;
		position:relative;
		width: 310px;
	}
	#mentors-data-profile{
		display:block;
		float:left;
		position:relative;
		width: 300px;
		padding-left: 10px;
	}

	/* SEARCH-RESULTS */
	#primary-content #search-results{
		border-bottom:0;
	}
	#search-header{
		border-bottom:6px solid #f82f01;
		margin-bottom:6px;
	}
	#search-results header{
		padding-bottom:8px;
		border-bottom:1px solid black;
	}
	#search-results header p{
		font-weight:bold;
		padding-bottom:0;
	}
	#search-results #query {
		color: #F82F01;
	}
	#search-results article{
		float:left;
		width:100%;
		padding:10px 0;
		clear:left;
		border-bottom:1px solid #ccc;
		position: relative;
	}
	#search-results img{
		margin-right: 14px;
		width: 146px;
		height: 81px;
	}
	#search-results img, #search-results div{
		float:left;
	}
	#search-results div{
		width:466px;
	}
	#search-results article h1{
		font-size:18px;
		line-height: 18px;
		margin-top: .5em;
	}
	#search-results hgroup h1 {
		margin: 0;
	}
	#search-results h2 {
		font-size:16px;
		line-height: 16px;
	}

	#search-results article p {
		padding: 8px 0 0;
	}
	#search-results span.offsite-result {
		color: #CCC;
		font-size: .9em;
		text-transform: lowercase;
		font-variant: small-caps;
		display: block;
		margin: 0 0 -2em 0;
	}

	/* SPOTLIGHT */
	#spotlight{
		width:634px;
		overflow:hidden;
	}
	#spotlight article{
		width:204px;
		height:352px;
		float:left;
		margin-right:7px;
		position:relative;
	}
	#primary-content #spotlight article hgroup {
		position:absolute;
		top:215px;
		left:0;
		line-height:26px;
	}
	#spotlight hgroup h1{
		padding-top:3px;
		padding-bottom:3px;
	}
	#spotlight hgroup h1 a{
		display:block;
		width:184px;
		overflow:hidden;
		padding:0 10px;
	}
	#spotlight hgroup h2 a{
		display:block;
		float:left;
		padding:0 10px;
	}
	#spotlight a img.photo {
		width: 204px;
		height: 352px;
	}
	/* BUBBLES */
	.bubble {
		position: absolute;
		background: url(../images/bubble-sprite.png) no-repeat;
		z-index:900;
		display: none;
		text-transform: uppercase;
		font-size: 10px;
		line-height: 12px;
		color: #fff;
		overflow: hidden;

	}
	.large {
		background-position:0 -117px;
		height:111px;
		padding:18px 35px 36px 118px;
		width:76px;
	}
	.small{
		background-position:0 0;
		height:40px;
		padding:8px 10px 30px 18px;
		width:64px;
	}
	.medium{
		background-position:-94px 0;
		height:43px;
		padding:17px 20px 52px 22px;
		width:67px;
	}

	/* LATEST NEWS */
	#latest-news article,
	#articles article {
		position:relative;
		padding-left:160px;
		min-height:96px;
	}
	#latest-news h1,
	#articles article {
		padding-bottom:3px;
		margin-bottom:10px;
	}
	#latest-news article img,
	#articles article img{
		position:absolute;
		top:0;
		left:0;
		width: 146px;
		height: 81px;
	}

	#articles li {
		margin: 0 0 18px 0;
		border-bottom: 1px solid #000;
	}

	#articles li:last-child {
		border-bottom: none;
	}

	/* LATEST ACTIVITY */
	#primary-content #latest-activity, #latest-activity h1, #primary-content #activity-stream, #activity-stream h1{
		border-bottom:0;
	}
	#latest-activity h1, #activity-stream h1{
		margin-bottom:0;
		padding-bottom:5px;
	}
	#activity-stream h1.replace{
		padding-top:16px;
	}
	.tabs ul{
		clear:left;
		float:left;
		width:100%;
		border-bottom:1px solid;
		margin-bottom:9px;
	}
	.page-title .tabs ul{
		margin-top:10px;
		border-bottom:6px solid #2c96d2;
	}
	.tabs li{
		float:left;
	}
	.tabs a{
		display:block;
		float:left;
		padding:6px 25px 3px;
		margin:4px 1px 0 1px;
	}
	.tabs ul .active a{
		padding-top:8px;
		padding-bottom:5px;
		margin-top:0;
	}
	.sub-tabs{
		padding:0 10px;
	}
	#primary-content #editors-choice{
		margin-bottom:15px;
	}
	#editors-choice article{
		border-bottom:0;
	}
	#editors-choice h1{
		text-align:left;
		padding-left:22px;
		line-height:18px;
		padding-top:3px;
		margin-bottom:2px;
	}
	.hfeed .chronological{
		margin-bottom:5px;
	}

	/* the-show */
	#episodes{
		position:relative;
		float:left;
		background:none repeat scroll 0 0 #F82F01;
		z-index:4;
		padding-bottom:14px;
	}
	#episodesHeader{
		border-top:6px solid #f82f01;
		position:relative;
		z-index:3;
		height:77px;
		padding-top:20px;
		background:#fff url(../images/best-bits.png) no-repeat 660px -110px;
	}
	#episodesHeader h1{
		text-indent:-9999px;
		overflow:hidden;
		top:-10px;
		left:0;
		position:absolute;
		z-index:2;
		width:560px;
		height:107px;
		padding:0;
		background:url(../images/best-bits.png) no-repeat top left;
	}
	#episodesHeader p{
		color:#999999;
		font:16px Georgia,serif;
		margin-left:545px;
		padding-bottom:0;
		width:120px;
	}
	footer.single-likes {
		font-size:11px;
		color:#fff;
		position:relative;
		left:14px;
		height:30px;
		padding: 5px 14px 0 5px;
		line-height:30px;
		width:598px;
		background-color:#e86b4e;
		clear:left;
	}
	#show{
		background-color:#333;
		background-image:-webkit-gradient(linear, 40% top, right bottom, from(#494949), to(#222));
		background-image:-moz-linear-gradient(40% top, right bottom, from(#494949), to(#222));
		background-image:linear-gradient(40% top, right bottom, from(#494949), to(#222));
		float:left;
		margin-bottom:14px;
		position:relative;
		left:14px;
	}
	#episodes footer a{
		color:#fff;
	}
	#episodes footer .plural:after{
		content:' | ';
	}
	#episode{
		width:641px;
		float:left;
		padding-top:45px;
		padding-bottom:60px;
		background-color:#f82f01;
		position:relative;
		z-index:4;
		color:#fff;
	}
	#episode h1{
		font-size:18px;
		font-family:Georgia, serif;
		text-transform:none;
	}
	#episode header h1{
		position:absolute;
		z-index:3;
		top:-12px;
		border:medium none;
		text-indent:-9999px;
		overflow:hidden;
		background:url(../images/best-bits.png) no-repeat -150px -230px;
		height:110px;
		width:107px;
	}
	#episode-navigation li{
		display:inline;
	}
	#episode-navigation li:nth-child(2):before{
		content:' | ';
	}
	#episode-details{
		border-top:1px dotted #f19783;
		margin:23px 14px 0;
		padding-top:6px;
	}
	#episode-details div{
		float:left;
		width:389px;
	}
	#episode-details nav{
		float:left;
	}
	#episode header nav{
		position:absolute;
		top:14px;
		right:14px;
		font-weight:bold;
	}
	#episode header nav a{
		color:#fff;
	}
	#episode .player{
		position:relative;
		left:-1px;
		width:600px;
		height:368px;
		padding-left:55px;
		padding-top:90px;
		background:url(../images/best-bits-tv.png) no-repeat top left;
	}
	#episode nav h1{
		color:#333;
		font: bold 13px Arial, sans-serif;
		padding-bottom:6px;
	}
	#secondary-content aside#previous-articles{
		background:url(../images/grey-swirls.png);
		border-color:#aaa;
	}
	#secondary-content aside#previous-articles h1{
		border-color:#aaa;
		margin: 0;
	}

	#previous-episodes,
	#previous-articles{
		width:305px;
		margin-top:-5px;
		float:left;
		color:#fff;
		position:relative;
	}
	#previous-episodes h1.replace,
	#previous-articles h1.replace{
		background:url(../images/best-bits.png) no-repeat -256px -210px;
		text-indent:-9999px;
		overflow:hidden;
		width:77px;
		height:77px;
		float: left;
		border: none;
	}
	#previous-episodes h1.replace{
		position:relative;
		z-index:3;
		left:4px;
	}
	#previous-episodes article,
	#previous-articles article {
		border-bottom:1px dotted #AAAAAA;
		clear:left;
		float:left;
	}
	#previous-episodes article {
		margin: 0 0 0 8px;
		padding:10px 0;
		width:281px;
	}
	#previous-articles article {
		padding:10px 0;
		width:286px;
	}
	#previous-episodes .thumb,
	#previous-articles .thumb{
		float:left;
		display:block;
		margin-right:14px;
		position:relative;
		line-height:0;
	}
	#previous-episodes .thumb span,
	#previous-articles .thumb span{
		width:14px;
		height:14px;
		display:block;
		position:absolute;
		bottom:0;
		right:0;
		background:url(../images/best-bits.png) no-repeat -310px -110px;
	}
	#previous-episodes article img,
	#previous-articles article img{
		border:1px solid #999;
		width: 100px;
		height: 63px;
	}
	#previous-episodes article img.youtube {
		height: 90px;
	}
	#previous-episodes article h1,
	#secondary-content #previous-articles article h1{
		font-size:16px;
		line-height:22px;
		padding-bottom:4px;
		border-bottom: none;
	}
	#previous-episodes p,
	#previous-articles p{
		padding-bottom:0;
	}
	#previous-episodes h1 a,
	#previous-articles h1 a{
		display:block;
		float:none;
		color:#fff;
		padding:0 2px;
		background-color:#f82f01;
		margin:0 0 0 114px;
	}
	.the-show #latest-activity h1 .replace,
	.article #latest-activity h1 .replace{
		font-size:24px;
		width:150px;
	}
	.the-show #latest-activity > header,
	.article #latest-activity > header {
		padding-top:10px;
		padding-bottom:10px;
		position:relative;
		border-bottom:1px dotted #ccc;
	}
	.the-show #latest-activity header nav,
	.article #latest-activity header nav {
		position:absolute;
		bottom:15px;
		right:0;
		font-weight:bold;
	}

	/* SECONDARY CONTENT */
	#secondary-content{
		float:left;
		width:306px;
		margin-left:0;
		padding-bottom:40px;
	}
	#secondary-content aside, #secondary-content section{
		margin-bottom:6px;
		padding:8px 12px 18px 8px;
		width:284px;
		clear: both;
		position:relative;
		border:1px solid;
	}
	#secondary-content h1{
		border-bottom: 1px dotted;
		padding-bottom:2px;
		margin-bottom:13px;
	}
	#secondary-content aside h2{
		margin-bottom:5px;
	}
	#secondary-content nav h1{
		margin-bottom:0;
		border-bottom:0;
	}
	#secondary-content nav li, #episode-details nav li{
		padding-bottom:5px;
	}
	#secondary-content nav, #secondary-content aside button, #secondary-content section button{
		position:absolute;
		bottom:-1px;
		left:0;
		display:block;
		width:100%;
	}
	#secondary-content nav a{
		display:block;
	}
	#secondary-content .graphic{
		position:absolute;
		display:block;
	}
	#secondary-content img.promo {
		width: 278px;
		height: 156px;
	}
	#secondary-content aside nav.link,
	#secondary-content #top-campaigning-playlists nav.link {
		position:absolute;
	}

		/* ABOUT */
		#secondary-content #whats-it-all-about{
			padding-bottom:26px;
		}
		#whats-it-all-about.details{
			overflow:hidden;
			white-space:nowrap;
			text-overflow:ellipsis;
		}
		#secondary-content #whats-it-all-about button, #secondary-content #mission button{
			width:305px;
			background-position:-450px -130px;
			text-align:left;
			padding-top:0;
			line-height:22px;
			padding-left:36px;
			padding-right:0;
			height:22px;
		}
		#secondary-content #whats-it-all-about.active button, #secondary-content #mission.active button{
			background-position:-450px -160px;
		}

		/* BEST BITS */
		#secondary-content #the-show{
			padding-bottom:100px;
		}
		#secondary-content #the-show nav{
			position:static;
		}
		#secondary-content #the-show nav a{
			display:inline;
		}
		#secondary-content #watch-previous a{
			text-indent:-9999px;
			overflow:hidden;
			bottom:-8px;
			right:-10px;
			width:106px;
			height:106px;
			position:absolute;
			padding:0;
		}
		#the-show .graphic{
			width:130px;
			height:90px;
			top:-4px;
			right:4px;
		}
		#the-show h1 span{
			width:50px;
		}
		
		/* MISSION */
		#secondary-content #mission.togglable{
			padding-bottom:30px;
		}

		/* BEST CAMPAIGNS EVER */
		#secondary-content #best-campaigns-ever{
			padding-bottom:10px;
		}
		#secondary-content #best-campaigns-ever h1{
			font-size:24px;
			border-bottom-color:#fff;
			padding-bottom:5px;
			margin-bottom:5px;
		}
		#secondary-content #best-campaigns-ever h1 span{
			width:240px;
		}
		#secondary-content #best-campaigns-ever h2{
			font-size:17px;
			margin-bottom:10px;
		}
		#secondary-content #best-campaigns-ever nav{
			position:static;
		}
		#secondary-content #best-campaigns-ever nav a{
			display:inline;
			background-color:#42ba69;
		}
		#secondary-content #best-campaigns-ever nav a:hover {
			color: #FFF;
			text-decoration: underline;
		}

		/* TOP CAMPAIGNING PLAYLISTS */
		#secondary-content #top-campaigning-playlists{
			padding-bottom:68px;
		}
		#secondary-content #top-campaigning-playlists h1 span{
			width:200px;
		}

		#top-campaigning-playlists .graphic{
			width:76px;
			height:90px;
			top:-8px;
			right:0px;
		}
		#top-campaigning-playlists .graphic-spotify{
			width:304px;
			height:51px;
			margin-top:15px;
			position:absolute;
			bottom:18px;
			left:0;
		}
		#secondary-content #top-campaigning-playlists nav{
			position:static;
		}
		#top-campaigning-playlists ul a{
			display:inline;
		}

		/* GAME PROMO */
		#secondary-content #game-promo,
		#secondary-content #competition-promo {
			padding-bottom:17px;
		}
		.game-shoot{
			border:1px solid #FFF;
			margin-bottom:7px;
		}

		#game-promo .graphic,
		#competition-promo .graphic{
			width:68px;
			height:57px;
			top:-1px;
			right:-1px;
		}
		/* PETITION PROMO */
		#secondary-content #petition {
			position: relative;
		}
		#petition .pb_pledgebox {
			border: none;
			font: inherit;
			margin: 0;
		}
		#petition .pb_header,
		#petition .pb_pledgebox p.pb_gap {
			display: none;
		}
		#secondary-content #petition header h1 {
			border-bottom-color: #FFF;
		}
		#petition .pb_pledgebox a {
			color: #FFF;
			text-decoration: none;
		}
		#petition .pb_pledgebox p {
			margin: 0;
			padding: 0 0 8px 0;
		}
		#petition .pb_pledgebox .pb_open {
			font-size: 0px;
			padding: 0;
			line-height: 0;
		}
		#petition .pb_pledgebox p.pb_progress {
			display: block;
			font-weight: bold;
		}
		#petition .pb_open a {
			display: block;
			padding: 2px 10px 2px 18px;
			position: absolute;
			bottom: 0;
			left: 0;
			width: 276px;
			font-size: 13px;
			line-height: 16px;
			background-color: #333333;
		}

		/* COMPETITION PROMO */
		#secondary-content #competition-promo h1 span{
			width:200px;
		}

		/* HUNT */
		#secondary-content #hunt-for-the-12th-campaigner{
			padding-bottom:20px;
		}
		#hunt-for-the-12th-campaigner img{
			border:1px solid;
		}

		/* LEND A HAND */
		#lend-a-hand .graphic{
			width:88px;
			height:93px;
			top:-7px;
			right:7px;
		}
		#lend-a-hand h1 span{
			width:100px;
		}
		#lend-a-hand #call-list article{
			background:url("../images/left-quote-red.png") no-repeat scroll 11px 12px #FFFFFF;
			color:#333333;
			margin-bottom:3px;
			padding:18px 8px 8px 35px;
			overflow:hidden;
		}
		#lend-a-hand #call-list article img{
			left:5px;
			position:relative;
			top:3px;
			vertical-align:sub;
		}
		#lend-a-hand #call-list article a{
			color: #333;
		}
		#lend-a-hand #call-list article a:hover,
		#lend-a-hand #call-list article a:hover span	{
			text-decoration: none;
		}
		#lend-a-hand #call-list article span.lquo{
			display:block;
			float:left;
			height:60px;
			top:7px;
		}
		#lend-a-hand #call-list article span.rquo{
			left:4px;
			top:20px;
			text-indent: -9999px;
		}
		#lend-a-hand #call-list article span{
			color:#F82F01;
			font-size:4.2em;
			font-weight:bold;
			left:0;
			position:relative;
			top:12px;
			vertical-align:top;
			overflow: visible;
		}
		#lend-a-hand #call-list div.author{
			color: #f82f01;
			text-align:right;
			width:100%;
		}

		#lend-a-hand #call-list #call{
			display:block;
			position:relative;
			width:255px;

			font: normal 16px Georgia,Helvetica,Arial;
			color: #333333;
			height:90px;

		}
		#lend-a-hand #call-list #call-text {
			display:block;
			left:20px;
			position:relative;
			top:-40px;
			padding-top:10px;
			width:225px;
		}

		#lend-a-hand #call-list #call-upper {
			font: 30px Champion,Impact,sans-serif;
			color: #f82f01;
		}

		#lend-a-hand #call-list #call-bottom {
			font: 30px Champion,Impact,sans-serif;
			top: -50px;
			left: 250px;
			position: relative;
			color: #f82f01;
			height:10px;
		}

		/* VIP Section */
		#secondary-content #vip-section img{
			position:relative;
			left:-6px;
			padding:18px 20px 20px;
			margin-top:-14px;
		}
		#vip-section h1{
			position:relative;
		}
		#vip-section .graphic{
			width:140px;
			height:70px;
			top:4px;
			right:-5px;
		}
		#vip-section h1 .graphic{
			top:-10px;
			left:-14px;
			width:110px;
			height:90px;
		}

		/* HANDBOOK */
		#secondary-content #handbook{
			padding-bottom:20px;
		}
		#secondary-content #handbook .graphic{
			width:74px;
			height:94px;
			bottom:25px;
			right:5px;
		}

		/* CAMPAIGN */
		#secondary-content #campaign{
			padding-bottom:20px;
		}
		#secondary-content #campaign p{
			padding-right:115px;
		}
		#secondary-content #campaign .graphic{
			width:105px;
			height:205px;
			bottom:-30px;
			right:0;
		}

		/* THE STORY */
		#the-story #dates{
			width:auto;
			position:static;
		}
		#the-story #dates a{
			display:inline;
		}

		/* AVATAR */
		#secondary-content #adopt{
			padding-bottom:32px;
		}
		#secondary-content #adopt p{
			padding-right:120px;
		}
		#secondary-content #adopt .graphic{
			background:none repeat scroll 0 0 transparent;
			right:-30px;
			top:0;
			width:184px;
			height:211px;
			z-index: 0;
		}
		#secondary-content #adopt textarea {
			margin-bottom:16px;
			margin-top:32px;
			position: relative;
			z-index: 1;
		}

		/* PERSONAL INFORMATIONS */
		#personal-information h1{
			border-bottom:0;
			margin-bottom:6px;
		}
		#personal-information dt{
			float:left;
			clear:left;
			padding-right:1ex;
			font-weight:bold;
		}
		#personal-information dd{
			margin-bottom:5px;
			padding-bottom:5px;
		}
		#personal-information dl{
			padding-bottom:14px;
		}
		#personal-information dd:last-child{
			border-bottom:0;
		}
		#personal-information label{
			padding-right:6px;
		}
		#personal-information input{
			width:100%;
		}
		#personal-information button{
			text-align:left;
		}
		#personal-information form button{
			position:static;
			width:auto;
		}
		#personal-information a {
			color: #FFF;
		}
		#personal-information a.cancel {
			display: block;
			float: right;
			line-height: 18px;
		}
		#personal-information legend {
			display: none;
		}

		/* GET STUCK IN */
		#get-involved {
			border-bottom: 6px solid #2c96d2;
			padding-bottom:0;
			margin-bottom:16px;
		}
		p.get-involved{
			position:absolute;
			right:26px;
			top:120px;
			width:586px;
			padding-top:20px;
			text-align:right;
			font:16px/20px Georgia, serif;
		}
		#get-involved span{
			width:auto
		}
		#container .level header h1{
			background-image:none;
			background-color: #FFF;
		}
		.get-involved .page-title,
		.level-1 .page-title,
		.level-2 .page-title,
		.level-3 .page-title,
		.level-4 .page-title,
		.level-5 .page-title,
		.level-6 .page-title,
		.level-7 .page-title,
		.level-8 .page-title{
			padding-top:5px;
			border-bottom:6px solid #2c96d2;
			margin-bottom:10px;
		}
		.get-involved #primary-content,
		.level-1 #primary-content,
		.level-2 #primary-content,
		.level-3 #primary-content,
		.level-4 #primary-content,
		.level-5 #primary-content,
		.level-6 #primary-content,
		.level-7 #primary-content,
		.level-8 #primary-content{
			overflow:visible;
		}
		.get-involved #primary-content section,
		.level-1 #primary-content section,
		.level-2 #primary-content section,
		.level-3 #primary-content section,
		.level-4 #primary-content section,
		.level-5 #primary-content section,
		.level-6 #primary-content section,
		.level-7 #primary-content section,
		.level-8 #primary-content section{
			border-bottom-color:#2c96d2;
			padding-bottom:0;
		}
		.get-involved .page-title span,
		.level-1 .page-title span,
		.level-2 .page-title span,
		.level-3 .page-title span,
		.level-4 .page-title span,
		.level-5 .page-title span,
		.level-6 .page-title span,
		.level-7 .page-title span,
		.level-8 .page-title span{
			width:100px;
		}
		#primary-content #the-game{
			padding-bottom:10px;
			border-bottom-color:#2c96d2;
		}

		#the-game article hgroup{
			position:absolute;
			top:230px;
			left:0;
		}
		#the-game #game-2 hgroup{
			top:50px;
		}
		#the-game hgroup h1,
		#the-game hgroup h2 {
			float: left;
			clear: both;
			padding: 3px 10px 0;
			color: #FFF;
			margin: 0;
		}
		#the-game hgroup h1 {
			font-size: 31px;
			line-height: 31px;
			background: #F82F01;
		}
		#the-game article:first-child hgroup h1 {
			font-size: 38px;
			line-height: 38px;
		}
		#the-game hgroup h2 {
			font-size: 24px;
			line-height: 24px;
			background: #000;
		}
		#the-game hgroup h2 a {
			color: #FFF;
		}

		#primary-content #start-your-campaign{
			position:relative;
			color:#fff;
			border-bottom:0;
			padding:222px 14px 40px;
			background:url(../images/get-involved/concrete.jpg) repeat top center;
		}
		#start-your-campaign h1,
		#start-your-campaign h2 {
			white-space: nowrap;
		}
		#start-your-campaign h1{
			background-position:190px -346px;
			font-size:70px;
			width:600px;
			border-bottom:0;
			margin-bottom:0;
			padding-bottom:0;
			position:absolute;
			top:0;
			left:14px;
			padding-top:14px;
		}
		#start-your-campaign section p{
			position:absolute;
			color:#000;
			top:-15px;
			right:-35px;
			width:255px;
			height:300px;
			padding-bottom:0;
			background-position:0px -35px;
		}
		#start-your-campaign section p span{
			position:relative;
			top:42px;
			width:215px;
			height:80px;
			left:22px;
			display:block;
			overflow:hidden;
			font: 98%/1.2em;
			-moz-transform:rotate(-6deg);
			-webkit-transform:rotate(-6deg);
			-o-transform:rotate(-6deg);
			transform:rotate(-6deg);
		}
		#start-your-campaign * h1{
			font-size:inherit;
			position:static;
		}
		#start-your-campaign #instructions{
			position:relative;
			background-color:#2f1c2c;
			background-color:rgba(24,1,22,0.85);
			padding:5px 10px 0;
		}
		#start-your-campaign .graphic{
			background-position:top left;
			display:block;
			position:absolute;
			bottom:-35px;
			height:35px;
			left:0;
			width:100%;
		}
		#get-started{
			background-position:-260px -120px;
			width:240px;
			height:125px;
			position:absolute;
			top:110px;
			right:-15px;
		}
		#get-started ul{
			-moz-transform:rotate(-6deg);
			-webkit-transform:rotate(-6deg);
			-o-transform:rotate(-6deg);
			transform:rotate(-6deg);
			position:relative;
			top:22px;
			left:18px;
			font: normal 13px/1.2em;
			width: 200px;
		}
		#get-started h1{
			position:absolute;
			left:-9999px;
		}
		#start-your-campaign #instructions h2{
			color:#c736b8;
		}
		#start-your-campaign #instructions ul, #get-started ul{
			list-style:disc outside;
			margin-left: 15px;
			padding-bottom:5px;
		}
		#start-your-campaign h1 span{
			width:auto;
		}

		#primary-content #start-your-campaign section{
			position:relative;
			margin-top:6px;
			background-color:#8e2382;
			border:4px solid #cd3abd;
			padding: 10px 10px 0 10px;
			background-image:-webkit-gradient(linear, left top, left bottom, from(#db71d0), to(#cd3abd));
			background-image:-moz-linear-gradient(top, #db71d0, #cd3abd);
			background-image:linear-gradient(left top, left bottom, from(#db71d0), to(#cd3abd));
		}

		#start-your-campaign section h2{
			width:95px;
		}
		#check-title-availability{
			background:none repeat scroll 0 0 #000000;
			display:inline;
			font-size:12px;
			height:50px;
			padding:5px;
			width:100px;
			color: #FFF;
		}
		#title-availability-result{
			clear: both;
			text-align:right;
			font-size:13px;
			font-weight: bold;
			color: #FFF;
			position: absolute;
			top: 173px;
			right: 317px;
		}
		#start-your-campaign section h2, #start-your-campaign section h1, .level header h2, .level header h1,
		#campaign-activity hgroup h1, #campaign-activity hgroup h2{
			position:relative;
			top:-1px;
			left:-1px;
			font-size:31px;
			line-height:32px;
			padding:5px 10px 2px;
			-webkit-box-shadow:rgba(0,0,0,0.5) 1px 1px 5px;
			-moz-box-shadow:rgba(0,0,0,0.5) 1px 1px 5px;
			box-shadow:rgba(0,0,0,0.5) 1px 1px 5px;
		}
		#start-your-campaign section h1, .level header h1{
			background-repeat:no-repeat;
			background-position:right -72px;
			padding-right:60px;
		}
		#start-your-campaign section h2, .level header h2, #campaign-activity hgroup h2{
			border-width:1px 0 0 1px;
			border-style:solid;
			border-color:#000;
			background-color:#000;
			background-position:0 -570px;
		}
		#start-your-campaign form{
			clear:left;
			background-color:transparent;
		}
		#primary-content #start-your-campaign fieldset{
			text-align:left;
			padding-top:5px;
		}
		#start-your-campaign textarea{
			width:420px;
			height:90px;
		}
		#start-your-campaign  span.error {
			position: absolute;
			right: 140px;
			font-weight: bold;
		}
		#start-your-campaign section h2, #next-levels span, .level header h2, #campaign-activity hgroup h2{
			color:#fff;
			background-color:#000;
		}
		#start-your-campaign section h1{
			background-color:#fff;
			color:#000;
			width:250px;
		}
		#primary-content #start-your-campaign button, .level button,
		.button, .level button,
		#dotmailer fieldset div .button {
			background-color:#fff;
			font-size:22px;
			line-height:32px;
			color:#bd33af;
			-webkit-border-radius:3px;
			-moz-border-radius:3px;
			border-radius:3px;
			border:1px solid #fff;
			padding:0 20px;
			-webkit-box-shadow:rgba(0,0,0,0.75) 1px 1px 4px;
			-moz-box-shadow:rgba(0,0,0,0.75) 1px 1px 4px;
			box-shadow:rgba(0,0,0,0.75) 1px 1px 4px;
			background-image:-moz-linear-gradient(top, #fff, #dfdfdf);
			background-image:linear-gradient(left top, left bottom, from(#fff), to(#dfdfdf));
			background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#dfdfdf));
		}

		#dotmailer fieldset div .button {
			position: static;
			width: auto;
			color: #F82f01;
		}

		#dotmailer ul.errors {
			color: #FFF;
		}

		.your-campaign #primary-content #start-your-campaign {
			background:url(../images/get-involved/phase-1-concrete.jpg) no-repeat top center;
			padding: 0 18px 22px 18px;
			height: 672px;
		}
		.your-campaign #start-your-campaign h1 {
			position: relative;
			background: none !important;
			left: 0px;
			padding: 0;
			font-size: 66px;
			color: #FFF;
			border-bottom: none;
			margin-bottom: 9px;
		}
		.your-campaign #start-your-campaign h1 span {
			width: auto;
		}
		.your-campaign #start-your-campaign h2,
		.your-campaign #start-your-campaign h3 {
			padding-top: 9px;
			color: #c038bd;
			font: 28px/32px Champion, Impact, sans-serif;
		}
		.your-campaign #start-your-campaign h3 {
			padding-top: 15px;
			font-size: 30px;
		}
		.your-campaign #start-your-campaign h2 span {
			color: #FFF;
		}
		.your-campaign #start-your-campaign section {
			margin-top: 3px;
		}
		.your-campaign #start-your-campaign section header {
			padding: 13px 12px;
		}
		.your-campaign #start-your-campaign section p {
			background: none !important;
			padding: 0 0 8px 0;
			width: 100%;
			height: auto;
			position: relative;
			right: 0;
			top: 0;
			color: #FFF;
			font: bold 13px/16px Arial, Tahoma, sans-serif;
		}
		.your-campaign #start-your-campaign section p + p {
			padding-top: 10px;
		}

		.button{
			display:inline-block;
		}
		a.button:hover{
			text-decoration:none;
		}
		#next-levels{
			margin-top:10px;
		}
		#next-levels h1{
			float:left;
			clear:left;
			padding:7px 10px 4px 5px;
			width:auto;
			background-image:none;
			font-size:31px;
			line-height:32px;
			background-color:#000;
			margin-bottom:5px;
		}
		#next-levels ul{
			clear:left;
			font-size:24px;
			line-height:32px;
		}
		#next-levels li{
			clear:left;
			margin-bottom:5px;
		}
		#next-levels span, #next-levels em{
			display:block;
			padding:1px 5px;
			margin-bottom:5px;
			float:left;
			-webkit-box-shadow:rgba(0,0,0,0.5) 1px 1px 5px;
			-moz-box-shadow:rgba(0,0,0,0.5) 1px 1px 5px;
			box-shadow:rgba(0,0,0,0.5) 1px 1px 5px;
		}
		#next-levels em{
			background-position:right -35px;
			padding-right:50px;
			color:#000;
		}
		#level1 hgroup h1, #level1.complete aside{
			background-color:#8E2382;
		}
		#level2 em, #level2 hgroup h1, #level2.complete aside{
			background-color:#25d93b;
		}
		#level3 em, #level3 hgroup h1, #level3.complete aside{
			background-color:#1e6cde;
		}
		#level4 em, #level4 hgroup h1, #level4.complete aside{
			background-color:#f6bb02;
		}
		#level5 em, #level5 hgroup h1, #level5.complete aside{
			background-color:#11f3f5;
		}
		#level6 em, #level6 hgroup h1, #level6.complete aside{
			background-color:#f25de2;
		}
		#level7 em, #level7 hgroup h1, #level7.complete aside{
			background-color:#f06d0d;
		}
		#level8 em, #level8 hgroup h1, #level8.complete aside{
			background-color:#fd1673;
		}
		.level header{
			padding-top:15px;
			border-bottom:0;
		}
		.level header h1 {
			z-index:3;
			position:relative;
			background-image:none;
			padding-right:10px;
			color:#000;
		}
		.get-involved .level header h1,
		.level-3 .level header h1	{
			background-color:#fff;
		}
		.page-title{
			border-bottom:0;
		}
		.level{
			float:left;
			width:944px;
			min-height:459px;
			position:relative;
			background-repeat:repeat;
			background-position:top left;
			margin:0 14px 14px;
			clear:left;
			color:#fff;
			border:1px solid #000;
		}
		.level header h1, .level header h2, #campaign-activity hgroup h1, #campaign-activity hgroup h2{
			float:left;
			clear:left;
		}
		.level header p {
			clear:left;
			width:438px;
			padding:10px;
		}
		.level section{
			clear:left;
		}
		.level header{
			background-position:right -180px;
			background-repeat:no-repeat;
			position:relative;
			width:100%;
		}
		#container .level header span{
			background:url(../images/get-involved/levels-gradient.png) repeat-x top;
			height:72px;
			width:100%;
			position:absolute;
			top:0;
			left:0;
			z-index:2;
		}
		.level #instructions{
			float:right;
			margin-right:10px;
			background-color:#000;
			width:296px;
			padding-bottom:10px;
			position:relative;
			top:-30px;
		}
		.level #instructions aside{
			padding:5px 10px;
		}
		.level #instructions h1{
			font-size:24px;
			padding-bottom:5px;
		}
		.level #instructions ul{
			list-style:disc outside;
			padding-left:16px;
		}
		.level form{
			float:left;
		}
		.level fieldset{
			color:#000;
			background-color:#fff;
			-webkit-box-shadow:rgba(0,0,0,0.5) 1px 1px 5px;
			-moz-box-shadow:rgba(0,0,0,0.5) 1px 1px 5px;
			box-shadow:rgba(0,0,0,0.5) 1px 1px 5px;
			margin:0 0 14px 10px;
			padding:5px 10px;
			width:616px;
		}
		.level label span {
			font-size: 24px;
		}
		.level label strong{
			color:#fff;
		}
		.level .check-list, #create-avatar{
			width:596px;
		}
		.level fieldset h2, .level fieldset p{
			text-align:left;
		}
		#campaign-activity a{
			color:#000;
			position:relative;
			z-index:3;
		}

		/* LEVEL 1 */
		#level1.level{
			background-image:url(../images/get-involved/level1-concrete.jpg);
			border-color:#bb3ea9;
			float:left;
		}
		#level1 section{
			height:280px;
			background:url(../images/get-involved/level1-sprite.png) no-repeat 100px 115px;
			float:left;
		}
		#level1 header{
			background-image:url(../images/get-involved/level1-sprite.png);
		}
		#level1 section div{
			background: #FFF url(../images/get-involved/level1-quotes.png) no-repeat 10px 42px;
			color:#000;
			padding:6px 10px;
			margin:0 10px;
			width:597px;
			font-size:15px;
			-webkit-box-shadow:rgba(0,0,0,0.5) 1px 1px 5px;
			-moz-box-shadow:rgba(0,0,0,0.5) 1px 1px 5px;
			box-shadow:rgba(0,0,0,0.5) 1px 1px 5px;
		}
		#level1 footer, #level1 section nav{
			padding-top:5px;
			width:627px;
			text-align:right;
		}
		#level1 section nav{
			padding-top:10px;
		}
		#level1 footer a{
			background-color:#000;
			padding:4px 10px;
			color:#fff;
			line-height:24px;
			margin-left: 5px;
		}
		#level1 section blockquote{
			padding:10px 66px 0;
			margin-bottom:10px;
			background: url(../images/get-involved/level1-quotes.png) no-repeat bottom right;
			min-height:42px;
		}
		#level1 section blockquote textarea {
			width: 95%;
			height: 34px;
		}
		#level1 section h1{
			font-size:24px;
		}
		#level1 aside h1{
			color:#d440d2;
		}
		#level1 .button{
			color:#c73bb7;
		}
		#level1 span.error {
			position: absolute;
			top: 181px;
			right: 325px;
			color: #FF0000;
			font-weight: bold;
		}

		/* LEVEL 2 */
		#level2.level{
			background-image:url(../images/get-involved/level2-concrete.jpg);
			border-color:#1f962e;
		}
		#level2 header{
			background-image:url(../images/get-involved/level2-sprite.png);
			background-position:top right;
		}
		#level2 #campaign-name{
			-moz-box-shadow:none;
			-webkit-box-shadow:none;
			box-shadow:none;
			background-color:transparent;
			padding:0;
			color:#fff;
		}
		#level2 label span {
			font-size: 13px;
		}
		#level2 #campaign-name label,
		#level2 #campaign-name label span {
			font-size:24px;
		}
		#level2 #campaign-name input, #level3 input, #level4 input, #level5 input, #level7 input{
			width:452px;
		}
		#level2 .check-list label{
			padding-top:5px;
			color:#04aa18;
			font-weight:bold;
		}
		#level2 aside h1{
			color:#25d93b;
		}
		#create-avatar span.error {
			position: absolute;
			top: 77px;
			right: 20px;
			color: #FF0000;
			font-weight: bold;
			z-index: 1;
		}
		#user .avatar{
			display:block;
			margin:auto;
			position:relative;
		}

		/* LEVEL 3 */
		#level3.level{
			background-image:url(../images/get-involved/level3-concrete.jpg);
			padding-bottom:10px;
			border-color:#0a3887;
		}
		#level3 header{
			background-image:url(../images/get-involved/level3-sprite.png);
			background-position:right -90px;
		}
		#level3 aside h1, #level3 button{
			color:#084fc6;
		}
		#level3 form{
			background:url(../images/get-involved/level3-facebook.png) no-repeat 10px bottom;
			clear:left;
			padding-bottom:106px;
		}
		#level3 fieldset{
			-moz-box-shadow:none;
			-webkit-box-shadow:none;
			box-shadow:none;
			background-color:transparent;
			padding:0;
			color:#fff;
		}
		#level3 button{
			margin-top:0;
		}
		#level3 strong{
			padding-top:5px;
			display:block;
		}
		#level3 nav{
			position:relative;
			height:40px;
			margin-bottom:10px;
			padding-left:280px;
			padding-top:32px;
		}
		#level3.level nav a{
			position:absolute;
			left:10px;
			top:0;
			text-indent:-9999px;
			overflow:hidden;
			display:block;
			width:260px;
			height:73px;
			background:url(../images/get-involved/level3-sprite.png) no-repeat left -5px;
		}
		#level3 a{
			color:#fff;
		}
		#level3 #instructions{
			top:-115px;
		}

		/* LEVEL 4 */
		#level4.level{
			background-image:url(../images/get-involved/level4-concrete.jpg);
			padding-bottom:10px;
			border-color:#ca9907;
		}
		#level4 header{
			background:url(../images/get-involved/level4-sprite.png) no-repeat right -90px;
		}
		#level4 aside h1, #level4 button{
			color:#d69f01;
		}
		#level4 form{
			background:url(../images/get-involved/level4-petition.png) no-repeat 100px bottom;
			clear:left;
			padding-bottom:106px;
		}
		#level4 form div{
			width:616px;
			margin-bottom:20px;
			text-align:right;
		}
		#level4 fieldset{
			-moz-box-shadow:none;
			-webkit-box-shadow:none;
			box-shadow:none;
			background-color:transparent;
			padding:0;
			color:#fff;
		}
		#container #level4 .radio span{
			display:inline;
			font-size:13px;
		}
		#level4 button{
			margin-top:0;
		}
		#level4 strong{
			padding-top:5px;
			display:block;
		}
		#level4 .errors {
			color: #000;
			font-weight: bold;
		}
		#level4 nav{
			position:relative;
			height:35px;
			margin-bottom:10px;
			padding-left:190px;
			padding-top:14px;
			text-align:left;
		}
		#level4 nav a{
			position:absolute;
			left:0;
			top:0;
			text-indent:-9999px;
			overflow:hidden;
			display:block;
			width:180px;
			height:43px;
			background:url(../images/get-involved/level4-sprite.png) no-repeat left -14px;
		}
		#level4 #poll nav{
			padding-top:31px;
			height:56px;
			padding-left:270px;
		}
		#level4 #poll nav a{
			width:258px;
			height:83px;
			background:url(../images/get-involved/level3-sprite.png) no-repeat left -5px;
		}

		/* LEVEL 5 */
		#level5.level{
			background-image:url(../images/get-involved/level5-concrete.jpg);
			padding-bottom:10px;
			border-color:#08a2a2;
		}
		#level5 header{
			background:url(../images/get-involved/level5-sprite.png) no-repeat right -70px;
		}
		#level5 aside h1{
			color:#03f2f5;
		}
		#level5 button{
			color:#02c9cb;
		}
		#level5 form{
			background:url(../images/get-involved/level5-twitter.png) no-repeat 10px bottom;
			clear:left;
			padding-bottom:106px;
		}
		#level5 fieldset{
			-moz-box-shadow:none;
			-webkit-box-shadow:none;
			box-shadow:none;
			background-color:transparent;
			padding:0;
			color:#fff;
		}
		#level5 button{
			margin-top:0;
		}
		#level5 strong{
			padding-top:5px;
			display:block;
		}
		#level5 nav{
			position:relative;
			height:36px;
			margin-bottom:10px;
			padding-left:280px;
			padding-top:27px;
		}
		#level5 #instructions{
			top:-110px;
		}
		body.level-5 #level5 nav a{
			background:url("../images/get-involved/level5-sprite.png") no-repeat scroll left 0 transparent;
			display:block;
			height:70px;
			overflow:hidden;
			position:absolute;
			text-indent:-9999px;
			top:0px;
			left:10px;
			width:260px;
			z-index:50;
		}
		/* LEVEL 6 */
		#level6.level{
			background-image:url(../images/get-involved/level6-concrete.jpg);
			padding-bottom:10px;
			border-color:#af52a2;
			min-height:760px;
		}
		#level6 header{
			background:url(../images/get-involved/level6-sprite.png) no-repeat right 0;
		}
		#level6 aside h2,
		#level6 label span {
			font: 13px Arial, sans-serif;
		}
		#level6 aside h1, #level6 aside h2, #level6 button, #level6 .check-list label{
			color:#e214cc;
		}
		#level6 .check-list {
			width: 440px;
		}
		#level6 .check-list label{
			font-weight:bold;
			margin-top:5px;
			width: 110px;
		}
		#level6 label .replace{
			font-size:24px;
		}
		#the-proof{
			-moz-box-shadow:none;
			-webkit-box-shadow:none;
			box-shadow:none;
			background-color:transparent;
			color:#fff;
			padding: 5px 0;
		}
		#the-proof input, #the-proof textarea{
			width:456px;
		}
		#the-proof .checkbox input{
			width:auto;
		}
		#level6 .checkbox a{
			color:#fff;
			text-decoration:underline;
		}
		#level6 form{
			background:url(../images/get-involved/level6-media.png) no-repeat 100px bottom;
			clear:left;
			padding-bottom:106px;
		}

		/* LEVEL 7 */
		#level7.level{
			background-image:url(../images/get-involved/level7-concrete.jpg);
			padding-bottom:10px;
			border-color:#b14e0d;
		}
		#level7 header{
			background-image:url(../images/get-involved/level7-sprite.png);
			background-repeat:no-repeat;
			background-position:right 0;
			padding-bottom:30px;
		}
		#level7 aside h1, #level7 button{
			color:#f86809;
		}
		#level7 form{
			background:url(../images/get-involved/level7-protest.png) no-repeat 30px bottom;
			clear:left;
			padding-bottom:106px;
		}
		#level7 fieldset{
			-moz-box-shadow:none;
			-webkit-box-shadow:none;
			box-shadow:none;
			background-color:transparent;
			padding:0;
			color:#fff;
		}
		#level7 button{
			margin-top:0;
		}
		#level7 strong{
			padding-top:5px;
			display:block;
		}
		#level7 nav{
			margin-top:-30px;
			position:relative;
			height:40px;
			margin-bottom:10px;
			padding-left:280px;
			padding-top:32px;
		}
		body.level-7 #level7 nav a{
			position:absolute;
			left:10px;
			top:0;
			text-indent:-9999px;
			overflow:hidden;
			display:block;
			width:260px;
			height:73px;
			background:url(../images/get-involved/level3-sprite.png) no-repeat left -5px;
		}
		#level7 #instructions{
			top:-120px;
		}

		/* LEVEL 8 */
		#level8.level{
			background-image:url(../images/get-involved/level8-concrete.jpg);
			padding-bottom:10px;
			border-color:#b6074a;
		}
		#level8 header{
			background:url(../images/get-involved/level8-sprite.png) no-repeat right 0;
		}
		#level8 aside h1, #level8 button{
			color:#fd0065;
		}
		#level8 label .replace{
			font-size:24px;
		}
		#level8 label span {
			font-size: 13px;
		}
		#level8 form{
			background:url(../images/get-involved/level8-protest.png) no-repeat 30px bottom;
			clear:left;
			padding-bottom:106px;
		}
		#level8 #instructions{
			top:-60px;
		}

		/* GET INVOLVED INDEX */
		#campaign-activity{
			margin:0 14px 14px;
		}
		#campaign-activity h1{
			padding-bottom:10px;
		}
		#campaign-activity div{
			background:url(../images/get-involved/concrete2.jpg);
			padding:14px 10px;
		}
		#campaign-activity section, #campaign-activity aside{
			background-color:rgba(0,0,0,0.6);
			border:1px solid #333;
			height:125px;
			position:relative;
		}
		#campaign-activity aside{
			background-color:rgba(0,0,0,0.3);
		}
		#campaign-activity hgroup{
			background:url(../images/get-involved/levels-gradient.png) no-repeat top right;
			clear:left;
			width:100%;
			height:125px;
			position:absolute;
			bottom:0;
			left:0;
		}
		#campaign-activity .graphic{
			display:block;
			width:100%;
			height:73px;
			position:absolute;
			z-index:2;
			top:9px;
			left:0;
			background:url(../images/get-involved/levels-gradient.png) repeat-x center;
		}
		#campaign-activity section{
			width:605px;
			margin-bottom:14px;
			position:relative;
		}
		#campaign-activity aside{
			position:absolute;
			top:0;
			right:-320px;
			width:262px;
			-webkit-box-shadow:rgba(0,0,0,0.5) 1px 1px 5px;
			-moz-box-shadow:rgba(0,0,0,0.5) 1px 1px 5px;
			box-shadow:rgba(0,0,0,0.5) 1px 1px 5px;
			background-image:-webkit-gradient(linear, left bottom, left top, from(rgba(0,0,0,0.2)), to(rgba(255,255,255,0.2)));
			background-image:-moz-linear-gradient(bottom, rgba(0,0,0,0.2), rgba(255,255,255,0.2));
			background-image:linear-gradient(left bottom, left top, from(rgba(0,0,0,0.2)), to(rgba(255,255,255,0.2)));
		}
		#campaign-activity aside h1{
			background:url(../images/get-involved/rosette.png) no-repeat top left;
			top:-6px;
			left:-8px;
			position:absolute;
			z-index:3;
			height:138px;
			padding-bottom:0;
			width:86px;
		}
		#campaign-activity aside span{
			text-indent:-9999px;
		}
		#campaign-activity aside h1 .replace{
			text-indent:0;
			font-size:19px;
			color:#000;
			display:block;
			height:109px;
			width:52px;
			padding-top:29px;
			padding-left:34px;
			position:relative;
		}
		#campaign-activity aside ul{
			position:relative;
			left:-56px;
			padding-top:6px;
			height:120px;
			width:319px;
			background:url(../images/get-involved/arrows.png) no-repeat 15px -772px;
		}
		#campaign-activity aside li{
			background:url(../images/get-involved/reward-star.png) no-repeat -10px top;
			font-size:18px;
			line-height:20px;
			margin:0 2px 3px 98px;
			padding:2px 5px 2px 52px;
			display:inline;
			display:inline-block;
		}
		#campaign-activity p{
			text-indent:-9999px;
			overflow:hidden;
			position:absolute;
			z-index:1;
			top:0;
			right:0;
			width:132px;
			height:125px;
			padding:0;
			background:url(../images/get-involved/locked-flash.png) no-repeat top right;
		}
		#container #campaign-activity h3{
			clear:left;
			float:left;
			background:#fff;
			position:relative;
			top:-1px;
			left:-1px;
			line-height:22px;
			padding:0 10px 0 23px;
			z-index:4;
			-webkit-box-shadow:rgba(0,0,0,0.5) 2px 2px 2px;
			-moz-box-shadow:rgba(0,0,0,0.5) 2px 2px 2px;
			box-shadow:rgba(0,0,0,0.5) 2px 2px 2px;
		}
		#campaign-activity .button{
			text-indent:0;
			position:absolute;
			left:80px;
			z-index:4;
			padding:0 5px;
			color:#999;
		}
		#level3 .button{
			top:65px;
			padding:0 30px;
		}
		#level3 a.button{
			color:#1e6cde;
		}
		#level5 .button{
			top:80px;
			padding:0 5px;
		}
		#level5 a.button{
			color:#59c9d3;
		}
		#level7 .button{
			top:65px;
			padding:0 17px;
		}
		#level7 a.button{
			color:#b95000;
		}
		#campaign-activity .locked hgroup h1{
			background-color:#666;
			color:#fff;
		}
		#campaign-activity section nav{
			position:static;
			height:auto;
			padding:0;
			margin:0;
		}
		#campaign-activity .locked li{
			background-color:#333;
			color:#999;
		}
		#level1 hgroup{
			padding-top:51px;
			background-position:top right;
		}
		#level1 .graphic{
			top:50px;
		}
		#level1.complete ul{
			background-position:15px -68px;
		}
		#level2 hgroup{
			padding-top:10px;
			background-position:top right;
		}
		#level2.complete ul{
			background-position:15px 34px;
		}
		#level3 hgroup{
			padding-top:10px;
			background-position:top right;
		}
		#level3.complete ul{
			background-position:15px -168px;
		}
		#level4 hgroup{
			padding-bottom:2px;
			bottom:auto;
			top:0;
			background-position:right -10px;
		}
		#level4 .graphic{
			top:-1px;
		}
		#level4.complete ul{
			background-position:15px -268px;
		}
		#level5 hgroup{
			padding-top:7px;
			background-position:right 0;
		}
		#level5 .graphic{
			top:6px;
		}
		#level5.complete ul{
			background-position:15px -368px;
		}
		#level6 hgroup{
			padding-top:10px;
			background-positionright 0;
		}
		#level6.complete ul{
			background-position:15px -468px;
		}
		#level7 hgroup{
			padding-top:10px;
			background-position:right 0;
		}
		#level7.complete ul{
			background-position:15px -568px;
		}
		#level8 hgroup{
			padding-top:0;
			background-position:right 0;
		}
		#level8 .graphic{
			top:-1px;
		}
		#level8.complete ul{
			background-position:15px -668px;
		}
		#level1.unlocked hgroup{
			background-image:url(../images/get-involved/level1-unlocked.png);
		}
		#level1.unlocked p{
			background-image:url(../images/get-involved/level1-unlocked-flash.png);
		}
		#level1.complete p{
			background-image:url(../images/get-involved/level1-complete-flash.png);
		}
		#level2.locked hgroup{
			background-image:url(../images/get-involved/level2-locked.png);
		}
		#level2.unlocked hgroup{
			background-image:url(../images/get-involved/level2-unlocked.png);
		}
		#level2.unlocked p{
			background-image:url(../images/get-involved/level2-unlocked-flash.png);
		}
		#level2.complete p{
			background-image:url(../images/get-involved/level2-complete-flash.png);
		}
		#level3.locked hgroup{
			background-image:url(../images/get-involved/level3-locked.png);
		}
		#level3.unlocked hgroup{
			background-image:url(../images/get-involved/level3-unlocked.png);
		}
		#level3.unlocked p{
			background-image:url(../images/get-involved/level3-unlocked-flash.png);
		}
		#level3.complete p{
			background-image:url(../images/get-involved/level3-complete-flash.png);
		}
		#level4.locked hgroup{
			background-image:url(../images/get-involved/level4-locked.png);
		}
		#level4.unlocked hgroup{
			background-image:url(../images/get-involved/level4-unlocked.png);
		}
		#level4.unlocked p{
			background-image:url(../images/get-involved/level4-unlocked-flash.png);
		}
		#level4.complete p{
			background-image:url(../images/get-involved/level4-complete-flash.png);
		}
		#level5.locked hgroup{
			background-image:url(../images/get-involved/level5-locked.png);
		}
		#level5.unlocked hgroup{
			background-image:url(../images/get-involved/level5-unlocked.png);
		}
		#level5.unlocked p{
			background-image:url(../images/get-involved/level5-unlocked-flash.png);
		}
		#level5.complete p{
			background-image:url(../images/get-involved/level5-complete-flash.png);
		}
		#level6.locked hgroup{
			background-image:url(../images/get-involved/level6-locked.png);
		}
		#level6.unlocked hgroup{
			background-image:url(../images/get-involved/level6-unlocked.png);
		}
		#level6.unlocked p{
			background-image:url(../images/get-involved/level6-unlocked-flash.png);
		}
		#level6.complete p{
			background-image:url(../images/get-involved/level6-complete-flash.png);
		}
		#level7.locked hgroup{
			background-image:url(../images/get-involved/level7-locked.png);
		}
		#level7.unlocked hgroup{
			background-image:url(../images/get-involved/level7-unlocked.png);
		}
		#level7.unlocked p{
			background-image:url(../images/get-involved/level7-unlocked-flash.png);
		}
		#level7.complete p{
			background-image:url(../images/get-involved/level7-complete-flash.png);
		}
		#level8.locked hgroup{
			background-image:url(../images/get-involved/level8-locked.png);
		}
		#level8.unlocked hgroup{
			background-image:url(../images/get-involved/level8-unlocked.png);
		}
		#level8.unlocked p{
			background-image:url(../images/get-involved/level8-unlocked-flash.png);
		}
		#level8.complete p{
			background-image:url(../images/get-involved/level8-complete-flash.png);
		}

	/* LEVELS DONE */
	section#done{
		min-height:459px;
		position:relative;
		background-repeat:repeat;
		background-position:top left;
		margin:0 14px 14px;
		clear:left;
		color:#fff;
		border:1px solid #000;
		background-image:url(../images/get-involved/done-background.jpg);
		border-color:#b6074a;
	}
	section#done hgroup{
		height:192px;
	}
	section#done h1{
		background:url(../images/get-involved/done-title.png) no-repeat top left;
		height:192px;
		text-indent:-9999px;
		overflow:hidden;
		position:relative;
		width:811px;
		left:50px;
		top:-26px;
	}
	section#done h2{
		position:relative;
		top:4px;
		left:26px;
		color:#fd0065;
	}
	section#done div{
		background:#000 url(../images/get-involved/coin.png) no-repeat top right;
		margin:0 16px;
		padding:40px 300px 0 10px;
	}
	section#done .graphic{
		background:url(../images/get-involved/crowd.png);
		display:block;
		width:749px;
		height:299px;
		position:relative;
		margin-top:-50px;
		left:80px;
	}

	/* MENTORS LIST */
	#primary-content #mentors-list{
		border-bottom:0px;
	}
	#primary-content #mentors-list #mentors{
		width:646px;
	}
	#primary-content #mentors-list #mentors-footer{
		border-top:1px solid #adadad;
		float:left;
		position:relative;
		width:100%;
		margin-top:5px;
		padding-top:20px;
	}
	#primary-content #mentors-list #mentors section{
			background-color:#42ba69;
			clear:none;
			display:block;
			float:left;
			height:160px;
			margin-right:8px;
			margin-bottom:6px;
			width:204px;
			position:relative;
	}
	#primary-content #mentors-list #mentors section hgroup{
		background-position:0 -570px;
		background-repeat:no-repeat;
		padding:5px 10px;
		margin-top:-3px;
	}
	#primary-content #mentors-list #mentors section hgroup h1{
		border-bottom:0px;
		margin-bottom:-5px;
	}
	#primary-content #mentors-list #mentors section hgroup h1 a{
		color:#FFF;
	}
	#primary-content #mentors-list #mentors section hgroup h2 a{
		color:#000;
	}
	#mentors-list .page-header{
		padding-right:14px;
		border-bottom:1px solid #adadad;
		padding-bottom:13px;
		margin-bottom:10px;
	}

	/* CAMPAIGNS INDEX */
	#the-campaigns h1, .terms-and-conditions .page-title, .privacy-policy .page-title{
		border-bottom:6px;
		border-style:solid;
		margin-bottom:10px;
	}
	#campaigns section h1{
		border-bottom:0;
	}
	#the-campaigns .page-header{
		width:386px;
		min-height:142px;
		float:left;
		position:relative;
		padding-right:14px;
		padding-bottom:50px;
	}
	#the-campaigns .page-header nav{
		position:absolute;
		bottom:0;
		left:0;
	}
	#the-campaigns h1{
		padding-bottom:0;
	}
	#the-campaigns h1 span{
		width:10px;
	}
	#the-campaigns .page-header nav a{
		background-image:url(../images/campaign-index.png);
		background-repeat:no-repeat;
	}
	#the-campaigns .page-header nav a {
		display:block;
		float:left;
		height:42px;
		text-indent:-9999px;
		overflow:hidden;
		width:152px;
		background-position:0 -470px;
	}
	#the-campaigns #get-involved{
		width:150px;
		border: none;
		background-position:-160px -470px;
	}
	#the-campaigns .paging{
		margin-top:0;
		clear:left;
	}

		/* FEATURED CAMPAIGN */
		#featured-campaign{
			position:relative;
			width:546px;
			float:left;
			padding-bottom:36px;
		}
		#featured-campaign h3{
			padding-top:8px;
			padding-bottom:5px;
			margin-bottom:5px;
			border-bottom:1px solid #c23c1d;
		}
		#featured-campaign p{
			padding-bottom:0;
		}
		#featured-campaign h1{
			margin-bottom:5px;
			border-bottom: 0;
			position: relative;
		}
		#featured-campaign h1 a {
			width: 80%;
			display: inline-block;
		}
		#featured-campaign h1 em {
			position: absolute;
			top: 2px;
			right: 0;
		}
		#featured-campaign h2{
			margin-bottom:5px;
		}
		#featured-campaign img{
			float:left;
		}
		#featured-campaign hgroup, #featured-campaign p{
			padding-left:319px;
			padding-right:10px;
		}
		#featured-campaign nav{
			line-height:21px;
			position:absolute;
			bottom:-1px;
			left:0;
			display:block;
			width:100%;
			background-color:#333;
		}

		/* FILTERS */
		#filters{
			padding-top:10px;
			clear:left;
		}
		#the-campaigns .filter{
			float:left;
		}
		#the-campaigns .filter h1{
			padding-left:10px;
			margin-bottom:0;
			border-bottom:0;
		}
		#filter-by-campaign-type{
			width:306px;
			margin-right:14px;
			overflow:hidden;
		}
		#filter-by-campaign-type ul{
			width:320px;
		}
		#filter-by-cause{
			width:626px;
		}
		#filters .filter li{
			margin-right:14px;
			float:left;
			height:110px;
			width:66px;
		}
		#filters li *, #filters li{
			background:url(../images/campaign-index.png) no-repeat 2px -118px;
		}
		#filters li{
			background-position:-83px -322px;
		}
		#filters li.active{
			background-position:0 0;
		}
		#filter-by-cause li{
			background-position:-153px -322px;
		}
		#filter-by-cause li.active{
			background-position:-70px 0;
		}
		#filters li *{
			display:block;
			padding-top:65px;
			text-align:center;

		}
		#filters #filter-by-cause li *{
			text-indent:-9999px;
			margin:11px 0 0;
		}
		#filters #filter-by-campaign-type .official *{
			background-position:-78px -113px;
		}
		#filters #filter-by-campaign-type .yours *{
			background-position:-160px -115px;
		}
		#filters #filter-by-campaign-type .alumni *{
			background-position:-232px -115px;
		}
		#filters #filter-by-cause .all *{
			background-position:3px -215px;
		}
		#filters #filter-by-cause .body-and-mind *{
			background-position:-70px -214px;
		}
		#filters #filter-by-cause .society *{
			background-position:-150px -214px;
		}
		#filters #filter-by-cause .gangs-and-bullying *{
			background-position:-230px -214px;
		}
		#filters #filter-by-cause .sharing-the-love *{
			background-position:-4px -332px;
		}



		/* YOU ARE VIEWING */
		#you-are-viewing h1, #you-are-viewing .filtered{
			display:inline;
			border-bottom:0;
		}

		/* PAGING */
		.paging{
			clear:both;
			text-align:right;
			margin-bottom:10px;
		}

		/* CAMPAIGNS */
		#the-campaigns #campaigns{
			width:960px;
		}
		#the-campaigns #campaigns section img.photo {
			width: 306px;
			height: 172px;
		}
		#campaigns section{
			position:relative;
			width:306px;
			height:266px;
			margin: 0 14px 14px 0;
			float:left;
			background:#f82f01;
		}
		#campaigns section span.graphic,
		#campaign-photo span.graphic {
			display:block;
			position:absolute;
			right:0;
			top:0;
			width:85px;
			height:85px;
		}

		/*	Battlefront 12 */
		#campaigns section.battlefront-12 span.graphic,
		section.battlefront-12 #campaign-photo span.graphic{
			background: url("../images/campaign-index.png") no-repeat -225px top;
		}
		#campaign-details.battlefront-12 hgroup h3,
		#secondary-content.battlefront-12 #mission,
		#secondary-content.battlefront-12 #the-story a {
			background-color: #f82f01;
		}
		#campaign-details.battlefront-12 hgroup h1,
		#campaign-details.battlefront-12 #busy-o-meter figcaption {
			color: #f82f01;
		}
		#campaign-details.battlefront-12 aside {
			border-bottom-color: #f82f01;
		}
		#secondary-content aside, #secondary-content section, #secondary-content.battlefront-12 #mission {
			background-image:url(../images/red-swirls.png);
			background-image:url(../images/bf-sprite.png), url(../images/red-swirls.png);
			background-position:0 -570px, 0 0;
			background-repeat:repeat-x, repeat;
		}

		/*	UGC */
		#campaigns section.ugc-campaign,
		#campaign-details.ugc-campaign hgroup h3,
		#secondary-content.ugc-campaign #mission,
		#secondary-content.ugc-campaign #the-story a{
			background-color:#2c96d2;
		}
		#campaign-details.ugc-campaign hgroup h1,
		#campaign-details.ugc-campaign #busy-o-meter figcaption {
			color: #2c96d2;
		}
		#campaign-details.ugc-campaign aside {
			border-bottom-color: #2c96d2;
		}
		#secondary-content #petition {
			border-color: #2c96d2;
		}
		#secondary-content.ugc-campaign #campaign,
		#secondary-content.ugc-campaign #mission,
		#secondary-content.ugc-campaign section,
		#secondary-content #petition {
			background-image:url(../images/blue-swirls.png);
			background-image:url(../images/bf-sprite.png), url(../images/blue-swirls.png);
		}

		/*	Vintage */
		#campaigns section.vintage-campaign span.graphic,
		section.vintage-campaign #campaign-photo span.graphic {
			background: url("../images/campaign-index.png") no-repeat -139px top;
		}
		#campaigns section.vintage-campaign,
		#campaign-details.vintage-campaign hgroup h3,
		#secondary-content.vintage-campaign #mission,
		#secondary-content.vintage-campaign #the-story a {
			background-color: #d1399b
		}
		#campaign-details.vintage-campaign hgroup h1,
		#campaign-details.vintage-campaign #busy-o-meter figcaption {
			color: #d1399b;
		}
		#campaign-details.vintage-campaign aside {
			border-bottom-color: #d1399b;
		}
		#secondary-content.vintage-campaign #campaign,
		#secondary-content.vintage-campaign #mission,
		#secondary-content.vintage-campaign section {
			background-image:url(../images/purple-swirls.png);
			background-image:url(../images/bf-sprite.png), url(../images/purple-swirls.png);
			background-position:0 -570px, 0 0;
			background-repeat:repeat-x, repeat;
		}

		#campaigns section hgroup{
			position:absolute;
			top:172px;
			width:286px;
			padding:5px 10px;
			background-repeat:no-repeat;
			background-position:0 -570px;
		}
		#campaigns section hgroup em{
			position:absolute;
			right:10px;
			bottom:0;
			color:#333;
		}
		#campaigns section p a{
			display:block;
			z-index:4;
			position:absolute;
			top:0;
			left:-9999px;
			opacity:0;
			width:286px;
			padding:10px;
			height:152px;
			overflow: hidden;
			text-decoration:none;
			background-color:#000;
			background-color:rgba(0,0,0,0.7);
		}

		#campaigns section.ugc-campaign:hover p a,
		#campaigns section.battlefront-12:hover p a{
			opacity:1.0;
			left:0;
			-webkit-transition:0.2s opacity ease-in;
			-moz-transition:0.2s opacity ease-in;
		}
		#campaigns section footer{
			position:absolute;
			padding:5px 0;
			bottom:0;
			left:10px;
			width:286px;
			border-top:1px solid rgba(0,0,0,0.2);
		}

	/* CAMPAIGN DETAILS */
	#campaign-details{
		position:relative;
		padding-bottom:65px;
		margin-bottom:10px;
		min-height:135px;
	}
	#campaign-details #campaign-photo{
		display:block;
		position:absolute;
		left:14px;
		top:0;
		margin-right:5px;
		margin-bottom:10px;
	}
	#campaign-details #campaign-photo .cut-photo {
		position: relative;
		top: -10px;
		width: 225px;
		height:136px;
		display: block;
	}
	#campaign-details hgroup{
		width:714px;
		margin-left:232px;
	}
	#campaign-details hgroup h1, #campaign-details hgroup h2,#campaign-details hgroup h3{
		text-transform:uppercase;
		padding-left:10px;
	}
	#campaign-details hgroup h1, #campaign-details hgroup h2{
		width:410px;
	}
	#campaign-details hgroup h3{
		font-size:18px;
		line-height:20px;
		color:#fff;
	}
	#campaign-details hgroup h1{
		font-size:31px;
		padding-top:10px;
	}
	#campaign-details hgroup h2, #busy-o-meter figcaption{
		font-size:24px;
	}
	#busy-o-meter figcaption{
		text-transform:uppercase;
		border-bottom:1px dotted #999;
		padding-bottom:5px;
	}
	#busy-o-meter{
		position:absolute;
		top:31px;
		right:14px;
		width:225px;
		height:110px;
	}
	#busy-o-meter meter{
		position:relative;
		display:block;
		height:100px;
		width:225px;
	}
	#busy-o-meter img, #busy-o-meter svg, #busy-o-meter div{
		position:absolute;
		top:14px;
		left:0;
		z-index:1;
	}
	#busy-o-meter svg, #busy-o-meter div{
		top:0;
		z-index:2;
	}
	#campaign-details aside{
		border-top:1px solid #999;
		border-bottom:5px solid #2c96d2;
		padding-top:5px;
		padding-bottom:2px;
		height:46px;
		color:#fff;
		position:absolute;
		bottom:0;
	}
	#campaign-details aside h1{
		position:absolute;
		top:5px;
		left:0;
		height:20px;
		width:446px;
		font-size:16px;
		line-height:20px;
		padding:14px 10px 11px;
		background-color:#333;
	}
	#campaign-details aside#fans h1{
		width:221px;
	}
	#rosette{
		background-image:url("../images/rossette.png");
		display:block;
		height:76px;
		position:absolute;
		right:252px;
		top:30px;
		width:52px;
		z-index:1;
	}
	#rosette.level-1{background-position:484px 0}
	#rosette.level-2{background-position:424px 0}
	#rosette.level-3{background-position:361px 0}
	#rosette.level-4{background-position:300px 0}
	#rosette.level-5{background-position:237px 0}
	#rosette.level-6{background-position:176px 0}
	#rosette.level-7{background-position:114px 0}
	#rosette.level-8{background-position:54px 0}
	#rosette.level-9{background-position:54px 0}
	#rosette.graduated{background-position:54px 0}

	#campaign-details #follow-me{
		clear:left;
		float:left;
		width:466px;
		left:14px;
	}
	#follow-me nav{
		position:absolute;
		top:13px;
		left:100px;
	}
	#follow-me a{
		display:block;
		float:left;
		text-indent:-9999px;
		overflow:hidden;
		background:url(../images/campaign.png) no-repeat 0 0;
		width:30px;
		height:30px;
	}
	#follow-me .youtube{
		background-position:-40px 0;
	}
	#follow-me .twitter{
		background-position:-80px 0;
	}
	#fans{
		width:480px;
		left:480px;
	}
	#fans p{
		color:#fff;
		position:absolute;
		top:0;
		right:236px;
	}
	#fans h1{
		width:220px;
		text-align:right;
		padding-top:14px;
		padding-bottom:11px;
	}
	#fans h1 span{
		display:inline;
		width:auto;
	}
	#fans h1 em{
		height:20px;
		font: 32px/0px Georgia, serif;
		padding-left:10px;
		padding-right:10px;
	}
	#fans nav a{
		text-indent:-9999px;
		overflow:hidden;
		position:absolute;
		right:0;
		top:5px;
		width:236px;
		height:46px;
		background:url(../images/campaign.png) no-repeat 0 -40px;
	}
	.battlefront-12 #fans nav a {
		background-position: 0 -85px;
	}
	.vintage #fans nav a {
		background-position: 0 -130px;
	}
	#fans.enabled nav a{
		background-position: 0 -175px;
	}
	#fans nav span.not-logged-in {
		background: #eaeaea;
		color: #000;
		display: block;
		height: 45px;
		width: 235px;
		position: absolute;
		top: 5px;
		right: 0;
		overflow: hidden;
		line-height: 46px;
		text-align: center;
	}
	#fans nav span.not-logged-in a {
		color: #000;
		font-weight: bold;
		background: none;
		text-indent: 0;
		width: auto;
		position: static;
		top: 0;
		right: 0;
		height: auto;
		line-height: 46px;
	}
	#primary-content #quote{
		position:relative;
	}
	#primary-content #quote p{
		position:relative;
		padding-left:80px;
		background:url(../images/campaign.png) no-repeat 0 -240px;
		padding-bottom:32px;
	}
	#quote h1{
		color:#f82f01;
		position:absolute;
		bottom:0;
		right:0;
		font: 13px/16px Arial,sans-serif;
		text-transform:none;
		padding-bottom:0;
		border-bottom:0;
	}
	#quote q{
		font: 18px/20px Georgia, serif;
	}
	#campaign-details.featured hgroup h3{
		background-color:#f82f01;
	}
	#campaign-details.featured hgroup h1, .featured #busy-o-meter figcaption{
		color:#f82f01;
	}
	#campaign-details.featured aside{
		border-bottom-color:#f82f01;
	}

		/* COMMENT FORM */
		form#comment .user-details label, form#comment nav,
		.inline-comment-form .user-details div {
			width:199px;
			float:left;
			clear:none;
			text-align:left;
		}
		.inline-comment-form{
			margin-top:2px;
		}
		.inline-comment-form .errors{
			margin-bottom:0;
		}
		.inline-comment-form .errors li{
			padding-right:1ex;
		}
		form#comment .facebook{
			display:block;
			width:195px;
			height:26px;
			background:url(../images/campaign.png) no-repeat 0 -90px;
			text-indent:-9999px;
			overflow:hidden;
			margin-top:2px;
		}
		form#comment textarea,
		form.inline-comment-form textarea {
			width:99%;
			height:100px;
		}

		/* COMPETITION DETAILS FORM */
		form#details .user-details label{
			width:220px;
			float:left;
			clear:none;
			text-align:left;
		}

		form#details .checkbox{
			width:220px;
			float:left;
			clear:none;
			text-align:left;
		}
		form#details button{
			margin-top:0px;
			margin-left:90px;
		}
		form#details nav{
			width:120px;
			float:left;
			clear:none;
			text-align:left;
		}
		form#details #enter-fb{
			float:left;
			height:145px;
			margin-left:430px;
			margin-top:-160px;
			position:relative;
			width:200px;
			border-left:1px solid #fff;
			padding-left:40px;
		}
		form#details .facebook{
			display:block;
			width:82px;
			height:22px;
			background-position:0 -110px;
			text-indent:-9999px;
			overflow:hidden;
			margin-top:2px;
		}

		/* REPORT THIS */
		#report-this fieldset{
			width:386px;
		}

	/* FEATURED USER */
	.featured #fans nav a{
		background-position:0 -120px;
	}

	/* MANAGE PROFILE */
	section#registration{
		margin-bottom:40px;
		border-bottom:0;
	}
	#registration input{
		width:300px;
	}
	#registration .checkbox{
		padding-top:16px;
	}
	#registration .checkbox input{
		width:auto;
	}
	body #registration fieldset{
		width:540px;
		min-height:0;
	}
	#manage-profile, #campaign-background, #registration{
		margin-bottom:20px;
		border:1px solid;
	}
	#manage-profile h1, #campaign-background h1, #registration h1{
		float:left;
		margin:10px 0 10px -1px;
		padding:5px 10px 0;
		background-color:#fff;
		-moz-box-shadow:rgba(0,0,0,0.4) 1px 1px 5px;
		-webkit-box-shadow:rgba(0,0,0,0.4) 1px 1px 5px;
		box-shadow:rgba(0,0,0,0.4) 1px 1px 5px;
	}
	#manage-profile form, #campaign-background form, #registration form{
		clear:left;
		margin:0 14px;
		background-color:transparent;
	}
	#manage-profile form div, #registration form .action-buttons{
		position:relative;
		clear:both;
		text-align:left;
		height:45px;
	}
	a.cancel {
		margin-top: 11px;
		color: #000;
	}
	#manage-profile form div button, #registration form div button{
		right:0;
		top:0;
		position:absolute;
	}
	#manage-profile fieldset, #registration fieldset{
		min-height:280px;
		width:451px;
		float:left;
		margin-right:14px;
		padding:10px 0;
		background-color:#fff;
		position:relative;
	}
	#manage-profile label, #registration label{
		position:relative;
	}
	#manage-profile label em, #registration label em{
		position:absolute;
		top:13px;
		right:-6px;
		font-weight:bold;
	}
	#manage-profile textarea{
		height:150px;
	}
	fieldset#stream-manager{
		text-align:left;
		margin-right:0;
	}
	#stream-manager label{
		float:left;
		clear:left;
		border-bottom:1px dotted #ccc;
		padding-bottom:10px;
		width: 90%;
	}
	#stream-manager label:last-child{
		border-bottom:0;
	}
	#stream-manager label span{
		color:#2c96d2;
	}
	#stream-manager label input{
		width: 100%;
	}
	#manage-profile label, #manage-profile p, #manage-profile h2{
		margin-right:18px;
		margin-left:12px;
	}
	#manage-profile div{
		clear:left;
		text-align:right;
		margin-bottom:10px;
	}

	/* CAMPAIGN BACKGROUND */
	#campaign-background{
		border:0;
		margin:0 14px 14px;
		background:url(../images/get-involved/light-concrete.jpg) repeat top center;
	}
	#campaign-background p{
		margin:14px 14px 0;
		width:450px;
		font-weight:bold;
		float:left;
	}
	#campaign-background form{
		text-align:right;
	}
	#campaign-background ul{
		padding:4px;
		overflow:hidden;
		float:left;
		position:relative;
		left:-4px;
		width:925px;
	}
	#campaign-background li{
		float:left;
		margin-right:21px;
	}
	#campaign-background button{
		clear:left;
		color:#333;
		margin-bottom:20px;
	}
	#campaign-background label{
		border:4px solid transparent;
		position:relative;
		top:-4px;
		left:-4px;
		text-indent:-9999px;
		opacity:0;
	}
	#campaign-background .active{
		-moz-border-radius:4px;
		-webkit-border-radius:4px;
		border-radius:4px;
		border-color:#0b9ff2;
		margin:0;
		opacity:1;
	}
	#campaign-background li, #campaign-background label{
		display:block;
		width:292px;
		height:164px;
		background-image:url(../images/backgrounds.jpg);
		background-repeat:no-repeat;
	}
	#campaign-background #background-1{
		background-position:-293px 0;
	}
	#campaign-background #background-2{
		background-position:-293px -164px;
	}
	#campaign-background #background-2 label{
		background-position:0 -164px;
	}
	#campaign-background #background-3{
		margin-right:0;
		background-position:-293px -328px;
	}
	#campaign-background #background-3 label{
		background-position:0 -328px;
	}

	/* TWELFTH CAMPAIGNER */
	#twelfth-campaigner{
		float:left;
		padding-bottom:10px;
		border-bottom:1px solid #aaa;
	}
	#choose-campaigner-title span{
		width:auto;
		margin-top:8px;
	}
	#twelfth-campaigner h1.replace{
		margin-top:0;
		background:url("../images/12th-campaigner-sprite.png") no-repeat scroll 794px -12px transparent;
	}
	#twelfth-campaigner h1, #choose-campaigner-title{
		border-bottom:6px solid #f82f01;
		margin: 8px 0 0;
		padding-bottom: 8px;
	}
	#twelfth-campaigner h1 span {
		padding-top:8px;
		width:150px;
	}
	#twelfth-campaigner #tell-us{
		float:left;
		background:url(../images/crowd.jpg) no-repeat bottom left;
		width:386px;
		margin-right:14px;
		min-height:303px;
		padding-bottom:250px;
	}
	#twelfth-campaigner form p{
		padding: 14px;
	}
	#tell-us h2{
		margin-bottom:10px;
		font-family: Champion, Impact, sans-serif;
	}
	#twelfth-campaigner form{
		float:right;
		width:546px;
		margin-top: 5px;
	}
	#twelfth-campaigner .errors{
		padding-left:16px;
	}
	fieldset#personal-details{
		padding-bottom:0;
	}
	fieldset#personal-details div{
		width:50%;
		float:left;
		clear:none;
	}
	fieldset#personal-details div:nth-child(odd){
		clear:left;
	}
	#twelfth-campaigner label span{
		font-weight:bold;
	}
	#twelfth-campaigner label em{
		font-weight:normal;
	}
	fieldset#personal-details input,fieldset#personal-details span{
		width:220px;
	}
	fieldset#personal-details select{
		width:225px;
	}
	#twelfth-campaigner label input, #twelfth-campaigner label span, #twelfth-campaigner label textarea,fieldset#personal-details select{
		margin-left:16px;
	}
	#twelfth-campaigner label textarea{
		width:480px;
	}
	#campaign-details input{
		width:364px;
	}
	#campaign-details .checkbox{
		padding-top:10px;
	}
	#campaign-details .checkbox input,
	#personal-details .checkbox input{
		width:auto;
	}

	/* CHOOSE THE TWELFTH */
	#choose-the-twelfth{
		clear:left;
		padding-top:10px;
		margin-right:0;
		overflow:hidden;
	}
	#choose-the-twelfth img{
		display:block;
		width: 178px;
		height: 101px;
	}
	#choose-the-twelfth article hgroup{
		margin:0 0 5px;
		padding:5px 10px 5px;
	/*	border-bottom:1px dotted #96cbe9;*/
	}
	#choose-the-twelfth article h1{
		line-height:20px;
		font-size:15px;
		text-overflow:ellipsis;
		overflow:hidden;
		max-height:40px;
	}
	#choose-the-twelfth article, #choose-the-twelfth article a{
		color:#fff;
	}
	#choose-the-twelfth article{
		width:178px;
		/*height:200px;*/
		height:175px;
		margin-right:14px;
		margin-bottom:14px;
		background-color:#2c96d2;
		float:left;
		position:relative;
	}
	#choose-the-twelfth .paging{
		border-top:1px solid #aaa;
		padding-top:10px;
		margin-right:14px;
	}
	#choose-the-twelfth .paging strong{
		background-color: #2c96d2;
	}
	#choose-the-twelfth h1 .more{
		width:0;
	}
	#choose-the-twelfth article nav{
		margin:0 10px 5px;
	}
	.watch{
		color:#fff;
		padding-left:27px;
		background:url(../images/12th-campaigner-sprite.png) no-repeat 0 -169px;
	}
	.vote{
		position:absolute;
		right:5px;
		bottom:5px;
		display:block;
		width:75px;
		height:38px;
		text-indent:-9999px;
		overflow:hidden;
		background:url(../images/12th-campaigner-sprite.png) no-repeat 0 -192px;
	}
	#featured-campaigner{
		margin:0 14px;
		position:relative;
		padding-bottom:10px;
		border-bottom:1px solid #aaa;
	}
	#featured-campaigner img{
		float:left;
		margin-bottom:52px;
		width: 386px;
		height: 218px
	}
	#featured-campaigner h1.replace, #twelfth-campaigner h1.replace{
		font-size:31px;
		line-height:32px;
		margin-bottom:6px;
		padding-top:0;
		text-transform:uppercase;
		padding-bottom: 5px;
		border-bottom:6px solid #f82f01;
	}
	#featured-campaigner .replace span{
		width:240px;
	}
	#twelfth-campaigners h1.replace{
		padding-bottom:6px;
	}

	#featured-campaigner article{
		position:relative;
	}
	#featured-campaigner header, #featured-campaigner p{
		margin-left:400px;
	}
	#featured-campaigner header{
		border-bottom:1px dotted #ccc;
		padding-bottom:5px;
		margin-bottom:10px;
	}
	#featured-campaigner h2{
		display:inline;
	}
	#featured-campaigner header span{
		font-size:12px;
		font-weight:bold;
		float:right;
		color:#2c96d2;
	}
	#featured-campaigner header em{
		color:#333;
	}
	#featured-campaigner nav{
		background:#2c96d2 url(../images/featured-campaigner-gradient.png) repeat-x top;
		height:52px;
		position:absolute;
		left:0;
		top:218px;
		width:386px;
	}
	#featured-campaigner .watch{
		position:absolute;
		top:18px;
		left:10px;
		color:#fff;
	}
	#featured-campaigner .vote{
		top:7px;
		right:5px;
	}
	#featured-campaigner #start-your-campaign{
		clear:left;
		position:static;
		background-color:transparent;
		background-image:none;
		height:25px;
		padding-top:16px;
		padding-bottom:16px;
	}

	/* PAGE FOOTER */
	#page-footer{
		margin:0;
		padding:14px 14px 60px;
		clear:both;
		position:relative;
		width:946px;
		min-height:129px;
	}
	#footer-log {
		float: right;
		width: 400px;
		text-align: right;
	}
	#footer-log h1 {
		font: bold 14px/20px Arial, sans-serif;
		text-transform: none;
		margin: -5px 0 2px 0;
	}
	#footer-log a {
		line-height: 1.5em;
		color: #FFF;
	}
	#footer-log a.fb_button {
		float: left;
		line-height: 14px;
	}
	#footer-log ul.errors {
		color: #333333;
		font-weight: bold;
	}

		/* ABOUT */
		#page-footer aside{
			float:left;
			width:466px;
		}

		/* LOGOS */
		#logos{
			clear:both;
		}
		#logos a{
			position:absolute;
			display:block;
			text-indent:-9999px;
			overflow:hidden;
			bottom:12px;
			opacity:0.8;
			-webkit-transition:0.1s opacity ease-in;
			-moz-transition:0.1s opacity ease-in;
		}
		#logos a:hover{
			opacity:1.0;
		}
		#logos .channel4 a{
			left:14px;
			height:42px;
			width:32px;
			background-position:-340px 0;
		}
		#logos .raw a{
			left:80px;
			height:15px;
			width:85px;
			background-position:-380px 0;
		}
		#logos .airlock a{
			left:182px;
			height:14px;
			width:85px;
			background-position:-380px -20px;
		}
		#logos .nominet a{
			top:35px;
			left:505px;
			width:75px;
			height:38px;
			background-position:-340px -50px;
		}

		/* REGISTER */
		#register{
			float:right;
			width:226px;
			height:20px;
			border-bottom:1px dotted;
			padding-bottom:8px;
			margin-bottom:10px;
		}

		/* LOGIN */
		#login{
			clear:right;
			float:right;
			width:226px;
		}
		#login h2{
			position:absolute;
			left:-9999px;
		}
		#login input{
			width:220px;
		}
		#login input:focus {
			background: #EEE;
		}

		/* ANCILLARY LINKS */
		#ancillary{
			position:absolute;
			bottom:10px;
			right:14px;
		}
		#ancillary li{
			display:inline;
		}
		#ancillary a{
			color:#fff;
		}
		#ancillary li:after{
			content:' | ';
		}
		#ancillary li:last-child:after{
			content:'';
		}

		/*	NOMINENT */
		#page-footer aside.nominet {
			height: 25px;
			padding: 7px 0 2px;
			width: 100%;
			position: absolute;
			left: 0;
			bottom: -35px;
			background: #FFF;
		}

		#page-footer aside.nominet a {
			background: url('../images/nominet-trust.png') no-repeat;
			width: 270px;
			height: 25px;
			text-indent: -9999px;
			display: block;
			margin-right: 13px;
			float:right;
		}

/* COLOUR */
body{
	background-color:#e7e3dd;
}
#container{
	background-color:#fff;
	-webkit-box-shadow:0 0 5px rgba(0,0,0,0.16);
	-moz-box-shadow:0 0 5px rgba(0,0,0,0.16);
	box-shadow:0 0 5px rgba(0,0,0,0.16);
}
#masthead, #campaigners, #primary-content section{
	border-bottom-color:#f82f01;
}
#main-navigation{
	border-top-color:#ccc;
}
#main-navigation li a.active {
	color:#f82f01;
}
#search{
	background-color:#eaeaea;
}
#search button{
	background-color:transparent;
}
#campaigners li{
	border-color:#fff;
}
#primary-content h1{
	border-bottom-color:#333;
}
#primary-content article footer{
	background-color:#e0f0fa;
	color:#999;
}
#primary-content .hfeed article footer{
	background-color:transparent;
}
#spotlight article h1{
	background-color:#f82f01;
}
#spotlight article h2 a{
	background-color:#fff;
}
#primary-content #latest-news{
	border-bottom-color:#62b5e5;
}
.tabs nav ul{
	border-bottom-color:#333;
}
.tabs ul a, .tabs ul a:visited{
	background-color:#62b5e5;
	background-position:-310px -550px;
	background-repeat:no-repeat;
	color:#b1daf2;
	border-top-right-radius:5px;
	border-top-left-radius:5px;
	-webkit-border-top-right-radius:5px;
	-webkit-border-top-left-radius:5px;
	-moz-border-radius-topleft:5px;
	-moz-border-radius-topright:5px;
}
.tabs ul .active a, .tabs ul .active a:visited{
	background-color:#2c96d2;
	color:#fff;
}
.sub-tabs li{
	display:inline;
	font-weight:bold;
}
.sub-tabs{
	margin-bottom:16px;
}
.hfeed article, #search-results article{
	border-bottom-color:#d6d6d6;
}
.hfeed section h1{
	color:#fff;
	background-color:#71bce8;
}
.hfeed article h1{
	background-color:transparent;
	color:#666;
}
#editors-choice h1{
	background-color:#f82f01;
}
#editors-choice article h1{
	background-color:transparent;
}
#editors-choice article{
	background-color:#fee0d9;
}
.hfeed .comments article{
	background-color:#eff7fc;
}
.hfeed .comments header, .hfeed .comments .more{
	background-color:#e0f0fa;
}
#primary-content .hfeed .comments footer {
	background-color:#80c0e4;
}
#primary-content .hfeed .comments article footer{
	background-color:transparent;
}
#secondary-content aside, .filter h1, #secondary-content section, #secondary-content.battlefront-12 #mission, #secondary-content.vintage-campaign #mission, #secondary-content #personal-information {
	color:#fff;
	background-color:#f82f01;
	border-color:#dd2a01;
}
#filter-by-cause h1{
	background-color:#333;
}
#secondary-content aside h1, #secondary-content.battlefront-12 #mission h1, #secondary-content.vintage-campaign #mission{
	border-bottom-color:#fc9780;
}
#secondary-content #watch-previous a{
	background-color:transparent;
}
#secondary-content #hunt-for-the-12th-campaigner, #secondary-content #campaign, #secondary-content #mission, #secondary-content section{
	border-color:#73bde8;
}
#secondary-content #best-campaigns-ever{
	border-color:#414141;
}
#secondary-content #hunt-for-the-12th-campaigner h1, #secondary-content #campaign h1, #secondary-content #mission h1{
	border-bottom-color:#b7dcf1
}
#secondary-content #the-story, #secondary-content #adopt{
	border-color:#aaa;
}
#secondary-content #the-story h1, #secondary-content #adopt h1{
	border-bottom-color:#aaa;
}
#secondary-content #adopt a{
	background-color:#f82f01;
}
#secondary-content #the-story a:hover, #secondary-content #adopt a:hover{
	color:#fff;
}
#hunt-for-the-12th-campaigner img{
	border-color:#fff;
}
#page-footer h2, #the-campaigns #featured-campaign, #campaigns section{
	color:#fff;
}
#page-footer{
	background-color:#f82f01;
	color:#fff;
}
#register{
	border-bottom-color:#fca18d;
}
.hfeed .paging{
	border-top-color:#666;
	padding-right:0;
}
.errors{
	list-style:none inside;
	text-align:left;
	color:#f82f01;
	margin-bottom:16px;
}
#manage-profile, #registration{
	border-color:#79bbdf;
}
/* SPRITING */
body{
	background-image:url(../images/bg2.png), url(../images/bg.jpg);
	background-repeat:no-repeat, repeat;
	background-position:top center, top center;
}
#masthead h1.root a{
	background-image:url(../images/logo.png);
}
#connect a, #search button, #masthead aside span, #campaigners #the12th a, #editors-choice h1, .hfeed .comments header, .hfeed .comments .more, #secondary-content aside nav a, #watch-previous a, #secondary-content .graphic-spotify, #secondary-content .graphic, #secondary-content #vip-section img, #secondary-content #lend-a-hand img,
#logos a, #featured-campaign nav a, #secondary-content #whats-it-all-about button, #the-campaigns #campaigns section hgroup, .tabs ul a, #secondary-content .edit, #choose-the-twelfth article hgroup,
#primary-content #myflock section hgroup, #primary-content #mentors-list #mentors section hgroup, form#details .facebook, #episode-details nav a, #secondary-content #mission button, #petition .pb_open a{
	background-image:url(../images/bf-sprite.png);
	background-repeat:no-repeat;
}
#start-your-campaign h1, #start-your-campaign section p, #start-your-campaign .graphic, #get-started, #start-your-campaign section h2, .level header h2, #campaign-activity hgroup h2,
#campaign-activity h3, #start-your-campaign section h1, .level header h1, #next-levels em{
	background-image:url(../images/get-involved/sprite.png);
	background-repeat:no-repeat;
}
.hfeed article .comments img.photo, #connect h1, #signin h1, #editors-choice article h1, #campaigners #the12th{
	background-image:none;
}
#connect .facebook a{
	background-position:0 -80px;
}
#connect .youtube a{
	background-position:-30px -80px;
}
#connect .twitter a{
	background-position:-60px -80px;
}
#connect .flickr a{
	background-position:-90px -80px;
}
#search button{
	background-position:-190px -80px;
}
#masthead aside span{
	background-image:url(../images/bf-sprite.png);
	background-position:-320px -90px;
}
#campaigners #the12th a{
	background-position:-410px -290px;
}
.hfeed .comments header{
	background-position:-458px -36px;
}
.hfeed .comments .more{
	background-position:-458px -193px;
}
#secondary-content #watch-previous a{
	background-position:-140px -140px;
}
#secondary-content #vip-section img{
	background-repeat:no-repeat;
	background-position:0 -252px;
}
#secondary-content #lend-a-hand img{
	background-repeat:no-repeat;
	background-position:0 -252px;
}
#campaigners li, #campaigners li a{
	background-image:url(../images/campaigners.jpg);
	background-repeat:no-repeat;
}
#campaigner1{
	background-position:1px 0;
}
#campaigner2{
	background-position:1px -90px;
}
#campaigner3{
	background-position:1px -180px;
}
#campaigner4{
	background-position:1px -270px;
}
#campaigner5{
	background-position:1px -360px;
}
#campaigner6{
	background-position:1px -450px;
}
#campaigner7{
	background-position:1px -540px;
}
#campaigner8{
	background-position:1px -630px;
}
#campaigner9{
	background-position:1px -720px;
}
#campaigner10{
	background-position:1px -810px;
}
#campaigner11{
	background-position:1px -900px;
}

/* CAMPAIGNERS HOVER */
#campaigner1.active{
	background-position:right 0;
}
#campaigner2.active{
	background-position:right -90px;
}
#campaigner3.active{
	background-position:right -180px;
}
#campaigner4.active{
	background-position:right -270px;
}
#campaigner5.active{
	background-position:right -360px;
}
#campaigner6.active{
	background-position:right -450px;
}
#campaigner7.active{
	background-position:right -540px;
}
#campaigner8.active{
	background-position:right -630px;
}
#campaigner9.active{
	background-position:right -720px;
}
#campaigner10.active{
	background-position:right -810px;
}
#campaigner11.active{
	background-position:right -900px;
}

/* CAMPAIGNER ANCHORS */
#campaigner1 a{
	background-position:right 0;
}
#campaigner2 a{
	background-position:right -1080px;
}
#campaigner3 a{
	background-position:right -1170px;
}
#campaigner4 a{
	background-position:right -1260px;
}
#campaigner5 a{
	background-position:right -1350px;
}
#campaigner6 a{
	background-position:right -1440px;
}
#campaigner7 a{
	background-position:right -1530px;
}
#campaigner8 a{
	background-position:right -1620px;
}
#campaigner9 a{
	background-position:right -1710px;
}
#campaigner10 a{
	background-position:right -1800px;
}
#campaigner11 a{
	background-position:right -1890px;
}
#editors-choice h1{
	background-position:-468px 3px;
}
/*    Comment Colours */
.hfeed article img.photo {
	height: 50px;
	width: 50px;
}

.hfeed article span.frame {
    height: 50px;
    width: 51px;
    position: absolute;
    top: 0;
    left: -71px;
    padding: 3px 4px 12px 3px;
    background: url('../images/avatar-frames.png') no-repeat -1px 0;
}

.hfeed article.battlefront-12 span.frame {background-position: -1px -132px}
.hfeed article.moderator span.frame,
.hfeed article.battlefront span.frame {background-position: -1px -267px}
.hfeed article.vintage span.frame {background-position: -1px -67px}
.hfeed article.mentor span.frame {background-position: -1px -199px}
.hfeed article.ugc span.frame {background-position: -1px 0}

.hfeed article .comments span.frame {
	background: url('../images/avatar-frames.png') no-repeat -61px 0;
	left: 11px;
	top: 11px;
	height: 32px;
	width: 32px;
	padding-bottom: 4px;
}
.hfeed article .comments article.battlefront-12 span.frame {background-position: -61px -156px}
.hfeed article .comments article.moderator span.frame,
.hfeed article .comments article.battlefront span.frame {background-position: -61px -77px}
.hfeed article .comments article.vintage span.frame {background-position: -61px -38px}
.hfeed article .comments article.mentor span.frame {background-position: -61px -116px}
.hfeed article .comments article.ugc span.frame {background-position: -61px 0}

.hfeed article span.fn {
	font-weight: bold;
}

.hfeed article .comments article span.fn {
	padding-right: 3px;
}

.hfeed article.battlefront-12 span.fn,
.hfeed article .comments article.battlefront-12 span.fn,
.hfeed article.moderator span.fn,
.hfeed article .comments article.moderator span.fn,
.hfeed article.battlefront span.fn,
.hfeed article .comments article.battlefront span.fn,
.hfeed article.battlefront-12 footer nav a,
.hfeed article.moderator footer nav a,
.hfeed article.battlefront footer nav a {
    color: #f9431a;
}
.hfeed article.vintage span.fn,
.hfeed article .comments article.vintage span.fn,
.hfeed article.vintage footer nav a  {
    color: #d1399b;
}
.hfeed article.mentor span.fn,
.hfeed article .comments article.mentor span.fn,
.hfeed article.mentor footer nav a  {
    color: #42ba69;
}
.hfeed article span.fn,
.hfeed article .comments span.fn,
.hfeed article footer nav a {
    color: #62b5e5;
}

.hfeed section.comments img.photo {
	width: 32px;
	height: 32px;
	top: 12px;
}

.hfeed section.comments p{
	display:inline;
}
.hfeed article.shouts img.photo {
	background: url(../images/campaign.png) 0 -240px no-repeat;
}
.hfeed .battlefront img.photo{
	background-position:-391px -180px;
}
#secondary-content aside nav a, #featured-campaign nav a, #the-show-latestepisode-campaigns nav a, #secondary-content .edit, #episode-details nav a, #petition .pb_open a {
	background-position:-472px -64px;
}
#secondary-content aside nav a:hover, #the-show-latestepisode-campaigns nav a:hover, #secondary-content .edit:hover, #petition .pb_open a:hover{
	background-position:-472px -84px;
}
#the-show .graphic{
	background-position:0 -140px;
}
#top-campaigning-playlists .graphic{
	background-position:-410px -405px;
}
#top-campaigning-playlists .graphic-spotify{
	background-position:0px -502px;
}
#vip-section .graphic{
	background-position:-250px -110px;
}
#vip-section h1 .graphic{
	background-position:-41px -291px;
}
#lend-a-hand .graphic{
	background-position:-401px -593px;
}
#campaign .graphic{
	background-position:-300px -301px;
}
#handbook .graphic{
	background-position:-307px -203px;
}
#game-promo .graphic{
	background-position:-69px -440px;
}
#competition-promo .graphic{
	background-position:-140px -440px;
}
#the-campaigns #featured-campaign{
	background:url(../images/red-swirls.png) repeat;
}
#choose-the-twelfth article hgroup{
	background-position:0 -570px;
	background-repeat:repeat-x;
}

#secondary-content #hunt-for-the-12th-campaigner, #secondary-content #campaign{
	background:url(../images/blue-swirls.png);
}
#secondary-content #best-campaigns-ever{
	background:url(../images/grey-swirls.png);
}
#secondary-content #the-story, #secondary-content #adopt{
	background-image:url(../images/grey-swirls.png);
	background-image:url(../images/bf-sprite.png), url(../images/grey-swirls.png);
	overflow: hidden;
}
#manage-profile, #registration{
	position:relative;
	background:url(../images/blue-concrete.jpg) repeat top center;
	clear: both;
}
#manage-profile h1, #registration h1{
	position:relative;
	z-index:2;
}
#manage-profile .graphic{
	position:absolute;
	z-index:1;
	top:0;
	left:0;
	width:100%;
	height:42px;
	display:block;
	background:url(../images/campaign-header-gradient.png) repeat-x top center;
}
#manage-profile button, #registration button{
	color:#00a9d5;
}
/*------------------------------------
	Your Campaign / Create Avatar
------------------------------------*/
	.check-list .error{
		clear:both;
		float:left;
		color: #F82F01;
	}

  	#create-avatar{
  		position: relative;
  		margin-bottom: 50px;
  	}

	  	#create-avatar *{
	  		padding: 0;
	  		margin: 0;
	  	}
		#create-avatar .fb_button {
			float: left;
			clear: both;
			margin: 5px 20px 15px;
		}
		#create-avatar hr {
			border: none;
			border-top: 1px dotted #FFF;
			margin: 15px 20px;
			clear: both;
		}
		#create-avatar .fb_button .fb_button_text {
			padding: 2px 6px 3px;
			margin: 1px 1px 0 21px;
		}

	#create-avatar #tabs ul{
		width: 100%;
		height: 22px;
		margin: 10px 0 0;
		display: block;
	}

	#create-avatar #tabs ul li{
		display: inline;
		float: left;
		width: 105px;
		height: 20px;
		margin: 0 0 0 5px;
		padding: 2px 0 0 10px;
		text-align: left;
		background: #b2b2b2;
	}
	#create-avatar #tabs ul li.unlocked{
		background: #000;
	}
	#create-avatar #tabs ul li.active{
		background: #25d93b;
	}
	#create-avatar #tabs ul li.first{
		margin: 0;
	}

	#create-avatar #tabs ul li a{
		color:#FFFFFF;
		margin:0;
		padding:1px 73px 1px 0;
		text-decoration:none;
	}

	#avatar-preview{
		width: 275px;
		height: 315px;
		border: 5px solid #e5e5e5;
		background: #f5f5f5;
		position: absolute;
		margin-top:37px;
		z-index: 50;
	}
	#avatar-preview .loading{
		background:url("../images/ajax-loader.gif") no-repeat scroll center center transparent;
		height:315px;
		position:absolute;
		top:0;
		width:275px;
		left: 0;
	}
	#create-avatar #stage ul{
		bottom:5px;
		height:20px;
		margin:10px 0;
		position:absolute;
		right:20px;
		width:150px;
		z-index:1;
	}

	#create-avatar #stage ul li{
		background:none repeat scroll 0 0 #000000;
		display:inline;
		float:left;
		height:20px;
		text-align:center;
	}

	#create-avatar #stage ul li#prev{float: left}
	#create-avatar #stage ul li#next{float: right}

	#create-avatar #stage ul li a{
		color:#FFFFFF;
		line-height:1.5em;
		margin:0;
		padding:0 22px;
		text-align:center;
		text-decoration:none;
		width:70px;
	}
	#create-avatar nav{
		clear: both;
	}

	/*	Common */
	#create-avatar fieldset.stage{
		float: right;
		padding: 0;
		padding: 0 0 0 299px;
		-webkit-box-shadow:none;
		position: relative;
		z-index: 1;
		border: none;
		-moz-box-shadow:none;
		height:365px;
		width:297px;
	}

	#create-avatar fieldset.stage label {
		height: 95px;
		width: 95px;
		float: left;
		clear: none;
		display: inline;
		overflow: hidden;
		padding: 0;
		margin: 0;
	}

	#create-avatar fieldset#stage2 label,
	#create-avatar fieldset#stage3 label,
	#create-avatar fieldset#stage4 label,
	#create-avatar fieldset#stage5 label {
		border: 1px solid #B2B2B2;
		margin: 1px;
	}
	#create-avatar fieldset#stage2 label.selected,
	#create-avatar fieldset#stage3 label.selected,
	#create-avatar fieldset#stage4 label.selected,
	#create-avatar fieldset#stage5 label.selected {
		border: 1px solid #000;
	}

	#create-avatar fieldset.stage label img {
		float: left;
		display: inline;
		margin-top: -18px;
	}

	#create-avatar fieldset.stage input {
		visibility: hidden;
	}

  	/*	Stage 1	*/
	#create-avatar fieldset h2{
		margin-bottom: 5px;
		margin-left: -300px;
		text-transform: uppercase;
	}

	#create-avatar fieldset h2 strong{
		color: #25d93b;
	}

	#create-avatar #stage1 label{
		height: 147px;
		width: 147px;
		padding: 0 0 0 1px;
	}

	#create-avatar #stage1 label img{
		margin-top: -17px;
	}

	#create-avatar .avatar-signed-in {
		display: none;
	}

  	/*	Stage 2	*/
	#user{
		width: 597px;
		background: rgb(0, 0, 0); /* The Fallback */
		background: rgba(0, 0, 0, 0.8);
		background-position: right 35px;
		background-repeat: no-repeat;
		-moz-box-shadow:none;
		color: #fff;
		z-index: 1;
		border: none;
		padding-bottom: 15px;
	}

	#user h2{
		background: #fff;
		color: #303030;
		margin-left: 0 !important;
		padding-bottom: 5px;
	}

	#user h2#level-2--header-1{
		background: none;
		color: #fff;
		padding: 5px 0 5px 20px;
		width: 320px;
		float: left;
	}

	#user p{
		padding: 5px 0 5px 20px;
		width: 430px;
		float:left;
	}

	#user div {
		float: left;
		width: 217px;
		padding: 5px 0 5px 20px;
	}

	#user label{
		clear:none;
		display:block;
		float:left;
		line-height:1.5em;
		margin:0 20px 8px 0;
	}

	#user label.checkbox {
		float:left;
		margin:0 0 -37px;
		width:250px;
	}

	#user label.checkbox input{
		margin:0 10px 0 0;
		width:auto;
	}

	#user label input{
		display:block;
		height:20px;
		width:266px;
	}

	#user fieldset{
		-moz-box-shadow:none;
		background:none repeat scroll 0 0 transparent;
		color:#FFFFFF;
		float:left;
		padding:0 1px 0 20px;
		width:auto;
	}

	#user fieldset label span {
		display: inline;
	}

	#user fieldset div{
		padding:0;
		position:relative;
		width:286px;
	}

	#user fieldset div:nth-child(odd) {
		clear: left;
	}

	#user label input#terms-of-use{
		float: left;
		clear: both;
		width: 18px;
		margin-top: -2px;
		margin-right: 6px;
	}

	#user .terms .errors {
		margin:20px 0 5px 0;
		width:350px;
	}

	#user .errors {
		font-size:11px;
		margin-bottom: 8px;
	}

	#user nav,
	#user .nav{
		background:none repeat scroll 0 0 transparent;
		float:left;
		margin:3px 12px 0 0;
		width:556px;
	}
	#user.standalone nav {
		margin: 16px 0 0;
		position: absolute;
		bottom: 15px;
		right: 20px;
	}

	#user nav button,
	#user .nav button{
		color: #25d93b;
		padding: 0 15px;
	}

/* Virtual Protest */

	#virtual-protest{
		margin: 0 14px;
		padding:10px 0 14px;
		border-top: 6px solid #f82f01;
		clear: both;
	}
	#virtual-protest h1{
		width:10px;
	}
	#virtual-protest p{
		width:255px;
		color: #ff2f01;
		padding-bottom:9px;
	}
	#virtual-protest a{
		background:url("../images/start-campaign.png") repeat scroll 0 0 transparent;
		display:block;
		float:right;
		height:43px;
		margin:-54px 10px 0 0;
		position:absolute;
		right:0;
		text-indent:-9999px;
		width:196px;
	}
	#virtual-protest #wall{
		background:url("../images/avatar-wall.jpg") repeat scroll 0 0 transparent;
		height:232px;
		overflow:hidden;
		padding:68px 0 0;
		width:946px;
	}
	#virtual-protest #wall a{
		display:block;
		float:left;
		text-align:center;
		margin: 0;
		position: static;
		height: auto;
		text-indent: 0;
		background: none;
		width:189px;
	}
	#virtual-protest #wall a img{
		width:175px;
		margin:auto;
	}
	#virtual-protest #wall #refresh {
		background:url("../images/refresh.png") repeat scroll 0 0 transparent;
		display:block;
		height:63px;
		margin:-54px 28px 0 0;
		position:absolute;
		right:0;
		text-indent:-9999px;
		width:45px;
		opacity: 0.8;
	}
	#virtual-protest #wall #refresh:hover {
		opacity: 1;
	}

/* ERRORS */
.page-not-found #primary-content{
	width:100%;
	height:256px;
	text-indent:-9999px;
	background:url(../images/error-404.jpg) no-repeat 14px 0;
}
.page-not-found #secondary-content{
	display:none;
}
.terms-and-conditions #primary-content ol,
.privacy-policy #primary-content ol {
	list-style:decimal outside;
	padding-left:20px;
}
.sitemap #primary-content {
	padding: 10px 0;
}
.sitemap #primary-content ul {
	list-style: disc;
	padding-left: 30px;
}
.sitemap #primary-content ul ul {
	padding-left: 15px;
}
.sitemap #primary-content li {
	padding-bottom: 3px;
}
.sitemap #primary-content li ul li {
	padding-top: 3px;
}

/* ALERTS */
#alert{
	font:31px/26px Champion, Impact, sans-serif;
	padding:20px 14px 16px;
	border:1px solid #fff;
	background-color:#F82F01;
	color:#fff;
	-moz-border-radius:1px;
	-webkit-border-radius:1px;
	border-radius:1px;
	margin-bottom:16px;
	-moz-box-shadow:0 0 20px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow:0 0 20px rgba(0, 0, 0, 0.5);
	box-shadow:0 0 20px rgba(0, 0, 0, 0.5);
}
#alert p {
	padding: 0;
	font-weight: normal;
	font-size: 16px;
}
#alert a {
	color: #fff;
	text-decoration: underline;
}