/*
Theme Name:		WP Framework
Theme URI: 		http://wpframework.com/
Version: 		0.2.4.10
Description: 	A <em>blank</em> WordPress Theme Framework <strong>that's everything you need, and nothing you don't.</strong> With features like <em>microformats, a traditional template structure, convention over configuration, clean semantic code, documenation, and it's atomic templating system</em>, WP Framework is <em>completely extensible, flexible</em> and <strong><em>the</em></strong> starting point for theme authoring and customization. To learn more, visit <a href="http://wpframework.com">http://wpframework.com</a>.
Author: 		Ptah Dunbar
Author URI:		http://ptahdunbar.com
Tags:			one-column, two-columns, three-columns, fixed-width, sticky-post, threaded-comments, microformats

Copyright 2008 Ptah Dunbar <http://ptahdunbar.com> All rights reserved.
WP Framework is licensed under the terms of the GNU General Public License version 2.

If you have any questions, comments, or concerns, 
visit <http://wpframework.com> for more information!
*/

/* Reset Browser Defaults */
@import url( 'library/media/css/reset.css' );

/* Apply base theme styles and colors */
@import url( 'library/media/css/base.css' );

/* Basic 2 Column Layout */
@import url( 'library/media/layouts/2col-r.css' );

/* Stylistic CSS Styles */
@import url( 'library/media/css/screen.css' );

/* These empty css selectors are temporarily here for compatiability with the WordPress theme repository checklist. */
.aligncenter {} .alignleft {} .alignright {} .wp-caption {} .wp-caption-text {}

html {
     overflow: -moz-scrollbars-vertical;
     overflow-y: scroll;
     background-color: #e8e7e7;
     background-image:url('library/media/images/bg_pattern.png');     -webkit-text-size-adjust: 100%;
}

.container{
	margin-top: 25px;
}

.container h1{
	font-size: 12px;
	padding: 0px;
	font-weight: bold;
	line-height:1.5;
}
.container div.title div.sort{
	float: right;
}
.container div.title div.sort a{
	color: #999999;
	margin-left: 5px;
	margin-right: 5px;
}
.container div.title div.sort{
	color: #555555;
}
body .container div.title div.sort a.ovrigt{
	margin-right: 0px;
}
.container div.title div.sort a:hover{
	color: #FFFFFF;
	text-decoration: none;
}
body.category-musikvideo .container div.title div.sort a.musikvideo{
	color: #FFFFFF;
}
body.category-reklamfilm .container div.title div.sort a.reklamfilm{
	color: #FFFFFF;
}
body.category-kortfilm .container div.title div.sort a.kortfilm{
	color: #FFFFFF;
}
body.page-template-custom_ovrigt-php .container div.title div.sort a.ovrigt{
	color: #FFFFFF;
}
body.category li.menu-item-1541 a{
	color: #3d3d3d;
}
body.page-template-custom_ovrigt-php li.menu-item-1541 a{
	color: #3d3d3d;
}

.container h2{
	font-size: 12px;
	padding: 0px;
	font-weight: bold;
	line-height:1.5;
}
div.header h1, div.header h2{
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color: #3d3d3d;
	font-weight: normal;
	letter-spacing: 4px;
	
	padding-left: 1px;
	font-size: 8px;
	line-height:1.5;
}
div.header div.home_link{
	padding-bottom: 17px;
}
div.header div.home_link a:hover{
	text-decoration: none;
}

.safari iframe{
	margin-top: 0px;
}
.firefox iframe{
	margin-top: 0px;
}
.firefox div.latest_posts_date{
	margin-bottom: 9px;
}
.firefox div.white_box p{
	margin-bottom: 18px;
}
.chrome div.white_box{
	
}
.msie div.white_box p{
	margin-bottom: 17px;
}
.msie div.white_box2{
	padding-bottom: 4px;
}
.msie div.white_box2 div.latest_posts_date{
	margin-bottom: 9px;
}

.firefox iframe.facebook_like{
	margin-top: -3px;
	margin-bottom: -2px;
}
iframe.facebook_like{
	margin-top: -1px;
	margin-bottom: -4px;
}

body.error404 div.entry-content p{
	margin-bottom: 20px;
}

