/*
Theme Name: Indie Films
Theme URI: http://indiefilms.fi/
Description: IF goes WP.
Version: 1
Author: Kalamuki
Author URI: http://kalamuki.net/
*/

* { font-weight: normal; margin: 0; padding: 0; }

body {
 font-size: 12px;
 font-family: "Lucida Grande", Arial, Helvetica, Verdana, sans-serif;
 margin: 0;
 color: #333;
 line-height: 1.5;
 background: #fff;
}

/*Basics*/
a { text-decoration: none; color: #c5161e; }
a:hover { color: #000; text-decoration: underline; }

img { border: 0; }
a img { padding: 5px !important; background-color: #fff !important; border: none !important; }
a:hover img { background-color: #000 !important; }
a:active img { background-color: #f00  !important;}

strong, b { font-weight: bold; }

blockquote { border-left: 3px solid #d2d2d2; padding-left: 5px; margin-left: 5px; }

h1, h1 a { color: #444; }
h2 { font-size: 1.3em; font-weight: bold; margin-bottom: .5em; line-height: 1.2; }
h3 { font-size: 1.2em; font-weight: bold; margin: 2em 0 1em; clear: both; line-height: 1.2; }
h2 a, h3 a { font-weight: bold !important; }
h4 { font-size: 1.1em; font-weight: bold; color: #444; line-height: 1.2; margin-top: 1em; }
h5 { font-size: 1em; font-weight: bold; color: #444; line-height: 1.2; }

ul, ol { margin: 10px 0 20px 20px; padding: 0; }
ol { margin-top: 10px; margin-left: 20px; clear: both; }
ul li { list-style: disc; margin-bottom: 10px; line-height: 1.3; }
ul li a { }
ul li a:hover { }

ul li ul { margin: 0 0 10px 10px; }
ul li ul li { margin-bottom: 0; }

ul.blocklist { margin: 1em 0 3em 0; }
ul.blocklist li { list-style: none; display: block; clear: both; }
ul.blocklist li p { padding: 10px 0; text-align: left; }
ul.blocklist li img { margin-top: 0; }

dl { margin: 1em 0 2em; }
dt { clear: both; font-weight: bold; margin-top: 10px; }
dd { margin-bottom: 5px; margin-left: 10px; }

/*Layout*/
#main { margin: 20px auto; text-align: center; width: 680px; position: relative; background: #85848a; 
    -webkit-box-shadow: 1px 1px 7px #555;
    -moz-box-shadow: 1px 1px 7px #555;
    box-shadow: 1px 1px 7px #555;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
#header { width: 100%; height: 132px; text-align: left; position: relative; }

h1 {
 display: block;
 width: 150px;
 height: 6em;
 color: #000;
 position: relative;
 overflow: hidden;
}
h1 span {
 background: url(images/logo.gif) no-repeat 0 0;
 position: absolute;
 height: 100%;
 width: 100%;
 -webkit-border-top-right-radius: 4px;
 -webkit-border-top-left-radius: 4px;
 -moz-border-radius-topright: 4px;
 -moz-border-radius-topleft: 4px;
 border-top-right-radius: 4px;
 border-top-left-radius: 4px;
}
#header blockquote { position: absolute; left: 168px; top: 35px; font-size: 11px !important; font-style: italic; color: #444; border: none !important; padding-left: 0 !important; margin-left: 0 !important; }
#header cite { display: block; text-align: right; font-style: normal; }

#content { width: 530px; min-height: 350px; padding: 2em 0; background: #eee; text-align: left; border-left: 150px solid #85848a; }
.narrow #content { width: 390px; border-right: 140px solid #d2d2d2; overflow: hidden; }

#content img { max-width: 350px;
 -webkit-box-shadow: 1px 1px 3px #555;
 -moz-box-shadow: 1px 1px 3px #555;
 box-shadow: 1px 1px 3px #555;
 -webkit-border-radius: 3px;
 -moz-border-radius: 3px;
 border-radius: 3px;
}

#secondSidebar { position: absolute; top: 157px; right: 0; width: 140px; padding: 0; text-align: center; }
#secondSidebar h3, #secondSidebar h4 { margin-top: 0; margin-bottom: 10px; }
#secondSidebar h5 { font-size: 11px; font-weight: normal; margin-bottom: 5px; }
#secondSidebar p { font-size: 11px; text-align: left; margin: 5px; }
#secondSidebar ul { margin: 0 0 10px; }
#secondSidebar li { list-style: none; margin: 0; padding: 0 5px; line-height: 1; }
#secondSidebar li a { display: block; padding: 4px 0; }
#secondSidebar li a:hover { text-decoration: none; }
#secondSidebar li img { width: 130px !important; padding: 0 !important; background-color: transparent !important; border: none !important; }
#secondSidebar li a img { border: 1px solid #d2d2d2 !important; }
#secondSidebar li a:hover img { border: 1px solid #000 !important; }
#content #secondSidebar img {
 -webkit-box-shadow: 0 0 0;
 -moz-box-shadow: 0 0 0;
 box-shadow: 0 0 0;
}
#secondSidebar .linklist li { font-size: 11px; margin-bottom: 3px; }

#nav { position: absolute; top: 170px; left: 0; width: 150px; color: #000; background: transparent; font-size: 11px; text-align: left; overflow: hidden; }
#nav ul { margin-top: 0; margin-left: 0; border-top: 1px solid #d2d2d2; }
#nav li { list-style: none; border-bottom: 1px solid #d2d2d2; margin-bottom: 0; line-height: 1.3; }
#nav li a { color: #eee; display: block; padding: 2px 0 2px 10px; }
#nav li a:hover, #nav li.current_page_item a, #nav li.current_page_ancestor a { color: #c5161e; background: #eee; text-decoration: none; }
#nav li a:hover { background: #d2d2d2 !important; }
#nav li.current_page_item a:hover, #nav li.current_page_ancestor a:hover { color: #000; }
#nav h4 { margin: 1em 0 .5em; padding-left: 10px; font-weight: bold; color: #333; }
#nav address { margin: 1em 0 0; padding-left: 12px; font-style: normal; }

#nav li.page-item-16 a, #nav li a.fi { font-weight: bold; text-transform: uppercase; }

.date { clear: both; text-align: right; }
.post { font-size: 1em; margin-right: 20px; margin-bottom: 20px; padding: 0 0 0 20px; }
.wide .post { margin-right: 40px; }
.post p { margin: 4px 0 .7em 0; }

.navpages { clear: both; height: 20px; margin-top: 20px; margin-right: 20px; margin-left: 20px; padding-top: 3px; font-size: 1.1em; }
.navpages-single { margin-top: 60px; }
#footer { clear: both; width: 100%; padding: 5px 0; background: transparent; color: #eee; text-align: center; }

#commentform label { width: 14em; vertical-align: middle; float: left; clear: both; }
#commentform input[type=text] { width: 200px; padding: .2em; vertical-align: middle; background: #eee; border: 1px solid #d2d2d2; }
#commentform input#submit { width: 200px; float: right; }
#commentform textarea { width: 99%; padding: .2em; background: #eee; border: 1px solid #d2d2d2; }
#commentform input:focus, #commentform textarea:focus { background: #fff; }
.commentOfficialUser cite { color: #f00; font-weight: bold; }
a.flickeriin { color: #fff !important; }

ol.commentlist li { margin-bottom: 10px; padding: 5px; background: #ddd; }
ol.commentlist li.alt { background: #eee; }

ul.manualgallery { clear: both; padding: 0; margin: 10px 0; }
ul.manualgallery li { width: 160px; clear: none; float: left !important; text-align: center; margin: 0 0 10px; padding: 0; list-style-type: none;}
ul.manualgallery li span { display: block; }
ul.smallergallery li { width: 85px; }

blockquote { font-style: italic; margin: 1em 0 2em; padding: 0 0 0 10px; }
blockquote cite { display: block; font-style: normal; text-align: right !important; line-height: 1.2; margin-top: 5px; }

.ad { clear: both; position: relative; margin: 2em 0; border: 1px solid #0066cc; padding: 5px 5px 25px; }
.ad strong a { font-weight: bold !important; }
.ad span { position: absolute; right: 0; bottom: 0; padding: 2px 2px 2px 3px; background: #0066cc; color: #fff; }

div.wp-caption, div.wp-caption-small { background: #fff; padding-bottom: 5px; margin: 1em 0 2em; text-align: center; 
    -webkit-box-shadow: 1px 1px 3px #555;
    -moz-box-shadow: 1px 1px 3px #555;
    box-shadow: 1px 1px 3px #555;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
div.wp-caption img, div.wp-caption-small img {
    -webkit-box-shadow: 0 0 0 !important;
    -moz-box-shadow: 0 0 0 !important;
    box-shadow: 0 0 0 !important;
    -webkit-border-bottom-right-radius: 0 !important;
    -webkit-border-bottom-left-radius: 0 !important;
    -moz-border-radius-bottomright: 0 !important;
    -moz-border-radius-bottomleft: 0 !important;
    border-bottom-right-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}
p.wp-caption-text { text-align: center; font-size: 11px; padding: 0 5px; }
.width-130 { width: 130px; }
/* MISC */
.rightalign { float: right; width: 130px; padding: 5px 10px; margin-left: 20px; line-height: 1.3em; background: #d3d3d3; }
ul.rightalign { margin-top: 0; }
.rightalign li { margin-bottom: 10px; }

.block { clear: both; }
.alignleft, .floatleft { float: left; margin: 5px 20px 10px 0 !important; }
.alignright, .floatright { float: right; margin: 5px 0 10px 20px !important; }

@media only screen and (max-width: 480px) { 
#main { margin: 0 auto;
    -webkit-box-shadow: 0 0 0;
    -moz-box-shadow: 0 0 0;
    box-shadow: 0 0 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
} 
#header blockquote { -webkit-text-size-adjust: none; } 
}