body {
	margin-top: 0px;
	padding: 0;
	background: #000000;
	background-image:url(../images/tausta.jpg);
	/*background-size:100%;*/
	background-repeat: no-repeat;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #837669;
}

h1, h2, h3 {
	margin: 0;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #FFFFFF;
}

h1 {font-size: 30px;}

h2 { font-size: 20px; }

h3 {font-size: 1.2em; font-weight:bold; margin-bottom:5px ; border-bottom: 1px dashed #782D1B; padding-bottom:3px; padding-top:25px;}

p, ul, ol {
	margin-top: 0;
	line-height: 2em;
	text-align: justify;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 1em;/*11px*/
}

ul, ol { }

blockquote { }

a { color: #CE4113; text-decoration: none; }
a:hover { text-decoration: none; }

a img {	border: none; }

img.left {
	float: left;
	margin: 7px 30px 0 0;
}

img.right {
	float: right;
	margin: 7px 0 0 30px;
}

hr { display: none; }

.list1 {
}

.list1 li {
	float: left;
	line-height: normal;
}

.list1 li img {
	margin: 0 30px 30px 0;
}

.list1 li.alt img {
	margin-right: 0;
}

/* Taustakuvan vaihto */

#wrapper, #wrapper1, #wrapper2, #wrapper3, #wrapper4, #wrapper5, #wrapper6, #wrapper7, #wrapper8, #wrapper9, #wrapper10, #wrapper11, #wrapper111  {
	width: 100%;
	max-width:810px;
	margin: 0 auto;
	box-shadow:0px 0px 15px rgba(0, 0, 0, 0.4);
}

#wrapper {background: #000000 url(../images/center8.jpg) no-repeat left top;}
#wrapper1 {background: #000000 url(../images/center1.jpg) no-repeat left top;}
#wrapper2 {background: #000000 url(../images/center2.jpg) no-repeat left top;}
#wrapper3 {background: #000000 url(../images/center3.jpg) no-repeat left top;}
#wrapper4 {background: #000000 url(../images/center4.jpg) no-repeat left top;}
#wrapper5 {background: #000000 url(../images/center5.jpg) no-repeat left top;}
#wrapper6 {background: #000000 url(../images/center2.jpg) no-repeat left top;}
#wrapper7 {background: #000000 url(../images/center7.jpg) no-repeat left top;}
#wrapper8 {background: #000000 url(../images/center8.jpg) no-repeat left top;}
#wrapper9 {background: #000000 url(../images/center9.jpg) no-repeat left top;}
#wrapper10 {background: #000000 url(../images/center10.jpg) no-repeat left top;}
#wrapper11 {background: #000000 url(../images/center11.jpg) no-repeat left top;}
#wrapper111 {background: #000000 url(../images/center111.jpg) no-repeat left top;}

/* Header */

#header-wrapper {
}

#header {
	width:100%;
	max-width:810px;
	margin: 0 auto;
	background: url(../images/top.jpg) no-repeat left top;
}

/* Menu */

#menu {
	float: left;
	width:100%;
	max-width:810px;
}

#menu ul {
	margin: 0;
	padding: 23px 0 0 20px;
	list-style: none;
	line-height: normal;
}

#menu li {
	display: block;
	float: left;
}

#menu a {
	display: block;
	float: left;
	margin-right: 5px;
	padding: 0px 15px;
	text-decoration: none;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #ffffff;
}

#menu a:hover { text-decoration: underline; }

#menu .current_page_item a {
	color: #FFFFFF;
}


/* Page */

#page {
	width: 92%;
	max-width:750px;
	margin: 0 auto;
	padding: 30px 30px 0px 30px;
}

/** LOGO */

#logo {
	width:100%;
	max-width:810px;
	height: 230px;
	margin: 0 auto;
}

#logo h1, #logo p {
	margin: 0;
	padding: 0 0 0 30px;
	line-height: normal;
}

#logo img {
	float: left;
	padding: 10px 0 0 25px;
}

#logo h1 {
	float: left;
	padding-top: 30px;
	color: #000000;
	padding: 40px 0 0 50px;
}

#logo h1 a {
	text-decoration: none;
	text-transform: lowercase;
	color: #FFFFFF;
}

#logo h1 a:hover { text-decoration: underline; }

#logo p {
	padding: 170px 0 0 30px;
	font: italic 13px Georgia, "Times New Roman", Times, serif;
	color: #FFFFFF;
}

#logo p a {
	text-decoration: none;
	color: #FFFFFF;
}

#logo p a:hover { text-decoration: underline; }

/* Flash */

#flash {
	width: 810px;
	height: 230px;
	margin: 0 auto;
}

#flash img {
	float: left;
	padding: 10px 0 0 25px;
}



/* Content */

#content {
	float: left;
	width:63%;
	max-width:510px;
}

