/* --------------------------------------------------------------

   layout.css
   * Layout related styling.

-------------------------------------------------------------- */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, dialog, figure, footer, header,
hgroup, nav, section {
    margin: 0;
    padding: 0;
    border: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline;
}

body {
    background: url('') top left repeat-x;
    line-height: 1.5;
}

/* Remove annoying border on linked images. */
a img { border: none; }

.wrap {
    margin: 0 auto;
    width: 960px;
}

#header {
    border-bottom: 1px solid #e0e0e0;
    height: 85px;
}

#header .left {
    height: 85px;
}

#header .right {
    width: 809px;
}

#main_nav { display: inline; float: left; padding: 46px 0 0 0; }
#main_nav a { display: inline-block; float: left; }
#main_nav a.last { }
#main_nav a.selected { color: #000; }


/* Right header nav styles. */
#right_nav { display: inline; float: right; margin: 0px; padding: 46px 17px 0px 0px; width: 250px; }
#right_nav a { display: block; float: left; height: 17px; }
#right_nav a.selected {}
#right_nav input[type="text"] { color: #707070; font-size: 9px; margin: 5px 0 0; width: 110px; height: 8px; }
#right_nav #search_form { float: right; position: relative; padding: 0 22px 0 0; }
#right_nav #key_submit { position: absolute; top: 5px; right: 0; }
#right_nav .left { height: 100%; }


#content {
    position: relative;
}

#signupcontent {
    background: url('../home_images/signup_main.jpg') top left no-repeat;
    height: 506px;
    padding: 90px 0 0 40px;
}

#home_content {
    height: 409px;
}

#player {
    position: absolute;
    top: 101px;
    right: 2px;
}

#promos {
	position: absolute;
	top: 393px;
	left: 30px;
    background: url('') top left no-repeat;
    height: 140px;
}

.promo {
    border: none;
    float: left;
    margin: 0 9px 0 0;
    width: 330px;
}
/* ******************    home page sign up *********************************************************** */
#signup { background: #000 url('../home_images/b_signup.jpg') top center no-repeat; text-align: right; width: 300px; }
#signup form { padding: 15px 10px 0; }
#signup input[type="text"] { background: #fff; border: 0; color: #7e7e7e; padding: 4px; width: 120px }
#signup #signup_submit {width: 75px; }

/* ******************    home page promo  *********************************************************** */
#promocode { background: url('../home_images/promocode_bg.png') top center repeat-y; text-align: right; width: 209px; height: 136;}
#promocode form { padding: 15px 10px 0; }
#promocode_logo { padding-top: 40px; }
#promocode_bottom { height: 55px; vertical-align: bottom; padding-top: 10px;}
#promocode input[type="text"] { background: #fff; border: 0; color: #7e7e7e; padding: 4px; width: 120px; }
#promocode input { margin-right: 15px;}
#promocode #submit {width: 209px; padding-right: 15px;}

/* ******************    disclaimer page *********************************************************** */
#disclaimer {position: relative; background: #fff url('../home_images/disclaimer.jpg') center center no-repeat; width: 400px; height: 300px;}
#disclaimer p { 
	position: absolute; 
	top: 140px; 
	left: 0px; 
	padding-left: 45px;
	padding-right: 45px; 
	font-size: 11px;
	line-height: 14px; 
	font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; 
	color: #fff; 
	text-align: left; 
	}


#errors,
#success {
    background: #FFCCCC;
    border: 1px dotted #FF6A6A;
    float: left;
    font-size: 1em;
    margin: 22px 0 0 18px;
    padding: 5px;
    width: 140px;
}

#success {
    background: #fff;
    border: 1px dotted green;
}

.last {
    margin: 0;
}

#footer { color: #b4b4b4; font-size: .7em; padding: 1px 0px 0px; text-transform: uppercase; }
#footer a { color: #b4b4b4; padding: 0 5px; }
#footer a:hover { color: #000; }
#footer img { padding: 0 2px 0 0; vertical-align: middle; }

.left {
    float: left;
    display: inline;
}

.right {
    display: inline;
    float: right;
}

.clear {
    clear: both;
}


/* --------------------------------------------------------------

   forms
   * All the form style overwrites.

-------------------------------------------------------------- */

#mapcontainer {
    overflow: auto;
    padding: 20px 0 0;
}


#maptools {
    display: inline;
    float: left;
    width: 220px;
}

#googlemap {
    border: 10px solid #333333;
    display: inline;
    float: right;
    height: 460px;
    margin-top: 20px;
    width: 500px;
}

#resultsbar {
    margin: 0 10px;
}

#sidebar_map {
    float: left;
    height: 408px;
    overflow: auto;
    width: 185px;
}

#results_bar h3 {
    font-size: 1.5em;
    line-height: 1;
    margin-bottom: 0;
}

#mapcontainer h4 {
    font-size: 1.1em;
    font-weight: 400;
    line-height: 1.25;
    margin-bottom: 1.25em;
}

#mapcontainer h4 a {
    color: #111;
}

#mapcontainer ul.gmapSidebar {
    list-style: none;
    padding: 0;
}

#mapcontainer ul.gmapSidebar li.gmapSidebarItem a {
    color: #999999;
    display: block;
    margin: 0 0.5em 1.5em;
    text-decoration: none;
    text-transform: uppercase;
}

#mapcontainer ul.gmapSidebar li.gmapSidebarItem a span.location_link  {
    color: #4690bf;
    text-transform: capitalize;
}

#mapcontainer .store_name {
    text-transform: capitalize;
    display: block;
}

#mapcontainer .event { display: inline; float: left; padding: 20px 14px 0 14px; width: 240px; }
#mapcontainer .event h2 { font-size: 1.5em; font-weight: lighter; margin-bottom: 0; }
#mapcontainer .header { color: #000; font-size: 1.1em; font-weight: 400; }
#mapcontainer .event p { color: #999; margin: .5em 0; }
#mapcontainer p.small { color: #999; margin: .5em 0; }
#mapcontainer .rsvp { color:#4690BF; }

#mapcontainer label {
    color: #DDDDDD;
    display: block;
    font-weight: normal;
    padding: 5px 0 0;
}

#mapcontainer input.text,
#mapcontainer input.title,
#mapcontainer input,
#mapcontainer textarea,
#mapcontainer select {
    background: #F5F5F0;
    border: 1px solid #e7e7e7;
    color: #676767;
    font-size: 1em;
    margin: 0.2em 1em 0 0;
    padding: .1em .3em .2em .3em;
}

#mapcontainer input.disabled,
#mapcontainer select.disabled {
    background-color: #F6F6F6;
    color: #F6F6F6;
}

#mapcontainer input.enabled,
#mapcontainer select.enabled {
    background-color: #F5F5F0;
    color: #676767;
}

#mapcontainer select {
    padding: .1em;
    width: 100px;
}

#mapcontainer input#zip {
    width: 181px;
}

#mapcontainer input#zip2 {
    width: 90px;
}

#mapcontainer #submit {
    border: 0 none;
    padding: 0;
}