/*
 * Style for http://olegf.name
 * Colors: http://geeksmakemehot.com/colors/cathys-clown/
 * Oleg Frolov
 * oleg.frolov@gmail.com
 * The March, 2006
 * TODO: is it possible to simplify? remove something?
 * Validated and tested in IE6 and Firefox 1.5
 */

/** document default properties */
body {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:   100%;

	background-color: #FCFCFC;
	color: #333333;
}


/** remove default margins and paddings for all elements */ 
* {
	margin:  0;
	padding: 0;
}

/** give all paragraphs more space between lines */
p {
	line-height: 1.5;
}

/* Main header has the same colour scheme as footer and the border at the bottom */
h1 {
	margin-bottom: .5em; /* a bit of space after header */
	padding: .2em 0; /* some space before and after the header */

	text-align: center;

	border-bottom: 1px dotted #CFCFCF;
	color: inherit; /* satisfy w3c validator, when warnings are on :) */
	background-color: #EEEEEE;
}

/* This box needs to catch attention. */
div#important {
	margin: 0 2em;

	background-color: #EEEEEE;
	border: 1px dotted #CFCFCF;
	color: #B12025;
}

div#important h2 {
	margin: .2em .5em;
}

div#important p {
	margin: .5em 2em;
}

div#content {
	margin: 1em 2em;

	border: 1px dotted #CFCFCF;
}

div#content h2 {
	margin: .2em .5em;
}

div#content h3 {
	display: none;
}

/* Content paragraphs have some indents and are justified. */
div#content p {
	margin: .5em 2em;

	text-align: justify;
}

/* Set more space between items of the list. */
div#content ul {
	margin-left: 2em;
	margin-top: .5em;
	margin-bottom: 1em;
	line-height: 1.7;
}

/* Give 'help' cursor to acronyms. Make them bold. */
acronym {
	cursor: help;
	font-weight: bold;
	border-bottom: 1px dotted black; /* TODO really black? */
}

/* Give 'help' cursor to definitions. Remove italics. Make them bold. */
dfn {
	cursor: help;

	font-style : normal;
	font-weight: bold;

	border-bottom: 1px dotted black; /* TODO really black? */
}

a:hover {
	color: #B12025;
	background-color: #CFCFCF;
	text-decoration: none;
}

/* Remove italics from addresses */
address {
	font-style: normal;
}


/* Ruby on Rails developer logo. It is floating at the right*/
#rubyonrailsimage {
	float: right;
	margin: .5em .5em 0 .5em; /* top right bottom left */
}

/* Footer has the same colour scheme as header and the border at the top */
#footer {
	border-top: 1px dotted #CFCFCF;
	background-color: #EEEEEE;
	color: #333333;
}

/* Give some margin space to paragraph inside the footer */
#footer p {
	/* I need to set up all margins for they are inherited from generic p */
	margin: 0.5em 0 0 0; /* top right bottom left */
	padding-bottom: .2em;

	text-align: center;
	font-size: small;
}