/*
 * mono-gray style sheet
 * 
 * Copyright (C) Alessandro Dotti Contra <alessandro@hyboria.org>
 *
 * mono-gray.css,v 1.1 2005/06/18 18:32:15 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:		sans-serif;

	background-color:	#FFFFFF;
	color:			#484848;

	margin:			2% 10%;
}

a {
	background-color:	#F9F8F7;
	color:			#484848;
}

a:hover {
	background-color:	#F9F8F7;
	color:			#903326;

	text-decoration:	none;
}

p {
	text-align:		justify;
}

/* Frame */

#frame {
	border:			2px solid #484848;

	background-color:	#F9F8F7;
	color:			#484848;
}

/* Logo */

#logo {
	text-align:		right;

	background-color:	#F9F8F7;
	color:			#903326;
}

#logo p#logo {
	font-weight:		bold;
	font-size:		2em;

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

/* Toolbar */

#toolbar {
	vertical-align:		middle;
	text-align:		center;
	
	background-color:	#903326;
	color:			#FFFFFF;
	
	font-size:		1.2em;
	font-weight:		bold;

	padding:		5px 0;

	border-top:		1pt solid #484848;
	border-bottom:		1pt solid #484848;
}

#toolbar a {
	text-decoration:	none;

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

#toolbar a:hover {
	background-color:	#903326;
	color:			#DEDEDE;
}

/* Title */

#title {
	margin:			5px 0;

	text-align:		center;
}

#title h1 {
	font-size:		1.5em;

	background-color:	#F9F8F7;
	color:			#484848;
}

/* Sidebar */

#sidebar {
	float:			right;
	clear:			right;

	width:			30%;

	text-align:		center;
}

/* Menu */

.menu {
	margin:			0 10px 10px 0px;
	padding:		10px;

	text-align:		left;
}

.menu a {
	text-decoration:	none;
}

.menu h4 {
	text-align:		right;
	
	font-size:		1em;
	font-weight:		bold;

	margin:			0 0 10px 0;

	text-transform:		uppercase;
}

.menu ul.posts {
	list-style:		square;
	
	background-color:	#F9F8F7;
	color:			#484848;
	
	border:			1pt solid #484848;

	padding:		10px 5px 10px 20px;
}

.menu ul.archives {
	list-style:		none;
	
	background-color:	#484848;
	color:			#F9F8F7;
	
	border:			1pt solid #DEDEDE;

	padding:		10px 5px 10px 20px;
}

.menu ul.archives a {
	background-color:	#484848;
	color:			#F9F8F7;
	
	text-decoration:	none;
}

.menu ul.archives a:hover {
	background-color:	#484848;
	color:			#903326;
	
	text-decoration:	none;
}

.menu li {
	margin:			2px 0;
}


/* Content */

#content {
	width:			65%;
	margin-bottom:		10px;
}

/* Block */

.block {
	margin:			5px 5px 20px 5px;
	border:			1px solid #484848;
	
	background-color:	#FFFFFF;
	color:			#484848;
}

.block h1 {
	font-size:		1.3em;

	margin:			5px 0 0 0;
	padding:		0 0 5px 3px;
	
	border-bottom:		1px solid #484848;
	vertical-align:		middle;
}

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

	background-color:	#903326;
	color:			#FFFFFF;

	padding:		2px 2px 2px 10px;
	margin:			0 5px 0 0;
}

.block p {
	padding:		0 5px;
	text-align:		justify;
	line-height:	150%;
	padding-left:	20px;
	padding-right:	10px;
}

.block table{
	margin-left:	30px;
	border:1px solid #CCC;
	border-collapse:separate;
	border-spacing:1px;
}

.block td{
	padding:5px;
	background-color:#CCC;
	border:		1px solid #ccc;
}

.block h2{
	font-size:	120%;
	padding-left:	10px;
	margin-left:	10px;
	border-left:	4px solid #903326;
	border-bottom:	1px solid #903326;
}

.block strong{
	color:	#FF0000;
}

.block ul{
	line-height:	150%;
}

.block p.quote {
	font-style:		italic;
}


.block a {
	background-color:	#FFFFFF;
	color:			#484848;
}

.block a:hover {
	background-color:	#FFFFFF;
	color:			#903326;

	text-decoration:	none;
}

.block .infos {
	border-top:		1px solid #484848;

	font-size:		0.8em;
}

/* Quick links */

#quicklinks {
	background-color:	#903326;
	color:			#FFFFFF;

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

#quicklinks p {
	text-align:		center;

	font-weight:		bold;

	margin:			5px 0;
}

#quicklinks a {
	background-color:	#903326;
	color:			#FFFFFF;

	text-decoration:	none;
}

#quicklinks a:hover {
	background-color:	#903326;
	color:			#DEDEDE;
}

/* Footer */

#footer {
	font-size:		.8em;
}

#footer p {
	text-align:		center;
}