/*----------------------------------------*/
/*------> crackonomics stylesheet <------*/
/*---------> December 07 - 2009 <-------*/
/*-------------------------------------*/

/*-----------------------------------*/
/*------------> GLOBAL <------------*/
/*---------------------------------*/

body {
	width: 100%;
	height: 100%;
	margin:	0 auto;
	background: URL('/images/crackonomics/background.gif') repeat-x;	
}

.input {
	border-top:	1px solid #999999;
	border-left: 1px solid #999999;
	padding: .3em 0 0 2px;
	margin:	6px 0 3px 0;
}

.video
	{
	padding: 20px;
	margin: 0;
}

p.inputTitle {
	padding: .3em 0 0 2px;
	margin:	0 0 0 20px;
}

.submit {
	background-color: #fff;
	padding: 1px 3px 1px 3px;
	margin:	6px 0 4px 20px;
}

p.top {
	padding: 5px;
	margin: 0;
}

a.top {
	padding: 5px;
	margin: 0;
}

/*---------------------------------------*/
/*------------> CHANGE.ORG <-------------*/
/*---------------------------------------*/

#changeVideo	{
	background: 	url('http://www.change.org/change/badges/takeaction-widget-bg-top.png') no-repeat;
	width: 			194px;
	padding: 		47px 3px 15px 3px;
	font-family: 	Helvetica;
	margin: 		10px 0 0 45px;
	text-align: 	left;
	line-height: 	normal;
}

#changeBadge	{
	 background: 	url('http://www.change.org/change/badges/takeaction-widget-bg-bottom.png') no-repeat;
	 width: 		200px;
	 height: 		50px;
	 margin: 		0 0 0 45px;	 
	 font-family: 	Helvetica;
	 line-height: 	normal;
}

/*--------------------------------------------*/
/*------------> CONTEST BUTTONS <-------------*/
/*--------------------------------------------*/

.contests {
	position: relative;
	height: 163px;
	margin: 0 0 0 10px;
	padding: 0;
	text-align: center;
}

#musicVideo:hover,
#Tshirt:hover,
#ShortFilm:hover 
{ 
  background-position: 0 -160px;
}

#musicVideo span,
#Tshirt span,
#ShortFilm span
{
  display: none;
}

#musicVideo,
#Tshirt,
#ShortFilm
{
 	display: block;	
  	width: 163px;
  	height: 162px; 
  	float: left; 	 		
}

#musicVideo
{
  background: url("http://www.crackonomics.com/images/crackonomics/contest_buttons/Music.png") no-repeat 0 0;
  margin: 0 30px 0 30px;
  padding: 0;
}

#Tshirt
{
  background: url("http://www.crackonomics.com/images/crackonomics/contest_buttons/Tshirt.png") no-repeat 0 0;
  margin: 0;
  padding: 0;
}

#ShortFilm
{
  background: url("http://www.crackonomics.com/images/crackonomics/contest_buttons/ShortFilm.png") no-repeat 0 0;
  margin: 0;
  padding: 0;
}

/*-----------------------------------*/
/*-----------> BRANDING <------------*/
/*-----------------------------------*/

#branding {
	position: absolute;
	width: 1000px;
	height: 297px;
	margin: 0 auto;
	background: url('http://crackonomics.com/images/crackonomics/banner_bg.gif') no-repeat top center;
}

/*#branding h1 {
	position: absolute;
	top: 0px;
	left: -160px;
	width: 1160px;
	height: 909px;
	background: url('/images/crackonomics/lady_justice-trans.png') no-repeat;
}*/

.lady {
	position: absolute;
	top: 0;
	left: -160px;
	width: 830px;
	height: 908px;
}

#branding h1 span {
	display:none;
}

ul#brand_info {
	position: absolute;
	width: 1000px;
}

ul#brand_info li {
	position: absolute;
 	display: inline;
}

li#brand_url {
	top: 5px;
	left:10px;
}

li#brand_url a {
	top: 5px;
	left:10px;
}

li#brand_welcome {
	top: 5px;
	left: 500px;
}

li#brand_callToAction {
	position: absolute;
	top: 60px;
	left: 725px;
	width: 220px;
	height: 228px;
	text-align: center;
}

/* -----------------------------------*/
/* ----------> NAVIGATION <-----------*/
/* -------------> MAIN <--------------*/
/* -----------------------------------*/

