/********************************************************************************************************************************************
 *		Karby Gård Konstcentrum CSS
 *		2007-05-27
 *		by Daniel Thor <www.foxit.se>
 *		page design by Alexander Antonov <www.antonov.se>
 *		
 *		---- Colors ----------
 *		Dark gray (alternative background, text): #333
 *		White (alternative text): #fff;
 *		Dark red (links): #900
 *		
 *		---- Comments ----------
 *		Standard font-size is 62.5% which is approximately 10px, this allows for thinking in px when using em. 1.2em is approx. 12px. 
 *		
 *******************************************************************************************************************************************/

/* ---- G E N E R A L ---- */

/* Debug: */
/* * { border: 1px solid #f33; } */

body {
	font-size: 62.5%; /* Read comment above for explenation */
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #333;
}

p { line-height: 1.4; }

a, a:visited {
	color: #900;
	font-weight: bold;
	text-decoration: none;
}

a:hover { /*text-decoration: underline;*/ }

a img { border: 0; }

hr {
	border: 0px;
	border-bottom: 1px solid #333;
}

/* --- Headers --- */

h1 { font-size: 1.4em; }

h2 { font-size: 1.2em; }

h3 { font-size: 1em; }

/* --- Forms --- */

form input { }

form input[type=submit] { font-weight: bold; }

form fieldset {
	margin-bottom: 2em;
	padding: 1em;
}

form legend { }

form legend h2 { margin: 0; }

form textarea { width: 100%; }

form .form_submit { font-weight: bold; }

form .form_input-format {
	color: #808080;
	font-size: 0.8em;
	font-weight: bold;
}

.form_required-input {
	color: #900;
	font-weight: bold;
}

form .form_error { border: 2px solid #900; }

/* Error message in a form */
form .error_message {
	background: url(../images/error.gif) no-repeat 10px;
	border: 1px dashed #900;
	font-weight: bold;
	margin: 1.5em;
	padding: 1em 20px 1em 50px;
	text-align: center;
}


/* ---- S T R U C T U R E ---- */

#main-container {
	background: url(../images/shaddow-left_right.png) repeat-y;
	margin: 0 auto;
	padding: 0 20px 0 20px; /* Compensate 20px left and right for the shaddow effect */
	width: 700px;
}

#header {
	background-color: #333;
	color: #fff;
	padding-top: 5px;
}

#navigation {
	background-color: #333;
	color: #fff;
	font-size: 1em;
	padding: 0 40px;
}

#toolbox {
    padding: 1em;
    text-align: right;
}

#content-container {
	font-size: 1.2em;
}

#primary-container {
	float: left;
	width: 450px;
}

#secondary-container {
	float: left;
	width: 250px;
}

#fullview-container { }

#footer {
	background-color: #333;
	clear: both;
	color: #fff;
	font-size: 1em;
    height: 1.2em;
	padding: 3px 0;
	text-align: center;
}

#primary-content { padding: 30px 40px; }

#secondary-content { padding: 30px 20px; }

#fullview-content { padding: 40px; }

#bottom-shaddow {
	background: url(../images/shaddow-bottom.png) no-repeat;
	height: 10px;
	margin: 0 auto;
	width: 740px;
}

/* ---- Header styles ---- */
#header img {
	border-bottom: 1px solid #fff;
	border-top: 1px solid #fff;
}

/* ---- Navigation styles ---- */

#navigation ul {
	margin: 0;
	padding: 4px 0;
}

#navigation li {
	display: inline;
	margin-right: 5px;
}

#navigation a {
	color: #fff;
	font-weight: bold;
	padding: 4px;
	text-decoration: none;
}

#navigation a:hover {
	background-color: #fff;
	color: #333;
}