body.page div.entry-content p, body.category div.entry-content p{
	margin-bottom: -20px;
}
body.category div.entry-content, body.page-template-custom_ovrigt-php div.entry-content{
	margin-left: 20px;
	margin-bottom: 40px;
}
body.category div.entry-content p, body.page-template-custom_ovrigt-php div.entry-content p{
	padding-top: 12px;
	padding-bottom: 13px;
}
body.page p#copyright{
	margin-top: 16px;
}
body.page-template-custom_ovrigt-php p#copyright{
	margin-top: -4px;
}

a#watch_film{
	width: 300px;
}
a#watch_trailer{
	width: 300px;
}

div.menu-header a{
	font-family: arial;
	font-size: 12px;
	font-weight: bold;
	margin-left: 20px;
	color: #999999;
}
div.menu-header a:hover{
	color: #3d3d3d;
	text-decoration: none;
}
li.current-menu-item a{
	color: #3d3d3d;
}

a{
	color: #479cb8;
}
a:hover{
	text-decoration: underline;
}

p.project_date{
	color: #999999;
	font-style: italic;
}

div.contact_table_container{
	width: 100%;
	background-color: #ffffff;
}
div.social_icons{
	height: 0px;
}
table.contact_table{
	background-color: #ffffff;
	width: 100%;
	border: 0px;
	color: #3d3d3d;
	margin-bottom: 20px;
	font-family: verdana;
	font-size: 11px;
	padding-top: 15px;
	padding-left: 17px;
	padding-right: 17px;
	margin-bottom: -20px;
}
div.contact_separator{
	height: 8px;
	background-color: #ffffff;
}
table.contact_table td{
	padding: 0px 30px 17px 0px;
	float: left;
}

table.about_table{
	background-color: #ffffff;
	width: 700px;
	border: 0px;
	color: #3d3d3d;
	margin-bottom: 20px;
	font-family: verdana;
	font-size: 11px;
	padding-top: 15px;
	padding-left: 17px;
	padding-right: 17px;
	padding-bottom: 17px;
	margin-bottom: -20px;
}
table.about_table td{
	padding: 0px 17px 0px 0px;
	vertical-align: top;
	width: 325px;
}
table.about_table td.last_td{
	padding: 0px;
}

table.camera_table{
	background-color: #ffffff;
	width: 700px;
	border: 0px;
	color: #3d3d3d;
	margin-bottom: -20px;
	font-family: verdana;
	font-size: 11px;
	padding-top: 15px;
	padding-left: 17px;
	padding-right: 17px;
	padding-bottom: 17px;
}
table.camera_table td{
	padding: 0px 17px 0px 0px;
	vertical-align: top;
	width: 325px;
}
table.camera_table td.last_td{
	padding: 0px;
}
body.page div.entry-content p.fix_margin{
	margin-top: -20px;
	margin-bottom: 20px;
}


iframe{
	
}

.widget{
	margin: 0px;
}

div.footer{
	display: block;
	width: 100%;
}
p#copyright{
	font-family: verdana;
	font-size: 9px;
	color: #999999;
	float: left;
	margin-top: -4px;
}
body.home p#copyright{
	margin-top: -4px;
}
body.page-template-custom_latestwork-php p#copyright{
	margin-top: -4px;
}


div.header{
	padding-right: 240px;
}

div.container{
	width: 940px;
}
div#primary{
	width: 700px;
}
div#secondary{
	width: 220px;
}

div.menu-header{
	float: right;
	margin-top: 15px;
	margin-bottom: 15px;
}
div.menu-header ul{
	list-style: none outside none;
	margin-bottom: 0px;
}
div.menu-header li{
	float:left;
}

div.various_projects{
	margin-left: -20px;
}

