body{
	font-family:"Arial", sans-serif;
	font-size:12px;
	width:100%;
}

/* Google Search */
.gsc-result-info {
    /* Don't show how many results have been found and how fast Google was finding them */
    display: none;
}

.gsc-table-result tr td {
    vertical-align: top;
}

.gs-image {
    width: 125px;
    padding-right: 8px;
}

a{
	text-decoration:none;
	outline:none;
	border:0;
}

.clear{
	display:block;
	font-size:0px;
	clear:both;
}


h1{
	font-size:24px;
}

h2{
	min-height:25px;
	line-height:25px;
	font-size:13px;
	font-weight:normal;
}

p{
	line-height:25px;
}

/**
 * shared
 */
	#branding,
	.nav-global,
	#wrapper-3,
	#footer{
		width:990px;
		margin:0 auto;
	}

	#wrapper-2 .pip-box{
		position:relative;
		float:left;
	}

/**
 * structure
 */

#vpro-logo{
	position:absolute;
	left:0px;
	z-index:60;
}
	#vpro-logo img{
		position:relative;
		top:-5px;
	}

#npo-button{
	position:absolute;
	z-index:61;
	right:5px;
	top:5px;
}

#wrapper{
	width:100%;
}

	#header{
		position:relative;
		width:100%;
		overflow:hidden;
	}
		#branding{
			position:relative;
			overflow:visible;
		}
			#logo{
				position:absolute;
				left:10px;
				bottom:20px;
			}
			#logo a{
				text-decoration:none;
			}

		.nav-global{
			height:23px;
		}
			.nav-global ul{
				margin-left:10px;
			}
			.nav-global h6,
			.nav-global li em{
				display:none;
			}
		    .nav-global li{
		        float: left;
		    }
				.nav-global strong,
				.nav-global a,
				.nav-global a:link,
				.nav-global a:visited{
		        	height:22px;
		        	line-height:22px;
		        	padding:0 30px 0 12px;
		        	margin-right:2px;
					display:block;
					font-size:13px;;
					font-weight:bold;
					text-transform:lowercase;
					text-decoration:none;
				}
				.nav-global strong{
					height:23px;
		        	line-height:23px;
				}

		.nav-meta{
			position:absolute;
			right:10px;
			bottom:20px;
		}
			.nav-meta a{
				font-size:13px;
				text-transform:lowercase;
			}
			.nav-meta li h2{
				display:inline;
			}
			.nav-meta li a{
				display:inline;
				text-decoration:none;
			}
			.nav-meta li a img{
				float:left;
				margin-right:6px;
				margin-top:1px;
			}
			.nav-meta li p{
				display:none;
			}

		#search-box{
			position:absolute;
			width:148px;
			right:10px;
			bottom:-23px;
			z-index:1;
		}
			#search-box h6,
			#search-box label{
				display:none;
			}

			#searchbar{
				height:21px;
				border:1px solid #fff;
				width:102px;
				display:block;
				float:left;
				padding:0 11px;
				font-size:13px;
			}

			#search-box input.button{
				border:0;
				width:21px;
				height:22px;
				font-size:12px;
				text-transform:lowercase;
				margin-bottom:1px;
				margin-left:1px;
				cursor:pointer;
			}

	.breadcrumb{
		position:relative;
		min-height:25px;
		overflow:auto;
		width:100%;
	}

		.breadcrumb h2{
			display:none;
		}
		.breadcrumb ol{
			width:960px;
			margin:0 auto;
			overflow:auto;
			padding:0 5px;
			clear:both;
		}
			.breadcrumb li{
				display:inline-block;
				float:left;
				padding:0 0 0 7px;
				font-size:11px;
				text-transform:lowercase;
				line-height:23px;
			}
				.breadcrumb a,
				.breadcrumb a:link,
				.breadcrumb a:visited,
				.breadcrumb a:hover,
				.breadcrumb a:active{
					text-decoration:none;
					padding-right:7px;
				}

			#platform{
			    position:relative;
				overflow:auto;
				clear:both;
			}

			#main{
				width:660px;
				clear:both;
				float:left;
				padding-bottom:30px;
			}

			#extras{
				width:330px;
				float:left;
			}
				#extras-content{
					overflow:auto;
					padding-bottom:30px;
				}

	#site-info{
		width:100%;
		padding:0 0 10px;
		position:relative;
	}
		#footer{
			position:relative;
			overflow:visible;
		}

	    #site-info #footer div.box{
	    	float:left;
	    	margin: 0 0px 20px 20px;
	    }
		#site-info .nav-meta{
			top:30px;
			bottom:0;
		}

		#site-info .nav-global{
			margin-bottom:25px;
		}
			#site-info .nav-global a{
				margin-top:1px;
			}

			#search-box-footer{
				position:absolute;
				z-index:1;
				width:148px;
				right:10px;
				top:0px;
			}
				#search-box-footer h6,
				#search-box-footer label{
					display:none;
				}


				#searchbar-footer{
					height:21px;
					border:1px solid #fff;
					width:102px;
					display:block;
					float:left;
					padding:0 11px;
					font-size:13px;
				}

				#search-box-footer input.button{
					border-width:0;
					width:21px;
					height:22px;
					font-size:12px;
					text-transform:lowercase;
					margin-top:1px;
					margin-left:1px;
					cursor:pointer;
				}

		#copyright{
			position:absolute;
			right:10px;
			bottom:15px;
			font-size:13px;
			padding-right:50px;
			line-height:24px;
			background:no-repeat right 6px;
		}

		#footer	#copyright{
			position:relative;
			clear:both;
			height:0;
			font-size:0;
		}

