/* @override 
	http://www.kairo.fi/ej/wp-content/themes/eatjoy/style.css
	http://www.kairo.fi/ej/wp-content/themes/eatjoy/style.css
	http://eatandjoy.viisitahtea.com/wp-content/themes/eatjoy/style.css
*/

/* @group general stuff */

html {
	background-image: url('images/restaurants/bg.png');
	background-repeat: repeat-x;
	background-position: 0 9.4em;
}

body {
	width: 98em;
	margin: auto;
	font-family: Lucida Grande, Helvetica, Arial, Sans-Serif;

	/* Resets 1em to 10px */
	font-size: 62.5%;

	padding: 0 2em 0 2em;
}

a, a:active, a:visited, a:hover {
	text-decoration: none;
	color: #940059;
}

a:hover {
	text-decoration: underline;
	color: #500031;
}

a img {
	border: none;
	}

ul, li {
	margin: 0;
	padding: 0;
	list-style: none;
}

h2 {
	

}



p {
	font-family: Georgia, Times New Roman, serif;
	font-size: 1.1em;
	line-height: 1.5em;
}

hr {
	border: none;
	padding-top: 5em;
	clear: both;
}

center {
	margin-top:2em;
}
/* @end */


/* @group layout */

#header {
	float: left;
	height: 15em;
	width: 100%;
	margin-bottom: 5em;
}

#column1 {
	float: left;
	width: 16em;
	margin: -2em 1.8em 0 0;
}

#column2 {
	float: left;
	width: 58em;
	margin: 0;
	position: relative;

}

#column3 {
	float: left;
	width: 16em;
	margin: -2em 0 0 2em;

}

#footer {
	clear: both;
	float: left;
	width: 94em;
	margin: 0 auto 5em euto;
	padding-top: 2em;
	height: 10em;
	border-top: 1px solid #ccc;
}



/* @end */

/* @group header */

#logo {
	position: relative;
	top: 9em;
	float: left;
}

#logo h1 {
	margin: 0;
	padding: 0;
	text-indent: -1000em;
	background-image: url('images/header_logo.png');
	width: 108px;
	height: 39px;
}

#slogan {
	position: relative;
	left: 29em;
	top: 5.5em;
	float: left;
}

#slogan h2 {
	font-size: 1em;
	margin: 0;
	padding: 0;
	text-indent: -10000px;
	background-image: url('images/header_slogan.png');
	width: 361px;
	height: 77px;
}

#search {
	margin-top: 6.2em;
	margin-right: 6.5em;
	float: right;
	width: 140px;
	text-align: right;
}

#search input.textarea {
	width: 130px;
}

#search input.submit {
	margin-top: 0.9em;
}

#topnavi {
	margin: 15em 0 0 0;
	width: 100%;
}

#topnavi ul {
	width: 58em;
	list-style: none;
	margin: auto;
	position: relative;
	left: -2em;
}

#topnavi ul li {
	width: 14.3em;
	float: left;
	margin-right: 0.2em;
}

#topnavi ul li a {
	float: left;
	display: block;
	width: 100%;
	background: #940059;
	color: #fff;
	text-align: center;
	padding: 1em 0 1em 0;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 1em;
}

#topnavi ul li a:hover {
	background: #500031;
	text-decoration: none;
}

/* @end */

/* @group breadcrumb */

#breadcrumb {
	margin-left: 15em;
	font-size: 1.2em;
	border-bottom: 1px dotted #999;
	width: 47.92em;
	padding-bottom: 0.5em;
}

/* @end */

/* @group left column */

#column1 h2 {
	margin: 1em 0 0 0;
	padding: 0;
}

#sidebar {
	
}

#sidebar .banner-left {
	margin-top: 4em;
}
#sidebar ul {
	list-style: none;
}

#sidebar ul li {
	background: #ddd;
	line-height: 3;
	padding: 0.1em 0 0 .6em;
}

#sidebar ul li a {
	display: block;
	font-size: 1em;
	border-bottom: 1px dotted #ccc;
	margin: -.1em 0  0 -.6em;
	padding: 0em 0 0em .6em;
	background: #fff;
}

#sidebar ul li a:hover {
	background: #ddd;
}

#sidebar .children {
	background: #fff;
	border-bottom: 1px dotted #ccc;
	margin-left: -1em;
	padding-bottom: 1em;
	padding-left: 0;
	padding-top: .8em;
	}

#sidebar .children li {
	background: #fff;
	font-weight: bold;
	line-height: 1.1;
	margin-left: 0;
	padding-bottom: .5em;
	padding-left: 3.6em;
	padding-top: .3em;
}

#sidebar .children a {
	border-bottom: none;
	font-weight: normal;
	padding-bottom: 0;
	padding-left: 4.2em;
	padding-top: 0;
	margin-left: -4.2em;
	margin-top: 0;
}