/* Post */

.post {
	margin-bottom: 25px;
}

.post .title {
	min-height: 30px;
	margin-bottom: 3px;
	border-bottom: 1px solid #782D1B;
	color: #FFFFFF;
}

.post .date {
	float: right;
	margin-top: -48px;
	padding: 0 20px;
	border: 1px dashed #24130F;
	background: #24130F;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	font-size: 18px;
	color: #F1B566;
}

.post .meta {
	margin: -30px  0 3px 25px;
	padding: 2px 30px 2px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 10px;
	color: #B6ACA2;
}

.post .meta a { color: #B6ACA2; }

.post .entry {
	padding: 20px 0;
}

.entry img {width:100%}

.post .links {
	margin: 0 250px 0 0;
	padding: 0 0 0 0px;
}

.post .links .comments {
}

.post .links .permalink {
	padding-left: 17px;
}

/* Sidebar_levea */

#sidebar_lev {
	float: left;
	width: 750px;
	margin: 0px;
}

#sidebar_lev ul {
	margin: 0;
	padding: 0;
	list-style: none;
	line-height: normal;
	text-align: center;
}

/* Sidebar */

#sidebar {
	float:right;
	width:200px;
}

#sidebar ul {
	margin: 0;
	padding: 0;
	list-style: none;
	line-height: normal;
	text-align:left;
	font-size:0.9em;
}

#sidebar li {
	margin-bottom: 0px;
	padding: 0 0 10px 0px;
}

#sidebar li ul {
	line-height: 100%;
}

#sidebar li li {
	margin: 0;
}

#sidebar p {
	margin: 0;
	line-height: 200%;
	text-align:left;
}

#sidebar h2 {
	height: 33px;
	margin: 0 0 20px 0px;
	padding: 5px 0 20px 0px;
	border-bottom: #24130F 1px solid;
	font-size: 20px;
	color: #FFFFFF;
}


/* Calendar */

#calendar {
}

#calendar caption {
	padding-bottom: 5px;
	font-weight: bold;
}

#calendar table {
	width: 100%;
	border-collapse: collapse;
	border-bottom: 1px solid #24130F;
	border-left: 1px solid #24130F;
	border-right: 1px solid #24130F;
}

#calendar thead th {
	padding: 5px 0;
	text-align: center;
	border-top: 1px solid #24130F;
	border-left: 1px solid #24130F;
	background: #24130F;
}

#calendar tbody td {
	padding: 5px 0;
	text-align: center;
	border-top: 1px solid #24130F;
	border-left: 1px solid #24130F;
	border-bottom: 1px solid #24130F;
}

#calendar tfoot td {
	padding: 5px;
	border-left: 1px solid #24130F;
	border-bottom: 1px solid #24130F;
}

#calendar tfoot #next {
	border-top: 1px solid #24130F;
	text-align: right;
}

#calendar tfoot #prev {
	border-top: 1px solid #24130F;
}

#calendar .pad {
	border-bottom: 1px solid #24130F;
}

#calendar #today {
	background: #24130F;
}

/* Footer */

#footer {
	width:100%;
	max-width:810px;
	margin: 0 auto;
	padding: 0;
	height: 150px;
	background: url(../images/bottom.jpg) no-repeat left top;
}

#footer p {
	margin: 0;
	padding: 20px 0;
	text-align: center;
	line-height: normal;
	color: #FFFFFF;
}

#footer a {
}

/* Transparent Flash */

#flashBox {
	position: fixed;
        left: 0px;
        top: 70px;
	width: 900px;
	height: 700px;
	padding: 0px;
	z-index: 60;
}

/* Hides from IE-mac \*/
* html #flashBox {position: absolute;}
/* End hide from IE-mac */


@media only screen and (max-width:1440px) and (min-width:1366px) {
	
}
@media only screen and (max-width:1366px) and (min-width:1280px) {
	
}
@media only screen and (max-width:1280px) and (min-width:1024px) {
	
}
@media only screen and (max-width:1024px) and (min-width:768px) {
#content {width:60%;}
}
@media only screen and (max-width:768px) and (min-width:640px) {
#content {width:50%;}
}
@media only screen and (max-width:640px) and (min-width:480px) {
#content{width:100%;}
#page{padding:0 0 0 0;}
#sidebar{float:left;width:100%}
#sidebar li {text-align:center;}
}
@media only screen and (max-width:480px) and (min-width:320px) {
#content{width:100%;}
#page{padding:0 0 0 0;}
#sidebar{float:left;width:100%}
#sidebar li {text-align:center;}
}
@media only screen and (max-width:320px) and (min-width:240px) {
#content{width:100%;}
#page{padding:0 0 0 0;}
#sidebar{float:left;width:100%;}
#sidebar li {text-align:center;}
}