/**
 * Page Templates
 */
.page-intro{
	position:relative;
	clear:both;
	overflow:auto;
	width:950px;
}
#playlist .page-intro{
     overflow:auto;
     padding-bottom:40px;
}
#service .page-intro,
#file .page-intro{
    padding-bottom:30px;	
}
    
	.page-intro h1,
	.page-intro p{
		width:620px;
	}
	.page-intro h1{
		padding:0 0 5px;
	}
		.page-intro h1 em{
			display:block;
			font-size: 13px;
		}

	.page-intro p{
		font-size:15px;
	}
	#episode .page-intro p.abstract{
        float:left;       
        line-height:25px;
        padding-bottom:50px;
	}
	#episode.has-media .page-intro p.abstract{
	   padding-left:15px;
	   width:275px;
	}

	.page-intro img.photo{
		float:left;
		margin-right:10px;
	}

	.page-intro .text-meta{
		overflow:auto;
		position:absolute;
		right:150px;
		bottom:0px;
		widrh:150px;
		line-height:25px;
		width:150px;
	}

		#playlist .page-intro .abstract{
		     padding-bottom:25px;
		}

        #playlist .page-intro .htmlplayer-meta{
             float:left;
             width:275px;
             padding-left:15px;
              line-height:25px;
        }
            #playlist .page-intro .htmlplayer-meta p,
            #playlist .page-intro .htmlplayer-meta h1{
                width:290px;
            }

	#episode .page-intro .text-meta{
		width:170px;
		right:140px;
	}
		.page-intro .text-meta ul{
			float:right;
			clear:both;
			overflow:auto;
		}
			.page-intro .text-meta li{
				float:left;
				padding-left:10px;
				text-transform:uppercase;
				font-size:12px;
			}
			#episode .page-intro .text-meta li{
				float:none;
				font-size:12px;
				text-transform:none;
				padding-left:25px;
				background:no-repeat left top;
			}


