/* ============================================================================

	Version: 1.0
	Author: Ariamedia
	Author URI: http://ariamedia.com
	
	Dallas Arts District
	(c) 2010 City of Dallas
	
	This site was designed, produced and coded by Ariamedia
	Feel free to use anything you see here, but please do not
	use our design or design elements without contacting us first.
	
	Thanks,
	
	Jordan Wollman | Ariamedia

============================================================================ */

/* [ CSS IMPORTS ] --------------------------------------------------------- */

@import url('reset.css');
@import url('text.css');

/* [ GLOBALS / BLOCK LEVEL ] ----------------------------------------------- */
html									{ width: 100%; height: 100%; }
body									{ color: #888; background: #CCC url(/SiteContent/69/images/ui_files/background-white.gif) 50% 0 repeat-y; }
a									{ color: #01909E; text-decoration: none; }
a:hover									{ color: #000; text-decoration: underline; }
a img									{ border: none; }
hr									{ clear: both; height: 0px; border: none; border-top: 1px solid #DBDCDD; }
h1									{ font-size: 25px; font-weight: normal; line-height: normal; }
h2									{ font-size: 18px; font-weight: normal; color: #000; line-height: normal; }
h3									{ font-size: 16px; font-weight: normal; line-height: normal; }
h4									{ font-size: 12px; font-weight: 900; color: #000; line-height: normal; }
h5									{ font-size: 12px; font-weight: normal; color: #FF0000; line-height: normal; }
h6									{ font-size: 10px; font-weight: 900; }
p									{ font-size: 12px; line-height: 1.35em; }
ol, ul, dl								{ position: relative; }
/*table td								{ vertical-align: auto; }*/

/* [ WRAPPER ] ------------------------------------------------------------- */
#wrapper								{ width: 898px; margin: 0 auto; }

/* [ MASTHEAD ] ------------------------------------------------------------ */
#masthead								{ padding-top: 35px; overflow: hidden; height: 319px }
#masthead_image								{ float: left; }
#masthead_image img							{ float: left; }

/* [ NAV MAIN ] ------------------------------------------------------------ */
#nav_global								{ float: left; position: relative; width: 100%; background: #808080; z-index: 1; }
#nav_global ul								{ list-style: none; margin: 0; padding: 0; position: relative; z-index: 10; }
#nav_global li								{ display: block; float: left; margin: 0; position: relative; font-size: 12px; line-height: normal; text-align: center; }
#nav_global li a							{ background: #808080; display: block; position: relative; color: #FFF; padding: 5px 20px }
#nav_global li a:hover							{ text-decoration: none; }
#nav_global ul ul							{ position: absolute; top: 0px; left: -1000em; z-index: 100; display: none } /* Inactive state - moved off the page */
#nav_global ul li:hover,
#nav_global ul li:hover a						{ background: #FF0000; }
#nav_global ul li:hover li,
#nav_global ul li:hover li a 						{ background: #808080; }
#nav_global ul li:hover ul						{ top: 24px; left: -1px; width: 220px; display: block; border: 1px solid #FFF; border-top: none; } /* Active state - moved to the bottom of the li containing it */
#nav_global ul li li							{ float: none; position: relative; text-align: left; }
#nav_global ul li li a							{ background: #808080; display: block; width: 180px; padding: 5px 20px; border-bottom: 1px solid #999; }
#nav_global ul li li.last a						{ border: none; }
#nav_global ul li li a:hover						{ background: #FF0000; }
#nav_global ul li li.sub a						{ background: #808080 url(/SiteContent/69/images/ui_files/nav-right-arrow.gif) 200px 50% no-repeat; }
#nav_global ul li li.sub,
#nav_global ul li li.sub a:hover					{ background: #FF0000 url(/SiteContent/69/images/ui_files/nav-right-arrow.gif) 200px 50% no-repeat; }
#nav_global ul li:hover ul ul 						{ position: absolute; top: 0px; left: -1000em; display: none; } /* Inactive state - moved off the page */
#nav_global ul li:hover ul li:hover ul					{ top: 0px; left: 220px; width: 220px; display: block; border-left: 1px solid #999; } /* Active state - moved to the right of the li containing it */
#nav_global ul li ul li:hover,
#nav_global ul li ul li:hover a						{ background: #FF0000; }
#nav_global ul li ul li:hover li,
#nav_global ul li ul li:hover li a					{ background: #808080; }
#nav_global ul li ul li.sub:hover a 					{ background: #FF0000 url(/SiteContent/69/images/ui_files/nav-right-arrow.gif) 200px 50% no-repeat; }
#nav_global ul li ul li.sub:hover li a					{ background: #808080; }
#nav_global ul li ul li:hover li a					{ background: #808080; border-bottom: 1px solid #999; }
#nav_global ul li ul li:hover li.last a					{ border: none; }
#nav_global ul li ul li:hover li a:hover				{ background: #FF0000; }

#nav_global ul li#nav_m_7:hover ul,
#nav_global ul li#nav_m_8:hover ul					{ left: auto; right: -1px; }
#nav_global ul li#nav_m_7:hover ul li:hover ul,
#nav_global ul li#nav_m_8:hover ul li:hover ul				{ left: 220px; right: auto; }

/* [ COLUMNS ] ------------------------------------------------------------- */
.column_210,
.column_290,
.column_398,
.column_688								{ float: left; padding: 30px; }
/*.column_210								{ width: 150px; background: url(/SiteContent/69/images/ui_files/column-dividers.gif) 100% 60px no-repeat; }*/
.column_210								{ width: 150px; /* border-right: 1px solid #DBDBDB; */ }
.column_290								{ width: 230px; }
.column_314								{ width: 314px; }
.column_314.pad_20							{ width: 254px; }
/*.column_398								{ width: 338px; background: url(/SiteContent/69/images/ui_files/column-dividers.gif) 100% 60px no-repeat; }*/
.column_398								{ width: 336px; border: 1px solid #DBDBDB; border-top: none; border-bottom: none; }
.column_688								{ width: 627px; border-left:1px solid #DBDBDB; }
.column_838								{ width: 838px; padding: 30px; float: left; }

/* [ CONTAINERS ] ---------------------------------------------------------- */
.quick_find								{ margin: 0 0 20px 0; padding: 45px 0 10px 0; background: url(/SiteContent/69/images/ui_files/quick-find-bg.gif) 0 0 no-repeat; list-style: none; line-height: normal; }
.quick_find li								{ display: block; margin: 0; line-height: normal; }
.quick_find li a							{ display: block; color: #FFF; padding: 4px 10px 4px 20px; width: 120px; }
.quick_find li a:hover							{ padding: 4px 10px 4px 10px; border-left: 10px solid #FBAF41; background: #FFF; color: #FF0000; text-decoration: none; }

.social_networks							{ margin: 0 0 30px 16px; list-style: none; line-height: normal; float: left; }
.social_networks li							{ margin: 0; display: block; line-height: normal; float: left; margin: 0 4px 4px 0; }
.social_networks li a							{ display: block; overflow: hidden; width: 36px; height: 0px; padding: 36px 0 0 0; background: url(/SiteContent/69/images/ui_files/icons/social-sprite.png) 0 0 no-repeat; }
.social_networks #facebook a						{ background-position: 0 0; }
.social_networks #twitter a						{ background-position: -36px 0; }
.social_networks #wordpress a						{ background-position: -72px 0; }
.social_networks #youtube a						{ background-position: -108px 0; }
.social_networks #delicious a						{ background-position: -144px 0; }
.social_networks #friendfeed a						{ background-position: -180px 0; }
.social_networks #flickr a						{ background-position: -216px 0; }
.social_networks #enews a						{ background-position: -252px 0; }
/* [ ACCORDION ] ---------------------------------------------------------- */
.accordion								{ background: url(/SiteContent/69/images/ui_files/coming-up-bg.gif) 0 0 no-repeat; float: left; width: 230px; padding: 40px 0 0 0; }
.accordion .content							{ float: left; padding: 10px 20px 0; width: 190px; }
.accordion h3								{ font-size: 14px; font-weight: normal; line-height: normal; margin: 0 0 10px 0; }
.accordion h3 a								{ display: block; padding: 10px 20px; width: 190px; float: left; border-top: 1px solid #FFF; }
.accordion h3 a:hover                                                   { background: #B6B6B8; text-decoration: none; }
.accordion h3.ui-state-active a						{ background: #FF0000; }
.accordion p								{ color: #FFF; }
.accordion a								{ color: #FFF; }

/* [ TABBED ] ------------------------------------------------------------- */
.tabbed .left								{ width: 254px; float: left; padding: 20px; background: #CCC; }
.tabbed .left p								{ color: #333; }
.tabbed .right								{ width: 314px; float: right; }

/* [ BREADCRUMB ] ---------------------------------------------------------- */
.breadcrumb								{ float: left; width: 100%; margin-bottom: 20px; }
.breadcrumb ul								{ margin: 0; list-style: none; padding: 0; }
.breadcrumb ul li							{ display: block; float: left; margin: 0 .5em 0 0; padding: none; font-size: 10px; }
.breadcrumb ul li.separator						{ color: #000; }
.breadcrumb p								{ font-size: 10px; margin: 0; }

/* [ SHARETHIS ] ----------------------------------------------------------- */
.sharethis								{ display: none; float: right; width: 20%; font-size: 10px; }
.sharethis span								{ text-align: right; }

/* [ CALENDAR ] ------------------------------------------------------------ */
.lp_calendar 								{ float: left; width: 100%; border: solid 1px #CCCCCC; border-collapse: collapse;}
.lp_calendar td 							{ border: solid 1px #CCCCCC; border-collapse: collapse; padding: 4px;}
.lp_month_header td 							{ background-color: #effdc6; background-image: url(/content/images/toolbar-bg-green.jpg); font-weight: bold; }
.lp_day_of_week_header td 						{ background-image: url(/content/images/toolbar-bg-gray.jpg); font-weight: bold; }
.lp_cal_day_td 								{ background-color: #ffffff;}
.lp_cal_day 								{ font-size: 11px; }
.lp_cal_current_day_td 							{ background-color: #fcfcde;}
.lp_cal_current_day 							{ font-size: 11px; }
.lp_cal_empty								{ background-color: #ebebeb;}
 
.lp_cal_day ul 								{ float: left; margin: 0; padding: 3px 0 0 0; width: 100%; }
.lp_cal_day ul li 							{ list-style: none; display: block; font-size: 11px; line-height: 1em; }
.lp_cal_current_day ul 							{ float: left; margin:0; padding: 3px 0 0 0; list-style: none; clear:both;}
.lp_cal_current_day ul li 						{ list-style: none; display: block; margin: 0; font-size: 11px; line-height: 1em; }
.lp_cal_current_day ul li a,
.lp_cal_day ul li a							{ display: block; padding: 3px 3px 3px 10px; background: url(/SiteContent/69/images/ui_files/bullet.gif) 3px .6em no-repeat; overflow: hidden; height: 1.8em; margin-bottom: .5em; border-top: 1px solid #EBEBEB; }


.lp_calendar_foot							{ display: none; }
.lp_calendar td								{ height: auto; vertical-align: top; }
.lp_calendar .lp_month_header td					{ background: #FF0000; color: #FFF; border: none; text-align: center; font-size: 10px; }
.lp_calendar .lp_month_header td a 					{ color: #FFF; }
.lp_calendar .lp_day_of_week_header					{ font-size: 10px; }
.lp_calendar .lp_cal_day,
.lp_calendar .lp_cal_current_day					{ min-height: 64px; }
.lp_calendar .lp_cal_day ul li						{ padding: 0; margin: 0; background: none; }

/* [ FOOTER ] -------------------------------------------------------------- */
#footer									{ clear: both; padding: 20px 0; border-top: 1px solid #DBDBDB; }
#footer ul								{ text-align: center; list-style: none; margin: 0; padding: 0; }
#footer li								{ font-size: 11px; color: #888; margin: 0; padding: 2px 12px 2px 0; margin: 0 6px 0 0; display: inline; border-right: 1px solid #CCC; }
#footer li.last								{ margin-right: 0; padding-right: 0; border: none; }

/* [ SEARCH FORM ] --------------------------------------------------------- */
#search-form								{ float: left; width: 100%; margin: 0 0 20px; }
#search-form #search							{ padding: 3px 2px; border: 1px solid #CCC; font-size: 10px; color: #333; float: left; width: 110px; }
#search-form #submit							{ padding: 2px; width: 28px; background: #FF0000; border: 1px solid #CC0000; font-size: 10px; font-weight: bold; color: #FFF; float: right; }

/* [ EVENT DETAILS ] --------------------------------------------------------- */
.event_details_container						{ width: 621px; height: 690px; float: left; padding: 2px 3px 4px 3px; background: url(/SiteContent/69/templates/default/assets/images/filter-bg.png) no-repeat; }
.event_details_container .header					{ vertical-align: middle; background: #E0E0E0 url(/SiteContent/69/templates/default/assets/images/filter-grey-grad-bg.gif) 0 0 repeat-x; height: 50px; }
.event_details_container .header a					{ margin: 15px; display: inline-block; }
.event_details_container .header p					{ font-size: 10px; font-weight: bold; text-transform: uppercase; }
.event_details								{ padding: 15px; }
.event_details h3							{ font-size: 12px; font-weight: bold; color: #000; border-bottom: 1px solid #CCC; text-transform: uppercase; line-height: normal; padding-bottom: 4px; margin-bottom: 10px; }
.event_details h4							{ font-size: 16px; font-weight: normal; margin: 0 0 10px; }
.event_details .group							{ margin-bottom: 30px; }
.event_details p							{ color: #333; margin: 0 0 16px; }
.event_details p img							{ padding: 0 10px 10px 0; }
.event_details p strong							{ font-weight: bold; }
.event_details .red							{ color: #FF0000; }

/* [ MISC CLASSES ] -------------------------------------------------------- */
.pad_20									{ padding: 20px; }
.float_left								{ float: left; }
.float_right								{ float: right; }
.clear									{ clear: both; }
.caption								{ font-size: 10px; font-style: italic; line-height: normal; }
.left									{ float: left; }
.right									{ float: right; }
.grey p									{ color: #333; }
.grey									{ background: #CCC; }
.back2top								{ font-size: 10px; font-weight: 900; float: right; }
.back2top a								{ background: url(/SiteContent/69/images/ui_files/icons/back2top-blue.gif) 100% 50% no-repeat; padding-right: 10px; }
.urgent,
.urgent a								{ color: #FF0000; }
.urgent a:hover								{ color: #000; }