/* 	
	Author: Dutch Earth
	Author URI: http://www.dutchearth.nl
	Version: 0.1
*/

/* main */

html { color: #333; background-color: #f7f7f7; }
html .clear { padding-top: 2em; }

/* theme background images */

html {background: url('http://www.mediavanmorgen.nl/images/imv/repeat.bg.jpg') repeat-x top; } /* background repeating image */
body {background: url('http://www.mediavanmorgen.nl/images/imv/center.bg.jpg') no-repeat center top; } /* background center image */

/* links coloring */

a { color: #6f5143; } 
a:hover { color: #937162; } 

/* paragraphs */

p.compact { line-height: 1.2em; }

/* font modifications */

h1, h2, h3, #nav li a, #brief a, .posttop .date, .button { font-family: Myriad Pro, Trebuchet MS, Arial, Sans-Serif; }
h1, h2, h3, h4, #brief a { letter-spacing: -1px; font-weight: 800; }

/* top */

#top { height: 81px; background: transparent url('http://www.mediavanmorgen.nl/images/imv/top.bg.png') repeat-x top; padding-bottom: 75px; }

#nav { list-style: none; padding: 0px; margin: 0px; }
#nav li { float: left; }
#nav li a { display: inline-block; height: 80px; line-height: 80px; font-weight: 800; color: White; padding: 0px 22px; text-shadow: rgba(0,0,0,0.1) 0 0 0; }
#nav li a:hover, #nav li.selected a { background: transparent url('http://www.mediavanmorgen.nl/images/imv/nav.bg.png') no-repeat center center; }

/* intro */

#intro { position: relative; height: 309px; }
#intro .clear { padding: 0px; }

#brief h1, #brief h2 { color: White; margin-bottom: 40px; }
#brief h1 { font-size: 56px; white-space: nowrap; text-shadow: rgba(0,0,0,0.1) 3px 5px 5px; }
#brief h2 { font-size: 22px; line-height: 30px; font-weight: 400; }

#brief a.signup, #brief a.more { display: block; float: left; height: 58px; line-height: 54px; width: 230px; text-indent: -20px; background: transparent url('http://www.mediavanmorgen.nl/images/imv/brief.bg.png') no-repeat right center; text-align: center; color: #3d3c3c; font-weight: 800; font-size: 24px; text-shadow: White 0px 1px 0px; }
#brief a.signup { background-position: left center; text-indent: -35px; }
#brief a:hover { color: #222; }
#brief a:active { color: #444; }

#slides img { position: absolute; height: 400px; width: 460px; visibility: hidden; }
#slides img.active { visibility: visible; z-index: 999; }
#slides img.pre-active { z-index: 998; }

/* path */

#path { height: 40px; line-height: 40px; width: 940px; margin: 0px auto; background: transparent url('http://www.mediavanmorgen.nl/images/imv/path.bg.png') no-repeat left top; text-indent: 2em; color: #eee; }
#path a { color: White; font-weight: 800; }
#path h1 { font-size: 1em; display: inline; font-weight: 400; letter-spacing: 0px; }

/* content */

#content { background: #f7f7f7 url('http://www.mediavanmorgen.nl/images/imv/content.bg.png') repeat-x top; }

#content .container_12 { padding-top: 3em; }
#content p.compact { color: #555; }

#index #content .container_12 { padding-top: 10em; }
#index #content .text { width: 360px; }

/* newsline */

#newsline { height: 55px; overflow: hidden; background-image: url('http://www.mediavanmorgen.nl/images/imv/newsline.bg.png'); margin-bottom: 2em; }
#newsline p { color: #666; margin-left: 7em; margin-top: 0.4em; line-height: 56px; }
#newsline a { color: #666 !important; }
#newsline strong { margin-right: 0.5em; }

/* footer */

#foot { padding-top: 4em; background-color: #171717; color: #888; border-top: solid 1px black; }

#foot a, #foot h4 { color: White; }
#foot p strong { font-weight: 400; color: White; }

/* portfolio */

#folio .item { width: 300px; background: url('http://www.mediavanmorgen.nl/images/imv/item.bg.png') no-repeat; }
#folio .item:hover { background-position: top right; }

#folio .item img { display: block; width: 266px; height: 150px; margin: 18px 17px 30px 17px; }
#folio .item img:hover { opacity: 0.8; }

#folio .item p, #folio .item h4 { margin: 17px; color: #666; letter-spacing: 0px; }
#folio .item h4 a { color: #666 !important; font-weight: 800; }

#folio #filter {background-color: #eee; padding: 1.5em; }

#folio #filter a { margin-left: 0.5em; text-transform: uppercase; color: Black; }
#folio #filter a.active { font-size: 1.5em; }

/* post */

.post, .postbody { background: White url('http://www.mediavanmorgen.nl/images/imv/post.bg.png') repeat-y center; }
.post { margin-bottom: 2.5em; }

.posttop, .postfoot { background: url('http://www.mediavanmorgen.nl/images/imv/post.bg.png') no-repeat left top; clear: both; }
.posttop { height: 3.5em; position: relative; }
.postfoot { height: 2em; background-position: right bottom; }

.postbody { margin: 0px 3em; }
.postbody p.postinfo { color: #999; }
.postbody h2 a, .postbody p.postinfo strong { font-weight: 800; color: #333; }
.postbody h2 { margin-bottom: 1em; }

.postmeta { height: 5em; background: #f7f7f7 url('http://www.mediavanmorgen.nl/images/imv/postmeta.bg.png') repeat-x bottom; }
.postmeta .left, .postmeta .right { margin: 1.5em 0.5em; padding-left: 2em; background: url('http://www.mediavanmorgen.nl/images/imv/postmeta.sprites.png') no-repeat left top; }
.postmeta .right { background-position: left bottom; }
.postmeta strong { margin: 0px 0.5em; }
.postmeta a { color: #666; }
.postmeta a:hover { color: #333; }

.postratings { height: 5em; background: #f7f7f7 url('http://www.mediavanmorgen.nl/images/imv/postmeta.bg.png') repeat-x bottom; }
.postratings .left, .postratings .right { margin: 1.5em 0.5em; padding-left: 2em; }
.postratings .right { background-position: left bottom; }
.postratings strong { margin: 0px 0.5em; }
.postratings a { color: #666; }
.postratings a:hover { color: #333; }

/* post label */

.posttop label { position: absolute; top: 40px; left: -56px; width: 60px; height: 100px; background: url('http://www.mediavanmorgen.nl/images/imv/label.bg.png'); }
.posttop strong { position: absolute; text-shadow: rgba(0,0,0,0.2) 0px 1px 1px; }
.posttop .date { color: White; font-size: 36px; letter-spacing: -2px; top: 11px; left: 12px; }
.posttop .month { color: #999; font-size: 15px; letter-spacing: 3px; top: 36px; left: 14px; }
.posttop .comments { color: White; top: 73px; left: 35px; letter-spacing: -1px; }

/* inside post */

.postbody p span { background-color: #ffe; }
.postbody img { border: solid 10px #eee; }
.postbody a:hover img { border-color: #ddd; }
.postbody img.filled { width: 516px; }
.postbody blockquote { background: url('http://www.mediavanmorgen.nl/images/imv/blockquote.bg.png') no-repeat left 0.5em; }
.postbody blockquote p { margin: 0px; }

/* sidebar */

#sidebar { width: 270px; float: right; color: #666; }
#sidebar h3 { margin-top: 0px; letter-spacing: 0px; }
#sidebar h4 { margin-top: 3em; letter-spacing: 0px; }
#sidebar ul { margin: 0px; padding: 0px; list-style: none; }
#sidebar li a { height: 2.5em; color: #666; padding-left: 18px; white-space: nowrap; line-height: 36px; display: block; background: url('http://www.mediavanmorgen.nl/images/imv/sidebar.bg.png') no-repeat center bottom; }
#sidebar li a:hover { background-position: center top; }
#sidebar li a.current { background-position: center top; }

/* form elements */
.button { padding: 5px; border: solid 1px #ccc; background: url('http://www.mediavanmorgen.nl/images/imv/button.bg.png') repeat-x top; font-size: 1em; cursor: pointer; text-align: center; color: #3d3c3c; font-weight: 800; text-shadow: White 0px 1px 0px; }
.button:hover { color: #222; }
.button:active { color: #444; }

.input { padding: 5px; border: solid 1px #ccc; border-top-color: #bbb; border-left-color: #bbb; background-color: #f7f7f7; }
.input:hover { border-color: #bbb; }
.input:focus { border-color: #abc; background-color: #f0f7ff !important; }
.input.correct { border-color: #6b9; background-color: #f7fff7 !important; }
.input.incorrect { border-color: #b69; background-color: #fff7ff !important; }
.input.iefix { height: 24px !iefix; }

#contact { vertical-align: top; }
#contact .input { border: solid 1px #ccc; border-top-color: #bbb; border-left-color: #bbb; padding: 5px; background-color: #f7f7f7; }
#contact .input:hover { border-color: #bbb;}
#contact .input:focus { border-color: #abc; background-color: #f0f7ff; }
#contact .input.correct { border-color: #acb; background-color: #f7fff7; }
#contact .input.incorrect { border-color: #dab; background-color: #fff7ff; }

/* post discussion */

#thread { list-style: none; margin: 1em; padding: 0px; }
#thread li div.comment-body { height: 1% /*ie fix*/; z-index: 1; position: relative; border: solid 1px #ddd; background-color: #fdfdfd; margin: 3em 0px 4em 0px; padding: 1em 28px 0em 28px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
#thread li.bypostauthor div.comment-body { background-color: #fff; border-color: #ccc; }

#thread ul.children { margin-right: 0px; margin-left: 0px; padding-left: 2em; border-left: solid 1px #ddd; opacity: 0.9; }
#thread ul.children li.comment { list-style: none; }

#thread li div.comment-author { font-style: italic; height: 42px; line-height: 42px; }
#thread li div.comment-author img { position: absolute; height: 40px; width: 40px; right: 20px; bottom: 0px; margin-bottom: -20px; }
#thread li div.comment-author cite { font-size: 1.2em; }

#thread li div.comment-meta, #thread li div.reply { position: absolute; z-index: 9; right: 73px; bottom: 0px; margin-bottom: -25px; }
#thread li div.comment-meta a, #thread li div.reply a { color: #666; font-size: 0.8em; font-style: italic; text-shadow: #000 0 0 0; }
#thread li div.reply { right: 26px; margin-bottom: -40px; }

#comment_form { vertical-align: top; margin: 1em; margin-top: 3em; padding: 0px; }
#comment_form .input { background-color: #fdfdfd; }
#comment_form span.small { color: #666; }


/* Login Navigation */
#loginpane{width:324px; height:262px; background:#; margin-bottom:10px; padding:10px 0px 0px 10px;    }

.registerfield{display:block; padding:5px; margin:0px 10px 0px 0px; width:270px; height:16px; background:#353535; border:0px; color:#c9c9c9; }
.registerfield:focus{background:#424242; }
.registerbutton{display: block; float: left; height: 58px; line-height: 54px; width: 230px; text-indent: -20px; background: transparent url('http://www.mediavanmorgen.nl/images/imv/brief.bg.png') no-repeat right center; text-align: center; color: #3d3c3c; font-weight: 800; font-size: 24px; text-shadow: White 0px 1px 0px;  border:0px; }
.registerbutton:hover{background:url(images/topnav-hover.gif) top left repeat-x; cursor:pointer; }

.loginpane .tabcontent a{color:#b3b3b3; text-decoration:none; font-weight:normal; }
.loginpane .tabcontent a:hover{color:#FFF; }

/* overlays */

/* the overlayed element */ 
.overlay { 
     
    /* initially overlay is hidden */ 
    display:none; 
     
    /* growing background image */ 
    background-image:url(http://www.mediavanmorgen.nl/images/imv/white.png); 
     
    /*  
        width after the growing animation finishes 
        height is automatically calculated 
    */ 
    width:640px;         
     
    /* some padding to layout nested elements nicely  */ 
    padding:35px; 
 
    /* a little styling */     
    font-size:13px; 
    color: #333;
} 
 
/* default close button positioned on upper right corner */ 
.overlay div.close { 
    background-image:url(http://www.mediavanmorgen.nl/images/imv/close.png); 
    position:absolute; 
    right:5px; top:5px; 
    cursor:pointer; 
    height:35px; 
    width:35px; 
}

/* use a semi-transparent image for the overlay */ 
#overlay { 
    background-image:url(http://static.flowplayer.org/img/overlay/transparent.png); 
    color:#efefef; 
    height:450px; 
} 
 
/* container for external content. uses vertical scrollbar, if needed */ 
div.contentWrap { 
    height:441px; 
    overflow-y:auto; 
} 

.alignleft {
margin: 10px 10px 8px 0;
float: left;
display: block;
overflow: hidden;
}

.alignright {
margin: 10px 0px 8px 10px;
float: right;
}

/* Pagination */
#pagination {display:block; text-align:left; height:25px; line-height:23px; clear:both; padding-top:3px; margin-top:40px; font-size:1.6em; font-weight:normal; margin-right:30px; text-align:center;}
#pagination a:link, #pagination a:visited {padding:8px; padding-top:3px; padding-bottom:3px; border:1px solid #38b; margin-left:6px; text-decoration:none; background-color:#FFF; color:#38b; width:23px; font-weight:normal;}
#pagination a:hover {background-color:#FFF; border:1px solid #94b; color:#94b;}
#pagination .active_tnt_link {padding:8px; padding-top:3px; padding-bottom:3px; border:1px solid #94b; margin-left:6px; text-decoration:none; background-color:#FFF; color:#94b; cursor:default;}
#pagination strong {padding:8px; padding-top:3px; padding-bottom:3px; border:1px solid #94b; margin-left:6px; text-decoration:none; background-color:#FFF; color:#94b; cursor:default;}

/* Twitter */
#twitter { background: #f7f7f7; border-bottom:1px solid #dbdbdb; margin:10px 0 0; padding:18px 30px 16px; color:#777; font-size: 18px; min-height:42px; }
#twitter  #twitter_update_list { margin-left:65px; }
#twitter #twitter_update_list li { line-height:22px; }