.pageshare{
	position:absolute;
	z-index:1000;
	right:15px;
	top:30px;
}
	.pageshare .box{
		float:left;
	}
	#article .pageshare .box,
	#episode .pageshare .box{
	   width:150px;
	   float:none;
	}
    #episode .pageshare .box{
       width:130px;
    }	
	
	.pageshare-label{
		display:none;
	}
	.pageshare ul li{
		float:left;
	}

		.pageshare-left ul li a{
			display:block;
			width:25px;
			height:25px;
			overflow:hidden;
			background: no-repeat left top;
			text-indent:-999px;
		}

		.pageshare-right ul li ul li a{
			text-indent:-999px;
			display:block;
			width:25px;
			height:25px;
			overflow:hidden;
			color:transparent !important;
			background: no-repeat left top;
		}

        .pageshare li.facebooklike{
            width:120px;
            overflow:hidden;
        }
            .pageshare li.facebooklike iframe{
                height:25px;
            }

#playlist .pageshare{
    top:auto;
    bottom:15px;
}



/**
 * Magnolia Comments
 */

#comments,
#your-comment {
	width:620px;
}
#comments h2,
#your-comment h2{
	font-size:12px;
}

	#comments ul{
		list-style:none;
	}
	#comments .comment-count{
		display:none;
	}
	#comments blockquote{
		position:relative;
		padding-top:25px;
		margin-bottom:10px;
		overflow:auto;
		clear:both;
		width:620px;
	}
		#comments blockquote a{
			text-decoration:none;
		}
	#comments h3{
		display:none;

	}
	#comments p.comment-content{
		font-style:italic;
		width:450px;
		float:right;
		margin-right:5px;
	}
	#comments p.comment-meta{
		float:left;
		width:150px;
	}
		#comments p.comment-meta img{
			display:none;
		}
		#comments .comment-name{
			font-weight:bold;
			padding-right:10px;
		}
		#comments .comment-date{
			position:absolute;
			top:0px;
			right:0px;
		}

#comments + h3{
	font-size:24px;
}

#your-comment{
	position:relative;
}

	#your-comment p.required,
	#your-comment h2{
		display:none;
	}
	#your-comment input,
	#your-comment textarea{
		font-size:12px;
		border:1px solid;
	}
	#your-comment input{
		height:25px;
		padding:0px 5px;
		margin-bottom:5px;
	}

	#your-comment form{
		height:230px;
	}
		#your-comment fieldset span{
			display:block;
			line-height:25px;
		}
		#your-comment .comment-topic{
			display:none;
		}

		#your-comment .comment-content{
			width:450px;
			margin-right:5px;
			float:right;
		}
			#your-comment .comment-content textarea{
				width:440px;
				height:140px;
				line-height:25px;
				padding:0 5px;
			}

			#your-comment .button-wrapper{
				position:absolute;
				bottom:0px;
				left:165px;
			}
				#your-comment .button-wrapper input{
					border:0;
					cursor:pointer;
				}

/**
 * Disqus comments
 */
