/* Ravintola Swengi | http://www.swengi.com */
/* Design by jaFeldt | namesarefortombstones@gmail.com */

html, body {
	margin: 0;
	padding: 0;
	border: 0;
	height: 100%;
}
body {
	text-align: center;
	background-color: #202020;
/*	background-image: url(images/background.png);*/
}

#canvas {
	position: relative;
	text-align: left;
	width: 800px;
	min-height: 100%;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	background: #ededdb url(images/swengi_background_main.gif) repeat-y;
}
/* IE needs a height fix */
/*\*/
* html #canvas { height: 100%; }
/**/

#background_shade {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 400px;
	background: url(images/background_shade.png) repeat-x;
}

#title {
	position: relative;
	width: 100%;
	height: 234px;
	background: url(images/swengi_title_image.jpg) no-repeat;
}

#main {
	position: relative;
	width: 100%;
	margin: 0;
	padding: 0;
	border-top: 5px solid #202020;
	background: transparent url(images/swengi_top_shade.gif) repeat-x;
/*	border-right: 1px solid #fff;*/
}

#main_container {
	float: left;
	width: 57%;
/*	min-height: 30em;
	height: auto;*/
	padding: 0;
	margin: 0;
	border: 0;
}
/*\*/
/** html #main_container { height: 30em; }*/
/**/

#main_contents {
	padding: 2em;
	padding-bottom: 200px;
/*	margin-right: 190px;*/
	width: 100%;
	text-align: justify;
	border-right: 1px dotted #fff;
	overflow: hidden;
}
#main_contents img {
	padding: 2px;
	margin: 0.5em;
	background-color: #960;
	border: 2px solid #fff;
}
#main_contents p img {
	float: right;
}
#main_contents a img:hover {
    border: 2px solid #900;
}

.main_box, .main_alt_box {
	padding: 0.5em;
	margin: 1em;
	line-height: 100%;
}
.main_alt_box { background-color: #f2f2e3; border: 0; }
.main_reply_box {
	padding: 0.5em;
	margin: -1em 0 2em 3em;
	line-height: 100%;
	background-color: #f2f2e3;
	border: 1px dotted #c93;
}

#pagetitle
{
	position: absolute;
	top: 10px;
	right: 4px;
	width: 140px;
	text-align: right;
	padding: 0;
	margin: 0;
}

#sidebar {
	float: left;
	text-align: right;
	width: 177px;
	padding-bottom: 200px;
	border-left: 2px solid #202020;
	background-color: #333;
	overflow: hidden;
}

#right_sidebar {
	float: right;
	text-align: right;
	width: 140px;
	min-height: 90px;
	height: auto;
	padding: 90px 0 130px;
	background: url(images/swengi_top_corner.gif) no-repeat;
}
/*\*/
* html #right_sidebar {
	height: 90px;
}
/**/
#right_sidebar div {
	padding: 0 5px 0 0;
}
#right_sidebar img {
	width: 60px;
	padding: 1px;
	margin: 0.3em;
	background-color: #960;
	border: 3px solid #f2f2e3;
}
#right_sidebar a img:hover {
    border: 3px solid #900;
}

#navi_main {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 780px;
	padding: 0 10px 7px;
}
#navi_left {
	float: left;
	width: 50%;
	text-align: left;
}
#navi_right {
	float: right;
	width: 49%;
	text-align: right;
}

#navi_sub
{
	position: relative;
	text-align: center;
	width: 100%;
	height: 20px;
	border-bottom: 8px solid #c90;
	background-color: #960;
}

#main_corner {
	position: absolute;
	top: 0;
	left: 179px;
	width: 20px;
	height: 17px;
	background: url(images/swengi_corner_piece.gif) no-repeat;
}

#main_bottom_corner {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 170px;
	height: 85px;
	background: url(images/swengi_bottom_corner.gif) no-repeat;
}

#footer_container {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 130px;
	width: 798px;
	margin: 0;
	padding: 0;
	border: 0;
	border-left: 2px solid #202020;
	background-color: #ededdb;
	background-image: url(images/swengi_bottom_shade.gif);
	background-repeat: repeat-x;
	background-position: bottom;
}
#footer_text {
	position: absolute;
	bottom: 0;
	left: 179px;
	padding: 4em 0 0 1em;
}
#sidebar_image {
	float: left;
	width: 177px;
	height: 130px;
	background: url(images/swengi_sidebar_image.gif) no-repeat;
}

.error {
	margin: 2em;
}

.clearboth {
	visibility: hidden;
	height: 0;
	font-size: 0;
	display: block;
	clear: both;
}

.email_notinuse{display: none; visibility: hidden;}