/*
Theme Name: Classic Chastain [[ MOBILE ]]
Theme URI: http://www.classicchastain.com/
Description: The Classic Chastain theme was designed by was designed in 2009 and ported to WordPress in 2011.
Author: Red Clay Interactive
Author URI: http://redclayinteractive.com/
Version: 1.0
*/

/* - GLOBAL
=========================================================================*/
* { margin:0 }
html { font-size:100% }
body { max-width:480px; font:87.5% Arial, Helvetica, sans-serif; color:#868582; margin:0 }
table, th, td { border:0; border-spacing:0; border-collapse:collapse; vertical-align:top } 
img { border:0; margin:0; padding:0; vertical-align:bottom }
html, body, ul, li, form, input, select, h1, h2, h3, h4, h5, h6, table, tr, td, th, p { list-style-type:none; padding:0; margin:0 }
input, select, textarea { font:75% Arial, Helvetica, sans-serif; color:#333 }
a { color:#779f29; text-decoration:none }
a:hover { color:#E59200 }
em, i { font-style:italic }
b, strong { font-weight:bold }
a, :link, :hover, :active, :focus { -moz-outline-width:0; outline:none }
.lraquo { position:relative; top:-1px } /* double arrow span wrap */
.sup { position:relative; top:-3px; font-size:.833em } /* superscript (ie:&reg; and &trade; symbols) */

/* - GENERICS
=========================================================================*/
/* -- Headings (based on 13px font size) -- */
h1, h2, h3, h4, h5, h6 { font-size:157.1% /* 20px */; font-weight:normal; color:#50504f; padding:0 0 10px }
h1 { font-weight:bold; color:#E59200 }
h2, h3, h4, h5, h6 { padding:15px 0 0 }
h2 { font-size:128.6% 	/* 18px */ }
h3 { font-size:121.4% 	/* 17px */ }
h4 { font-size:114.3% 	/* 16px */ }
h5 { font-size:107.1% 	/* 15px */ }
h6 { font-size:100%		/* 14px */ }

/* -- Clearing -- */
* .cleft 			{ clear:left }		* .aleft   { float:left }
* .cright 		{ clear:right }	* .aright  { float:right }
* .cboth, * .clear	{ clear:both }		* .acenter { margin:0 auto }
* .cnone { clear:none }

/* -- Aligning -- */
img.aleft 	{ float:left; margin:8px 8px 0 0 }
img.aright 	{ float:right; margin:8px 0 0 8px }
img.acenter { display:block; margin:0 auto }

/* -- Lists -- */
/* unordered */
ul { padding:5px 20px }
ul ul { padding:0 20px }
ul li { list-style:disc }
ul ul li { list-style:circle }
ul ul ul li { list-style:square }

/* ordered */
ol { padding:5px 25px }
ol ol { padding:0 25px }
ol li { list-style:decimal }
ol ol li { list-style:upper-alpha }
ol ol ol li { list-style:lower-roman }

/* -- Paragraphs -- */
p { padding:5px 0 10px }

/* - HEADER
=========================================================================*/
#Header { overflow:hidden; width:100%; height:auto; max-height:123px; border-bottom:1px solid #c6c1b6; background:url(assets/images/bkg_header.jpg); text-align:center }
.logo { width:100%; height:auto; max-width:480px }

.header_nav { height:39px; padding:6px 11px 0 }
.header_nav .home { float:left; width:38px; height:32px; background:url(assets/images/button_home.png) }
.header_nav .home:hover { background-position:0 100% }
.header_nav .buy { float:right; width:108px; height:32px; font-weight:bold; color:#bcae9c; line-height:32px; text-shadow:0 -1px #000; background:url(assets/images/button_buy_tickets.png) }
.header_nav .buy:hover { color:#fff }

/* - PROMO
=========================================================================*/
#Promo { width:100%; height:auto; background:url(assets/images/bkg_promo.gif) 0 1px repeat-x; text-align:center; padding:1px 0 0 }
#Promo .promo_wrap { position:relative; width:100%; height:auto; max-width:480px; margin:0 auto }
#Promo .promo_image { position:relative; width:100%; height:auto; max-width:480px }
#Promo .promo_details { position:absolute; bottom:10%; left:5% }

/* - NAVIGATION
=========================================================================*/
.navigation { clear:both; width:100%; border:solid #c0b7a6; border-width:1px 0 0; padding:0; margin:1px 0 }
.navigation li { display:block; width:100%; line-height:normal; list-style:none; border:solid #d1cdc5; border-width:0 0 1px }
.navigation a { display:block; font-size:121.4%; font-weight:bold; background:url(assets/images/bkg_navigation_arrow.png) 100% 50% no-repeat; padding:15px 0 15px 25px }
.navigation a:hover { color:#fff; text-shadow:0 -1px #3D5115; background:#779f29 url(assets/images/bkg_navigation_arrow_hover.png) 100% 50% no-repeat }

/* -- White Nav -- */
.navigation.white { background:url(assets/images/bkg_content.jpg) 50% 0 }

/* -- Footer Nav -- */
.navigation.footer { border:0 none; margin:0 }
.navigation.footer li { border-color:#624a35; border-width:1px 0 0 }
.navigation.footer a { color:#fff }
.navigation.footer a.map { background-image:url(assets/images/icon_map.png) }
.navigation.footer a.call { background-image:url(assets/images/icon_call.png) }
.navigation.footer a.email { background-image:url(assets/images/icon_email.png) }
.navigation.footer a.map:hover { background-image:url(assets/images/icon_map_hover.png) }
.navigation.footer a.call:hover { background-image:url(assets/images/icon_call_hover.png) }
.navigation.footer a.email:hover { background-image:url(assets/images/icon_email_hover.png) }
.navigation.footer b { display:block; font-size:100%; color:#bcae9c; padding:7px 0 0 }
.navigation.footer a:hover b { color:#fff }

.addthis_toolbox { padding:15px 25px }
.addthis_toolbox b { display:block; font-size:121.4%; font-weight:bold; color:#222; padding:0 0 10px }
.addthis_toolbox a { margin:0 15px 0 0 }
.addthis_toolbox a.addthis_button_google_plusone { margin:4px 15px 0 0 }

/* - EVENTS
=========================================================================*/
/* -- Events List -- */
.events_list { width:100%; background:url(assets/images/bkg_content.jpg) 50% 0; padding:0 }
.events_list li { position:relative; float:left; clear:both; width:100%; height:auto; border-bottom:1px solid #c0b7a6; list-style:none }
.events_list a { display:block; width:100%; height:auto; background:url(assets/images/bkg_navigation_arrow.png) 100% 50% no-repeat }
.events_list a:hover { color:#fff; text-shadow:0 -1px #441413; background:#779f29 url(assets/images/bkg_navigation_arrow_hover.png) 100% 50% no-repeat }
.events_list img { float:left; width:38%; height:auto; max-width:179px; margin:0 15px 0 0 }
.events_list .events_list_content { display:block }
.events_list .title { display:block; font-size:107.1%; font-weight:bold; padding:20px 35px 10px 0 }
.events_list .events_list_date { font-size:93.3%; color:#6b6665 }
.events_list a:hover .events_list_date { color:#fff }
.events_list .clear { display:block }

/* -- Events Details -- */
.event_details { line-height:normal; padding:20px 25px }
.event_details .button, .event_details .button span { float:right; width:128px; height:42px; line-height:42px; color:#fff; font-weight:bold; background:url(assets/images/button_buy_tickets_green.png); text-shadow:0 -1px #547019; text-align:center }
.event_details .button span { float:left; font-size:121.4%; background-position:100% 0 }
.event_details h4 { font-size:121.4%; font-weight:normal; color:#b2b0ad; padding:3px 0 0 }
.event_details_date { font-size:128.6%; color:#50504f; padding:18px 0 }
.event_details_date em { display:block; font-size:83.3%; padding:3px 0 0 }
.event_ticket_price { display:block; color:#50504f }
.event_details .more_info { font-size:114.3%; line-height:150%; color:#b2b0ad; padding:31px 0 0 }
.event_details .more_info b { font-weight:normal; color:#50504f }

/* - CONTENT
=========================================================================*/
.main_image_wrap { text-align:center }
.main_image { position:relative; width:100%; height:auto; max-width:480px }

.content_wrap { overflow:hidden; max-width:480px }
.content { background:url(assets/images/bkg_content.jpg) 50% 0; font-size:107.1%; padding:20px 25px }
.banner_caption { position:relative; display:block; font-size:80%; font-style:italic; text-align:right; padding-right:5px; margin:0 0 -15px }

/* -- Content Split -- */
/* 2 columns */
.two_column_content, .three_column_content, .four_column_content { float:left; width:48%; padding:0 2% 15px 0 }
/* 2 columns > right OR left large */
.two_column_content.small { width:30% }
.two_column_content.large { width:66% }
/* 3 columns */
.three_column_content { width:31% }
/* 4 columns */
.four_column_content { width:23% }
.content_section { border-bottom:1px solid #DDD6BC; padding-bottom:20px }

/* - BACK LINK
=========================================================================*/
.backlink_wrap { display:block; width:100%; height:66px; background:url(assets/images/bkg_backlink.jpg) 50% 0; padding:25px 0 0 }
.backlink_wrap a { display:block; width:134px; height:44px; font-size:142.9%; font-weight:bold; color:#000; line-height:44px; text-shadow:0 -1px #fff; background:url(assets/images/button_back.png); text-align:center; margin:0 auto }
.backlink_wrap a:hover { color:#fff; text-shadow:0 -1px #547019; background-position:0 -44px }

/* - SEARCH
=========================================================================*/
.search_wrap { display:block; width:100%; height:70px; background:url(assets/images/bkg_search.gif) }
.search_wrap form { width:278px; padding:20px 0 0; margin:0 auto }
.search_wrap .search_field { float:left; width:140px; height:32px; font-size:100%; line-height:32px; border:0 none; background:url(assets/images/bkg_search_input.gif); padding:0 0 0 34px; margin:0 12px 0 0 }
.search_wrap .search_submit { display:block; cursor:pointer; width:92px; height:32px; font-size:121.4%; font-weight:bold; line-height:32px; color:#fff; border:0 none; background:url(assets/images/button_search_submit.gif) }

/* - FOOTER
=========================================================================*/
#Footer { clear:both; color:#bcae9c; background:#40220a url(assets/images/bkg_footer.jpg) 50% 0 no-repeat; text-shadow:0 -1px #251306 }
#Footer h1 { font-size:142.9%; color:#fff; padding:25px 25px 0 }
#Footer p { color:#bcae9c; line-height:150%; padding:6px 25px 25px }

.copyright { font-size:85.7%; border-top:1px solid #624a35; padding:20px 25px }

#mobilesmart_switcher { display:none }

@media screen and (max-device-width: 480px){
	body { -webkit-text-size-adjust:none; max-width:480px; padding:0; margin:0 }
}