.pip-box.disqus{
    float:none !important;
    clear:both !important;
}
    #disqus_thread{
        clear:both;
    }

    #disqus_thread #dsq-comments-title h3{
        font-size:25px;
        margin-bottom:19px;
    }
    #disqus_thread #dsq-content .dsq-comment-cite,
    #disqus_thread #dsq-content .dsq-comment-cite a,
    #disqus_thread #dsq-content .dsq-comment-cite a:link,
    #disqus_thread #dsq-content .dsq-comment-cite a:visited,
    #disqus_thread #dsq-content .dsq-comment-cite a:hover,
    #disqus_thread #dsq-content .dsq-comment-cite a:active,
    #disqus_thread .dsq-request-user-name a,
    #disqus_thread .dsq-request-user-name a:link,
    #disqus_thread .dsq-request-user-name a:visited,
    #disqus_thread .dsq-request-user-name a:hover,
    #disqus_thread .dsq-request-user-name a:active,
    #disqus_thread #dsq-content .dsq-comment-header-meta-wrapper,
    #disqus_thread .dsq-comment-text{
        font-weight:normal;
        font-size:12px;
    }

    #disqus_thread #dsq-content .dsq-comment-header,
    #disqus_thread #dsq-content .dsq-comment-header a.dsq-avatar img,
    #disqus_thread #dsq-content .dsq-request-user-avatar {
        background: none;
        border: 0;
        border-radius:0;
        box-shadow: none;
        padding: 0 !important;
    }


    #disqus_thread #dsq-new-post h3,
    #disqus_thread .dsq-comment-buttons .dsq-like,
    #disqus_thread .dsq-options,
    #disqus_thread .dsq-request-user-info .dsq-request-user-stats,
    #disqus_thread #dsq-global-toolbar .dsq-global-toolbar-left,
    #disqus_thread #dsq-global-toolbar .dsq-global-toolbar-right .dsq-messages{
        display:none;
    }

    #disqus_thread .dsq-header-avatar a{
        line-height:0;
        font-size:0;
        width:32px;
        height:32px;
        overflow: hidden;
        display:inline-block;
    }
        #disqus_thread .dsq-header-avatar a img{
            width:32px;
            height:32px;
        }


    /**
     * a comment
     */

    #disqus_thread #dsq-comments .dsq-comment{
        margin-bottom:19px;
    }
        #disqus_thread #dsq-content .dsq-full-comment{
            overflow: auto;
        }
            #disqus_thread #dsq-content .dsq-comment-header{
                line-height:19px;
            }
                #disqus_thread #dsq-content .dsq-comment-header a.dsq-avatar,
                #disqus_thread #dsq-content .dsq-comment-header a.dsq-avatar img{
                    margin: 0;
                    padding: 0;
                }
                #disqus_thread #dsq-content .dsq-comment-header-meta{
                    padding-left:16px;
                }
                #disqus_thread #dsq-content .dsq-comment-header td{
                    vertical-align:top;
                }

                    #disqus_thread #dsq-content .dsq-comment-header-meta-wrapper .dsq-comment-header-time{
                        display:block;
                        clear:both;
                        padding: 0;
                    }

            #disqus_thread #dsq-content .dsq-comment-body{
                margin:0 0 0 48px;
            }
                #disqus_thread #dsq-content .dsq-comment-message{
                    margin:  0 0 19px 0;
                }

                    #disqus_thread .dsq-comment-text{
                        line-height:19px;
                    }

            #disqus_thread #dsq-content .dsq-comment-footer{
                clear:both;
            }


    /**
     * new comment
     */

        #disqus_thread #dsq-new-post .dsq-request-user-info .dsq-request-user-name{
            line-height:32px;
            vertical-align:bottom;
        }
        #disqus_thread #dsq-new-post .dsq-request-user-info .dsq-request-user-logout{
            width:135px;
            height:25px;
            line-height:25px;
            display:block;
            text-transform: lowercase;
            text-align:center;
            margin-top:18px;
        }

        #disqus_thread #dsq-textarea-wrapper{
            border-radius:0;
        }

        #disqus_thread .dsq-post-footer #dsq-post-button{
            background-image:none;
            border: 0;
            border-radius:0;
            box-shadow: none;
            padding: 0 30px !important;
            width:auto;
            height:25px;
            line-height:25px;
            text-align:center;
            font-weight: normal;
        }


body.overview #main{
	padding-top:30px;
}


/**
 * Magnolia editing
 */
#header > br{
	display:none;
}
.mgnlMainbar, .mgnlMainbarPreview{
	z-index:100000 !important;
}
.nav-meta .mgnlControlBarSmall{
	float:left;
}

body .mgnlControlBarSmall{
	position:relative;
	z-index:100000 !important;
}
body .mgnlControlBarSmall, body .mgnlControlBarSmall_PUSHED, body .mgnlControlBarSmall_MOUSEOVER{
	width:auto !important;
}

