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

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

Version 1.0, 2008-10-26:
	Adapted from art.css version 2.1 at ohwada.se
*/

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

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

#header {
	height: 150px;
}
#header h1 {
	font-size: 2em;
	line-height: 1em;
	margin: 0;
	margin-bottom: 1em;
	padding: 1em 0 0 0;
	text-align: right;
	font-family: Times, "Times New Roman", serif;
	font-weight: bold;
	font-style: italic;
	letter-spacing: 3px;
}
.navig ul {
	margin-top: 45px; /* 3 lines of height 15px */
/*	margin-top: 36px; */ /* 2 lines of height 18px */
	margin-left: 90px;
}
.navig li {
	margin-right: 1em;
}
#mainText {
  margin-top: 1.5em;
}
#sideText h1, #sideText h2 {
	text-align: center;
}
#footer {
/*	padding: 0; */
	text-align: center;
	font-style: italic;
}
dl {
	margin-bottom: 1.5em; /* 1em is now 10px, 10x1.5 = 15px */
}
dt {
/*	font-weight: normal; */
}
dd {
	margin-bottom: 0;
}
@media screen and (max-device-width: 480px) {
body {
	font-size: normal;
}
#container {
	width: auto;
	float: none !important;
}
#header {
	width: 500px;
/*	display: none;*/
}
#mainText {
	float: none !important;
	width: auto;
	font-size: larger;
}
#sideText {
	float: none !important;
	width: 300px;
	text-align: left;
	font-size: larger;
}
#footer {
	font-size: larger;
	text-align: left;
}
.framedImg
{
	float: none !important;
  text-align: left;
}	
.framedImg p {
	margin-left: 1em;
}
}