#sidebar ul li .children a:hover {
	background: none;
}

#sidesubnavi {
	
}

#sidesubnavi ul {
	margin-top: 1.5em;
	list-style: none;
}

#sidesubnavi ul li {
	margin-bottom: 0.7em;
}

#sidesubnavi ul li a {
	font-size: 0.9em;
	padding-left: 1.1em;
	color: #000;
}

/* @end */

/* @group content column */

/* @group Map */

#map {
	width: 57.7em;
	height: 34.9em;
	margin-bottom: 2em;
}

#map-single {
	width: 22em;
	height: 17.5em;
	background: #369;
}

#map-single-tour {
	width: 28em;
	height: 20em;
	background: #369;
}

#map-single-container {
	margin: 0 0 1em 2em;
	padding: 1em;
	float: right;
	border: 1px solid #ccc;
}

#map-single-container small {
	display: block;
	margin-top: 0.6em;
}

#map img.mapimage {
	width: 80px;
	height: 60px;
	float: left;
	margin: 0 10px 10px 0;
}

#map p {
	
}

/* @end */

#content {
}

#content p {
	font-size: 10pt;
	line-height: 16pt;
}

#connections {
	margin-top: -2.8em;
	background-color: #efdce5;
}

#flashCloud {
	margin-bottom: 1.5em;
}

#breadcrumbs {
	width: 100%;
	margin-bottom: 3em;
}

#breadcrumbs ul {
	list-style: none;
}

#breadcrumbs ul li {
	float: left;
	margin-right: 2em;
}

#breadcrumbs ul li a {
	text-decoration: underline;
}

#topstory {
	width: 54em;
	float: left;
	padding: 1.9em;
	background-color: #efdce5;
	margin: 0 -2em 3em 0;
	border: 1px solid #940059;
}

#topstory h3 {
	margin: 0;
	padding: 0;
	font-size: 2em;
}

#topstory h3 a {
	color: #000;
}

#topstory h3 a:hover {
	text-decoration: underline;
}

#topstory img {
	width: 240px;
	float: left;
	margin: 0 1.5em 1em 0;
	border: 1px solid #ccc;
}

a.storylink {
	background-image: url('images/magnifier.png');
	background-repeat: no-repeat;
	background-position: 0 -0.1em;
	padding-left: 1.9em;
	padding-bottom: 0.2em;
	margin-left: 0.5em;
}

a.in-title {
	display: block;
	width: 25em;
	position: relative;
	text-align: right;
	top: 0;
	left: 26em;
	padding-right: 2em;
	background-position: top right;
}



#column2 .column2_boxed {
	width: 24.9em;
	float: left;
	margin: 0 4em 0 0;
}

.odd {
	clear: left;
}

#column2 .column2_boxed ul {
	margin: 0;
	padding: 0;
	font-size: 1em;
	font-family: Lucida Grande, Helvetica, Arial, Sans-Serif;

}


#column2 .column2_boxed ul li {
	clear: both;
	padding: .5em 0 0 0;
	list-style: none;


}

#column2 .column2_boxed h2 {
	border-bottom: 1px solid #aaa;
	margin: 1em 0 -.5em 0 ;
	padding: 0;
	font-size: 2em:
}

#column2 .column2_boxed h3 {
	padding: 0;
	margin: 0.5em 0 0 0em;
	font-size: 1.4em;
}

#column2 .column2_boxed small {
	display: block;
	margin: 0.3em 0 0 0;
	font-style: oblique;
}

#column2 .column2_boxed img {
	float: left;
	width: 80px;
	height: 60px;
	margin: 1.8em 1em 0em 0em;
	border: 1px solid #ccc;
	padding: 7px;
}

#content .column2_boxed p {
	margin-top: 0;
	font-size: 1.2em;
	line-height: 1.6;
}

#column2 .post h2 {
	font-size: 2em;
	line-height: 2em;
}

#column2 .sectiontitle {
	border-bottom: 1px dotted #999;
	margin-top: 2em;
}

#column2 .post img {
	border: 1px solid #ccc;
	margin: 1em 1em;
	padding: 0.8em;
}

#column2 .post img.align_left {
	border: 1px solid #ccc;
	margin: 1em 1em;
	padding: 0.8em;
	margin-left: 0;
}

#column2 .post img.align_right {
	margin-right: 0;
}

#column2 p {
	font-size: 1.3em;
	line-height: 1.7;
	font-family: Georgia, Times New Roman;
}

#column2 p.credits {
	font-family: Lucida Grande, Helvetica, Arial, Sans-Serif;
	font-weight:bold;

}


