/* @override http://childsplay.local.vilocity.com/styles/mobile.css */

html {
        height: 100%;
}

html, body, div, p, img, h1, h2, h3, h4, h5, h6, h7, form, img, input, select, textarea, header, nav, article, section {
  border:0;
  margin:0;
  padding:0;
  outline: none;
}

body {
  position:relative;
  width:100%;
  font-family: 'Trebuchet MS','Lucida Sans','Lucida Grand',sans-serif;
  font-size: 14px;
  color: #354240;
  background-color: #000;
}

.clear {
	clear: both;
}

a {
	color: #640b5f;
}

#container {
  position: relative;
  margin: 0 auto;
  background-color: #005aa9;
}

#inner {
	background-repeat: no-repeat;
	background-color: #fdfdfd;
	background-position: 0 1px;
}

#header {
	background-color: #18202b;
	position: relative;
}

#header_image {
	background-color: #00407c;
} 

#header_image img {
	display: block;
}

#carousel {
	position: relative;
	height: 130px;
	width: 320px;
	overflow: hidden;
}

div.blue_splash {
	background-color: #223f7d;
}

div.red_splash {
	background-color: #900000;
}

#carousel img {
	max-width: 320px;
	position: absolute;
	top: 0;
	left: 0;	
}

#header_image .inactive {
	display: none;
}

#shuttle {
	position: absolute;
	top: 107px;
	width: 320px;
	text-align: center;
}

#shuttle img {
	display: inline;
	position: static;
}

#logo_box {
	padding: 18px 75px;
	text-align: center;
}

#logo_box img {
	max-width: 100%;
	height: auto;
}

#homepage_buttons {
	list-style-type: none;
	padding: 10px 0 18px 0;
	width: 261px;
	margin: 0 auto;
}

#homepage_buttons li {
	margin-bottom: 4px;
}

#homepage_buttons li a {
	display: block;
	background-color: #f4811f;
	color: #ffffff;
	line-height: 40px;
	text-align: center;
	text-transform: uppercase;
	text-decoration: none;
	font-weight: bold;
	
	border-radius: 4px 4px 4px 4px;
	-moz-border-radius: 4px 4px 4px 4px;
	-webkit-border-radius: 4px 4px 4px 4px;
}

#homepage_buttons span.button_text {
	display: inline-block;
	line-height: 43px;
	font: Arial, Helvetica, sans-serif;
	color: #fff;
	text-transform: uppercase;
	margin-left: 80px;
	font-weight: bold;
	font-size: 17px;
}

#homepage_buttons div.mobile_icon {
	position: absolute;
	top: 5px;
	width: 80px;
	height: 43px;
	text-align: center;
	line-height: 43px;
}

#homepage_buttons div.mobile_icon img {
	display: inline;
}

#footer {
	padding-bottom: 20px;
	color: #fff;
	text-align: center;
	font-size: 80%;
}

#social_links {
	background-color: #18202b;
	padding: 20px;
}

#social_links img {
	max-height: 20px;
	width: auto;
	padding: 0 10px;
}

#footer a {
	color: #fff;
	text-decoration: none;
	font-weight: normal;
}

#bottom_links, #full_site {
	margin: 13px 0;
}

#bottom_links a {
	text-transform: uppercase;
}

#menu_background {
	max-width: 320px;
	display: none;
	position: absolute;
	width: 320px;
	top: 0;
	left: 0;
	z-index: 7000;
	background-image(/images/shim.gif);
}

#menu_open {
	position: absolute;
	right: 20px;
	top: 50%;
	width: 25px;
	height: auto;
	
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

#nav_background {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	display: none;
}

#nav {
	list-style-type: none;
	width: 100%;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 8000;
	display: none;
}

#nav li {
	padding: 0;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
}

#nav li + li {
	padding: 0;
	border-top: 0;
}

#nav li div.primary {
	padding-left: 60px;
	line-height: 50px;
	background-color: #005aa9;
	margin: 0;
	position: relative;
}

#nav li div.primary span.expand_nav {
	position: absolute;
	top: 0;
	right: 0;
	color: #ffffff;
	font-weight: bold;
	line-height: 50px;
	width: 30px;
}