/* ---- Primary content styles ---- */
	
	#primary-content p a, #fullview-content p a {
		background: url(../images/link.gif) no-repeat right;
		color: #333;
		padding-right: 20px;
	}
	
	.image {
		margin: 0;		
		padding: 0.5em;
	}
	
	.image_center { text-align: center; }
	
	.image_right { text-align: right; }
	
	.image_left { text-align: left; }
	
	.image span {
		display: block;
		font-size: 0.9em;
		margin-top: 1em;
	}

	/* --- Events list --- */
	.events_list { }
	
	.events_list_title {
		margin: 0;
		padding: 0;
	}
	
	.events_list_summary { margin: 0.5em 0 2em 4.5em; /* Left margin = width of events_date + 1em */ }
	
	.events_list_summary a { font-size: 0.9em; }
	
	.events_list_date {
		float: left;
		margin: 0 1em 0 0;
		/*padding: 3px;*/
		text-align: center;
		width: 3.5em;
	}
	
		.events_list_date_day {
			display: block;
			font-size: 1.5em;
			font-weight: bold;
		}
		
		.events_list_date_month {
			display: block;
			font-size: 1.2em;
			font-weight: bold;
		}
		
		.events_list_date_year {
			display: block;
			font-size: 0.9em;
		}
	
	/*.clear { clear: both; }*/

	/* --- Events view --- */
	
	.events_view_title { }
	
	.events_view_date { }
	
	.events_view_summary { font-weight: bold; }
	
	.events_view_information { }
	
	/* --- Calendar --- */
	
	.calendar {
		font-size: 1.5em;
	}
	
	.calendar tbody td {
		border: 1px solid #333;
		padding: 10px;
		text-align: center;
	}
	
	.calendar tfoot {	font-size: 0.8em; }
	
	.calendar tfoot span { margin-right: 1em; }
	
	.calendar tbody a, .calendar tbody a:visited { color: #333;	}
	
	.calendar_post_empty { background-color: #eee; }

	.calendar_post_current { background-color: #e7f0f7; }
	
	.calendar_post_free { }
	
	.calendar_post_confirmed {
	    background-image: url(../images/booking_confirmed.gif);
        background-repeat: no-repeat;
    }
	
	.calendar_post_preliminary {
	    background-image: url(../images/booking_preliminary.gif);
        background-repeat: no-repeat;
    }
	
	.calendar_post_preliminary_and_confirmed {
	    background-image: url(../images/booking_preliminary_and_confirmed.gif);
        background-repeat: no-repeat;
    }
	
	/* --- Bookings list --- */
	
    .bookings_list a { color: #333; }
    
	.bookings_list ul {
		list-style: none;
		margin: 0;
		padding: 0;
	}
	
	.bookings_list h2 {
		background-color: #ededed;
		margin: 0;
		padding: 0;
	}
	
	.bookings_list h3 {
		background-color: #f2f2f2;
		margin: 0;
		padding: 0;
	}
	
	.bookings_list h4 {
		margin: 0;
		padding: 0;
	}
	
	.bookings_list_years { }
	
	.bookings_list_months { }
	
	.bookings_list_days { }
	
	.bookings_list_times { }
	
	.bookings_list_item { margin: -1em 0 1.5em 3em; }
	
	.bookings_list_item a {
		color: #333;
		padding-left: 1.5em;
	}
	
	.bookings_list_item_confirmed a { background: url(../images/booking_confirmed.gif) no-repeat; }
	
	.bookings_list_item_preliminary a { background: url(../images/booking_preliminary.gif) no-repeat; }
	
	.bookings_list_item_time { font-size: 0.8em; }
	
	.bookings_list_small {
		list-style: none;
		margin: 0;
		padding: 0;
	}
	
	.bookings_list_small_item { padding-left: 1.5em; }
	
	.bookings_list_small_item_confirmed { background: url(../images/booking_confirmed.gif) no-repeat; }
	
	.bookings_list_small_item_preliminary { background: url(../images/booking_preliminary.gif) no-repeat; }
	
/* ---- Secondary content styles ---- */

	/* --- --- */
	#booking-honshuset {
		/*background-color: #F7EED2;*/
		
		width: 190px;
	}
	
		#booking-honshuset a {
			color: #333;
			font-size: 1.4em;
		}
		
		#booking-honshuset img {
			/*margin: 0 0 0.3em 0.3em;*/
			/*float: right;
			display: inline;*/
			border: 0;
		}

	/* --- Administrador links --- */
	
	#adminbox  { }
	
	#adminbox_flat li {
		display: inline;
		margin-right: 1em;
	}
	
	#adminbox fieldset { border: 1px solid #333;	}
	
	#adminbox legend {
		color: #800000;
		font-weight: bold;
	}
		
	#adminbox ul, #adminbox_flat ul {
		list-style: none;
		margin: 0;
		padding: 0;
	}
	
	#adminbox ul li ul { margin-left: 1em; }
	
	#adminbox ul li ul li {	margin: 0.8em 0; }
	
	#adminbox a, #adminbox_flat a { padding: 0 0 2px 20px; }
	
		/* -- Admin buttons -- */
		.admin_add a {
			background: url(../images/add.gif) no-repeat;
			color: #008000;
		}
		
		.admin_delete a {
			background: url(../images/delete.gif) no-repeat;
			color: #f00;
		}
		
		.admin_edit a {
			background: url(../images/edit.gif) no-repeat;
			color: #ffa500;
		}
		
		.admin_logout a {
			background: url(../images/logout.gif) no-repeat;
			color: #36f;
		}
		
		.admin_show a {
			background: url(../images/show.gif) no-repeat;
			color: #36f;
		}


	/* --- Current events list --- */
	.events_altlist_header {
		background: url(../images/aktuellt.gif) no-repeat;
		height: 31px;
		text-indent: -100em; /* Remove the actual header text while still making the text available */
		width: 200px;
	}
	
	.events_altlist { font-size: 0.9em; }
	
	.events_altlist_title { margin-bottom: 0.3em; }
	
	.events_altlist_title a { color: #333; }
	
	.events_altlist_date {
		font-size: 0.9em;
		font-style: italic;
		font-weight: bold;
	}
	
	.events_altlist_summary { margin: 0.5em 0 2em 0; }
	
	.events_altlist_summary a { font-size: 0.9em; }

	/* --- Flash messages ---*/
	.flash {
		font-weight: bold;
		margin: 1em;
		padding: 0em;
		text-align: center;
	}
	
	.flash_error {
		background: #f7e3e3 url(../images/flash_error.gif) no-repeat 10px;
		border: 1px dashed #b22222;
	}
	
	.flash_ok {
		background: #cfc url(../images/flash_ok.gif) no-repeat 10px;
		border: 1px dashed #6d6;
	}
	
	.flash_info {
		background: #ccfeff url(../images/flash_info.gif) no-repeat 10px;
		border: 1px dashed #66dcdd;
	}
/* ---- Footer styles ---- */