#column2 ul {
	display: block;
	margin: 1.12em 0;
	margin-left: 4em;
	font-size: 1.3em;
	font-family: Georgia, Times New Roman;
	line-height: 1.6em;
}

#column2 li {
	display: list-item;
	list-style-type: disc;
	margin: 1em 0 1em 0;
}

#column2 .full_width {
	width: 56em;
	padding: 0 1em 0 1em;
}

#column2 .full_width li {
	padding: 0.5em 0 0 0;
	margin:0;
}

#column2 .full_width h2 {
	font-size: 2em;
	margin: 2em 0 0.3em 0;
	padding: 0;
}

#column2 .full_width h3 {
	font-size: 1.1em;
	margin: 0 0 0 0;
	padding: 0.53em 0 0 0;
	display:  inline;
	line-height: 1.8em;
}

#column2 .full_width small {
	float: left;
	margin: 1em 0 0 1em;
	border-left: 1px solid #aaa;
	padding-left: 1em;
}


#column2 ul.columned-list {

	width: 100%;
	float: left;
}

#column2 ul.columned-list li {
	list-style: none;
	width: 16.5em;
	float: left;
	margin-right: 1.5em;
	list-style: none;
	clear: none;
}

#connections {
	height: 35em;
	width: 57.8em;
	margin-top: 3em;
}

#column2 h3 {
	font-size: 2.2em;
	font-weight: bold;
	margin-bottom: 1em;
	margin-top: .5em;
}

#column2 h4 {
	font-size:1.5em;
	font-weight: bold;
	margin-bottom: 0;
}


#column2 h5 {
	font-size:1em;
	font-weight: bold;
	margin-bottom: 0;
}

#column2 p {
	font-size: 10pt;
	line-height: 16pt;
	margin-top: 0;
	margin-bottom: 10pt;
}

#column2 img.align-left {
	float: left;
	margin-left:0;
}

#column2 img.align-right {
	float: right;
	margin-right:0;
}



/* @group page description */

#page-description {

}

#page-description img {
	float: right;
	margin-top: -6.5em;
	margin-right: .4em;
	padding: .7em;
	border: 1px solid #ddd;
	
}

#page-description h2 {
	font-size: 2em;
	line-height: 2.2;
	margin-bottom: 0;
}

#page-description h2.short {
	font-size: 2em;
	line-height: 2.2;
	margin-bottom: 0;
	width: 12em;
}

#page-description p {
	font-size:  1.7em;
	line-height: 1.7;
}

#page-description p.short {
	width: 14em;
}



/* @end */

/* @group category description */

#category-description {
}


#category-description form {
	float: right;
	width: 26em;
	margin-top:2em;
}

#category-description form select {
	width:23.5em;
}

#category-description form input {
	margin-top: 1em;
}

#category-description img {
	float: right;
	margin-top: -6.5em;
	margin-right: .4em;
	padding: .7em;
	border: 1px solid #ddd;
	
}

#category-description h2 {
	font-size: 2em;
	line-height: 2.2;
	margin-bottom: 0;
}

#category-description h2.short {
	font-size: 2em;
	line-height: 2.2;
	margin-bottom: 0;
	width: 12em;
}

#category-description p {
	font-size:  1.7em;
	line-height: 1.7;
}

#category-description p.short {
	width: 13em;
	float: left;
}



/* @end */



/* @end */

/* @group right column */

#column3 h2 {
	margin: 0 0 1em 0;
	padding: 0;
	margin-top: 1em;
	margin-bottom: 0em;
}

#column3 .banner {
	width: 140px;
	margin-top: 1.5em;
}

#column3 .banner img {
	border: 0;	
}

.listbox {
	
}

.listbox ul {
	
}

.listbox ul li {
	padding: 0.5em;
}

.listbox ul li h3 {
	font-size: 1em;
	margin: 0 0 0 0;
}

.listbox ul li.row1 {
	background: #ddd;
}

.listbox ul li.row2 {
	background: none;
}
		
}

/* @end */

/* @group Footer */


#footer p {
	border: 1px solid #f00;
	display: block;
	text-align: center;
	width: 100%;
}


#footer ul#logostripe {
	margin-left:  4em;
}

#footer ul#logostripe li {
	float: left;
	margin-right: 2em;

}


#footer ul#logostripe img {
	height: 40px;
	border: 0;
}


/* @end */

/* @group SIFR */

#content .siFR-active h1 {
	visibility: hidden;
	line-height: 1em;
	font-size: 2.2em;
	display: block;
}

.sIFR-active h2 {
	visibility: hidden;
	line-height: 1em;
	font-size: 2.2em;
	display: block;
}

.post .sIFR-active h2 {
	visibility: hidden;
	line-height: 1.4em;
	font-size: 4em;
	display: block;
}

/* @end */