/*

styles for iPhone, android, palm pre etc. 

*/


/* RESET 
--------------- */

* {
	-webkit-text-size-adjust: 150% !important;
	box-sizing: border-box !important;
	-moz-box-sizing: border-box !important;
	-webkit-box-sizing: border-box !important;
}
img {
	box-sizing: content-box !important;	
	-moz-box-sizing: content-box !important;
	-webkit-box-sizing: content-box !important;	
}


/* hide */
#flash-stage,
#wrapper #main .tw-enhancedswitcher,
#home div.tw-enhancedswitcher,
#logo strong,
#page-tools,
#breadcrumb,
#stage-panel,
#highlight-footer-control,
#highlight-footer,
.footer-button,
#stage-panel,
#wrapper-4 #stage-flash-up {
	display: none;
}


/* width 100% */

#wrapper,

#branding,
#logo,

#nav-meta,
#nav-global,
#wrapper-2,
#nav,
#nav-box,
#nav-box li,
#nav-box li li,
#nav-box li li li,

#wrapper-2 > #wrapper-3,
#wrapper-4, 
#home #wrapper-3,
#home #wrapper-4,

#stage,
#stage-box,
#stage-quote,
#stage-flash-up,
#stage img, 
#stage-quote-box,
.stage-teaser,
#stage-teaser-2,
#page-intro,

#home #wrapper #main, 
#wrapper-4 #main, 
.nav-col-float2 #wrapper-3, 
.nav-col-float2 #main,
.nav-col #wrapper-3,
.nav-col #main,
.nav-col-float2 #main #page-intro p,
.text-box-section,

#wrapper .tg-enhanced,

.text-box-tabs .text-box-toc li,
.text-box-promolink, 
#main .tagcloud ul,
.text-box-toc li a,
.text-box-tabs .text-box-teaser,

#main .event-list li,
#events-overview #main .event-list li p.date,
#events-overview #main .event-list h3,
#events-overview #main .event-list a.download,
#events-overview #main .event-list .event-data,
#events-overview #main .event-list li div,

.glossary-box,
#main .glossary-details ul li, 

#disclaimer,

#extras,
.box,
#site-info,
#site-info div div {
	display: block;
	clear: both;
	float: left;
	width: 100%;	
	min-width: 0;
	text-align: left;
}



#home .teaser,
#home .teaser-box,
.nav-col-float2 .teaser,
.nav-col-float2 .teaser-box,
.nav-col-subcol .teaser-box,
.nav-col-float2 .teaser,
.nav-col-float2-subcol .teaser,
#nav-box li, 
#nav-box li li {
	width: 100% !important;
}


/* width auto */

.nav-col-subcol #main .teaser h2,
.nav-col-subcol #main .latest li h3,
.nav-col-subcol #main .event-list li li, 
.nav-col-subcol #main .event-list li p, 
.nav-col-subcol #main .event-list li h3,
#main .event-list li.mod {
	float: none;
	width: auto;
}


/* margin padding 0 */

#wrapper,
#wrapper-2,
#wrapper-4,
#wrapper .tg-enhanced,
#extras,
#logo {
	margin: 0;
	padding: 0;
}


/* background images */

body,

#wrapper .tg-enhanced,

#nav-box ul,
#nav-box ul ul,
#nav-box ul ul ul, 
#nav-box li strong,
#nav-box li a, 
#nav-box li strong span, 
#nav-box li a span, 
#nav-box h2,
#nav-box h2 span,
#nav-box h2 a:hover span,

#nav-box li,
#nav-box li li,
#nav-box li li li,
#nav-box li li li li,

#nav #nav-box li a:hover,
#nav-box li li a:hover,
#nav-box li li li a:hover,

#nav-box li a:hover span,
#nav-box li a:active span,
#nav-box li a:focus span,

#nav-box li li a:hover span,
#nav-box li li a:active span,
#nav-box li li a:focus span,
#nav-box li li li a:hover span,
#nav-box li li li a:active span,
#nav-box li li li a:focus span

#nav-box li strong span,
#nav-box li.on a span,
#nav-box li a:hover span,
#nav-box li a:active span,
#nav-box li a:focus span,

#nav-box li li.open li.on ul li span,
.promo,
.promo-box,

#wrapper-4,
#site-info > div div {
	background: transparent !important;
}





#events-overview #main .event-list li p.date em {
	display: inline;
}



/* STYLING 
------------------------- */

#branding {
	padding: 10px;
	background-color: #fff;
}

#search-box {
	margin: 10px 0;
	float: left;
	clear: both;
}

/* nav meta */

#nav-meta {
	margin: 0 0 0 0;
}

#nav-meta ul li {
	margin: 0 5px 5px 0;
	padding: 5px:
}



/* Nav Global */

#nav-global ul {
	float: none;
	margin: 20px 0 0 0;
	padding: 0;
	background: #f5f6f8;
}
#nav-global li {
	margin: 0;
	padding: 0;
	float: none;
}
#nav-global li a,
#nav-global li.on a,
#nav-global li strong,
#nav-global li a:hover,
#nav-global li a:focus {
	float: none;
	padding: 10px;
}
#nav-global li a {
	border-bottom: 2px solid #ccc;
}



/* nav */

#nav {
	margin: 0;
	padding: 0; 
}
#nav ul {
	overflow: hidden;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;	
}
#nav ul ul {
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;	
}
#nav #nav-box li a:hover,
#nav li strong,
#nav li.on a {
	background: #1a7395 !important;
}
#nav li {
	background: #6d7884 !important;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #7a838e), color-stop(1, #5d6876)) !important; 
}
#nav li li,
#nav li.on li a {
	background: #d8dee4 !important;
}
#nav li li li,
#nav li.on li li a {
	background: #e8eaeb !important;
}




/* above main */

#stage-box {
	position: static;	
}
#stage-quote-box {
	margin-top: 0 !important; /* inline style via JS */
}
#stage-quote-box .stage-teaser,
#stage-quote-box #stage-teaser-2 {
	float: left;
	width: 100%;
	text-align: left;
}


/* home */

#wrapper .tg-enhanced .teaser {
	margin: 0 0 20px 0;
	padding: 0;
}



/* main */ 

#main,
#home.col-float3 #main {
	margin: 30px 0;
	padding: 0 2px 0 3px;
}
.teaser {
	padding-left: 10px; /* rounded corners */
}
.text .teaser {
	padding-left: 0; 
}

#main #page-intro {
	margin: 10px;
}

.text,
.text-meta,
.listing {
	margin: 0 10px;
}
#main .text #page-intro {
	margin: 10px 0;
}


/* footer */

#site-info {
	margin: 0;
}
#site-info h4 {
	padding-left: 10px;
}
#site-info div.site-info-box {
	padding: 0;	
}
#site-info li {
	margin: 0;
	padding: 0;
	width: 100%;
}
#site-info li a {
	display: block;
	margin: 0;
	border-top: 1px solid #eaeaea;
	padding: 15px 10px;
}