/* 	==========================================================================
   	Söndag Hela Veckan

   	author: PS Kommunikation;
	version: v1.0;
   	========================================================================== */

/* HTML
   ========================================================================== */

body {
	background: #f9f9f9;
	text-align: center;
}
#wrapper {
	margin:0 auto 0 auto;
	width:90%;
	text-align:left;
}
@media screen and (min-width:1100px) {
    #wrapper {
        width:1100px;
} 
}/*/mediaquery*/

/* Header
   ========================================================================== */

#top {
	background: #333333; /* Old browsers */
	background-color:rgba(51,51,51,0.85);
	padding: 20px 0;
	margin:0 0 50px 0;
	width: 100%;
	text-align: center;
	position: fixed;
	z-index: 10;	
} 

@media screen and (max-width:720px) {
    #top {    
        float: none;
        padding: 20px 2.5%;
        width: 95%;
        display: block; 
    }
}/*/mediaquery*/
@media screen and (max-width:520px) {
    #top {    
        float: none;
        padding: 20px 2.5%;
        width: 95%;
        display: block; 
    }
}/*/mediaquery*/
#top h1 {
	color: #fff;	
	margin-bottom: 5px;
}
@media screen and (max-width:520px) {
    #top h1 {    
		font-size:1.6875em; /* 27px / 16px */
    }
}/*/mediaquery*/
#top p {
	color: #fff;
	font-size: 0.875em; /* 14px / 16px */	
	margin: 0;
}
.default {
	width: 100%;
	height: auto;
}
.fixed {
	position: fixed;
	top: -5px;
	left: 0;
	width: 100%;
}
@media screen and (max-width:520px) {
    .fixed {    
    	position: static;
    }
}/*/mediaquery*/

/* search */

#top fieldset {
    width:50%;
    margin: 0 auto;
}
@media screen and (min-width:1100px) {
    #top fieldset { 
        width:30%;
} 
}/*/mediaquery*/
@media screen and (max-width:520px) {
    #top fieldset {    
        width:100%;
        display: block; 
    }
}/*/mediaquery*/
#top fieldset input {
    margin-bottom: 0;
    margin-top: 10px;
}
#top input[type="text"] {
    display:inline;
    float:left;          
    width:70%; 
}
#top input[type="submit"] {
    width:20%; 
    display:inline;
    float:right;          
}
#top label {
    display:none;
    visibility:hidden;
}
#top input {
    margin-top: 0;
    width:70%; 
}

/* Content
   ========================================================================== */

#content {
	float:left;
	margin-top: 170px;	
	width:70%;
}
@media screen and (max-width:520px) {
    #content {    
        margin: 170px auto 0 auto;
        float: none;
        width:95%;
        display: block; 
    }
}/*/mediaquery*/

/* Aside
   ========================================================================== */   

#sidebar {
	float: right;
	margin-top: 170px;	
	width:25%;
}
@media screen and (max-width:520px) {
    #sidebar {    
        margin: 50px auto 0 auto;
        float: none;
        width:95%;
        display: block; 
    }
}/*/mediaquery*/

#sidebar h2 {
	font-size: 0.875em; /* 14px / 16px */	
	color: #333;
}
#sidebar .item-placeholder {
	background: #dddcdc;
	border-radius: 5px;
	border: none;
	-moz-box-shadow: inset 0 0 4px 4px #d5d5d5;
	-webkit-box-shadow: inset 0 0 4px 4px #d5d5d5;
	box-shadow: inset 0 0 4px 4px #d5d5d5;	
	margin-bottom: 30px;
	width: 80%;
	padding: 10%;
}
#sidebar .item-placeholder h2 {
	border-bottom:	1px #f9f9f9 dotted;
	margin: 0;
	color: #333;
	font-weight: bold;
	padding-bottom: 10px;
	font-size: 0.75em; /* 12px / 16px */
	font-weight: bold;	
}
#sidebar .item-placeholder p {
	font-size: 0.6875em; /* 11px / 16px */
	font-weight: bold;
	margin: 20px 0 0 0;	
}
#sidebar .item-placeholder a {
	color: #fff;
}
#sidebar .btn {
	border-radius: 5px;
	padding: 10px;
	text-align: center;
	color: white;
	background: #0087db; /* Old browsers */
	background: -moz-linear-gradient(top,  #0087db 0%, #0068a0 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0087db), color-stop(100%,#0068a0)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #0087db 0%,#0068a0 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #0087db 0%,#0068a0 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #0087db 0%,#0068a0 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #0087db 0%,#0068a0 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0087db', endColorstr='#0068a0',GradientType=0 ); /* IE6-9 */
}

/* Breadcrumbs
   ========================================================================== */

#breadcrumbs p {
	color: #888;
	font-size: 0.625em; /* 10px / 16px */
	margin-bottom: 30px;
}
#breadcrumbs a {
	color: #888;
}

/* Publisher
   ========================================================================== */

#desc-publisher {
	background: #fff;
	padding: 20px;
	margin-bottom: 30px;
  	-moz-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);	
}
#desc-publisher h1 {
	font-size: 1.0em; /* 16px / 16px */		
}

/* form publisher */

