/*
Theme Name: 7dagar nr2
Theme URI: http://spathon.se
Description: Patrik Spathon webdesigner
Version: 2.9
Author: Patrik Spathon
Author URI: http://spathon.se
*/

@import "style/css/reset.css";
@import "style/css/typography.css";
@import "style/css/layout.css";

body {background: #3f3f3f url(images/bg.jpg); color: #fff; font: .80em/1.2 arial, Verdana, sans-serif;}


a {text-decoration: none; color: #fff; outline: none;}
a:hover {color: #000; }

h1, h2, h3, h4, h5, h6 {font-weight:normal; font-family: Arial; line-height: 1.3;}
h1 {}
h2 {font-size: 20px;}

p {padding: 0 0 10px;}

small {font-size: 12px;}

#tillToppen {position: fixed !important; position: absolute; right: 0px; top: 0px; padding: 10px;}

#mainWrapper {
	width: 960px; 
	background: #3f3f3f;
	margin: 0px auto; 
	border: 1px solid #333; 
	border-width: 0px 1px 1px; 
	-moz-box-shadow: 0 0 15px #000;
	-o-box-shadow: 0 0 15px #000;
	-icab-box-shadow: 0 0 15px #000;
	-khtml-box-shadow: 0 0 15px #000;
	-webkit-box-shadow: 0 0 15px #000;
	box-shadow: 0 0 15px #000;
	}

#header {position: relative; width: 100%;}

#tweet {position: absolute; top: 0px; right: -20px; color: #777; background: url(images/twitter.png) no-repeat right top; padding: 5px 40px 0px 0; height: 28px;}
#tweet:hover {background-position: right bottom;}
#tweet a {color: #777;}
#tweet a:hover {color: #fff;}

#header h1 {text-align: center;}

#mainNav {width: 100%; clear: both; padding: 10px 0; margin: 0 0 0px; text-align: center; border-bottom: 1px dotted #333; border-top: 1px dotted #333}
#mainNav li {display: inline;}
#mainNav li.mittLinje {line-height: 1.4; color: #fff; font-size: 25px;}
#mainNav li a {
        padding: 2px 10px; 
        margin: 0 5px; 
        color: #fff; 
        font: 25px/1.4 "Helvetica Neue", Arial, Helvetica, sans-serif;
}
#mainNav li.current_page_item a, #mainNav li a:hover {color: #000;}

#pageWrapper {width: 100%;}


#mainSokForm {width: 100%; position: relative; padding: 20px 0; margin: 0px; text-align: center; border-bottom: 1px dotted #3f3f3f; background: #333; }
#mainSokForm .searchinput {width: 50%; font: 14px arial, Verdana, sans-serif; padding: 4px; border: 1px solid #555; background: #3f3f3f; color: #ccc; text-align: center}
#mainSokForm .searchsubmit {font: bold 14px arial, Verdana, sans-serif; color: #ccc; margin-left: 10px; display: none}
#mainSokForm .searchsubmit:hover {color: #000}

#openArkiv {width: 100%; position: relative; padding: 20px 0; margin: 0px; text-align: center; border-bottom: 1px dotted #3f3f3f; background: #333; display: none;}
#openArkiv h2 {font-size: 30px; line-height: 1; padding: 0 0 5px}
#openArkiv ul {max-width: 500px; margin: auto;}
#openArkiv li {display: inline; padding: 0 5px 5px;}


#content { width: 860px; padding: 0 50px; margin: 10px 0 0 0;}
.entry a{ color: #158ED7;}
    .post-title h2 {font-size: 30px;}
    .post-title .comments a {float: right; background: url(images/kommentarer.png) no-repeat left top; width: 36px; height: 37px; line-height: 29px; text-align: center; margin: 2px 0 0;}
    .post-title .comments a:hover {background-position: -36px top; color: #fff;}
    .post-title .post-number {float: left; color: #000; padding: 0 15px 0 0;}
    .post {padding: 0 0 20px; margin: 0 0 20px; border-bottom: 2px dotted #555;}
    .post img {border: 1px solid #000; max-width: 100%;}
	.page-id-673 .post img {border: none;}
    body.page .post{border: none;}


#sidebar {display: none;}


#footer {width: 860px; padding: 10px 50px 30px; clear: both; color: #fff; text-shadow: 0px 0px 10px #000}
#footer a {color: #000; text-shadow: 0 0 4px #000}
#footer a:hover {color: #f11}
#footer .alignright {padding: 0 0px 0 0}


/***   KOMMENTARER   ***/
#respond {margin: 0 0 20px 0;}
#respond h3 {font-weight: bold; padding: 0 0 0px;}
#respond ul {width: 50%; float: left;}
#respond li {}
#respond label {width: 100%; display: block; line-height: 25px; height: 25px;}
#respond input, #respond textarea {border: 1px solid #000; padding: 7px; font: 14px/1.2 arial, Verdana, sans-serif; background: #555; color: #fff;}
#respond input {width: 350px;}
#respond textarea {width: 414px; height: 130px;}

#respond #submit {background: #555; width: 100%; color: #fff; padding: 7px 0px 7px 0; border: 1px solid #000; clear: both; margin: 25px 0 0; font: bold 14px/1.2 arial, Verdana, sans-serif;}
#respond #submit:hover {background: #333; color: #fff; cursor: pointer; border-color: #555}
#comments {padding: 0px 0px 0px;}

#respond ol.commentlist ul {width: auto; float: none;}
ol.commentlist { list-style: none outside; margin: 10px 0; padding:0; text-indent:0; border-top:1px dashed #222;}
ol.commentlist li {list-style: none outside;}
ol.commentlist li.comment { border-bottom:1px dashed #222; padding:10px 20px; position: relative; }
ol.commentlist li.comment div.comment-author {}
ol.commentlist li.comment div.vcard {font: normal 20px/1.3 Arial, sans-serif;}
ol.commentlist li.comment div.vcard cite.fn { font-style:normal; }
ol.commentlist li.comment div.vcard cite.fn a.url {text-decoration: none;}
ol.commentlist li.comment div.vcard img.avatar { border:1px solid #fff; background: #ddd; float:left; padding:2px; margin: 0 7px 0 0;}
ol.commentlist li.comment p { clear: both; margin: 0px 0 0 0;}
ol.commentlist li.comment div.comment-meta { font-size:9px; padding: 0 0 10px}
ol.commentlist li.comment div.comment-meta a { color:#999; background: none;}
ol.commentlist li.comment div.comment-meta a:hover { color:#777; background: none;}

ol.commentlist li.comment div.reply {text-align: right; position: absolute; top: 5px; right: 20px;}
ol.commentlist li.comment div.reply a { font: bold 9px/20px Tahoma;}
ol.commentlist li.comment:hover .reply a{ color: #999;}
ol.commentlist li.comment .reply a:hover{ color: #fff;}

ol.commentlist li.comment ul.children { list-style:none; margin:10px 0 0; text-indent:0; }
ol.commentlist li.comment ul.children li.depth-2 { border-left:0px solid #666; margin:0 0 0px 0px; }
ol.commentlist li.comment ul.children li.depth-3 { border-left:0px solid #999; margin:0 0; }
ol.commentlist li.comment ul.children li.depth-4 { border-left:0px solid #bbb; margin:0 0; }
ol.commentlist li.comment ul.children li.depth-5 { border-left:0px solid #ddd;}

ol.commentlist li.even { background:#333; }
ol.commentlist li.odd { background:none; }
ol.commentlist li.bypostauthor {background: #000;}
ol.commentlist li.parent { border-left:0px solid #444; }
/*
ol.commentlist li { }
ol.commentlist li.alt { }
ol.commentlist li.byuser {}
ol.commentlist li.comment-author-admin {}

ol.commentlist li.comment div.vcard img.avatar-32 {}
ol.commentlist li.comment div.vcard img.photo {}
ol.commentlist li.comment div.vcard span.says {}
ol.commentlist li.comment div.commentmetadata {}

ol.commentlist li.comment ul {}

ol.commentlist li.comment ul.children li {}
ol.commentlist li.comment ul.children li.alt {}
ol.commentlist li.comment ul.children li.bypostauthor {}
ol.commentlist li.comment ul.children li.byuser {}
ol.commentlist li.comment ul.children li.comment {}
ol.commentlist li.comment ul.children li.comment-author-admin {}

ol.commentlist li.comment ul.children li.odd {}

ol.commentlist li.thread-alt { }
ol.commentlist li.thread-even {}
ol.commentlist li.thread-odd {}
*/


/**   CREW   **/

#crew li {width: 50%; float: left; padding: 0 0 20px;}
#crew li.clearCrew {width: 100%; height: 1px; line-height: 1px; padding: 0px; float: none; clear: both; margin: 0px 0 0; background: none; border: none}
#crew .li-0 {padding-right: 3%; width: 48%;}
#crew .li-1 {padding-right: 0%; width: 49%;}
#crew img {margin-right: 20px; height: 150px; width: 131px; float: left; border: none;}




/**   404   **/

#content.error404 {text-align: center;}
#content.error404 h2 {margin-bottom: 10px;}

.error404 .searchform {width: 100%; position: relative; padding: 20px 0; margin: 20px 0; text-align: center; border-bottom: 1px dotted #3f3f3f; background: #333; }
.error404 .searchform .searchinput {width: 50%; font: 14px arial, Verdana, sans-serif; padding: 4px; border: 1px solid #555; background: #3f3f3f; color: #ccc; text-align: center}
.error404 .searchform .searchsubmit {font: bold 14px arial, Verdana, sans-serif; color: #ccc; margin-left: 10px; display: none}




.searchinput {border: 1px solid #000; padding: 2px; font: 13px/1.2 arial; color: #666}
.searchinput:focus {color: #000}
.searchsubmit { border: none; background: none; color: #000; font: bold 14px/1.1 arial; cursor: pointer;}
.searchsubmit:hover { color: #f11;}




#ieUserToFf {position: absolute; top: 12px; left: 12px; display: block; width: 34px; height: 32px; z-index: 100;}