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

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

Version 1.1, 2007-11-29
Version 1.2, 2007-12-14
Version 1.3, 2010-02-20:
	Commented out height in #rightColumn to let it expand downwards.
Version 2.0, 2010-08-09:
	Replaced reset_v10.css with reset.css from ohwada.se.
	Replaced widgets_v12.css with widgets.css (with .navMenuNested etc) from ohwada.se.
	Removed styling of a-tag (this is taken care of in widgets.css).
Version 2.1, 2010-08-09:
	New layout:
	Made leftColumn wider than rightColumn.
	Changed height to auto in leftColumn (and sideText) to remove inner scroll.
	Replaced grid_4col_v12.css with grid_4col.css from ohwada.se.
	Added text-align: right; to sideText.
	Replaced type_10px_v13.css with type_10px.css from ohwada.se (type_12px.css can also be used).
	Replaced color_ky_v10.css with color_ky.css.
	Fine adjustments of widths and paddings.
Version 2.2, 2010-08-13:
	Trying to make it work better for mobile devices.
	Hiding footer.
Version 2.3, 2011-12-27:
	Increased width of sideText (to alow for wider menu) and decreased leftColumn width and padding
	correspondingly.
*/

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

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

#header {
	text-align: center;
	padding: 0;
	margin-bottom: 20px;
}
#sideText {
	text-align: right;
	width: 130px; /* Images etc should not be wider than this */
	width: 180px; /* Images etc should not be wider than this */
	height: auto;
	padding: 0 10px; /* Full width will be 150px which leaves 800px - 150px = 650px for mainText */
	padding: 0 10px; /* Full width will be 200px which leaves 800px - 200px = 600px for mainText */
}
#leftColumn {
	width: 470px;
	width: 430px;
	height: auto; /* To remove inner scroll */
	padding: 0 15px; /* Full width will be 500px which leaves 650px - 500px = 150px for rightColumn */
	padding: 0 10px; /* Full width will be 450px which leaves 600px - 450px = 150px for rightColumn */
}
#rightColumn {
	text-align: center;
	width: 130px;
	padding: 0 10px; /* Full width will be 150px */
}
#footer {
	display: none;
}
.framedImg {
  width: 465px;
/*  border: none;*/
}