/**  
	Theme Name: Pohjola-filmi
	Theme URI: http://www.pohjolafilmi.fi
	Description: Custom tailored theme for Pohjolafilmi website. Last updated 26.10.2009.
	Version: 1.0
	Author: Ude
	Author URI: http://mercifulhouse.net

*/

html,body {
margin:0;
padding:0;
/*height:100%; /* needed for container min-height */}

a:link, a:visited, a:hover, a:active {
color:#444;}

body {
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #222;
/*text-align:center;*/
background:#e6e9ec;
background-image:url(images/bg.jpg);
background-repeat:repeat; background-position:left bottom; background-attachment:fixed;}

#bodyrap {
/*min-height:100%;*/
/*margin:0 auto;*/
/*position:relative; /* needed for footer positioning*/
/* height:auto !important;  real browsers */
/*height:100%; /* IE6: treaded as min-height*/
/*min-height:100%; /* real browsers */}

h1, h2, h3, h4, h5, h6, p, blockquote {
margin: 0;
padding: 0;}

hr {clear:both; border: 0px; border-color:transparent;}

div.split { height: 50px; background: transparent url(images/sepa.png) no-repeat 50%; clear: both; width: 100%;}

div.entry h3 {
padding: 1em 0.6em 0.5em;}

#container {
margin: 90px auto 20px;
padding: 0;
width: 800px;
}

div#rap {
margin: 0 auto;
text-align:left;
}

div#ult_cont {
background-image:url(images/footer.jpg);
background-repeat:no-repeat;
background-position: bottom;
}

/* ---------------------------------------------------------------------------------------BLOGI */

h2.blogtitle {
background-image:url(images/latest_blog.jpg);
background-repeat:no-repeat;
width: 420px; height: 44px;
margin: 20px 0px -10px;}

h2.blogtitle span {display:none;}
/* ---------------------------------------------------------------------------------------FOOTER */

div#footer {
position:fixed; /* T�ll� se pysyy alhaalla vaikka olisi v�h�n matskua */
width: 100%;
background-color: #FFF;
height: 45px;
bottom:0;  /* l�ts pohjaan */
background-image:url(images/menu.png);
color: #333333;
background-position:left top;
}

div#footer div#footleft {
padding: 1.4em 1em 0em;
font-size: 0.8em;
text-align: center;
}

div#footer div#footright {
padding: 1em 1em 0em;
font-size: 0.8em;
float: right;
width: 370px;
text-align:right;}

#footleft, #footright { margin: 0; }

#footleft a,#footright a { font-style:italic; text-decoration:none; }
#footleft a:link,#footright a:link { color: #333; }
#footleft a:visited,#footright a:visited { color: #222; }
#footleft a:hover,#footright a:hover { color: #500; text-decoration:underline; }
#footleft a:active,#footright a:active { color: #700; text-decoration:underline; }

/* ------------------------------------------------------------------------------------------ POST */

#postbar { float: left;}

.post {
float: none; 
width: 520px;
padding: 0em 0 10px;
background-image: url(images/yellowback.png);
margin: 0 0 20px 0;
border-radius: 15px;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
 }

div.postsingle, div.postpage {
width: 700px;
margin: 0 auto;}

div.postsingle {
width: 90%;
margin: 0 auto;
float: none;}

div.entry { padding-bottom: 0.5em;}

.post h2, h2.otsikko {
margin: 0 0 20px 0;
border-radius: 6px 6px 0px 0px;
display: block;
background-color:#FFF;
padding: 0.5em;
background-image:url(images/postback.png);
margin: 0em;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 1.2em;
border-bottom: 1px solid #AAA;
color: #345;}

.post h3 { font-family: Georgia, "Times New Roman", Times, serif;}

p.date {
display: block;
padding: 0.5em;
margin: 0em 0em 0.5em;
font-family: Georgia, "Times New Roman", Times, serif;
font-style:italic;}

span.date { font-family: Georgia, "Times New Roman", Times, serif;
font-style:italic; font-size: 0.9em;}

.post p {
padding:0em 0.8em 1em;
font-size: 0.8em;
color: #222;
line-height:1.5em;}

.entry blockquote {
  font: 1.1em/1.6em Georgia, "Times New Roman", Times, serif;
  width: 80%;
  margin: 1em auto;
  background-color:rgba(169, 158, 129, 0.2);
}

.post ul, .post ol { font-size: 0.8em; list-style-position:inside; }

div.post p a:link, div.post p a:visited, div.post p a:active {
text-decoration:none;
color: #222;
border-bottom: 1px solid #605300;}

div.post p a:hover {
color:#C11;
border-bottom: 1px solid #900;}

div.post a img { /*border: 1px solid #333;*/ }

div.recentstuff h2 a:link, div.recentstuff h2 a:visited, div.recentstuff h2 a:active,
div.post h2 a:link, div.post h2 a:visited, div.post h2 a:active {
text-decoration:none;
color: #345;}

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

#rap>#slogan { background-image:url(images/slogan.png); position: fixed; top: 59px; right: 30px; width: 280px; height: 50px;}

#etusivulogo {
height:200px;
margin: 70px 0 0;
background:url(images/logo.png) no-repeat center;}

#header {
/*margin: 83px 0 0;*/
}


#header h1 { display:none; }

#headerlink { height:60px; width:160px;}

/* ------------------------------------------------------------------------------MENU */
#menu {
background:#FFF url(images/menu.png) top left;
margin: 0em;
text-transform:lowercase;
font-family:Georgia, "Times New Roman", Times, serif;
height:60px;
text-align:center;
font-size:1em;
top: 0;
padding: 0 0 0 75px;
position: fixed;
width: 100%;}

#menu a {
text-decoration:none;
padding: 7px;}

