

@media screen, projection, print {

#promobar{
	font-family: "Century Gothic",  "Lucida Grande", "Helvetica Neue", Arial, sans-serif;
	background: transparent url(http://sitepointstatic.com/frontpage/images/worldcup-promobar-final.png) bottom left repeat-x;	
	padding-bottom: 3px;
	
	}
#promobar div#inner {
	width:960px;
	height: 115px;
	margin:0 auto 0px auto;
	position:relative;
	background:transparent url(http://sitepointstatic.com/frontpage/images/newtextforpromobar-v4.png) 0px center repeat-y;
	}

#promobar div#inner a.catcharea {
	text-indent: -10000px;
	width: 950px;
	height: 115px;
	display: block
}

#promobar div#inner span#pitchtitle2 { /* GIVEAWAY TIME */
	color:#fff;
	text-shadow:0px 0px 5px #000000;
	font-weight:700;
	font-size:20px;
	display:block;
	margin: 8px 0 0 20px;
	text-transform:uppercase;
	float:left;
	}

#promobar div#inner span#pitchdesc2{  /* css crashcourse  */
	display:block;
	color:#000;
	font-size:18px;
	font-weight:700;
	background:#fafafa url(/images/courses/white.jpg) repeat-x top left;
	margin: 8px 0 0 20px;
	float:left;
	padding: 0 2em;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	width:600px;
}
#pitchdesc2 a:link, #pitchdesc2 a:visited {
	text-decoration:none;
	color:#009;
}
#pitchdesc2 a:hover{
	color:#00f;
}

#pitchdesc  a, #limited a  {
	text-transform:uppercase;
	color:#fff;	
	text-decoration:none;
	text-shadow: 0px 0px 5px #300;
	letter-spacing:-.5px
	}
img#ends {
	position:absolute;
	right:100px
	}
a#close_button:link, a#close_button:visited{
	background-position:bottom left;
	position:absolute;
	top:3px;
	right:3px;
	color:#fff
	}
a#close_button:hover {
	background-position:top left;
	color:#fff;
	}
	
#dontshow {
	margin:0 0 0 0;
	display:none
	}
#dontshow a{
	font-size:12px;
	color:#ffffcc;
	text-decoration:none;
	}
p#close{
	margin:0px 0 0 0;
	border:1px solid #000
	}
p#close a{
	font-size:13px;
	font-weight:700;
	color:#ffffcc;
	text-decoration:none
	}


a#learnmore:link, a#learnmore:visited{
	background-position:bottom left;
	color:#fff
	}
a#learnmore:hover {
	background-position:top left;
	color:#fff;
	}

}

