/*
 * phpGolem template CSS - public website v2
 *
 * Copyright (C) 2006
 * by Davide S. Casali
 * www.digitalhymn.com
 *
 * Last release: 2006-01-21
 *
 */

/*** Golem Common CSS ***/
/*@import url(golem.common.inc.css);*/

/*** General ***/
body
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	margin: 0;
	padding: 0;
	
	background: transparent url(gfx/golem_background.gif);
}

a
{
	color: #1A65CD;
}

a:hover
{
	color: #6698DD;
}

img
{
	border: 0;
}

form
{
	margin: 0;
}

* html div { height: 1%; } /* [IEfix] global peekaboo fix */

/*** Layout ***/
#all
{
	width: 600px;
	margin: 0 auto;
	
	text-align: left; /* [IE5fix] restores IE previously set align */
}
* html body { text-align: center; } /* [IE5fix] centers the page on old IE (margin: auto doesn't work with it) */

#header
{
	background: transparent url(gfx/golem_body_up.gif) no-repeat bottom;	
}

#page
{
	
}

#footer
{
	
}

/*** Header:Top ***/
#top 
{
	background: transparent url(gfx/golem_body_dn.gif) bottom no-repeat;
	padding-bottom: 12px;
}

#top ul
{
	list-style: none;
	margin: 0;
	padding: 2px 5px;
	background-color: #FFFFFF;
	
	text-align: right;
}

#top ul li
{
	display: inline;
	margin-left: 2px;
	padding-left: 6px;
	border-left: 1px solid #DDDDDD;
}

#top a
{
	color: #CCCCCC;
	text-decoration: none;
}

#top a:hover
{
	color: #1A65CD;
}

/*** Header:H1 ***/
#header h1
{
	background: transparent url(gfx/golem_logo.gif) no-repeat 12px 10px;
	text-indent: -666em;
	
	height: 155px;
	margin: 0;
	
	cursor: pointer;
}

/*** Page ***/
#page
{
	background: #FFFFFF;
	padding: 10px 0;
}

/*** Bands ***/
.band
{
	margin: 12px -12px;
	color: #FFFFFF;
	padding: 0 12px;
	height: 100px;
}
* html .band { position: relative; } /* [IEfix] without this the margin doesn't work with negative values */

.band .content
{
	padding: 0 5px;
	height: 100px;
	
	font-size: 1.2em;
}
* html .band .content { height: 100%; }

.band h2
{
	margin: 0;
	padding-top: 10px;
	font-size: 1.6em;
}

.band h2 a
{
	color: #FFFFFF;
	text-decoration: none;
}

.band h2 a:hover
{
	color: #EEEEEE;
}

.band .icon
{
	float: right;
	margin-top: -100px;
	height: 100px;
	margin-right: -12px;
	padding-right: 18px;
}
* html .band .icon { margin-right: -6px; } /* [IEfix] alignment for the icon and the right border */

.green { background: transparent url(gfx/golem_green_sx.gif) no-repeat left top; }
.green .content { background-color: #6BBE67; }
.green .icon { background: transparent url(gfx/golem_green_dx.gif) no-repeat right top; }

.orange { background: transparent url(gfx/golem_orange_sx.gif) no-repeat left top; }
.orange .content { background-color: #FFAD39; }
.orange .icon { background: transparent url(gfx/golem_orange_dx.gif) no-repeat right top; }

.blue { background: transparent url(gfx/golem_blue_sx.gif) no-repeat left top; }
.blue .content { background-color: #017CD8; }
.blue .icon { background: transparent url(gfx/golem_blue_dx.gif) no-repeat right top; }

/*** Buttons ***/
.btn
{
	margin: 12px -12px;
	color: #FFFFFF;
	padding: 0 12px;
	height: 100px;
	width: 120px;
}
* html .btn { position: relative; } /* [IEfix] without this the margin doesn't work with negative values */

.btn .content
{
	padding: 0 5px;
	height: 100px;
	
	font-size: 1.4em;
	cursor: pointer;
}
* html .btn .content { height: 100%; }

.btn .icon
{
	float: right;
	margin-top: -100px;
	height: 100px;
	margin-right: -12px;
	padding-right: 18px;
}
* html .btn .icon { margin-right: -6px; } /* [IEfix] alignment for the icon and the right border */

/*** Home ***/
#news, #side
{
	width: 290px;
	padding: 2px 5px;
	float: left;
}

#news h2, #side h2
{
	margin: 0;
	color: #D9DEE5;
}

#news h2 a
{
	color: #D9DEE5;
	text-decoration: none;
}

#news h3
{
	margin: 0;
	color: #6FB5E9;
}

#news small
{
	display: block;
	margin: -2px 0;
	padding-left: 5px;
	color: #D9DEE5;
}

#news p, #side ul
{
	margin: 2px 5px;
}

#side ul
{
	list-style: none;
	padding: 0;
}

#page:after /* clears float without markup, IF :after is supported. IE fixes it with height: 1%; */
{
	content: ".";
	display: block;
	height: 1px;
	clear: both;
	visibility: hidden;
}

/*** Content ***/
#content
{
	float: right;
	width: 450px;
	margin-top: -335px;
	padding-right: 10px;
}
* html #content { width: 440px; } /* [IEfix] set the correct spacing */

#content h2
{
	font-size: 1.8em;
	font-weight: bold;
	letter-spacing: -1px;
	margin: 0;
}

#content p
{
	text-align: justify;
}

/*** Articles ***/
.article h3
{
	margin-top: 2em;
}

.article .excerpt
{
	color: #A0A0A0;
}

.article small
{
	display: block;
	text-align: right;
	color: #A0A0A0;
}

/*** Comments ***/
.commentsTrackback
{
	text-align: right;
	font-size: .8em;
	color: #CCCCCC;
}

.commentFormText textarea
{
	width: 100%;
}

/*** Footer ***/
#footer
{
	background: transparent url(gfx/golem_body_dn.gif) no-repeat top;
	height: 12px;
	margin-bottom: 10px;
	
	color: #DDDDDD;
	font-size: .8em;
	padding: 0 10px;
	text-align: right;
}

/*** Golem ***/
.backnext
{
	display: none;
}

#golemclosingline
{
	color: #EEEEEE;
	text-align: center;
	margin-top: 40px;
}

#golemclosingline a { color: #EEEEEE; }