/*
art.css - by Orjan Hansson, ohwada.se, 2007-11-29, 2007-12-06

Cascading style sheet for putting together the CSS framework for the design of 
the Smilingheart.se Web site.
Based on an article by Jeff Croft in ALA:
http://www.alistapart.com/articles/frameworksfordesigners
*/

@import "reset_v10.css"; /* Handles the mass reset of default browser styles */
@import "type_v12.css"; /* Handles the typography */
@import "grid_4col_v12.css"; /* Handles the layout grid */
@import "widgets_v12.css"; /* Handles things like menus, hidden */
@import "color_sh_v10.css"; /* Handles the colors of the site */

/* The following are special settings for Smilingheart.se */

#container {
	color: #f90; /* yellow */
	background: #000; /* black */
	border: none;
}
#header {
	padding: 2em 1em 1em 1em; /* 1em is 16px */
	text-align: right;
}
#header h1 {
/*	letter-spacing: 0.2em;*/
	letter-spacing: 2px; /* Pixels work better in Firefox! */
	font-size: 2.5em;
/*	margin: 1em 0;*/
}
#sideText {
	width: 100px; /* Images etc should not be wider than this */
	height: 396px; /* 22 lines of height 18px */
	padding: 0 15px; /* Full width will be 130px which leaves 800px - 130px = 670px for mainText */
}
#leftColumn {
	width: 390px;
	height: 396px; /* 22 lines of height 18px */
	text-align: center;
}
#rightColumn {
	width: 250px; /* Full width is 280px with 15px padding on each side */
	height: 396px; /* 22 lines of height 18px */
	text-align: right;
}
a {
	font-weight: bold; /* To make it bold in the menu in sideText */
}
.subnav a, #mainText a {
	font-weight: normal; /* To restore it to normal everywhere else */
}
a:hover, a.current {
	text-decoration: underline; /* The links will be underlined when the mouse is over them or if class="current" */
}