div.title{
	height: 25px;
	width: 666px;
	background-color: #3d3d3d;
	color: #ffffff;
	margin-left: 20px;
	margin-bottom: 20px;
	font-family: arial;
	font-size: 12px;
	padding-left: 17px;
	padding-right: 17px;
	padding-top: 8px;
	font-weight: bold;
}
div.various_projects_title{
	height: 25px;
	width: 683px;
	background-color: #3d3d3d;
	color: #ffffff;
	margin-bottom: 20px;
	font-family: arial;
	font-size: 12px;
	padding-left: 17px;
	padding-top: 8px;
	font-weight: bold;
}
div.blue_title{
	height: 25px;
	width: 203px;
	background-color: #70bbd4;
	color: #ffffff;
	margin-bottom: 20px;
	font-family: arial;
	font-size: 12px;
	padding-left: 17px;
	padding-top: 8px;
	font-weight: bold;
}
div.blue_title2{
	width: 683px;
}
div.blog-title{
	height: 25px;
	width: 666px;
	background-color: #3d3d3d;
	color: #ffffff;
	margin-bottom: 20px;
	font-family: arial;
	font-size: 12px;
	padding-left: 17px;
	padding-right: 17px;
	padding-top: 8px;
	font-weight: bold;
}
div.blog-title a{
	color: #ffffff;
	float: left;
}
a.blog-entry-title{
	color: #ffffff;
}
a.blog-entry-title:hover{
	text-decoration: none;
}
div.blog-title span{
	float: right;
}

div.white_box{
	width: 186px;
	background-color: #ffffff;
	color: #3d3d3d;
	margin-bottom: 20px;
	font-family: verdana;
	font-size: 11px;
	padding-top: 15px;
	padding-left: 17px;
	padding-right: 17px;
	padding-bottom: 1px;
}
div.white_box2{
	padding-bottom: 4px;
}
div.white_box p{
	margin-bottom: 23px;
}

div.latest_posts_post a{
	color: #3d3d3d;
}
div.latest_posts_post{
	margin-bottom: -3px;
}
div.latest_posts_date{
	color: #999999;
	margin-bottom: 10px;
}


p.bottom-spacing{
	height: 1px;
	padding: 0px;
}

div.header a{
	float: left;
}

/* HOME */

div.various_projects iframe{
	visibility: hidden;
	margin-bottom: 0px;
	height: 0px;
	width: 0px;
}

/* REKLAMFILM */

body.page-template-custom_commercial-php div.works-item{
	margin-bottom: 0px;
}
body.page-template-custom_commercial-php div.entry-content{
	margin-bottom: 40px;
}

/* BRÖLLOPSFILM */

body.page-template-custom_wedding-php div.works-item{
	margin-bottom: 0px;
}
body.page-template-custom_wedding-php div.entry-content{
	margin-bottom: 40px;
}

/* SLIDESHOW */

div#slideshow{
	margin-bottom: 20px;
	background-color: #3d3d3d;
}

/* BLOG */
div.entry-content a:link{
	color: #479cb8;
	text-decoration: none;
}
div.entry-content a:visited{
	color: #479cb8;
	text-decoration: none;
}
div.entry-content a:hover{
	text-decoration: underline;
}
div.entry-content p{
	background-color: #ffffff;
	color: #3d3d3d;
	margin-bottom: 20px;
	font-family: verdana;
	font-size: 11px;
	padding-top: 15px;
	padding-left: 17px;
	padding-right: 17px;
	padding-bottom: 17px;
	margin-bottom: -20px;
}
div.entry-content iframe{
	margin-bottom: 20px;
}
div.entry-content img{
	margin-bottom: 20px;
}
div.entry-content div#map_canvas{
	margin-bottom: 20px;
}
div.entry-footer{
	background-color: #ffffff;
	font-family: verdana;
	font-size: 11px;
	padding-top: 15px;
	padding-left: 17px;
	padding-right: 17px;
	padding-bottom: 17px;
	margin-bottom: 0px;
}
div.hentry{
	margin-bottom: 20px;
}
div.blog_comments{
	color: #999999;
	float: left;
	margin-right: 2px;
}
body.single div.entry-content p{
	margin-bottom: -20px;
}
body.single div.comment_container{
	margin-top: 40px;
	margin-bottom: 0px;
}
body.blog div.navigation-links{
	background-color: #3d3d3d;
	font-family: verdana;
	font-size: 11px;
	height: 26px;
	padding-top: 7px;
	padding-left: 17px;
	padding-right: 17px;
	margin-bottom: 20px;
	margin-top: -20px;
}
body.blog div.navigation-links a{
	color: #ffffff;
}
body.single div.navigation-links{
	background-color: #3d3d3d;
	font-family: verdana;
	font-size: 11px;
	height: 26px;
	padding-top: 7px;
	padding-left: 17px;
	padding-right: 17px;
	margin-bottom: 20px;
	color: #ffffff;
}
body.single div.navigation-links a{
	color: #ffffff;
}