#nav_main {
	position: absolute;
	top: 125px;
	margin: 0 0 0 10px;
	padding: 0;
	z-index: 999;
}

/*-----------------------------------*/
/*----------> NAVIGATION <-----------*/
/*------------> TOOLS <--------------*/
/*-----------------------------------*/

#nav_tools {
	position: absolute;
	top: 4px;
	left: 614px;
	width: 424px;
}

ul#nav_tools li {
	display: inline;
}

ul#nav_tools li a {
	padding: 10px;
}

ul#nav_tools li a:hover {
	background-color: #D61C1B;
}

/*-----------------------------------*/
/*------------> CONTENT <------------*/
/*-----------------------------------*/

div#container {
	width: 1000px;
	height: 100%;
	margin: 0 auto;
	background-color: #F1F1EC;
}

div#content_main {
	position: absolute;
	width: 1000px;
	min-height: 1000px;
	top: 297px;
	padding: 0;
	margin: 0;
	background-color: #F1F1EC;	
}

div#secondary_media {
	float: left;
	width: 288px;
	margin: 10px 0 10px 10px;
	border: 1px solid #CCC;
	background-color: #F9F8F2;
}

div.secondary_media {
	width: 265px;
	height: auto;
	margin: 0 0 10px 10px;
	padding: 0;
	border: 1px solid #003366;
}

.videoImage {
	margin: 10px;
	padding: 0;
}

div.facebook {
	margin: 10px 0 0 13px;
}

/* ------------------------------------------ */
/* ------------- DONATE BUTTON -------------- */
/* ------------------------------------------ */

div#donate {
	position: relative;
	width: 270px;
	height: 50px;
	margin: 20px 0;
	padding: 0;
	background-color: #FFF;
	text-align: center;  
}

/* --------------------------------- */
/* ------------- POLL -------------- */
/* --------------------------------- */

.pollQuestion {
	font-family:	'Century Gothic',Futura,'URW Gothic L',sans-serif;
	line-height: 	20px;
    margin: 		10px;
    padding: 		0;
    font-size: 		14px;
    font-weight: 	bold;
    color: #336699;
}

.pollAnswerBlock {
	margin: 10px;
}

.pollResultAnswer {
	margin: 0 20px 10px 0;
	padding: 0;
	float: left;
	display: inline;
}

.pollResultVotes {
	color: #F9F8F2;	
}

.pollSelectedVotes {
	color: #F9F8F2;
}

.pollButton {
	margin: 0 10px 10px 10px;
	padding: 0;
}

.pollRadio {
	margin: 5px 15px 5px 0;
	padding: 5px;
}

/* --------------------------------- */
/* ------------- BLOG -------------- */
/* --------------------------------- */

#blog {
	position: relative;
	width: 680px;
	margin: 10px 0 0 10px;
	padding: 0;
	background-color: #F1F1EC;
	float: left;
}

.entry {
	float: left;
	width: 678px;
	margin: 0 0 10px 0;
	padding: 0;
	border: 1px solid #CCC;
	background-color: #F9F8F2;
}

.posted {
	margin: 20px 10px 10px 10px;
	padding: 0;
	border-top: 1px solid #336699;
	border-right: 1px solid #336699;
	border-bottom: 4px solid #336699;
	border-left: 1px solid #336699;	
	clear: both;
}

ul#socialSites {
	float: left;
	margin: 0;
	padding: 0 0 0 10px;
}

ul#socialSites li {
	padding: 0;
	margin: 0;
}

ul#socialSites img {
	margin: 5px;
	padding: 0;
}

ul#socialSites li {
	display:inline;
}

.paginate {
	padding: 10px;
	margin: 20px 0 0 0;
}

.pagecount {
 	background-color: transparent;
}

/* ----------------------------------*/
/* ------------> QUOTE <-------------*/
/* ----------------------------------*/

#quote {
	position: relative;
	width: 980px;
	height: auto;
	margin: 10px 10px 0 10px;
	padding: 0;
	background-color: #CCC;
	clear: both;
	}

/* -----------------------------------*/
/* ------------> FOOTER <-------------*/
/* -----------------------------------*/

#site_info {
	position: relative;
	width: 1000px;
	height: 300px;
	margin: 0;
	padding: 0;
	background-color: #D61C1B;
	clear: both;
}