/* Generic CSS for almost all pages */
/* Specific CSS for the article page */
#main {
    float: left;
    width: 465px;
    margin: 0 15px;
}

    #main h1, #stage h1 {
        font-size: 3.2em;
        border-bottom: 10px solid #231f20;
        text-align: right;
        padding-bottom: 10px;
    }

    #main h2, #main h3, #stage h2 {
        font-size: 1.8em;
        margin: 15px 0;
        font-weight: normal;
    }

	#main p {
		line-height: 1.8em;
	}

    #main p:last-child {
        margin-bottom: 0;
    }

    /* Abstract */
    p.intro {
        font-size: 1.8em;
        font-weight: bold;
        text-align: right;
    }
		#main p.intro,
		#main p.abstract {

			line-height: 1.2em;
		}

    /* Text-meta field (date and author */
    #main .text-meta {
        float: right;
        width: 100%;
        margin: 5px 0 20px 0;
    }

    #main .text-meta li {
        float: right;
        font-size: 1.2em;
        font-weight: bold;
        line-height: 2.5em;
        background-repeat: no-repeat;
        background-position: 0 5px;
        padding: 0 8px 0 16px;
    }

    #main .text-meta .date {
        background-image: url('../img/icons/date.png');
    }

    #main .text-meta .author {
        background-image: url('../img/icons/author.png');
    }

    /* Thumbnails in the text */
    #main dl.photo, #main dl.photo img {
        /*width: 135px;*/
    }

    #main dl.photo {
        float: left;
        margin: 5px 30px 30px 0;
    }

    #main dl.photo.mod {
        float: right;
        margin: 5px 0 30px 30px;
    }
	#main dl.photo.mod-2{
		float:none;
		display:block;
		clear:both;
		margin: 5px 0 15px 0;
	}

    #main dl.photo dt {
        border-top: 10px solid #231f20;
    }

    #main dl.photo dd.copyright {
        color: #999;
        font-size: 1.1em;
        font-style: italic;
    }

    #main img.photo.left,
    #main dl.photo.left{
        float: left;
        padding: 0 6px 6px 0;
    }

    #main img.photo.right,
    #main dl.photo.right{
        float: right;
        padding: 0 0 6px 6px;
    }

    /* Comments */

    /* We can either have number of comments and no Meta font heading, or the
       Meta font and no number of comments, i choose the latter */

    #comments h2 {
        color: #f1f2f2;
        text-align: right;
        font-size: 2.4em;
    }

    #comments ul {
        clear: left;
    }

    #comments blockquote {
        margin-bottom: 10px;
    }

    #comments blockquote p {
        color: black;
    }

    #comments blockquote p.comment-meta {
        color: black;
        background: transparent;
        padding-top: 0;
    }

        #comments blockquote p cite{
            margin: 0;
            background:url('../img/bg/comment-cloud-tip.gif') no-repeat;
        }

    #comments blockquote span.comment-date{
        color:#939598;
    }

    /* Your comment */
    /* First hide stuff */
    #your-comment h2, #your-comment .required{
        display:none;
    }

    #your-comment div {
        background: #f1f2f2;
        padding: 10px;
        overflow: hidden;
    }

        #your-comment label {
            display: block;
            font-size: 1.2em;
        }

        #your-comment span {
            float: left;
            width: 150px;
        }

        #your-comment input {
            width: 285px;
        }

        #your-comment textarea {
            width: 288px;
        }

        #your-comment .button-wrapper {
            background: url('../img/bg/comment-cloud-tip.gif') no-repeat;
            height: 25px;
        }

        #your-comment .button-wrapper input{
            background: #f1f2f2;
            border: none;
            color: transparent;
            color: black;
            font-size: 1.2em;
            padding: 3px;
            float: left;
            margin: 5px 0 0 -5px;
            display: block;
            cursor: pointer;
            width: 80px;
        }

            #your-comment .button-wrapper input:hover {
                background: #231f20;
                color: white;
            }
#extras {
    float: left;
    width: 495px;
}

#extras-1, #extras-2, #extras-3, #extras-4, #extras-5, #extras-6 {
    float: left;
}

#stage h1, #stage .kicker {
   width: 460px;
   border: 0;
   text-align: right;
   margin: 0;
   padding: 0;
}

#stage .kicker {
    font-size: 1.3em;
    font-family: Arial, sans-serif;
    color: #231f20;
    margin: 5px 0;
    min-height: 10px;
}

#main .kicker {
	font-size: 1.3em;
    font-family: Arial, sans-serif;
    color: #231f20;
    margin: 5px 0;
	text-align:right;
    min-height: 10px;
}


/* Homepage */
#home #main,
#home #extras,
#file #extras,
#file #main {
    overflow: hidden;
    width: 990px;
    margin: 0 0 30px 0;
}

#home #extras-1, #home #extras-2, #home #extras-3,
#file #extras-1, #file #extras-2, #file #extras-3 {
    display: block;
    width: 330px;
}

#home #main .tegenlicht-teaser {
    float: left;
    clear: none;
    margin-top: 70px;
}

    #home #main .tegenlicht-teaser .text {
        height: 125px;
    }

#home #main p{
	line-height:1.4em;
}

/* News overview */


/* File */
#file #main {
    margin-bottom: 20px;
}

#file .col-2{
    float: left;
}
#file .col-3{
	float:right;
}

#file .col-2 {
    width: 165px;
}

#file .col-3 {
    width: 330px;
}

/* Theme */
#theme .text-meta{
	margin:5px 0 5px;
}

/* News */


/* Episode */
#episode #main h1,
#episode-white #main h1,
#episode #main p.kicker,
#episode-white #main p.kicker {
    display: none;
}

/* HTMLplayer in the episode page */
#episodeplayer .htmlplayer, #episodeplayer .htmlplayer .canvas {
    width: 630px;
    height: 355px;
}

#episodeplayer .htmlplayer .controls {
    width: 630px;
}

#episodeplayer .htmlplayer .scrubber {
    width: 369px;
}

#episodeplayer .scrubber .value {
    background: #F05223;
}

/* Error */
#error p.kicker{
	text-align:left;
}

	#error #main h1{
		text-transform:none;
	}

	#error div.text-meta{
		display:none;
	}

	#error p.intro{
		border-top:10px solid #231f20;
		padding-top:4px;
		margin-top:0px !important;
		margin-bottom:85px;
	}

/* CSS specific for some page types */
body.overview #main{
	width:630px;
}
	body.overview #main h1{
		text-align:left;
		border-bottom:0;
		padding-bottom:0;
		text-transform:capitalize;
	}

body.overview #extras{
	width:330px;

}
body.overview #extras-1{
	display:none;
}

body.overview #main p.abstract {
    line-height: 1.8em;
    font-size: 1.2em;
}

#theme #main h1 em,
#article #main h1 em{
	display:none;
}

#theme #main h1,
#article #main h1{
	border-bottom:0;
	padding-bottom:5px;
	text-align:right !important;
}
#theme #main p.kicker,
#article #main p.kicker{
	margin-top:0px;
}

#episode .text-meta,
#episode-white .text-meta,
#theme .text-meta,
#article .text-meta {
    border-top: 10px solid #231F20;
	margin-top:0;
}

/* Alignment of #extra and #main */
#episode #extras,
#episode-white #extras {
    /*margin-top: 19px;*/
}

body.overview #extras{
	/*margin-top:25px;*/
}