/* COMMENTS */
a.slick-toggle:hover{
	text-decoration: none;
}
ol.comment-list{
	margin-left: 0px;
}
ol.comment-list li.comment{
	background-color: #ffffff;
	color: #999999;
	margin-bottom: 20px;
	font-family: arial;
	font-size: 12px;
	font-style: italic;
	padding-top: 15px;
	padding-left: 17px;
	padding-right: 17px;
	padding-bottom: 17px;
}
ol.comment-list li.comment p{
	margin-bottom: 0px;
	font-family: verdana;
	font-size: 11px;
	font-style: normal;
	color: #3d3d3d;
}
ol.comment-list li.comment div.comment-author{
	margin-bottom: 5px;
}
ol.comment-list li.comment cite.fn{
	text-transform: capitalize;;
}
div#respond table.leave_comment_table{
	width: 100%;
	border: 0px;
	margin-bottom: 0px;
	margin-top: 0px;
	padding: 0px;
}
div#respond table.leave_comment_table textarea{
	width: 620px;
	font-family: verdana;
	font-size: 11px;
	color: #3d3d3d;
    resize: none;
    overflow:auto;
}
div#respond table.leave_comment_table td{
	padding-left: 10px;
	padding-right: 0px;
	padding-top: 20px;
	padding-bottom: 0px;
}
div#respond table.leave_comment_table button#submit{
	background-color: #70bbd4;
	font-family: arial;
	font-size: 12px;
	color: #ffffff;
	border: 0px;
	padding: 8px 14px;
}
div#respond table.leave_comment_table input{
	width: 620px;
	font-family: verdana;
	font-size: 11px;
	color: #3d3d3d;
}
div#respond table.leave_comment_table td.left{
	width: 35px;
	padding-left: 17px;
	padding-right: 10px;
	font-family: arial;
	font-size: 12px;
	color: #999999;
}
div#respond div.blue_title2{
	margin-bottom: 0px;
}
div#respond div.form-section{
	margin-bottom: 0px;
}
div#respond form#comment-form{
	margin-bottom: 0px;
}
div.slickbox{
	margin-bottom: 20px;
}

/* WORKS THUMBNAILS */

div#works-primary{
	margin-left: -20px;
	width: 720px;
	margin-bottom: 0px;
}
div.works-item{
	width: 220px;
	float: left;
	margin-left: 20px;
	margin-bottom: 20px;
}
div.works-item a.works-info:hover{
	background-color: #3d3d3d;
	color: #ffffff;
	text-decoration: none;
}
div.works-item a.works-info{
	display: block;
	background-color: #ffffff;
	font-family: verdana;
	font-size: 11px;
	color: #3d3d3d;
	width: 186px;
	height: 63px;
	padding-top: 12px;
	padding-left: 17px;
	padding-right: 17px;
}
div.works-item a.works-info div.img_overlay{
	width: 220px;
	height: 136px;
	background-color: transparent;
	margin-top: -136px;
	margin-left: -17px;
	position: relative;
}
div.works-summary p{
	visibility: hidden;
	height: 0px;
	margin-bottom: 0px;
	width: 220px;
}
div.works-category{
	font-family: verdana;
	font-size: 11px;
	color: #999999;
}
div.thumbnail{
	background-color: #ffffff;
	position: relative;
}

/* WORK */

div.work-content{
	margin-bottom: 0px;
}
div.work-content div.thumbnail{
	visibility: hidden;
	height: 0px;
}
div.work-content iframe{
	margin-bottom: 20px;
}
div.work-content div.various_projects_title{
	margin-top: 40px;
}
div.work-content div.various_projects div.thumbnail{
	visibility: visible;
	height: 124px;
}
div.work-content div.various_projects iframe{
	visibility: hidden;
	margin-bottom: 0px;
	height: 0px;
}
div.work-content div.works-summary p{
	padding: 0px;
}
div.work-content p{
	background-color: #ffffff;
	font-family: verdana;
	font-size: 11px;
	padding-top: 15px;
	padding-left: 17px;
	padding-right: 17px;
	padding-bottom: 17px;
	margin-bottom: -20px;
}
div.work-content div.various_projects p{
	margin-bottom: 0px;
}
div.work-header{
	height: 25px;
	width: 666px;
	background-color: #3d3d3d;
	color: #ffffff;
	margin-bottom: 20px;
	font-family: arial;
	font-size: 12px;
	padding-left: 17px;
	padding-right: 17px;
	padding-top: 8px;
	font-weight: bold;
}
div.work-title{
	float: left;
}
div.work-category{
	float: right;
}