#menu a:link { color:#557; }
#menu a:visited { color:#557; }
#menu a:hover { color:#B57;}
#menu a:active { color:#557; }

div#menu ul {
margin: 0px auto;
padding: 19px 0;
width: 810px;}

div#menu ul li { display: inline; margin: -1px; /*background-image:url(images/menustar.jpg); background-repeat:no-repeat; background-position:left; padding-left: 20px;*/}

li.current_page_item {
padding: 7px 0;
background-image:url(images/menuitem.png);
background-repeat:repeat-x;
background-position:center;}

#menu li.current_page_item a { color: #B57;}

/* -------------------------------------------------------------------------------------SIDEBAR */
.sidebar {
float: left;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
background-image: url(images/yellowback.png);
width: 260px;
margin: 0px 0px 100px 20px;
padding-bottom: 1em;
display:inline; /* T�m� korjaa IE6:n omituisen tuplamargin-bugin */}

div.sidebar li.current-cat { font-weight:bold;}

div.sidebar h2 {
color: #345;
border-bottom: 1px solid #AAA;
font-size: 1em;
display: block;
background-image:url(images/postback.png);
background-color:#FFF;
padding: 0.5em;
margin-bottom: 0.5em;
font-family: Georgia, "Times New Roman", Times, serif;}

div.sidebar ul li {
list-style: none;
list-style-position: outside;
margin: 0 0 0.2em 0;
font-size: 0.8em;}

div.sidebar ul li ul li {
list-style: none;
list-style-position: outside;
padding:0em 1em;
font-size: 0.9em;}

div.sidebar ul li ul li.recentcomments { padding-bottom: 0.5em;}

div.sidebar ul {
padding: 0;
margin: 0 0 1em 0;}

div.sidebar ul.lcp_catlist, li.widget_tag_cloud div { padding: 0.1em 0.6em;}

div.sidebar ul li, div.sidebar li.lcp_catlist ul { list-style: none; text-indent: 10px;
background:transparent url(images/sidebardot.png) no-repeat scroll 10px 4px;
}

li.lcp_catlist ul { padding-left: 1em; font-size: 0.9em;}

div.sidebar a:link, div.sidebar a:visited, div.sidebar a:hover, div.sidebar a:active {
text-decoration:none;
color: #222;}

div.sidebar a:visited { color: #AAA; }
div.sidebar a:hover { color: #990000;}

div.textwidget {
padding: 0 1em 1em;
font-size: 0.9em;}

div.entry ul { padding-right: 0.8em; }

/*------------------------------------------------------------------------------------------RANDOM KAMAA*/

img.spacer { border: 0px; width:160px; height: 60px;}

img.avatar {
float: left; margin: 10px 5px 10px 10px;
border: 2px solid #333;}

.cut {
clear:both;
padding-bottom: 35px; /* bottom padding for footer */}

.navigation {
margin: 20px auto; text-align:center;}

.navigation a { color: #558; }

ul.nav { background: url(images/logo_pieni.png) no-repeat left; background-position: 0px 10px;}

#menu img { border: 0px; float:left; padding: 29px 0 0 106px;}


/* ----------------------------------------------------------------------------------ETUSIVUELEMENTTEJ� */

div.front {
float:none;
margin-top: 0px;}

div#frontexcerpt div.front { width: 500px; margin: 6px auto; background-image:none;}

div#rap div.alamarginvex {margin-bottom: 0px; }

#selitys {
/*text-align:center;*/
border-radius: 6px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
font-family:Georgia, "Times New Roman", Times, serif; font-size: 1.6em;
}

#selitys p { padding: 0.4em; /*font-style:italic;*/ color: #444; font-size: 0.6em; text-shadow: 0px 0px 10px #DDD; 
}

#selitys h2 { padding: 0.4em 0.7em 0em; color: #334455;}

span.rss-date { color: #777;}

/* ------------------------------------------------------------------------------------------KOMMENTTIJUTSKIA */
form#searchform { margin-left: 10px; }

form#searchform input#searchsubmit { margin-top: 10px; }

.comments-template{
	border-top:1px solid #AAAAAA;
	margin: 0;
	padding: 10px 10px;
	background-image:url(images/comment.gif);}

.comments-template ol{
	margin: 0;
	padding: 0 0 15px;
	list-style: none;}

.comments-template ol li{
	margin: 10px 0 0;
	line-height: 18px;
	padding: 0 0 10px;
	border-bottom: 1px solid #664;}
	

.comments-template ol li p { font-size: 1em;}

.comments-template h2, .comments-template h3{ font-size: 1em; }

.commentmetadata { font-size: 1em; }

.commentmetadata a:link { text-decoration:none; }
.commentmetadata a:hover { text-decoration:underline; }

.comments-template p.nocomments{ padding: 0; }

h3#respond { margin: 1em; }

.comments-template textarea{
	font-family: Arial, Helvetica, Georgia, Sans-serif;
	font-size: 1em;}

div.post p.postmetadata {
	font-size: 0.7em;
	margin-top: 0.5em;
	border-top: 1px solid #AAA;
}
	
.post-meta { list-style:none; }

#frontexcerpt { }

/*------------------------------------------------------------------------------------------POSTIKUVIIN*/
p img {
	padding: 0;
	max-width: 100%;}

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;	}

img.alignright {
	margin: 0 0 2px 7px;
	display: inline;}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;}

.alignright { float: right;}

.alignleft {float: left}

/* Captions */
.aligncenter, div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;}

.wp-caption {
	text-align: center;
	padding-top: 5px;
	background-color:#EEE;
	margin: 10px;}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;}
/* End captions */

#wp-calendar { margin: 0 auto; width: 190px;}

#wp-calendar a { color: #900; }
