@import url('reset.css');

body {
	background: black url(../img/bg-main.jpg) no-repeat top left;
	color: white;
	font: 0.69em/1.35 Helvetica, Arial, sans-serif;
}

a { color: #EC1559; text-decoration: none; }
a:hover { text-decoration: underline; }

h1 {
	clear: both;
	margin: 0 auto;
	text-align: center;
	overflow: hidden;
	width: 976px;
}

h2 {
	font-size: 2.2em;
	margin-bottom: 8px;
	position: relative;
	text-transform: uppercase;
}
h2.dotted { border-bottom: 1px dotted white; }

h2 em {
	bottom: 6px;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 0.39em;
	font-style: normal;
	font-weight: normal;
	position: absolute;
	right: 0;
}

h2 em a { color: white; }
h2 em a:hover { color: #EC1559; text-decoration: none; }

p { margin: 0 1em 1.75em 0; }

#nav {
	background: black url(../img/bg-nav.png) repeat-x top left;
	margin-top: -1px;
	overflow: hidden;
}
#nav ul { margin: 0 auto; display: block; width: 976px; }
#nav ul li {
	background: url(../img/bg-navarrow.png) no-repeat 50% -50%;
	float: left;
	-webkit-transition: .2s linear background;
}
#nav ul li a {
	background: url(../img/bg-navitem.png) no-repeat left;
	color: white;
	color: rgba(255,255,255,0.5);
	display: block;
	font-size: 1em;
	padding: 1em 2.2em;
	text-transform: uppercase;
}
#nav ul li.active a { color: white; }
#nav ul li:first-child { margin-left: -2.2em; }
#nav ul li:first-child a { background: none; }
#nav ul li a:hover {
	color: white;
	text-decoration: none;
}
#nav ul li.active,
#nav ul li:hover { background: url(../img/bg-navarrow.png) no-repeat 50% 0; -webkit-transition: .2s linear background; }

#content { margin: -40px auto 0 auto; position: relative; width: 976px; }
#content.sub { margin-top: -400px; }

#content.sub p {
	font-size: 1.1em;
	width: 60%;
}


#content.sub table tr {
	 border-bottom: 1px solid #666;
}
#content.sub table tr td {
	padding: 5px 0;
}

div.col {
	float: left;
	margin: 0 20px 0 0;
	overflow: hidden;
	width: 320px;
}
.col:first-child { width: 309px; }
.col:last-child { margin-right: 0; width: 307px; }
.col div { margin: 0 0 30px 0; position: relative; }

#live { border-bottom: 1px dotted white; padding: 0; }
#live ul li {
	color: #888;
	color: rgba(255,255,255,0.65);
	margin: 0 0 8px 0;
}
#live ul li span { color: white; }

#tweets a { color: white; display: block; margin: 0 1em 15px 0; text-decoration: none; }
#tweets a:hover { color: #EC1559; }
#tweets a span { color: #888; color: rgba(255,255,255,0.65); display: block; margin-top: 3px; text-transform: capitalize; }

div#flickr_badge_uber_wrapper { margin-right: -26px; overflow: hidden; }
div.flickr_badge_image {
	display: block;
	float: left;
	height: 90px;
	margin: 0 10px 10px 0;
	width: 95px;
}
div.flickr_badge_image img { border: 1px solid white; height: 100%; width: 100%; }
div.flickr_badge_image a:hover img { border-color: #EC1559; }

#footer { background: #EC1559; clear: left; padding: 30px 0 20px 0; }
#footer div { margin: 0 auto; width: 976px; }
#footer ul { width: 300px; }
#footer ul li { border-top: 1px solid rgba(0,0,0,0.15); padding: 0.5em 0; }
#footer ul li:first-child { border: none; }
#footer a {
	color: black;
	display: block;
	font-size: 1.2em;
	text-transform: uppercase;
}

/* Cufon sizing */
.cufon-active h2 { font-size: 2.6em; }
#nav ul li a { font-size: 1.1em; }