/* CSS Document */

@import url(reset.css);
@import url(bebas-neue/stylesheet.css);

.clearfloat{clear:both;}
a {text-decoration:none;}
h1, h2, h3, h4, h5 {font-family: BebasNeueRegular, Helvetica, Arial, Sans-Serif;}
h1 {font-size: 3em;}
h2 {font-size: 2em;}
h3 {font-size: 1.5em;}
h4 {font-size: 1.2em;}
h5 {font-size: 1em;}

body {
	list-style-type: none;
	font-family: 'BebasNeueRegular', Helvetica, Arial, Sans-Serif;
}

.wrapper {
	width: 520px;
	margin-right: auto;
	margin-left: auto;
}

.bannerHead {
	background: url(../images/bannerhead.png) no-repeat;
	height: 150px;
	margin-bottom: 10px;
}

.challengeBox {
	position: relative;
	min-height: 580px;
	padding: 10px 10px 25px 10px;;
	background: #000;
}

.challengeBox .title {
	padding-left: 5px;
	color: #fff;
}
.challengeBox .title .bbm {
	color: #666;
	font-size: .7em;
}

.challengeBox .challengeBanner {
	background: rgba(46, 88, 186, 1.0);
	height: 100px;
	color: rgba(3, 46, 99, .9);
	width: 485px;
	padding:  22px 0 20px 15px;
}
.challengeBox .challengeBanner h2 {margin-bottom: 10px;}
.challengeBox .challengeBanner p {
	font-family: helvetica, arial, sans-serif;
	font-size: 1em;
}

ul.councilMembers {
	color: #fff;
	padding: 5px 0 10px 0;
}

ul.councilMembers li {
	list-style-type: none; 
	display:block;
}

ul.councilMembers li a {
	color: #fff;
	height: 160px;
	width: 160px;
	padding-top: 5px;
	float: left;
	display: block;
	background-color: #666;
	margin: 2px 0 2px 5px;
}
li.hopeSolo a {background: url(../images/hopesolo.png);}
li.whitneyPort a {background: url(../images/whitneyport.png);}
li.jaredEng a {background: url(../images/jaredeng.png);}
li.greysonChance a {background: url(../images/greysonchance.png);}
li.laurenBerger a {background: url(../images/laurenberger.png);}
li.michelleTrachtenberg a {background: url(../images/michelletrachtenberg.png);}

ul.councilMembers li a:hover {
	color: rgba(99, 172, 225, 1.0);
	background: #111 url(../images/arrow.png) no-repeat;
	-webkit-transition: color 500ms ease-in-out;
	-moz-transition: color 500ms ease-in-out;
	-o-transition: color 500ms ease-in-out;
	transition: color 500ms ease-in-out;
}

.category, .name {margin-left: 15px;}
ul.councilMembers li a span.category {font-size: .8em;}
ul.councilMembers li a span.name {font-size: 1.1em;}

.getDetails {
	position: absolute;
	right: 15px;
	bottom: 15px;
	z-index: 9600;
	background: rgba(99, 172, 225, 1.0);
	padding: 10px;
	color: rgba(266, 266, 266, 1.0);
	clear: both;
	font-size: 18px;
	font-weight: bold;
	display: block;
}

.ncount {display: none;}