#nav li a {
	text-decoration: none;
	color: #fff;
	font-weight: bold;
	display: inline-block;
	text-transform: uppercase;
	width: 225px;
}

#nav li.expanded {
	background-color: #ffffff;
}

#nav li ul {
	list-style-type: none;
	padding: 5px 0 10px 0;
	display: none;
}

#nav li.expanded ul {
	display: block;
}

#nav li ul li {
	border-top: 0;
	padding-left: 60px;
	background-color: #ffffff;
	line-height: 30px;
}

#nav li ul li a {
	font-weight: normal;
	text-transform: none;
    color: #354240;
	
}

#bodycontent {
	width: 285px;
	margin: 0 auto;
	padding-bottom: 60px;
}

#bodycontent img {
	max-width: 285px;
	height: auto;
}

img.content_inset {
	margin-top: 13px;
}

#bodycontent h1 {
	color: #640b5f;
	font-size: 35px;
	text-transform: lowercase;
	padding-top: 20px;
	margin-bottom: 25px;
}

#bodycontent h2 {
	color: #00407c;
	font-size: 18px;
	font-weight: bold;
	text-transform: uppercase;
	margin-bottom: 25px;
}

#bodycontent h3 {
	color: #640b5f;
	text-transform: uppercase;
	font-size: 16px;
}

div.submit_button_left, div.cms_button_left, div.cms_button_alt_left {
	background-image: url(/images/childsplay-submit-button-left.png);
	display: inline-block;
	height: 45px;
	line-height: 45px;
	padding-left: 20px;
}

div.cms_button_alt_left {
	background-image: url(/images/childsplay-orange-button-left.png);
}

div.submit_button_right, div.cms_button_right, div.cms_button_alt_right {
	background-image: url(/images/childsplay-submit-button-right.png);
	background-position: top right;
	height: 45px;
	line-height: 45px;
	padding-right: 20px;
}

div.cms_button_alt_right {
	background-image: url(/images/childsplay-orange-button-right.png);
}

div.submit_button_right input, div.cms_button_right a, div.cms_button_alt_right a {
	border: 0;
	background-color: transparent;
	font-family: 'Trebuchet MS','Lucida Sans','Lucida Grand',sans-serif;
	font-size: 19px;
	font-weight: normal;
	color: #fff;
	text-transform: uppercase;
	height: 45px;
	line-height: 45px;
	text-decoration: none;
}

img.horizontal_divider {
	margin-bottom: 25px;
}

div.event div.event_description {
	width: 145px;
	float: left;
	padding-bottom: 25px;
}

div.event h3 {
	color: #640b5f;
	font-size: 16px;
	text-transform: uppercase;
}

div.event div.inset_image {
	width: 115px;
	float: left;
	margin-left: 20px;
	margin-top: 15px;
}

div.event div.inset_image img {
	width: 115px;
	height: 115px;
}

p.event_links a {
	color: #00407c;
	font-weight: bold;
	text-transform: uppercase;
}

#bodycontent div.show_info h2 {
	margin-bottom: 0;
}

div.show_info {
	margin-bottom: 30px;
	font-weight: bold;
}

div.buy_links {
	margin-top: 25px;
}

#main_image {
	margin-top: 25px;
	margin-bottom: 7px;
}

div.additional_photos {
	text-align: justify;
}

div.additional_photos img, div.additional_videos img {
	display: inline-block;
	height: 62px;
	width: 62px;
	border: 2px solid #fdfdfd;
}

div.video_preview {
	background-repeat: no-repeat;
}

div.additional_photos img.selected {
	border: 2px solid #650360;;
}


div.show_times {
	margin-top: 20px;	
}

div.show_times ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

div.show_times li {
	margin: 0;
	padding: 0;
}

div.show_times li a {
	display: inline-block;
	vertical-align: middle;
	text-decoration: none;
	margin-right: 5px;
}

div.show_times li a img {
	padding-top: 3px;
}

div.people {
	margin-top: 25px;
}

div.people h4 {
	text-transform: uppercase;
	font-size: 14px;
}

div.people a {
	color: #00407c;
	font-weight: bold;
}

div.more_info_links {
	margin-top: 25px;
}

div.more_info_links p {
	margin-bottom: 25px;
}

