/*
art.css
by Orjan Hansson, ohwada.se

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

Version 1.0, 2007-11-29
Version 1.1, 2007-12-30
Version 2.0, 2008-01-06:
	Changed font-weight of .a back to normal.
	Adjusted heights of columns to handle differences from grid_4col.css.
Version 2.1, 2008-01-16:
	Changed text-align to left for sideText.
	Changed style of header and footer.
Version 2.1, 2010-02-20:
	Added text-align: center; to #footer.
Version 2.2, 2011-07-09:
	Experimenting with a free Web font: Open Sans downloaded from http://fontsquirrel.com.
*/

@import "reset.css"; /* Handles the mass reset of default browser styles */
@import "type_12px.css"; /* Handles the typography */
@import "grid_4col.css"; /* Handles the layout grid */
@import "widgets.css"; /* Handles things like menus, hidden */
@import "color_ohwada.css"; /* Handles the colors of the site */

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

@font-face {
    font-family: 'OpenSansRegular';
    src: url('open-sans/OpenSans-Regular-webfont.eot');
    src: url('open-sans/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('open-sans/OpenSans-Regular-webfont.woff') format('woff'),
         url('open-sans/OpenSans-Regular-webfont.ttf') format('truetype'),
         url('open-sans/OpenSans-Regular-webfont.svg#OpenSansRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'OpenSansSemibold';
    src: url('open-sans/OpenSans-Semibold-webfont.eot');
    src: url('open-sans/OpenSans-Semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('open-sans/OpenSans-Semibold-webfont.woff') format('woff'),
         url('open-sans/OpenSans-Semibold-webfont.ttf') format('truetype'),
         url('open-sans/OpenSans-Semibold-webfont.svg#OpenSansSemibold') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'PTSansRegular';
    src: url('PT-Sans/PTS55F-webfont.eot');
    src: url('PT-Sans/PTS55F-webfont.eot?#iefix') format('embedded-opentype'),
         url('PT-Sans/PTS55F-webfont.woff') format('woff'),
         url('PT-Sans/PTS55F-webfont.ttf') format('truetype'),
         url('PT-Sans/PTS55F-webfont.svg#PTSansRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'PTSansBold';
    src: url('PT-Sans/PTS75F-webfont.eot');
    src: url('PT-Sans/PTS75F-webfont.eot?#iefix') format('embedded-opentype'),
         url('PT-Sans/PTS75F-webfont.woff') format('woff'),
         url('PT-Sans/PTS75F-webfont.ttf') format('truetype'),
         url('PT-Sans/PTS75F-webfont.svg#PTSansBold') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'PTSansCaptionRegular';
    src: url('PT-Sans/PTC55F-webfont.eot');
    src: url('PT-Sans/PTC55F-webfont.eot?#iefix') format('embedded-opentype'),
         url('PT-Sans/PTC55F-webfont.woff') format('woff'),
         url('PT-Sans/PTC55F-webfont.ttf') format('truetype'),
         url('PT-Sans/PTC55F-webfont.svg#PTSansCaptionRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

body {
/*	background: #eee;*/
	font-family: 'PTSansRegular', Verdana, Arial, Helvetica, sans-serif;
}
h1, h2 {
	font-family: 'PTSansBold', Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;	
}
#container {
/*	border: 1px solid #ddd;*/
/**	background: #eee;*/
	margin: 50px auto 0 auto; /* The auto margins on the sides will keep the container centered in the window */
}
#header {
/*	height: 54px;*/ /* 3 lines of height 18px */
	height: 36px; /* 2 lines of height 18px */
/*	text-align: right;*/
	background: #fff url('img/loggan_halv.gif') no-repeat top left;
	padding: 3px 0 0 40px;
}
#header h1 {
	font-weight: normal;
	font-style: italic;
	letter-spacing: normal;
}
#sideText { 
	height: 396px; /* 22 lines of height 18px, one line higher than mainText, since footer is part of mainText */
/*	text-align: right;*/
/*	background: #fff url('img/loggan_halv.gif') no-repeat bottom right;*/
}
#leftColumn {
	height: 378px;  /* 21 lines of height 18px, to force the footer one line below rightColumn */
}
/* 
At Ohwada.se, the footer is aligned left with the leftColumn. This is achieved by making it
a part of mainText and setting the height of sideText one line higher than mainText.
For this to work, the footer must be preceded by an empty DIV of class <em>fullWidth</em> from widgets.css.
By setting the height of leftColumn to be one line higher than rightColumn , 
the footer will be forced downwards to create a nice space below the rightColumn.
*/
#footer {
	padding: 0;
	text-align: right;
}
#footer p {
	font-style: italic;
	color: #cc3300;
}