/** general **/

img {border: none}


h1 {
	font-family: 'Anivers', Arial, Helvetica, sans-serif;
	color:#fff !important;
	font-size:24px; 
	margin: 0 0 10px 0; 
	padding: 5px 0;
	font-weight:normal;
	}
	
#eventboard > h1 > a, a:visited {text-decoration:none}

h2 {
	font-family: 'Anivers', Arial, Helvetica, sans-serif;
	font-size:20px;
	font-weight:normal;
	margin: .75em 0;
	}	


/** wrapper **/
#wrapper-frontpage {
	padding: 0; 
	margin: 80px 0 0 0;}

#wrapper {
	padding: 0; 
	margin: 0;}

	
/** logobar **/
#logobar {
	background:none;
	height: 10px;
	position: absolute;
	width: 770px;
	padding: 0;
	}
#logobar > h1 > a {margin-top:22px !important}

/** breadcrumbs **/
.breadcrumbs {
	padding: 0;	
	margin-top:8px;
	display:none
	}
	
/** event page **/

#eventboard, #adminboard, #infoboard, #eventboard-list{margin:12px auto 10px }

#eventboard {
	max-width: 930px;
	padding: 15px 73px 20px 30px;
	background:#daedf3 url(img/oiola_bg.png) repeat-y top right;
	}

#eventboard-list {
	max-width: 930px;
	padding: 30px 73px 30px 30px;
	
	background:#bfdfee url(img/oiola_bg01.png) repeat-y top right;
	}
	
#eventboard p {
	font: 14px Arial, Helvetica, sans-serif;
	font-weight:normal;
	text-align:justify;
	margin:0 0 10px;
	padding:0;
	}
	
#eventboard-list li a{
	font: 14px Arial, Helvetica, sans-serif;
	font-weight:normal;
	text-align:justify;
	margin:0 0 10px;
	padding:0;
	}
#eventboard-list ul{
	width:440px;
	margin:-12px 0 0 0;
	}

.eventboard-date {
	font-size: 20px;
	font-family:Arial, Helvetica, sans-serif;
	color:white;
	list-style:none;
	font-weight:normal;
	width: 400px;
	padding: 12px 0 8px 0;
	}
#ical-link {
	float: right;
	}
.eventboard-event {
	list-style:none;
	padding: 0 0 .5em 1em;
	}
	
#infoboard {
	background: white url(img/oiola_3steps_bg.jpg) repeat-y top right;
	font-size:14px;
	color: black;
	width:770px;
	}
	
#infoboard > h1, #infoboard > p, #infoboard > ul {padding-left:35px; padding-right:0px}
#infoboard h1 {
	color:#006699;
	}

#infoboard li {
	list-style:url(img/listdot01.png) outside; 
	color: black;
	font-weight:normal !important;
	}
	
#infoboard li b {
	color:#24a6d6;
	}
	
#infoboard .adminprev img {
	margin:20px 0;
	border: 0px solid #DAEDF3;
	}
	
.treesteps {
	background: url(img/oiola_3steps.jpg) no-repeat;
	width: 770px;
	height:389px;
	}
	
#account-free, #account-premium {
	display: block;
	margin-top: 15px;
	width: 310px;
	height: 20em;
	float:left;
	padding: 10px 20px 50px;
	background: white url(img/account_premium_bg01.jpg) no-repeat top;
	}
#account-free {background: white url(img/account_free_bg01.jpg) no-repeat top; margin: 15px 0 20px 35px;}
#account-free ul, #account-premium ul {
	height: 15em;
	}
#account-premium li {
	font-size: 14px;
	font-weight:bold !important;
	list-style-image:url(img/listdot02.png);
	}
#account-free li {
	font-size: 14px;
	list-style-image:url(img/listdot03.png);
	}
#account-free .btn, #account-premium .btn {
	float: none;
	width: 13.8em;
	margin: 0 auto;
	line-height:1.8em;
	}	
#account-premium .btn {
	background-color:#fb3;
	}
	
.logo-getapple, .logo-bootstrap, .logo-aula { margin-right: 75px; }
.logo-getapple {margin-left:35px}


.infoboard-bottom {
	background: url(img/oiola_3steps_bottom.jpg) no-repeat;
	width: 770px;
	height:50px;
	}
#header {
	}

#inner-content {
 	position: relative; // just for positioning inside
	}

#pane-what {
    background:white url(img/corner01.png) no-repeat scroll right top;
	padding: 20px;
    min-width:220px;
	margin: 0;
 	}
.description {min-width: 150px}

