/*
Theme Name: Kalliolan Eläinklinikka v1
Theme URI: http://kalliolanelainklinikka.fi/
Description: Kalliolan Eläinklinikan ulkoasu
Version: 1.0
Author: Taru Meskanen and Tuija Peltola
Author URI: http://moskiitto.org/
Tags: blue (#3673a0), yellow (#f3f1e1), fluid width
*/





/* YLEISET */

* {
	margin: 0;
	padding: 0;
	cursor: default;
}

body {
	background-color: #4e4e4e;
	color: #000;
	font-family: 'lucida grande', arial, sans-serif;
	font-size: 15px;
}

hr {
	display: none;
}

#page {
	background-color: #f3f1e1;
}





/* HEADER */

div#header {
	background-image: url(images/header.jpg);
	height: 160px;
	background-repeat: repeat-x;
	padding-top: 50px;
}

div#headerimg {
	background-image: url(images/header2.jpg);
	background-repeat: no-repeat;
	height: 83px;
	width: 226px;
	margin-left: 7%;
}

div#headerimg h1, div#headerimg div.description {
	visibility: hidden;
}




/* SIDEBAR */

div#header div#sidebar {
	margin-left: 50%;
	margin-top: 30px;
}

div#header div#sidebar ul li {
	float: left;
	display: block;
	height: 20px;
	margin-right: 10px;
	font-size: 15px;
}

div#header div#sidebar ul li a {
	color: #fff;
	text-decoration: none;
}

div#header div#sidebar ul li a:hover {
	text-decoration: underline;
	cursor: pointer;
}




/* CONTENT */

div#content {
	clear: both;
	padding-bottom: 20px;
	padding-left: 15px;
	width: 90%;
}

div#content p {
	line-height: 22px;
	margin-bottom: 20px;
} 

div#content h2 {
	font-size: 24px;
	margin-bottom: 10px;
}

div#content img.alignright {
	float: right;
}

div#content img.alignleft {
	float: left;
	margin-right: 20px;
}

div#content strong {
	color: #3673a0;
}

div#content a {
	color: #3673a0;
	border-bottom: 1px dotted #3673a0;
	text-decoration: none;
}

div#content a:hover {
	border-bottom: 1px solid #3673a0;
	cursor: pointer;
}

div#page p.suoristus {
	clear: both;
	height: 15px;
}

div#content div#post-12 p {
	font-size: 17px;
	line-height: 26px;
}


/* FOOTER */

div#footer {
	background-image: url(images/footer.jpg);
	background-repeat: repeat-x;
	min-height: 120px;
	background-color: #4e4e4e;
	padding-top: 10px;
	clear: both;
}

div#footer p {
	color: #fff;
	margin-bottom: 10px;
	font-size: 14px;
	line-height: 21px;
}

div#footer p.yhteystiedot {
	margin-left: 33px;
	border-left: 1px dotted #fff;
	padding-left: 15px;
	float: left;
}

div#footer strong {
	font-size: 15px;
	letter-spacing: 1px;
}

div#footer div#meta p {
	font-size: 11px;
	text-align: center;
	color: #bbb;
	margin-bottom: 20px;
	margin-top: 30px;
	clear: both;
}

div#footer div#meta p a {
	color: #bbb;
	text-decoration: none;
	border-bottom: 1px dotted #bbb;
}

div#footer div#meta p a:hover {
	cursor: pointer;
	color: #eee;
	border-color: #eee;
}

div#footer p.yhteystiedot2 {
	margin-left: 30px;
	border-left: 1px dotted #fff;
	padding-left: 15px;
	float: left;
	margin-bottom: 30px;
}

div#footer div#pikkukuvat {
	width: 170px;
	float: left;
	padding-top: 25px;
	margin-left: 23px;
}

div#footer div#pikkukuvat img.pieni {
	border: 2px solid #fff;
	float: left;
	margin-left: 10px;
}