/*==================================================
      S T R U C T U R E
==================================================*/
body {background: #000;}
#static-background {  background: #000 url(../images/bg.png) center top no-repeat; font: 10px/160% "Trebuchet MS","Tahoma","Helvetica","Arial",sans-serif; text-align: center; color: #fff; }
body#register #static-background, body#registerComplete #static-background, body#registerActivated2 #static-background { background-image:url(../images/bg.jpg); }
  #top-header { width : 900px; margin: 0 auto; }
  #main-contents { width : 900px; text-align: left; margin: 0 auto 40px auto;}
    #page { margin: 0 10px; }

/*==================================================
      H E A D E R 
==================================================*/
.lang_link { margin-left:15px; width:200px;}
.lang_link li { display: inline; }
.lang_link li a { color:#fff !important; display:block; float:left; width:auto; padding: 2px 10px 3px 10px; text-decoration: none; font-size: 11px; }
.lang_link li.active a { color:#fff; background:#bc7d00; border:1px solid #e4b333; border-top:none; }

#title_banner { padding-top: 0; margin-bottom: 15px; }
#title_banner img { width:900px; height:100px; background-color: #fff; display:block;}

h1 a { display: block; text-indent: -9999em; width : 579px; height: 130px; margin: 0 auto; }

/*==================================================
      C O M M O N  E L E M E N T S
==================================================*/
p, a, li, dd ,dt { font-size: 1em; }
a:link { color: #06c; text-decoration: none; }
a:visited { color: #06c; text-decoration: none; }
a:hover { color: #999; text-decoration: none; }
input, textarea, select { border:1px solid; border-color: #999 #fff #fff #999; }
textarea { border:0; padding:3px; background:#ccc; font-size: 12px; }
.text input { border:0; padding:3px; background:#ccc;}
.checkbox input { border:0;}
.submit input { border:0; color:#fff; background:#0066cc; padding:3px 10px; font-size: 1.1em; font-weight:bold; text-transform:uppercase;}




/*==================================================
      C O M M O N  S T Y L E S
==================================================*/

/* block - is the main modular element of the page, includes a grey base with rounded corners, can be arranged as 1, 2 or 3 columns */
.block { background-color: #222222; width : 280px; margin: 10px 0; padding-bottom: 20px;}
.block h2 { font-size: 1.2em; margin: 12px 20px; }
.block ul, .block p { margin: 0 20px; }
.block ul p {margin:0;}
.block .more { text-align:right; margin-top:10px;}
.block .moreLink {float:right;font-weight:normal;font-size:1.0em;}
.block .note { color:#999;} 


/* messages */
.message { color:#666; font-size:1.4em; line-height: 1.5em; font-style: italic; font-weight: normal; margin:0 40px 10px 0; }
.back { font-size:1.4em; margin: 10px 40px; }
.message strong { color: #fff; }

/* main info of a page */
.main-info { margin: 30px 0 25px 0; padding-bottom: 20px; width : 100%; }
.main-info .photo { display: block; float: left; width : 120px; height: 120px; margin-right: 40px; }
.main-info .photo img { width : 100px; height: 100px; border:10px solid #fff; }
.main-info .org { margin: 20px 0 5px 0; padding-top: 20px; }

/* utility styles */
.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden; }

.clear { clear: both; }

/* event title display - used to indicate and link to event pages from city top and also displays event detail on event pages */
.event_header h2 { font-size:3em; font-weight: normal; margin:0 0 10px 0;}
.event_header .location { font-size: 1.6em; }
.event_header .dtstart { color: #848585; font-size: 2.0em; margin:10px 0 5px 0; }
.event_header .tmstart, .event_header .tmend { color: #848585; font-size: 1.6em; margin:3px 0 0 0; }
.event_header .tmstart span, .event_header .tmend span {color:#fff; font-size:0.8em;}
.event_header .door { color: #848585; font-size: 1.6em; margin:0 0 3px 0; }
.event_header .door span {color:#fff; font-size:0.8em;}
.event_header .venue { background-color: #111; padding:5px 10px; margin-top:10px;}
.event_header .venue .eventAddress {}

/*

	PRESENTATION STRUCTURE
	
	.presentation
		.ident + .presenter OR .event (sits to the left side and takes 300px width)
		.preview (sits on right side and uses the rest of the space with some spacing around)

*/

#presentations { padding:20px 0 40px 0;}

.presentation {margin-bottom:20px;}

/* presenter box - display box for presenters can contain context links etc, used on event page and presentation page */
.presenter .picture img { display:block; float:left; width:100px; height:100px; margin:0 10px; display: inline; border: 10px solid #fff; }
.presenter h3 { font-size:1.4em; margin-left:120px; width:180px; }
.presenter h3 a { color:#fff;}
.presenter p {font-size:0.9em; line-height:1.4em;}
.presenter .presenter-info { margin-left:120px;width:180px; }
.presenter .members { font-size:0.9em; }
.presenter .website { margin-top:10px;}
.presenter .contact {}
.presenter .page { margin-top:5px; }

/* ident */
.ident { width:300px; }
.ident h3 { font-size:2em; padding-left:10px;}
.ident h3 a { color:#fff;}
.ident p {padding-left:10px;}
.ident .presenter-list { margin-top:3px; }
.ident .presenter-list a { color:#fff;}
.ident .dtstart { color: #848585; font-size: 1.4em; margin-top:5px; }

/* presentation preview pane - display for presentions to give 3 slides and title, + link to full presentation, used on event page and presenter page, group page */
.preview { position:absolute; left:350px; top:0; width:600px;}
.preview img { width:150px; height:110px; border:5px solid #fff; margin:20px 5px 0 0;}
.preview .info { position:absolute; left:0; top:0px; }
.preview .info h4 { font-size:1.2em;}
.preview .info span.show { font-size:0.8em; }

.notification-options h2 { font-weight: normal; font-size: 1.1em; color: #e4b333; margin: 25px -10px 35px -10px; border-top : 3px solid #e4b333; padding: 5px 0 0 10px; clear:both;}
.notification-options p {margin-bottom: 10px;}
.city-notification-list { width: 500px;}
.city-notification-list li {display:block; float:left; width:25%; margin:10px 0 0 0;}
.city-notification-list.radio { width: 100%; }
.notification-explain {float:right; width:200px; color:#666; font-size:1.2em; margin-bottom:30px;}
.user-conditions{width:860px; display:block;margin:0 auto; font: 1.2em "Trebuchet MS","Tahoma","Helvetica","Arial",sans-serif; padding:5px; background:#ccc; border:0;}


/*==================================================
      DEFAULT TEXT CONTENT PAGES
	all content included in a 'default-text' class div
	for about page, policy page, etc.
==================================================*/
.plain-text { width: 600px; }
.plain-text h2 {font-size:1.8em; margin-bottom:15px;}
.plain-text h2 span {font-size:12px; color: #333; }
.plain-text h3 {font-size:1.4em; margin:5px 0 5px 0; color:#666;}
.plain-text p {font-size:1.0em; margin-bottom:15px;}
.plain-text ol, .plain-text ul {font-size:1.1em; margin-bottom:15px;}
.plain-text li {margin-bottom:5px; padding:3px 10px 3px 20px;background:url(../images/list-item.gif) no-repeat 0 6px;}

/*==================================================
      FOOTER
==================================================*/
#page-footer { width : 900px; text-align: left; margin: 0 auto 40px auto; position: relative; color:#666; border-top:3px solid #222; padding-top:20px;}
#page-footer p {font: 10px "Trebuchet MS","Tahoma","Helvetica","Arial",sans-serif; padding:0 10px 5px 10px;}
#page-footer p.copyright { width: 700px; }
#page-footer .spacer{color:#333; padding:0 3px 0 3px;}

#page-footer a.logo-usn {text-indent:-1000em; width:46px; height:46px; float:right; display:block; background:url(../images/logo-usn.gif) no-repeat 0 0;}
#page-footer a.logo-usn:hover {background:url(../images/logo-usn.gif) no-repeat 0 -46px;}
#page-footer a.logo-sdl {text-indent:-1000em; width:46px; height:46px; float:right; display:block; background:url(../images/logo-sdl.gif) no-repeat 0 0; margin-right:10px;}
#page-footer a.logo-sdl:hover {background:url(../images/logo-sdl.gif) no-repeat 0 -46px;}
#page-footer a.logo-kda {text-indent:-1000em; width:46px; height:46px; float:right; display:block; background:url(../images/logo-kda.gif) no-repeat 0 0; margin-right:10px;}
#page-footer a.logo-kda:hover {background:url(../images/logo-kda.gif) no-repeat 0 -46px;}