/*
 * baroque style sheet
 * 
 * Copyright (C) Alessandro Dotti Contra <alessandro@hyboria.org>
 *
 * baroque.css,v 1.1 2005/07/09 16:40:50 adotti Exp
 *
 * This layout is released under the terms of the Creative Commons
 * Attribution-NonCommercial-ShareAlike version 2.5
 *
 * http://creativecommons.org/licenses/by-nc-sa/2.5/
 */

/* Body */

body {
	font-family:		serif;

	background:		#006600 url(%27images/bg-white.jpg%27);
	color:			#000000;

	padding:		2% 5%;
}

img {
	border:			none;
}

a {
	background-color:	#FFFFFF;
	color:			#940000;

	text-decoration:	underline;
}

a:hover {
	background-color:	#FFFFFF;
	color:			#000066;
	text-decoration:	none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 120%;

}

p {
	margin:			5px 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 110%;
	font-weight: 400;
	color: #000066;



}

/* Frame */

#frame {
	padding:		0;
	border:			solid 1pt #940000;

	background-color:	#FFFFFF;
	color:			#000000;
}

/* Logo */

#logo {
	text-align:		center;

	background:		url('images/bg-cyan.jpg');
	background-color:	#FFFFFF;
	color:			#940000;

	padding:		15px;

	font-weight:		bold;
	font-size:		1.5em;
}

/* Toolbar */

#toolbar {
	vertical-align:		middle;
	text-align:		center;
	background:		url('images/bg-green.jpg');
	background-color:	transparent;
	color:			#000000;
	font-size:		1.2em;
	font-weight:		bold;
	padding:		5px 0;
	border-top:		solid 1pt #940000;
	border-bottom:		solid 1pt #940000;

}

#toolbar a {
	background-color:	transparent;
	text-decoration:	underline;
}

/* Title */

#title {
	display:		none;
}

/* Quick links */

#quicklinks {
	background:		url('images/bg-green.jpg');
	background-color:	transparent;
	color:			#C4FEE0;
	
	text-align:		center;

	border-top:		1px solid #940000;
	border-bottom:		1px solid #940000;
}

#quicklinks a {
	background-color:	transparent;
	color:			#940000;

	text-decoration:	none;
}

#quicklinks a:hover {
	color:			#1FDEE5;

	text-decoration:	none;
}

/* Sidebar */

#sidebar {
	float:			right;
	clear:			right;

	width:			30%;

	text-align:		center;
}

/* Menu */

.menu {
	border:			1px solid #940000;

	margin:			10px;

	text-align:		left;
}

.menu h4 {
	text-align:		left;
	
	background:		url('images/bg-cyan.jpg');
	background-color:	#FFFFFF;
	color:			#940000;
	
	border-bottom:		1px solid #940000;

	font-size:		1em;
	font-weight:		bold;

	margin:			0;
	padding:		5px;
}

.menu ul {
	background:		url('images/bg-white.jpg');
	background-color:	#FFFFFF;
	color:			#1FDEE5;

	list-style:		square;

	margin:			0;
	padding:		10px 30px;
}

.menu li {
	margin:			2px 0;
}

.menu a {
	color:			#940000;
	background-color:	transparent;
	
	text-decoration:	none;
}

.menu a:hover {
	color:			#FFFF00;
	
	text-decoration:	none;
}

/* Content */

#content {
	width:			80%;
	min-height:		500px;
	margin-bottom:		10px;

}

/* Block */

.block h2 {
	font-size:		140%;
	margin-bottom:		3px;

	color:			#940000;
	background-color:	#FFFFFF;
}

.block .marker {
	font-size:		1.3em;

	background:		url('images/bg-green.jpg');
	background-color:	transparent;
	color:			#C4FEE0;
	padding:		0 3px;
	margin:			5px;

	border:			solid 1pt #940000;
}

.block .content {
	width:			100%;

	margin-bottom:		5px;
	padding:		5px;

	text-align:		justify;
}

/* Miscellaneous classes */

.quote {
	text-align:		justify;
	font-style:		italic;
}

/* Footer */

#footer {
	background:		url('images/bg-cyan.jpg');
	font-size:		.8em;
	text-align:		center;

	padding:		5px;
}

#footer a {
	background-color:	transparent;
	color:			#940000;
}

#footer a:hover {
	color:			#000000;
}