/* KUNDLOGIN */
body.page-template-kundlogin-php div.hentry{
	margin-bottom: 0px;
}
body.page-template-kundlogin-php div.white_box{
	margin-bottom: 0px;
}
body.page-template-kundlogin-php div.entry-content p {
	padding-bottom: 20px;
}
div.kund_container{
	background-color: #ffffff;
	color: #3d3d3d;
	font-family: verdana;
	font-size: 11px;
	position: relative;
	min-height: 292px;
}
div#utloggad{
	min-height: 261px;
}
div.kund_container form{
	margin-bottom: 0px;
	padding-left: 17px;
	padding-right: 17px;
	padding-top: 15px;
}
div.kund_container form input.kund_button{
	margin-left: 0px;
	margin-right: 10px;
	margin-bottom: 12px;
	position: relative;
}
div.kund_container form input{
	margin: 5px 0px;
}
div.kund_container input{
	font-family: verdana;
	font-size: 11px;
	margin: 12px 0px;
}
div.kund_container input.kund_button{
	color: #ffffff;
	background-color: #70bbd4;
	font-weight: bold;
	border: 0px;
	padding: 4px 6px;
	margin-left: 17px;
	cursor:pointer;
	position: absolute;
	bottom: 0;
}
div.kund_container input.kund_button:hover{
	background-color: #69aec5;
}
div.kund_container div.kund_button{
	height: 48px;
}
div.kund_container li{
	background-color: #ffffff;
	list-style-type: none;
	padding: 12px 17px 11.6px 17px;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #f0f0f0;
}
div.kund_container li.even{
	background-color: #f8f8f8;
}
div.kund_container li:after{ 
   content: " ";
   display: block; 
   height: 0; 
   clear: both;
}
div.kund_container li div{
   float: left; 
   margin: 4px 5px 4px 0px;
}
div.kund_container li a:hover div{
   text-decoration: underline;
}
div.kund_container li input.file_button{
	float: right;
	color: #ffffff;
	background-color: #70bbd4;
	font-weight: bold;
	border: 0px;
	padding: 4px 6px;
	margin: 0px;
	cursor:pointer;
}
div.kund_container input.file_button:hover{
	background-color: #69aec5;
}
div.kund_container div.file_size{
	color: #999999;
	margin: 4px 0px;
}

/* IE 7 FIX START */
.ie7 div.various_projects{
	margin-left: 0px;
}
.ie7 div.works-item{
	margin-left: 0px;
	margin-right: 20px;
}
.ie7 div#primary{
	width: 720px;
}
.ie7 div#works-primary{
	padding-left: 20px;
	width: 720px;
}
.ie7 div#works-primary div.title{
	margin-left: 0px;
}
.ie7 div#primary p{
	width: 666px;
}
.ie7 div.header{
	padding: 0px;
	width: 700px;
}
.ie7 div.entry-footer{
	width: 666px;
}
.ie7 div.page-navigation{
	width: 666px;
}
.ie7 div.single-page-navigation{
	width: 666px;
}
.ie7 div.contact_table_container{
	width: 683px;
	padding-left: 17px;
	padding-top: 15px;
}
.ie7 div.contact_separator{
	width: 700px;
}
.ie7 div.white_box{
	padding-top: 14px;
	padding-bottom: 3px;
}
.ie7 div.white_box p{
	margin-bottom: 12px;
}
.ie7 div.white_box2{
	padding-top: 10px;
	padding-bottom: 2px;
}
.ie7 div.white_box2 div.latest_posts_date{
	margin-bottom: 9px;
}
.ie7 table.contact_table{
	margin-bottom: 0px;
}
.ie7 div.entry-content p{
	padding-bottom: 18px;
}
.ie7 div#works-primary div.works-item{
	margin-bottom: 0px;
	margin-top: 20px;
}
.ie7 div#works-primary div.title{
	margin-bottom: 0px;
}
.ie7 div#respond table.leave_comment_table input{
	width: 615px;
}
.ie7 div#respond table.leave_comment_table textarea{
	width: 615px;
}
.ie7 div#respond table.leave_comment_table button#submit{
	padding-top: 6px;
	padding-bottom: 6px;
	padding-left: 2px;
	padding-right: 2px;
}
.ie7 ol.comment-list li.comment{
	width: 666px;
}

