/* -------------------------------------------------------------
	main.css for Chevrolet Spark Unscheduled Tour
	main screen style sheet
	
	Reset Styles
-------------------------------------------------------------- */

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;}
:focus, a {outline: 0;}
caption, th, td {text-align: left;font-weight: normal;}
table { border-collapse: collapse; border-spacing: 0; }
a img { border: none; text-decoration:underline;}
button {cursor: pointer; overflow:visible;}

/* -------------------------------------------------------------
	Default Typography
-------------------------------------------------------------- */

body {font-size:62.5%;font-family:verdana, arial, sans-serif;color:#ccc;background: #000 url(../images/backgrounds/mainbg.jpg) center top repeat-y;}

h2 {font-size:2.6em;text-transform:uppercase;line-height:1em;}
.aside h2 {font-size:2.3em;padding-right:35px;}
h3, .share h4 {font-size:1.2em;text-transform:uppercase;text-align:center;line-height:1.3em;margin-bottom:2px;}
p {font-size:1.3em;line-height:1.3em;margin-bottom:1.3em;}
strong {font-weight:bold;}

/* -------------------------------------------------------------
	Forms
-------------------------------------------------------------- */

form p {font-size:2em;margin-bottom:20px;line-height:1.3em;}
label {display:inline-block;width:180px;text-align:right;vertical-align:middle;}
input {background: #047FDD;color: #fff;font-size:0.8em;border:0;padding:4px;vertical-align:middle;width:218px;line-height:1.2em;}
select {font-size:0.8em;background: #047FDD;color: #fff;line-height:1.2em;border:0;padding:2px; }
button {margin-left:187px;background:#fff url(../images/icons/link_arrow_black_small.png) 4px center no-repeat;padding: 4px 4px 4px 14px;text-transform:uppercase;border:0;font-size:1em;}

#opt-input {display:inline; width: 20px}

.optout {font-size:1em;}
.invalid label {color:#900;}
.invalid input, .invalid select {background: #900;}

form p .errormsg {color:#900;display:none;margin-left:187px;font-size:0.6em;}
form p.invalid .errormsg {display:inline-block;}

/* -------------------------------------------------------------
	Layout
-------------------------------------------------------------- */

#page-wrapper {width:954px;margin:0 auto;}

#top {float:left;width:954px;margin-bottom:20px;}
	#top .header {padding-top:10px;float:left;width:954px;background: url(../images/backgrounds/page_header_bg.png) left top repeat-x;}
		#top .header #chevrolet_logo {float:left;width:100px;padding: 10px 0;}
		#top .header ul {list-style:none;float:right;padding:0px 0 40px;width:854px;text-align:right;font-size:1em;}
			#top .header ul li {display:inline;border-right:1px solid #999;padding:0 20px;}
			#top .header ul li.last-child {border-right:0;padding-right:0;}
			#top .header ul li a {text-decoration:none;color:#999;}
			#top .header ul li a:hover, #top .header ul li a:focus, #top .header ul li a:active {text-decoration:underline;}
	#top h1 {float:left;}
	#top .nav {float:right;width:313px;padding-top:18px;}
		#top .nav ul {list-style:none;}
		#top .nav li {margin-bottom:5px;display:block;}
		#top .nav a {text-decoration:none;display:block;}
		#top .nav a#nav-vote img, #top .nav a#nav-apply img, #top .nav a#nav-win img {display:none;}
		#top .nav #nav-vote {height:37px;width:348px;margin:0 -8px 0 -27px;background: url(../images/headings/nav-vote.gif) left top no-repeat;}
		#top .nav #nav-apply {height:37px;width:348px;margin:0 -8px 0 -27px;background: url(../images/headings/nav-apply.gif) left top no-repeat;}
		#top .nav #nav-win {height:37px;width:348px;margin:0 -8px 0 -27px;background: url(../images/headings/nav-win.gif) left top no-repeat;}
		#top .nav #nav-car {margin-top:35px;padding:4px 6px;position:relative;display:block;background:#333;font-size:1.1em;color:#999;text-transform:uppercase;padding-right:100px;}
		#top .nav #nav-car span {display:block;font-size:1.4545em;}
		#top .nav #nav-car img {position:absolute;left:194px;top:-15px;}

#main {float:left;width:596px;}


.aside {float:right;width:313px;margin-top:-60px;}
	.aside .section {padding:10px 0;}
	.aside .header {position:relative;}
	.aside .header .icon {display:block;position:absolute;right:26px;top:26px;}
	.aside .header .icon img {display:block;}
	.aside .inner {background:#000;background: rgba(0,0,0,0.5);padding:10px;position:relative;z-index:1;}

#page-footer {clear:both;padding: 30px 0;background: url(../images/backgrounds/page_footer_bg.png) left bottom repeat-x;}
	#page-footer ul {list-style:none;text-align:center;}
	#page-footer li {display:inline;padding: 0 35px;border-right:1px solid #999;}
	#page-footer li.last-child {border:0;}
	#page-footer a {text-decoration:none;color:#999;}
	#page-footer a:hover {text-decoration:underline;}

/* -------------------------------------------------------------
	Section Specific
-------------------------------------------------------------- */

#news {}
	#news .article {margin-bottom:20px;padding: 1px 0;}
	#news .article .inner {background:#000;background: rgba(0,0,0,0.5);padding:10px 29px}
	#news .article .inner p:last-of-type {margin-bottom:0;}
	#news .article .img {border: 4px solid #333;width:530px;overflow:hidden;text-align:center;background:#000;margin-bottom:18px;}
	#news .article .img img {display:block;}

#about {}
	#about .header {border: 4px solid #333;background: url(../images/backgrounds/abouthead_bg.jpg) center top no-repeat;position:relative;height:313px;}
	#about .header h2 {position:absolute;bottom:0;background:#000;background: rgba(0,0,0,0.7);width:100%;text-indent:10px;line-height:30px;padding:2px 0 5px;}
	#about .inner {background:#000;background: rgba(0,0,0,0.5);padding:10px;}
	#about .inner :last-child {margin-bottom:0;}

#winpass {}
	#winpass .inner {background:#000;background: rgba(0,0,0,0.5);padding:10px;}
	#winpass .header .icon {right:14px;top:17px;}

#tweets {}
	#tweets .header p {margin: 0;}
	#tweets .inner {background: #fff; background: rgba(255,255,255,0.7);color:#000;}
	#tweets .article {border-bottom:1px solid #fff;padding-bottom:5px;margin-bottom:5px;}
	#tweets > div.article:last-of-type {border:0;padding:0;margin:0;}
	#tweets p {margin:0;}
	#tweets q {font-size:1.2em;font-weight:bold;}
	#tweets q a {color:#1354A5;}
	#tweets cite {font-size:0.6154em;color:#1354A5;}

#flickr {}
	#flickr ul.piclist {list-style:none;float:left;width:293px;width:267px;margin:0 13px 10px;}
	#flickr ul.piclist li {float:left;width:83px;height:83px;margin:3px;}
	#flickr ul.piclist a {display:block;overflow:hidden;width:75px;height:75px;border:4px solid #333;}
	#flickr ul.piclist a img {display:block;}

#youtube {}
	#youtube ul.vidlist {list-style:none;}
	#youtube ul.vidlist li {margin: 0 0 10px;}
	#youtube ul.vidlist a {display:block;}
	#youtube ul.vidlist a img {display:block;}

#vote {background: #000;background: rgba(0,0,0,0.5);padding:10px;clear:both;}
	#vote .map {float:left; width: 462px;position:relative;}
		#vote .map h2 {font-size:2em;padding:35px 0;}
		#vote .map div.city-info {display:none;width:212px;position:absolute;top:100px;left:0;color:#ccc;color:#fff;margin: 0 -17px -17px;background: url(../images/backgrounds/glow_blue178_top.png) left top no-repeat;padding:38px 0 0 0;}
		#vote .map div.city-info .inner {background: url(../images/backgrounds/glow_blue178_bottom.png) left bottom no-repeat;padding:0 32px 32px;}
		#vote .map div.city-info:target {display:block;}
			#vote .map div.city-info h3 {font-size:2.2em;text-align:left;text-transform:none;margin-bottom:10px;}
			#vote .map div.city-info p {font-size:1.2em;}
	#vote .rankings, #vote .latest {float:right; width: 462px;}
	#vote .latest .inner {padding:10px;}
	#vote .latest .video {width:290px;float:left;}
	#vote .latest .images {width:83px;float:right;}
	#vote .latest .images ul {list-style:none;}
	#vote .latest .images ul li {margin-bottom:6px;}
	#vote .latest .images ul a {display:block;overflow:hidden;width:64px;height:64px;border:4px solid #333;}
	#vote .latest .images ul a img {display:block;margin: -5px 0 0 -5px;}
	#vote .latest h3 {text-align:left;font-size:2em;}
	#vote .latest .video h3 {color:#FF0000;}
	#vote .latest .images h3 {color:#2D48DE;}
	#vote .latest a.white-link {clear:both;margin-top:10px;}
	#vote .gigs {clear:both;padding-top:20px;}
	#vote .gigs a {display:block;width:148px;height:62px;background: url(../images/view_gigs.png) left top no-repeat;}
	#vote .gigs a span {display:none;}

#maplist {list-style:none;position:relative;width:462px;height:487px;background: url(../images/content/map.png) center top no-repeat;}
	#maplist li {position:absolute;display:block;}
	#maplist li a {display:block;width:26px;height:26px;background: url(../images/content/mapdot.png) center center no-repeat;text-indent:-5000px;overflow:hidden;z-index:15;position:relative;}
	#maplist li a:focus, #maplist li a:hover, #maplist li a:active {background: url(../images/content/mapdot_hover.png) center center no-repeat;width:40px;height:40px;margin:-7px 0 0 -7px;z-index:15;}
	#maplist li a.selected {z-index:10;width:64px;height:64px;margin:-19px 0 0 -19px;background: url(../images/content/mapdot_large.png) center center no-repeat;}
	#maplist li.visited a {background-image: url(../images/content/mapdot_visited.png);}
	#maplist li.visited a:focus, #maplist li.visited a:hover, #maplist li.visited a:active {background-image: url(../images/content/mapdot_hover_visited.png);}
	#maplist li.visited a.selected {background: url(../images/content/mapdot_large_visited.png)}
	#maplist #birmingham-dot {left:277px;top:325px;}
	#maplist #manchester-dot {left:275px;top:282px;}
	#maplist #liverpool-dot {left:254px;top:283px;}
	#maplist #newcastle-dot {left:304px;top:184px;}
	#maplist #brighton-dot {left:319px;top:414px;}
	#maplist #edinburgh-dot {left:273px;top:152px;}
	#maplist #bristol-dot {left:257px;top:369px;}
	
#bargraph {height:150px;float:left;width:100%;margin: 10px 0;position:relative;}
	#bargraph dt {float:left;width:12px;height:150px;overflow:hidden;text-indent:-5000px;margin-left:18px;margin-right:34px;display:inline;}
	#bargraph dd {float:left;width:28px;background: url(../images/content/barchart.gif) left bottom no-repeat;overflow:hidden;text-indent:-5000px;position:absolute;bottom:0;}
	#bargraph dd.visited {background-image: url(../images/content/barchart_visited.gif);height:120px !important;}
	#bargraph dt#birmingham-label {background: url(../images/content/label_birmingham.gif) left top no-repeat;}
	#bargraph dt#brighton-label {background: url(../images/content/label_brighton.gif) left top no-repeat;}
	#bargraph dt#bristol-label {background: url(../images/content/label_bristol.gif) left top no-repeat;}
	#bargraph dt#edinburgh-label {background: url(../images/content/label_edinburgh.gif) left top no-repeat;}
	#bargraph dt#liverpool-label {background: url(../images/content/label_liverpool.gif) left top no-repeat;}
	#bargraph dt#manchester-label {background: url(../images/content/label_manchester.gif) left top no-repeat;}
	#bargraph dt#newcastle-label {background: url(../images/content/label_newcastle.gif) left top no-repeat;}
	#bargraph dd#birmingham-bar {left:36px;}
	#bargraph dd#brighton-bar {left:100px;}
	#bargraph dd#bristol-bar {left:164px;}
	#bargraph dd#edinburgh-bar {left:228px;}
	#bargraph dd#liverpool-bar {left:292px;}
	#bargraph dd#manchester-bar {left:356px;}
	#bargraph dd#newcastle-bar {left:420px;}

#tickets {padding:10px 20px;background:#000;background: rgba(0,0,0,0.5);}
	#tickets h2 {margin-bottom:10px;}

#win {padding:10px 20px;background:#000;background: rgba(0,0,0,0.5);}
	#win h2 {margin-bottom:10px;}
	#win .img {border: 4px solid #333;width:530px;overflow:hidden;text-align:center;background:#000;margin-bottom:18px;}
	#win .img img {display:block;}

#gig {background: #000;background: rgba(0,0,0,0.5);padding:10px;clear:both;}
	#gig h2 {float:left; width:300px;}
	#gig form {float:left; width:160px;padding:4px 0;}
	#gig select {font-size:1.4em;text-transform:uppercase;background:#fff;color:#000;}
	#gig .goto {float:right;width:496px;margin-top:-27px;}
	#gig .goto a {padding-left:12px;background: url(../images/icons/link_arrow_black_small.png) left 10px no-repeat;position:relative;top:-11px;display:block;font-size:2.1em;color:#000;text-decoration:none;text-transform:uppercase;}
	#gig h3 {color:#FF0000;text-align:left;line-height:25px;padding: 10px 0 10px 42px;font-size:1.9em;}
	#gig .icon {display:block;position:absolute;left:0;top:10px;}
	#gig .videos {clear:both;position:relative;margin-bottom:20px;}	
		#gig .videos .vid-holder {width:462px;height:239px;float:left;}
		#gig .videos .vidlist {float:right;list-style:none;width:462px;font-size:1.2em;}
			#gig .videos .vidlist li {float:left;margin: 0 50px 8px;}
			#gig .videos .vidlist a {display:block;text-decoration:none;color:#FF0000;}
				#gig .videos .vidlist a img {display:block;border: 4px solid #333;}
				#gig .videos .vidlist a span {display:block;padding: 2px 0;}
	#gig .images {clear:both;position:relative;}
	#gig .images #imageviewer {float:right;width:459px;display:inline;text-align:center;}
	#gig .images #imageholder {border: 4px solid #333;width:240px;height:240px;margin: 0 auto;overflow:hidden;background:#000;}
	#gig .images #imageviewer p {font-size:1.2em;width:459px;}
	#gig .images .imglist {float:left;width:475px;list-style:none;}
		#gig .images .imglist li {float:left;width:83px;height:83px;margin:0 12px 8px 0;}
		#gig .images .imglist a {display:block;border: 4px solid #333;width:75px;height:75px;overflow:hidden;}

/* -------------------------------------------------------------
	Re-useables
-------------------------------------------------------------- */

.clearer {clear:both;}

.head_inner h2 {position:relative;top:-9px;}
.head_inner p {position:relative;top:-9px;}

/* CSS3 version of headings - only works in FF and Chrome...
.red-glow {color:#fff;background: rgba(255,0,0,0.75);box-shadow: 0 0 18px rgba(255,0,0,0.75);-moz-box-shadow: 0 0 18px 15px rgba(255,0,0,0.75);-webkit-box-shadow: 0 0 18px 15px rgba(255,0,0,0.75);border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;margin: 30px 10px 10px;}
.yellow-glow {color:#fff;background: rgba(177,187,30,0.75);box-shadow: 0 0 18px 15px rgba(177,187,30,0.75);-moz-box-shadow: 0 0 18px 15px rgba(177,187,30,0.75);-webkit-box-shadow: 0 0 18px 15px rgba(177,187,30,0.75);border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;margin: 30px 10px 10px;}
.blue-glow {color:#fff;background: rgba(0,153,255,0.75);box-shadow: 0 0 18px 15px rgba(0,153,255,0.75);-moz-box-shadow: 0 0 18px 15px rgba(0,153,255,0.75);-webkit-box-shadow: 0 0 18px 15px rgba(0,153,255,0.75);border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;margin: 30px 10px 10px;}
.darkblue-glow {color:#fff;background: rgba(59,89,152,0.75);box-shadow: 0 0 18px 15px rgba(59,89,152,0.75);-moz-box-shadow: 0 0 18px 15px rgba(59,89,152,0.75);-webkit-box-shadow: 0 0 18px 15px rgba(59,89,152,0.75);border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;margin: 30px 10px 10px;}
.white-glow {color:#000;background: rgba(255,255,255,0.75);box-shadow: 0 0 18px 15px rgba(255,255,255,0.75);-moz-box-shadow: 0 0 18px 15px rgba(255,255,255,0.75);-webkit-box-shadow: 0 0 18px 15px rgba(255,255,255,0.75);border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;margin: 30px 10px 10px;}
*/

.red-glow {color:#fff;margin: 0 -17px -17px;background: url(../images/backgrounds/glow_red596_top.png) left top no-repeat;padding:38px 0 0 0;}
	.red-glow .head_inner {background: url(../images/backgrounds/glow_red596_bottom.png) left bottom no-repeat;padding:0 27px 18px;}
.yellow-glow {color:#fff;margin: 0 -17px -17px;background: url(../images/backgrounds/glow_yellow596_top.png) left top no-repeat;padding:38px 0 0 0;}
	.yellow-glow .head_inner {display:block;background: url(../images/backgrounds/glow_yellow596_bottom.png) left bottom no-repeat;padding:0 27px 18px;}
.blue-glow {color:#fff;margin: 0 -17px -17px;background: url(../images/backgrounds/glow_blue596_top.png) left top no-repeat;padding:38px 0 0 0;}
	.blue-glow .head_inner {background: url(../images/backgrounds/glow_blue596_bottom.png) left bottom no-repeat;padding:0 27px 18px;}
.darkblue-glow {color:#fff;margin: 0 -17px -17px;background: url(../images/backgrounds/glow_darkblue596_top.png) left top no-repeat;padding:38px 0 0 0;}
	.darkblue-glow .head_inner {background: url(../images/backgrounds/glow_darkblue596_bottom.png) left bottom no-repeat;padding:0 27px 18px;}
.white-glow {color:#000;margin: 0 -17px -17px;background: url(../images/backgrounds/glow_white596_top.png) left top no-repeat;padding:38px 0 0 0;}
	.white-glow .head_inner {background: url(../images/backgrounds/glow_white596_bottom.png) left bottom no-repeat;padding:0 27px 18px;}

.aside .yellow-glow {background-image: url(../images/backgrounds/glow_yellow313_top.png)}
	.aside .yellow-glow .head_inner {background-image: url(../images/backgrounds/glow_yellow313_bottom.png)}
.aside .white-glow {background-image: url(../images/backgrounds/glow_white313_top.png)}
	.aside .white-glow .head_inner {background-image: url(../images/backgrounds/glow_white313_bottom.png)}
.aside .red-glow {background-image: url(../images/backgrounds/glow_red313_top.png)}
	.aside .red-glow .head_inner {background-image: url(../images/backgrounds/glow_red313_bottom.png)}
.aside .darkblue-glow {background-image: url(../images/backgrounds/glow_darkblue313_top.png)}
	.aside .darkblue-glow .head_inner {background-image: url(../images/backgrounds/glow_darkblue313_bottom.png)}
.aside .blue-glow {background-image: url(../images/backgrounds/glow_blue313_top.png)}
	.aside .blue-glow .head_inner {background-image: url(../images/backgrounds/glow_blue313_bottom.png)}

#vote .yellow-glow, #gig .yellow-glow {background-image: url(../images/backgrounds/glow_yellow462_top.png)}
	#vote .yellow-glow .head_inner, #gig .yellow-glow .head_inner {background-image: url(../images/backgrounds/glow_yellow462_bottom.png)}
#vote .red-glow {background-image: url(../images/backgrounds/glow_red462_top.png)}
	#vote .red-glow .head_inner {background-image: url(../images/backgrounds/glow_red462_bottom.png)}


.pagination {clear:both;list-style:none;text-align:center;font-size:1.3em;font-weight:bold;margin:20px 0;}
	.pagination li {display:inline;margin: 0 5px;}
	.pagination li a {display:inline-block;text-decoration:none;width:30px;height:30px;background:#000;color:#fff;line-height:30px;text-align:center;}
	.pagination li.current a, .pagination li a:hover {background:#9E9D9A;color:#000;}

.share {background:#fff;padding:2px 4px;color:#000;float:right;}
	.share ul {list-style:none;text-align:center;}
	.share li {display:inline;}
	
.white-link {display:inline-block;text-transform:uppercase;background:#fff url(../images/icons/link_arrow_black_small.png) 4px center no-repeat;padding: 4px 4px 4px 14px;text-decoration:none;font-size:15px;color:#000;}
.blue-link {display:inline-block;text-transform:uppercase;background:#047FDD url(../images/icons/link_arrow_white_small.png) 4px center no-repeat;padding: 4px 4px 4px 14px;text-decoration:none;font-size:15px;color:#fff;}
.closer {display:block;position:absolute;right:15px;top:15px;width:23px;height:23px;text-indent:-5000px;overflow:hidden;background: url(../images/icons/closer.gif) left top no-repeat;}