div.more_info_links a {
	text-transform: uppercase;
	font-weight: bold;
	color: #650360;
}

div.show_times {
	margin-bottom: 25px;
}

a.ticket_date_description {
	display: inline-block;
	vertical-align: middle;
	width: 200px;
}

div.sponsor {
	background-color: #dfe7eb;
	border: 1px solid #00407c;
	color: #00407c;
	padding: 20px;
	margin: 12px 0;
}

div.resource_lists {
	margin-top: 25px;
}

div.resource_lists dl {
	margin-top: 0;
	margin-bottom: 25px;
	color: #650360;
}

div.resource_lists dl dd, div.resource_lists dl dt {
	margin: 0 0 25px 0;
	padding: 0;
	
}

div.resource_lists dl dt {
	text-transform: uppercase;
	font-weight: bold;
}

div.resource_lists dl dd a {
	color: #650360;
}

div.content_piece, div.content_with_inset {
	margin-bottom: 25px;
}

div.hover_thumbnail {
	position: relative;
	background-image: url(/images/childsplay-staff-thumbnail-shadow-mobile.png);
	background-repeat: no-repeat;
	padding-top: 7px;
	padding-left: 8px;
	float: left;
	height: 92px;
	width: 87px;
}

div.hover_thumbnail img {
	height: 77px;
	width: 77px;
}

div.staff_category {
	margin-bottom: 15px;
}

div.staff_category h3 {
	margin-bottom: 7px;
}

#bodycontent div.headline {
	margin-bottom: 25px;
}

#bodycontent div.headline h2,#bodycontent div.headline h3 {
	margin-bottom: 0;
}

.error {
	color: #db7437;
	font-weight: bold;
}

div.form_fields {
	margin-top: 25px;
}

div.form_fields dl, #event_search dl {
	margin: 0 0 25px 0;
}

div.form_fields dl dt, #event_search dl dt {
	font-weight: bold;
	margin-bottom: 5px;
}

div.form_fields dl dd, #event_search dl dd {
	padding: 0;
	margin-left: 0;
}

dl.standard_q dd,#event_search dl dd {
	width: 279px;
	height: 43px;
	background-image: url(/images/childsplay-text-select-background-mobile.gif);
}

dl.standard_q dd input, #event_search dd input {
	padding: 10px 3px;
	width: 269px;
	border: 0;
	background-color: transparent;
	display: inline-block;
	font-size: 14px;	
}

p.new_search {
	font-weight: bold;
	margin-top: 25px;
}

dl.standard_q select {
	background-color: transparent;
	width: 279px;
	height: 43px;
}

#event_search select {
	background-color: transparent;
	width: 279px;
	height: 43px;
}

dl.textarea_q dd {
	width: 279px;
	height: 121`px;
	background-image: url(/images/childsplay-textarea-background-mobile.gif);
}

dl.textarea_q dd textarea {
	padding: 10px 3px;
	width: 269px;
	border: 0;
	background-color: transparent;
	display: inline-block;
	font-size: 14px;	
	height: 99px;
}

div.checkbox_option {
	margin-bottom: 10px;
}

div.checkbox_option input, div.checkbox_option label {
	display: inline-block;
	vertical-align: top;
}

div.checkbox_option input {
	margin-top: 2px;
}

dl.captcha_q dd a{
	font-size: 10px;
	text-transform: uppercase;
}

dl.captcha_q dd div {
	margin-top: 5px;
	display: inline-block;
	height: 40px;
	width: 108px;
	background-image: url(/images/childsplay-captcha-background.gif);
}

dl.captcha_q dd div input {
	padding: 10px 3px;
	width: 100px;
	border: 0;
	background-color: transparent;
	display: inline-block;
	font-size: 14px;
}

div.events_list {
	margin-top: 25px;
}

#event_search_results,div.event_search_item  {
	margin-top: 25px;
}

#event_search_results div.event_search_item p.more_link a {
	font-weight: bold;
	text-transform: uppercase;
	color: #00407c;
}

div.event_search_item strong {
	text-transform: uppercase;
}

div.files_list ul {
	list-style-type: none;
	margin-left: 0;
	padding-left: 0;
}

div.files_list ul li {
	margin-bottom: 13px;
}