/*
Theme Name: Teatteri-lehti
Theme URI: http://www.teatterilehti.fi/
Description: Teatteri-lehti
*/

body {
	margin: 0;
	padding: 0;
	font: 14px Helvetica, Arial, sans-serif;
	line-height: 18px;
	color: #333333;
}

a { color: #2184b8; }
a img { border: 0; }

#container {
	position: relative;
	clear: both;
	width: 1006px;
}

#header, #footer {
	min-width: 1006px;
}

#sidebar {
	float: left;
	width: 225px;
	text-align: right;
	font-size: 16px;
	padding-top: 42px;
}

#sidebar ul {
	list-style: none;
	padding-left: 0;
	margin: 0;
}

#sidebar ul li { margin-bottom: 7px; }
#sidebar ul li a { text-decoration: none; }
#sidebar ul li a:hover { text-decoration: underline; }

#sidebar ul li.name, #sidebar ul li.cover { padding-bottom: 4px; }
#sidebar ul li.details {
	margin-top: -8px;
	padding-bottom: 8px;
	padding-left: 14px;
	font: 13px Georgia, "Times New Roman", serif;
	font-style: italic;
}
#sidebar ul li.name, #sidebar ul li.name a {
	font: 16px Georgia, "Times New Roman", serif;
	font-weight: normal;
	color: #af0527;
}
#sidebar ul li.archives { padding-top: 22px; }

#header {
	border-top: 11px solid #98b1c2;
	padding-top: 26px;
}

#header h1 {
	margin: 0 13px 0 0;
	float: left;
}

#header ul {
	list-style: none;
	padding-left: 0;
	margin: 0;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
}

#header ul li {
	float: left;
	margin-left: 25px;
	padding-top: 73px;
}

#header ul li a {
	text-decoration: none;
	color: #af0527;
}

#header ul li a:hover { text-decoration: underline; }
#header ul li.current_page_item a { color: #000; }

#content {
	padding-top: 42px;
	/*padding-left: 267px;*/
	float: right;
}

#articles, #blog { float: left; }
#articles { width: 489px; min-height: 1px; }
#blog { width: 250px; min-height: 1px; }

#footer {
	clear: both;
	border-bottom: 11px solid #98b1c2;
}

div.post, div.comments { clear: both; }

div.post h2 {
	font: 24px Georgia, "Times New Roman", serif;
	font-weight: normal;
	margin: 0;
}

div.post h2 a {
	text-decoration: none;
}

div.post h2 a:hover {
	text-decoration: underline;
}

#articles div.post, #articles #comments {
	margin-right: 50px;
	padding-bottom: 30px;
}

#blog h3, #articles div.post h3, 
#articles div.archive-header h3, 
#articles #comments h3 {
	font: 16px Georgia, "Times New Roman", serif;
	font-weight: normal;
	margin: 0;
	padding-bottom: 2px;
	border-bottom: 1px solid #c2a46b;
}

#blog h3 a, #articles div.post h3 a, 
#articles div.archive-header h3 a { color: #000; text-decoration: none; }
#blog h3 a:hover, #articles div.post h3 a:hover, 
#articles div.archive-header h3 a:hover { text-decoration: underline; }

div.double { padding-bottom: 2px; border-bottom: margin-bottom: 5px; }

#blog div.post h2 {
	font-size: 18px;
	padding: 10px 0 19px 0;
	clear: both;
}

#blog p { margin: 0 0 1em 0; }

div.post ul.meta {
	list-style: none;
	padding: 3px 0;
	margin: 0;
}

div.post ul.meta li {
	border-right: 1px solid black;
	float: left;
	padding: 0 7px;
}

div.post ul.meta li.date, div.post ul.meta li.author {
	border-left: 1px solid black;
}

div.post p.postmeta {
	font-style: italic;
}

#blog div.post div.entry { clear: both; }

p.post-edit { font-size: 12px; padding: 3px; background-color: #EAEAEA; }

img.nostokuva { float: right; margin: 0 0 12px 12px; }

#blog ul.headlines {
	list-style: none;
	padding-left: 0;
}

#blog ul.headlines li {
	margin-bottom: 7px;
}

#articles div.archive-header { margin-right: 50px; }

#comments ol {
	list-style: none;
	padding-left: 0;
	margin: 0;
}

#comments p.commentmeta {
	font: 16px Georgia, "Times New Roman", serif;
	color: #2184b8;
}

#comments ol li {
	padding-bottom: 2px;
	border-bottom: 1px solid #d7e268;
}

#comments h3#respond {
	padding-top: 20px;
	border-bottom: 0;
	padding-bottom: 0;
}

#comments textarea { width: 100%; }

.navigation {
	display: block;
	text-align: center;
	margin: 10px 50px 60px 0;
}

.alignright { float: right; }
.alignleft { float: left; }

p.required { font-weight: bold; }
.wpcf7-list-item { display: block; font-weight: normal; }

p.next-issue { font-size: 12px; line-height: 15px; margin: 0; padding: 30px 0 20px 36px; }

table.naytelmat, table.naytelmat td { width: 100%; }
table.naytelmat {
	border-spacing: 0;
	border-collapse: collapse;
}
table.naytelmat td {
	margin: 0;
	padding: 4px;
	border-top: 1px solid #C2A46B;
	vertical-align: top;
}

ul.wpmag_archives {
	list-style: none;
	padding-left: 0;
	margin: 0 0 15px 0;
}
ul.wpmag_archives li {
	float: left;
	padding: 15px 25px 0 0;
	height: 295px;
}

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */