body {
	margin-top: 0px;
	padding: 0;
	background-image:url(../images/tausta.jpg);
	background-repeat: no-repeat;
	/*background: #000000;*/
	font-family: 'Open Sans',  Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #CCCCCC;
}

.tilaustaulukko{
	font-size: 13px;
}

.Tilausmaara_elava_10{
width:50%;
}

h1, h2, h3, h4 {
	margin: 0;
	font-family: 'Open Sans',  Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #FFFFFF;
}

h1 { font-size: 40px; }

h2 { font-size: 24px}
.post h2{ font-size: 24px;text-shadow: 1px 2px #000000;}

h3 { font-size: 17px;
     border-bottom: 1px dashed #24130F; }

p, ul, ol {
	margin-top: 0;
	line-height: 150%;
	text-align: left;
	font-family: 'Open Sans',  Arial, Helvetica, sans-serif;
	font-size: 1.15em;
}

ul, ol { }

blockquote { }

a {
	color:#CCCCCC;
	text-decoration: none;
}

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

a img {
	border: none;
}

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

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

.navbar-brand img {margin-top:-10px;}

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  {
	width: 100%;
	max-width:810px;
	margin: 0 auto;
	box-shadow:0px 0px 15px rgba(0, 0, 0, 0.4);
}

#wrapper {background: #000000 url(../images/raputukku_1.jpg) no-repeat left top;}
#wrapper2 {background: #000000 url(../images/raputukku_2.jpg) no-repeat left top;}
#wrapper3 {background: #000000 url(../images/raputukku_3.jpg) no-repeat left top;}
#wrapper4 {background: #000000 url(../images/raputukku_4.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: 810px;
	height: 50px;
}

#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:16px "Trebuchet MS", Arial, Helvetica, sans-serif;
/*font: 14px Georgia, "Times New Roman", Times, serif;*/
	font-weight:bold;
	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: 10px;
}

.post .title {
	min-height: 30px;
	margin-bottom: 3px;
	border-bottom: 1px dashed #CCCCCC;
	color: #FF0000;
}

.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: 10px 0;
}

.entry img {width:100%; padding-top:15px; padding-bottom:15px;}
img.raputilausnappi {width: unset;}
img.safarenappi {width: unset;}
img.soitto {width: unset;}
#punainenotsikko img {width:100%; padding-top:0px; padding-bottom:0px;}

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

.post .links .comments {
}

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

/* Tilauslomake */

.entry table{
margin-top:50px;}

.entry table tr td{
padding-bottom:15px;}

.entry input{
color:#000;
width: 100%;}

input[type=radio] {
transform: scale(1.6);
-moz-transform: scale(1.6);
-ms-transform: scale(1.6);
-webkit-transform: scale(1.6);
-o-transform: scale(1.6);
margin-right:1.2em;
margin-left:1em;
margin-bottom:1em;
}

input[type=text] {
margin-top:0.5em;
}


select {
width:100%;
font-family:cursive;
font-size:16px;
background:#f5f5f5;
padding:10px;
border:1px solid;
color:#000000;}

.post input[type=submit] {/*Lähetä-näppäin*/
padding:10px;
text-align:center;
font-size:18px;
background:linear-gradient(#660000 100%,#ff0000 100%);
border:3px solid #ff0000;
color:#fff;
font-weight:700;
cursor:pointer;
width:100%;
border-radius:5px}

input[type=submit]:hover {
background:linear-gradient(#ff0000 5%,#ff0000 100%)}

.post input[type=RESET] {/*Lähetä-näppäin*/
padding:10px;
text-align:center;
font-size:18px;
background:linear-gradient(#333333 5%,#000000 100%);
border:2px solid #660000;
color:#fff;
font-weight:700;
cursor:pointer;
width:100%;
border-radius:5px}

input[type=RESET]:hover {
background:linear-gradient(#ff0000 5%,#ff0000 100%)}


/* 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: 180px;
}

#sidebar ul {
	margin: 0;
	padding: 0;
	list-style: none;
	line-height: normal;
}

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

#sidebar img{
	margin-top:15px;
	margin-bottom:15px;
}
	

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

#sidebar li li {
	margin: 0;
}

#sidebar p {
	margin: 0;
	font-size: 12px;
}

#sidebar a {
	color: #FF0000;
}

#sidebar h2 {
	height: 1.1em;
	margin: 0 0 0px 0px;
	padding: 0px 0 0px 0px;
	font-size: 1em;
	color: #FF0000;
	display:inherit;
}

#punainenotsikko h3 {
	font-size: 16px;
	color: #FF0000;
	font-weight:bold;
}

#punainenotsikko h4 {
	font-size: 1.1em;
	color: #FF0000;
	font-weight:bold;
    border-bottom: 1px solid #ff0000;
	padding-bottom:0.5em;
	margin-top:1.5em;
}




/* Footer */

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

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

#footer a{
	color:#333333;
	border-color:#333333;
	text-decoration: none;
}
#footer a:hover {
	color:#990000;
	border-bottom: 1px dotted #AFAFAF;
	text-decoration: none;
}

/* 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 */

img.alignright {
	float: right;
	margin: 0 0 5px 15px;
}


@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:30px 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:30px 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:30px 0 0 0;}
#sidebar{float:left;width:100%;}
#sidebar li {text-align:center;}
}