#sidebar {
 	float: right;
 	top: 0;
 	right: 0;
 	width: 360px;
 	}

#map-pane {
	margin: 1em 0 0 0;
	height: 200px;
	}
#map-pane span {
	font-size: 0.1em;
	}
#pane-when {
	padding:0.1em 1em 1em;
	margin: 1em 0 0 0;
	}
#pane-register {
	margin: 2em 0 0 0;
	background:none
    }
	
#pane-register h2 a {
	
	text-align:center;
	font-size: 18px;
	line-height:1.5em;
	width: 14em;
	float:none;
	margin: 0 auto;
	}
#reg-description {
	font-size:12px;
	margin-top:10px;
	float:none;
	text-align:center;
	width: 100%
	}
#reg-button {
	}
	
#reg-button-upper {
	float: right;
	margin: -10px 0 0;
	}

#reg-button a.btn *, #reg-button-upper a.btn *, #form-registration a.btn *, #submit-row a.btn * { 
	background-image: url(/media/img/btn1.png); 
	}
	
#pane-when {
	line-height: 1.5em;
	font-weight:bold;
	}
#pane-when h2 {
	color: #bfdfee;
	font-weight:normal;
	}
	
#pane-when h2#address, #timetable h2 {	
	margin-top:1em;
	}
	
/* #pane-when #whereitis {
	float: left;
	width:48%
	}
	
#timetable {
	float: right;
	width: 50% 
	} */
	
#pane-when .adr{
	padding: 0;
	}
	
#pane-when .extended-address, #pane-when .postal-code, #pane-when .region {
	font-weight:normal;
	font-size:14px;
	padding: 0 0 .5em 0;
	}		
	
.pane {
	background:white}
	

/** forms in general **/
input { font-size:16px;padding:5px }
#form-registration input[type="text"] {width:15em}




ul.errorlist {
 	list-style: none;
	margin: 0;
 	padding: 0;
 	color: #a00;
	}
#eventboard ul.errorlist {margin-left:0}

th {
 	font-weight: normal;
 	text-align: right;
 	vertical-align: bottom;

	}

th.required {
 	font-weight: bold;
	}


	



/* Forms */
.new_account label,ul.errorlist li, #login label, #label_id_email, #pass-change label, #form-registration label {font-size:12px; line-height:12px}

#form-registration label {display:block}
#form-registration ul li {list-style: none}

.new_account input, #login input, input.button, input#id_email, #pass-change input, #form-registration input[type="text"] {border: none; font-size: 14px; padding: .3em .4em .4em; margin:.3em 0 1em; }

.new_account td, #login label, #pass-change label {display:block; padding: 0 }
.new_account tr {margin: 0 auto; display:block }
#eventboard.new_account p, #eventboard #login p, #pass-change p {font-size:12px;}

#id_username, #id_email, #id_password, #id_password1, #id_password2, #id_old_password, #id_new_password1, #id_new_password2 {
	width: 15em; display:block; border: 0
	}

#id_email, input[type="submit"].reg_btn {display:block; border: 0;}
#submit_button {margin-bottom:12px; padding-top:12px}

input[type="submit"].signup_btn, input[type="submit"]#login_btn, input[type="submit"].button, input[type="submit"].reg_btn {
	background: #9ACFFF url(/media/img/signup_btn.png);
	height:26px; width:89px; 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight:bold;
	float: left; 
	color: #444; 
	text-decoration: none !important; 
	cursor: pointer; 
	outline: none;
	color: black; /* hide dotted outline in Firefox */
	}
#pass-change input[type="submit"].button {margin:12px 0 8px}
	
input[type="submit"]#login_btn {display:block; margin: 0 0 10px}
input[type="submit"]:hover.signup_btn, input[type="submit"]:hover#login_btn, input[type="submit"]:hover.button, input[type="submit"]:hover.reg_btn { background: #24A6D6 url(/media/img/signup_btn_h.png); color:black }

	
.small_alternative { margin-left:110px; line-height: 34px; display:block; margin-bottom:-5px; width:200px;}
#login .small_alternative {line-height: 25px; margin-bottom:10px}
#form-registration .small_alternative {line-height: 25px; padding-left: 10px; }

ul.errorlist li{color:red; font-weight:bold; margin-bottom:.5em}

/* login form */



/* Recovery Form */

.recovery_form p {font-size:12px}
.recovery_form input {float:left }
.recovery_form .button { font-size:14px; padding:0; margin:-6px 10px 0}
.recovery_form #label_id_email {margin-top: 10px}