/* ----------------------------------------------------------------------------

    Ruby on Rails, hijacked for Hieraki
    Stylesheet for http://rubyonrails.org

    1. General HTML elements
    2. General classes
    3. General structure
		1. header
		2. Content
		3. Sidebar
    4. Sitewide elements 
    	1. Introduction boxes
    	2. Navigation
    5. Elements for specific areas
    	1. Weblog
		
---------------------------------------------------------------------------- */

* {
	margin:                     0;
	padding:                    0;	
}

body {	
	color:						#333333;

	background-color:           #FFFFFF;
	background-image:			url(../images/header_backdrop.png);
	background-repeat:			repeat-x;
	background-position:		0 -25px;

	font-size:					80%;	
	font-family:				verdana, helvetica, arial, sans-serif;
	line-height:				1.7em;
	
	/* Center in IE5.5 */
	text-align:					center;
}

h1 {
	font-size:					2em;
	font-weight:				normal;
	letter-spacing:				-0.04em;
}

h2 {
	font-size:					1.5em;
	font-weight:				normal;
	letter-spacing:				-0.04em;
}

h1,h2,h3,h4,h5,h6 {
  margin-top:					1em;
  margin-bottom:				0.5em;
}
.pageheader a:link, .pageheader a:visited{
  color:						#333;
  text-decoration:  none;
}

img {
	border:						none;
}

p {
	margin-bottom:				1em;
}

a:link {
	color:						#BB2233;
}

a:visited {
	color:						#991122;
}

a:hover {
	color:						#CC2233;
	background-color:			#EEEEEE;
}

a:active {
}

ul {
	margin-top:					1em;
	list-style-type:			none;
}

ul li {
	margin-left:				0.5em;
	padding-left:				1em;
	
	background-image:			url(../images/bullet.gif);
	background-repeat:			no-repeat;
	background-position:		0 0.55em;
}

/* ----------------------------------------------------------------------------
	Structure
---------------------------------------------------------------------------- */

div#container {
	width:						90%;
	max-width:					790px;	

	margin-top:					10px;
	margin-left:				auto;
	margin-right:				auto;

	font-size:					1em;

	/* Don't center text, only div#container */
	text-align:					left;
}

div#header {
	/* This height controls the vertical position of #content and #sidebar */
	height:						160px;
	overflow:					hidden;
}

div#header h1 {
	height:						30px;
		
	margin:						0;
	margin-top:				10px;
	margin-left:			100px;
	padding:					0;
	font-weight:      bold;
	font-size:        24pt;
}
div#header p {
  height:						30px;		
	margin:						0;
	margin-left:			160px;
	padding:					0;
	font-weight:      bold;
	font-size:        14pt;
	color:            #999;
}
/*
div#logo {
	float:						left;
	width:						110px;
	height:						140px;
	margin-right:			31px;
}
*/


/* Fix the IE only 3pixel jog - documented at http://www.positioniseverything.net/articles/hollyhack.html#haslayout \*/
* html #content {
	height: 1px;
}
/* End hide from IE5-mac */