/*
 * common.css
 */

html { background: #cecece; font: 10pt sans-serif; }

body { margin: 0px; }

/* text elements */

a { color: #0000ae; text-decoration: none; }
a:hover { color: #0000ff }

h1, h2, h3, h4, h5, h6 { color: #42629b; }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: #42629b; }

/* forms */

fieldset { width: 70%; padding: 1em; background: #f4f4f4; border: 1px solid #cecece; }
fieldset.buttons { background: none; border: none; }

input { margin: .5em 0px; }
input.text { width: 65%; font-weight: bold; }
input.captcha { width: 256px; }

label { display: inline-block; margin: .5em 0px; width: 20%; vertical-align: top; }
label span.required { color: red; font-weight: bold; }

select { margin: .5em 0px; width: 30%; font-weight: bold; }
select.short { width: 10em; }

textarea { margin: .5em 0px; width: 65%; height: 16em; font-weight: bold; }

/* images */

img { border: none; }
img.left { float: left; padding-right: 1em; }
img.right { float: right; padding-left: 1em; }

/* lists */

ul { list-style: square outside; }

/* tables */

table { margin: 1em auto; width: 90%; /*border-bottom: 1px solid #cecece;*/ font-size: 10pt; }

thead td { color: #4e4e4e; font-weight: bold; border-bottom: 1px solid #cecece; }
thead th { color: #4e4e4e; font-weight: bold; border-bottom: 1px solid #cecece; text-align: left; }
td.actions { color: #4e4e4e; font-size: .85em; text-align: right; vertical-align: middle; }
td.head { padding-right: 2em; color: #4e4e4e; font-weight: bold; text-align: right; }
td.id { color: #2e2e2e; font-weight: bold; }

/* other blocks */

iframe { width: 100%; height: 20em; border: none; }

pre { margin: .5em; padding: .5em; background: #eeeeee; border: 1px dashed #aeaeae; }

/* >> HEADING =============================================================== */

#head { background: white url('/images/bg.jpg') left top repeat-x; }

/* >> NAVIGATION ============================================================ */

#menu {
	margin: 0px; padding: .5em 0px 0px 1em; background: white;
	list-style: none; border-bottom: 6px solid #de0000;
}
#menu li { display: inline; }
#menu li a { padding: .25em .75em; font-size: .9em; }
#menu li.this a { color: white; background: #de0000; font-weight: bold; }

/* >> CONTENT =============================================================== */

#content {
	padding: 2em 2em 192px 2em; border-bottom: 1px solid #9e9e9e;
	background: white url('/images/watermark.jpg') left bottom repeat-x;
}

#content div.box { margin: .5em; padding: .5em; border: 1px dashed #aeaeae; }
#content div.clear { clear: both; }

/* >> SIDEBAR =============================================================== */

#side { float: left; width: 20%; }

#side h3 {
	margin: .25em 0px .5em 0px; padding: 0px .25em;
	border-bottom: 2px solid #cfdbeb;
}

#side div.box { margin: 0px 0px 1em 0px; padding: 0px; border: none; }
#side ul.box { margin: 0px 0px 1em 0px; padding: 0px; list-style: square inside; }
#side ul.box li { color: #cfdbeb; line-height: 1.5em; }
#side ul.box li p { color: black; margin: 0px .5em .5em .5em; }

#side ul.nobullets { list-style: none outside; }
#side ul.nobullets li { line-height: 1.5em; }
#side ul.nobullets a.feed {
	margin-left: 1em; padding-left: 24px;
	background: url('/images/feed.png') center left no-repeat;
}

#side ul.calendar ul.months {
	margin-left: 1.25em; padding-left: 0px; list-style: none; font-size: .8em;
}
#side ul.calendar ul.months li {
	display: inline; margin: 0px .2em; color: #9e9e9e;
}

/*#side ul.tagcloud { padding-left: 1em; list-style: none; }
#side ul.tagcloud li { display: inline; margin: 0px .75em 0px 0px; }*/

/* >> ENTRY ================================================================= */

#entry { margin-left: 20%; padding-left: 2em; }

#entry h2 { margin-top: 0px; }
#entry table { width: 90%; }
#entry div.ie6sucks { margin: 0px auto; width: 90%; }
#entry div.ie6sucks table { width: 100%; }

/* >> SUCCESS/ERROR MESSAGES ================================================ */

form span.error, form span.info { display: block; margin: .25em 0px .25em 20%; }
form span.error { color: red; font-weight: bold; }
form span.info { color: #4e4e4e; }

div.error {
	margin: 0px 0px 1em 0px; padding: .5em 1em; width: 90%;
	color: #990000; background: #ffceca; border: 1px solid #990000;
	overflow: auto;
}
div.success {
	margin: 0px 0px 1em 0px; padding: .5em 1em; width: 90%;
	color: #009900; background: #ceffca; border: 1px solid #009900;
	overflow: auto;
}

/* >> FINE PRINT ============================================================ */

#fineprint { margin: 1em; color: #4e4e4e; font-size: .8em; text-align: center; }