/* IE 7 FIX END */


.fluid-width-video-wrapper{
	margin-bottom: 20px;
}


/* MOBIL-ANPASSNING */

div.max1024{
	display: none;
}

/* MINDRE ÄN IPAD LIGGANDE (IPAD STÅENDE) */
@media only screen and (max-width: 1023px){
	div#secondary{ display: none; }
	div.container{ width: 700px; }
	div.header { padding-right: 0px; }
	div.max1024{ display: block; }
	div.blue_title{ width: 683px;}
	div.white_box{ width: 666px; }
}

/* MINDRE ÄN IPAD STÅENDE (IPHONE LIGGANDE) */
@media only screen and (max-width: 740px){
	body{ margin: 0px 20px; }
	div.container{ width: 100%; }
	div#content{ width: inherit; }
	div#primary{ width: inherit; }
	div.various_projects_title{ width: inherit; }
	div.work-header{ width: inherit; }
	div.flexslider{ width: inherit; height: inherit; }
	div.white_box{ width: inherit; }
	div.blog-title{ width: inherit; }
	div#works-primary{ width: auto; }
	div.title{ width: inherit; }
	
	table.about_table { width: 100%; }
	table.about_table td { display: block; width: 100%; padding-bottom: 17px;}
	table.about_table td.last_td {}
	table.camera_table { width: 100%; }
	table.camera_table td { display: block; width: 100%; padding-bottom: 17px;}
	table.camera_table td.last_td {}

	div.blue_title2{ width: inherit; }
	div#respond table.leave_comment_table input { box-sizing: border-box; width: 100%; }
	div#respond table.leave_comment_table textarea { box-sizing: border-box; width: 100%; }


	div.entry-content { width: inherit; height: inherit; }
	div.entry-content img { width: 100%; height: inherit; }


	div.works-item{ width: calc(33.33% - 20px); overflow: hidden; }
	div.thumbnail img{ width: 100%; height: 100%; }
	div.works-item a.works-info{ width: calc(100% - 34px); height: 40px; padding-bottom: 12px; }
	div.work-content div.various_projects div.thumbnail{ height: 100%; }
	div.works-item a.works-info div{ text-overflow: ellipsis; white-space: nowrap; overflow: hidden; font-size: 10px; }
}

/* FLYTTA MENYN NÄR DEN INTE FÅR PLATS */
@media only screen and (max-width: 620px){
	div.menu-header{ clear:both; float: left; margin-right: -20px; }
	div.menu-header a { margin-left: 0px; margin-right: 20px; }
	ul { margin-left: 0px; }

	.container div.title{ padding-left: 12px; }
	.container div.title div.work-title{ display: none; }
	.container div.title div.sort{ float: left; }

	div.works-item a.works-info div{ font-size: 9px; }
	div.works-item a.works-info{ height: auto; padding-bottom: 12px; }
}

/* KONTAKT-TABLE RADBRYT */
@media only screen and (max-width: 555px){
	table.contact_table { width: 100%; }
	table.contact_table td { display: block; float: left; padding-bottom: 17px; }
	table.contact_table td.last_td { width: 100%; padding-bottom: 17px; }
}

/* MINDRE ÄN IPHONE LIGGANDE (IPHONE STÅENDE) */
@media only screen and (max-width: 479px){
	div.container{ min-width: 280px; }
}

/* MENY-FIX */
@media only screen and (max-width: 395px){
	div.menu-header a { margin-right: 9px; }
	div.blog-title span { display: none; }
	div.work-category{ display: none; }

	.container div.title div.sort a{ margin: 2px 0px; }
}