#choose-publisher {
	padding-top: 30px;
}
#choose-publisher p {
	float:left;
	margin:0 5px 5px 0;
	width:32%;
}
@media screen and (max-width:780px) {
    #choose-publisher p {    
        width:45%;
    }
}/*/mediaquery*/
@media screen and (max-width:520px) {
    #choose-publisher p {    
        width:95%;
        margin:0 0 5px 0;
        display: block;
    }
}/*/mediaquery*/
#choose-publisher label {
	margin-left: 5px;
}
#pick-link input, #pick-link textarea {
    width:70.689655172414%; /* 205px / 290px */
}

#pick-link input[type="submit"] {
	width:74.1%;
}

#pick-link input[type="file"] {
	width:100%;
}

@media screen and (max-width:520px) {
    #pick-link input, #pick-link textarea {    
        width:93%;
    }
	#pick-link input[type="submit"] {
		width:95%;
	}
}/*/mediaquery*/

#contentForm input[type="submit"] {
	margin-top: 20px;
}

/* Search results
   ========================================================================== */

#search-results {
	margin-bottom: 30px;
	padding:0 30% 30px 0;
	width: 70%;
	border-bottom: solid 3px #ccc;
}
@media screen and (max-width:520px) {
    #search-results {    
        width:90%;
        padding-right:10%;
    }
}/*/mediaquery*/
#search-results select {
	margin-top: 0;
}

/* Item
   ========================================================================== */

.item-placeholder {
	border-bottom:	1px #ccc solid; 	
	border-collapse:collapse;
	width:100%;
	padding-bottom: 15px;
	margin-bottom: 20px;
}
.item-placeholder p {
	font-size: 0.875em; /* 14px / 16px */
	margin:8px 0 5px 0;
}

/* Item header */

.item-placeholder header p {
	margin:0;
	font-size: 0.6875em; /* 11px / 16px */
	text-transform: uppercase;		
}
.item-placeholder header p a {
	color:#333; 
}
.item-placeholder header h2 {
	margin-top:5px;
}
.item-placeholder .date {
	display: block;
	color:#888;
	font-size:0.5em; /* 8px / 16px */
	font-weight:bold;
	margin: 10px 0 20px 0;
}
.item-placeholder .media {
	color: #aaa;
	display:inline-block;
	margin-top:3px;
	padding-right: 4px;
}
.item-placeholder .author {
	display:inline-block;
	font-size: 11px;
	margin-top:3px;
}

/* Item body */

.item-placeholder .play {
	float: left;
	width: 8%;
}
.item-placeholder .desc {
	color:#333;
	float: left;
	width:90%;
}
.item-placeholder .desc.full {
	color:#333;
	float: none;
	width:100%;
}
.item-placeholder .desc small {
	color:#888;
	font-size: 0.8125em; /* 13px / 16px */
	display: block;
	margin-top: 10px;
}
.item-placeholder strong {
	font-weight: bold;
	display: block;
	margin-top: 20px;
}
.item-placeholder .desc .img {
	vertical-align: bottom;
}
/* Item footer */

.item-placeholder footer {
	margin-top:14px;
	display:block;
}
.item-placeholder footer p {
	color: #888;
	font-size: 0.6875em; /* 11px / 16px */
	line-height: 1.25em; /* 20px / 16px */
	display:inline;
	float:left;
	width:48%;	
}
.item-placeholder footer span {
	display:block;
	margin:0 0 5px 0;
}
@media screen and (max-width:520px) {
    .item-placeholder footer p {    
        width:95%;
        float: none;
        margin:0 0 5px 0;
        display: block;
    }
}/*/mediaquery*/

/* Navigation*/

.navigation {
	margin:0 0 18px 0;
	text-align:center;
	color:#aaa;
}
.navigation a,
.navigation span {
	padding:5px;
}
.navigation span.current {
	border:1px #ccc solid;
}

/* Share */

#share {
	margin: 10px 0 30px 0;
}



/* Footer
   ========================================================================== */

#footer {
	margin:50px 0 0 0;
	background: #0068a0;
	width: 100%;
	padding: 30px 0;
	height: 20px;
}
#footer img {
	width: 69px;
	height: 18px;
}
#footer p,
#footer a {
	color: #fff;
}
#footer p {
	font-size: 0.6875em; /* 11px / 16px */
	font-weight: bold;	
	margin: 0;
}


/* Clearfix
   ========================================================================== */

/* For modern browsers */

.clearfix:before,
.clearfix:after {
    content:"";
    display:table;
}
.clearfix:after {
    clear:both;
}

/* For IE 6/7 (trigger hasLayout) */

.clearfix {
    zoom:1;
}




.wrap_twitter, .wrap_facebook{
	float:left;
	clear:both;
	width:100%;
	text-align:left;
	margin-top:15px;
}

.url {
	margin-bottom: 10px;
}

.rss {
	margin-top: 20px;
	font-size: 0.8em;
}
label.textbox {
	font-size: 0.8em;
}

.RequiredNotFilled {
	background: #A9C7D7;
}

p.summary {
	margin-top:5px !important;
}

img.speaker {
	float: left;
    margin-right: 20px;
    margin-bottom: 10px;
}