/*
Theme Name:         P3.no/filmpolitiet v2
Theme URI:          http://p3.no/
Description:        Responsive P3.no/filmpolitiet built on Reverie 2.0.0
Version:            1.0.0
Author:             P3.no
Author URI:      
*/

/* -------------------------------------------------- 
   Table of Contents
-----------------------------------------------------
:: Customized Adjustments of Foundation for WordPress
:: Styling Basic WordPress Outputs
:: Customize Foundation Style Pagination for WP-Pagenavi
:: Customize for BuddyPress
:: Your Customized Style
*/

/* ---------------------------------------------------
   Customized Adjustments of Foundation for WordPress
--------------------------------------------------- */

	/* ZURB Navi for Foundation */
	dl.nav { display: block; width: auto; height: 27px; margin: 0 0 18px; }
	dl.nav dt, dl.nav dd { float: left; display: inline; }
	dl.nav dt { color: #999; font-weight: normal; }
	dl.nav dd a { text-decoration: none; margin-left: 6px; padding: 5px 12px;
	 -webkit-border-radius: 12px; -moz-border-radius: 12px; }
	dl.nav dd a:hover { background: #eee; }
	dl.nav dd.current-menu-item a,
	dl.nav dd.current-post-ancestor a,
	dl.nav dd.current-menu-parent a,
	dl.nav dd.current-post-parent a
	 { background: #2A85E8; color: #fff; }
 
	/* Foundation-specific presentation CSS by ZURB */
	body {padding-bottom:0; width: 100%; background: #fff; border: none; max-width: 100%; }
	div.reverie-header { margin: 0 0 30px 0; padding: 20px 0 0 0; }
	div.reverie-header h1 { margin-bottom: 0; padding: 0; }
	div.reverie-header h1 a { color: #181818; }
	div.reverie-header h1 a:hover { color: #181818; }
	div.reverie-header .subheader { margin-bottom: 9px; }
	div.highlight { margin-bottom: 12px; }
	img.beta { position: absolute; top: 0px; right: 0px; }

/* -----------------------------------------
   Styling Basic WordPress Outputs
----------------------------------------- */
	
	/* Resizing the Blog Post */
	.post-box p { line-height: 24px; font-size: 16px; font-size: 1.6rem; }
	.post-box h1 { font-weight: bold; font-size: 56px; font-size: 5.6rem; line-height: 1.25; margin-bottom: 8px; margin-top:30px; }
	.post-box h2 { font-weight: bold; font-size: 46px; font-size: 4.6rem; line-height: 1; margin-bottom: 6px; margin-top: 26px;}
	.post-box h3 { font-size: 36px;	font-size: 3.6rem; margin-bottom: 6px;}
	.post-box h4 { font-size: 28px;	font-size: 2.8rem; margin-bottom: 6px;}
	.post-box h5 { font-size: 22px;	font-size: 2.2rem; margin-bottom: 4px;}
	.post-box h6 { font-size: 18px;	font-size: 1.8rem; margin-bottom: 4px;}
	
	/* Add Divider for Listed Posts */
	.dividerx { background:url(images/divider.png) no-repeat center top; height:36px; margin:20px 0 27px; }	
	
	/* Add Align Class for Images */
	img.alignright { float: right; margin: 0 0 18px 18px; }
	img.alignleft { float: left; margin: 0 18px 18px 0; }
	img.aligncenter { display: block; margin: 18px auto; }
	
	/* Add HTML5 Caption Class for Images display: inline-block; */
	figure.figure {	background: #fff; margin: 0 0 18px;	-webkit-border-radius: 3px;	-moz-border-radius: 3px;  }
	figure.figure figcaption { padding: 5px 0; font-size: 13px; font-size: 1.3rem; line-height: 18px; color: #555; }
	figure.alignright.figure { float: right; margin: 0 0 18px 18px; }
	figure.alignleft.figure { float: left; margin: 0 18px 18px 0; }
	
	/* Sidebar Adjustment */
	.sidebar-section { padding-bottom: 10px; padding-top: 20px;	font-size: 13px; font-size: 1.3rem; font-weight: normal; }
	
	/* Footer Nav */
	.footer-section { padding-bottom: 10px; padding-top: 20px; font-size: 13px; font-size: 1.3rem; font-weight: normal; }
	.footer-nav li { display: block; float: right; padding-left: 3%; margin-bottom: 0; }
	
	/* Breadcrumb Adjustment */
	ul.breadcrumbs li span { padding-left: 12px; }
	ul.breadcrumbs li a { padding-left: 0; }

/*  -------------------------------------------------------
    Customize Foundation Style Pagination for WP-Pagenavi
    ---------------------------------------------------- */ 
    
    div.wp-pagenavi { display: block; height: 24px; margin-left: -5px; color: #555; }
    div.wp-pagenavi a, div.wp-pagenavi span { float: left; display: block; padding: 6px 7px 4px; height: 24px; color: #555; font-size: 15px; font-size: 1.5rem; margin-left: 5px; }
    div.wp-pagenavi span.pages { padding-left: 0; }
    div.wp-pagenavi .current, div.wp-pagenavi a:hover { border-bottom: solid 2px #00a6fc; color: #141414; }
    div.wp-pagenavi span.unavailable:hover { border-bottom: none; }
    
    
/*  ---------------------------
    :: Customize for BuddyPress
    --------------------------- */

	.padder label + textarea { margin-top: 0; }
	.padder #item-body #message-threads .thread-avatar img { max-width: 50px; }
	ul.item-list.activity-list li.new_blog_post { padding-bottom: 15px; }
    .padder select { display: inline-block; }
    .padder div.item-list-tabs { margin: 25px 0; }
    .padder form#whats-new-form textarea { height: 30px; }
    .padder .button { display: inline; }
    
	
/*  --------------------------
    Your Customized Style
    ----------------------- */

.slideshow-window {
	background-color: #FFF !important;
	border: 20px solid #FFF !important;
}
	
.fp_stikktittel{
	font-size: 22px;
	letter-spacing: 0.5pt;
	text-transform: uppercase;
	font-family: oswald;
	display: inline-block;  
	}
	

/* -------
	Typo
   ------- */

.notice {

	color: red !important;

}


/*------
	Sidebar
-------*/


.widget_RecentDisqus ul li{

	font-size: 1.3em;
	margin-top:20px;
	border-bottom: 1px dotted #efefef;
}


.widget_RecentDisqus ul li a{

	color: #333;

}


.widget_RecentDisqus ul ul li{

	font-size: 1em;
	margin:0;
	border-bottom: 0;
	margin-left:10px;
	margin-bottom: 6px;
}

.widget_RecentDisqus ul ul li a{

	font-weight:bold;

}




/* -------
	Footer
   ------- */


html,body {
	height: 100%;
}

.container {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto;
}

#content-info {
border-top: 1px solid #ccc;
width:100%;
position: absolute;
background-color: #fff;
padding: 0;
margin-top: 20px;
}


.p3-footer-container {
	padding: 0 10px 0 10px;
	margin: 0 auto;
}
 

#nrkfooter {
background-color: #000;
margin:0 auto !important;
color: #fff;
padding: 20px 10px 20px 10px;
display: block;
}


#nrkfooter ul, #nrkfooter ul li {
	margin: 0;
}






.entry-content ul {

list-style-type:disc !important;
margin-left: 30px !important;

}

.fp-nav-tabs LI{
		
	float: left;
	list-style: none;
	margin: 10px;
	padding: 0;

}

/*horisontal liste, p3-meny-look*/
.fp-nav-holder {height: 31px;
line-height: 20px;
clear: left;
/* border-bottom: 1px solid #B5B5B5; */

} 



.arkivnavigasjon {
	margin-top:20px;
	float:left;
}

.arkivnavigasjon .terninger{
	min-width: 240px;
	float:left;
	
}


.arkivnavigasjon .terningkast1, .arkivnavigasjon .terningkast2, .arkivnavigasjon .terningkast3, .arkivnavigasjon .terningkast4, .arkivnavigasjon .terningkast5, .arkivnavigasjon .terningkast6{
	background-image: url("http://p3.no/filmpolitiet/wp-content/themes/filmpolitiet/images/filmpolitiet_sprite.png");
	width: 20px;
	height: 20px;
	text-indent: -10000px;
	display:inline-block;
	/* float:right; */
	margin-right:15px;
	margin-bottom:5px;
}

.arkivnavigasjon SPAN.title{
	float:left;
	margin-right:20px;
				
}

.arkivnavigasjon .terningkast1{
	background-position: 0 0;
			
}

.arkivnavigasjon .terningkast2{
	background-position: -55px 0;
			
}
.arkivnavigasjon .terningkast3{
	background-position: -110px 0;
			
}
.arkivnavigasjon .terningkast4{
	background-position: -165px 0;
			
}
.arkivnavigasjon .terningkast5{
	background-position: -220px 0;
			
}
.arkivnavigasjon .terningkast6{
	background-position: -275px 0;
			
}

/*.tiled-gallery:before
{
content:"(artikkelen fortsetter etter bildene)";
font-size: 70%;
color: rgb(119,119,119);
font-family: "Georgia","serif","Helvetica Neue","HelveticaNeue",Helvetica,Arial,"Lucida Grande",sans-serif;

} */







.author-wrap{
	margin-top:20px;
}

.author-wrap .b_metaboks{
	float:left;
	width: 70%
}


.author-wrap .b_skribent, .author-wrap .b_skribent A{
	color: #333;
	font-size:22px;
	word-spacing:2px;
	font-family: 'oswald', sans-serif;
	line-height:22px;
	margin-top:8px;
}

.author-wrap .b_epost, .author-wrap .b_epost A{
	font-family: Georgia, serif;
	color:#888;
	font-size:12px;
	margin-top:3px; 
		
	
}

.author-wrap .b_twitter{
	margin-top: 20px;
}

.author-wrap .b_bilde{
	float:right;
	width: 30%;
}

.author-wrap .b_bilde IMG, .byline .avatar{
	
	border-radius: 100%;
    -moz-border-radius: 100%;
    -khtml-border-radius: 100%;
    -webkit-border-radius: 100%;
}

.byline{
	display:none;
}
.entry-meta .share {
	position: absolute;
	top: -10px;
	right: -30px;
	background: white;
	padding-left: 10px;
}

/* sidebar etc */

.faktaboks{
	margin-bottom:30px;
	clear:both;
	position: relative;
	background-color: #F0F0F0;
	padding:5px;
}

.faktaboks .updated {
	position: relative;
	text-transform: uppercase;
}

.faktaboks STRONG {
	font-family:oswald;
}

.updated {
	top: 0px;
}

	
/*******  

OBS - gammel style fra FP - dette tar vi vekk når flytte over. 
eller, ikke alt da. Noe må sikkert beholdes... ift spacing

*****/
.anmelderboks ul {
	margin: 10px 0 20px 0;
}

.anmelderboks li {
	font-family: oswald, sans-serif;  
	font-size:16px;
	margin-bottom:10px;
	padding-bottom: 7px;
	border-bottom: 1px solid #efefef;
}

.faktaboks li {
	list-style-type: none;
	border-bottom: 1px dotted #CCC;
	/* font-family: oswald, sans-serif; */
	font-family: Georgia, Verdana, Geneva, sans-serif; 
	color:#181818;
	/* word-spacing:2px; */
	font-size:13px;

}


.faktaboks li.anmeldertittel {
	border: 0;
	font-size:22px;
		font-weight:bold;

}

.faktaboks IMG{
	margin-bottom:10px;	
}


.anmelderboks .pegimerking {
margin: 0 0 8px 0;
display: block;
height: 67px;
width: 55px;
text-indent: -10000px;

}


.anmelderboks .pegimerking{
	background: url('http://p3.no/filmpolitiet/wp-content/themes/filmpolitiet/images/filmpolitiet_sprite.png') no-repeat;
	
}

.anmelderboks .pegimerking.pegi-18 {
	background-position: -300px -275px;
}

.anmelderboks .pegimerking.pegi-16 {
	background-position: -225px -275px;
}

.anmelderboks .pegimerking.pegi-12 {
	background-position: -150px -275px;
}

.anmelderboks .pegimerking.pegi-7 {
	background-position: -75px -275px;
}

.anmelderboks .pegimerking.pegi-3 {
	background-position: 0 -275px;
}


.anmelderboks .coverart{
	/*width:100%;
	 margin-top:20px; */
	
	}



DIV.entry-content .faktaboks{
	
	margin-left:10px;
}

DIV.entry-content .faktaboks ul{
	
	margin-left:0 !important;
}

#page-nav p {font-size: 25px;}




@media only screen and (max-width: 767px), only screen and (max-device-height: 1024px) and (max-device-width: 768px) and (orientation: portrait) {
	.byline, .entry-meta .share{
		display:block;
		position: relative;
		right: 0;
		top: 0;
		padding-left: 0;
		margin-top: 0;
	}
	/* fjerna .faktaboks */
	.byline-sidebar, .fbshare, .widget_recent_comments, .sidebar-skille {
		display: none;
	}
	
	.faktaboks IMG{
		/* width:40%; */
		float:left;
		margin-right:20px;
	}
	
	.faktaboks UL{
		/* width: 50%; */
		float:left;

	}
	#radio{
	
		 padding-top:20px !important;
	}
	
}


@media only screen and (max-width: 1024px){
		
	#content .post-box h5 {
		font-size: 2.6rem;
	}

}

@media only screen and (max-width: 320px){
		
	#content .post-box h5 {
		font-size: 1.9rem;
	}

}



@media only screen and (max-width: 545px){
		
	.faktaboks IMG{
		width:100%;
	}

	DIV.faktaboks{width:135px !important;}
	DIV.faktaboks LI{font-size:12px;}


}