/*   
Theme Name: Ivaldi Custom WordPress Template for MED
Theme URI: http://ivaldi.nl
Description: A custom WordPress template by Ivaldi (based on HTML5reset.org)
Author: Ivaldi
Author URI: http://ivaldi.nl
Version: 1
*/

/* Reset
-------------------------------------------------------------------------------*/

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, menu, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}									

article, aside, figure, footer, header, hgroup, nav, section {display: block;}

img,
object,
embed {max-width: 100%;}

html {overflow-y: scroll;}

ul {list-style: none;}

blockquote, q {quotes: none;}

blockquote:before, 
blockquote:after, 
q:before, 
q:after {content: ''; content: none;}

a {margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent;}

del {text-decoration: line-through;}

abbr[title], dfn[title] {border-bottom: 1px dotted #000; cursor: help;}

table {border-collapse: collapse; border-spacing: 0;}
th {font-weight: bold; vertical-align: bottom;}
td {font-weight: normal; vertical-align: top;}

hr {display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0;}

input, select {vertical-align: middle;}

pre {
	white-space: pre; /* CSS2 */
	white-space: pre-wrap; /* CSS 2.1 */
	white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
	word-wrap: break-word; /* IE */
}

input[type="radio"] {vertical-align: text-bottom;}
input[type="checkbox"] {vertical-align: bottom; *vertical-align: baseline;}
.ie6 input {vertical-align: text-bottom;}

select, input, textarea {font: 99% sans-serif;}

table {font-size: inherit; font: 100%;}
 
a:hover, a:active {outline: none;}

small {font-size: 85%;}

strong, th {font-weight: bold;}

td, td img {vertical-align: top;} 

sub, sup {font-size: 75%; line-height: 0; position: relative;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}

pre, code, kbd, samp {font-family: monospace, sans-serif;}

.clickable,
label, 
input[type=button], 
input[type=submit], 
button {cursor: pointer;}

button, input, select, textarea {margin: 0;}
button {width: auto; overflow: visible;}

.ie7 img {-ms-interpolation-mode: bicubic;}
.ie6 html {filter: expression(document.execCommand("BackgroundImageCache", false, true));}

.group:before, .group:after { content: "\0020"; display: block; height: 0; overflow: hidden; }  
.group:after { clear: both; }  
.group { zoom: 1; }  


/* default
-------------------------------------------------------------------------------*/

body {
	font-family: Helvetica, Arial, Helmet, Freesans, sans-serif;
	color: #666;
	text-align: center;
	background: #F9F7F5;
}

#container{
	text-align: left;
	width: 978px;
	padding: 0 20px 10px 20px;
	margin: 0 auto;
	border: 1px solid #DDD;
	border-top: none;
	background: #FFF;
}

::-moz-selection{
	background: #fcd700;
	color: #fff;
	text-shadow: none;
}

::selection{
	background: #fcd700;
	color: #fff;
	text-shadow: none;
}

/*	j.mp/webkit-tap-highlight-color */
a:link{
	-webkit-tap-highlight-color: #fcd700;
} 

ins{
	background-color: #fcd700;
	color: #000;
	text-decoration: none;
}

mark{
	background-color: #fcd700;
	color: #000;
	font-style: italic;
	font-weight: bold;
}

/* basic text formatting 
--------------------------------------------- */

a {
	color: #000;
}

a:hover{
	text-decoration: none;
}

h1{ font-size: 2em; }
h2{ font-size: 1.8em; }
h3{	font-size: 1.6em; }
h4{ font-size: 1.4em; }
h5{	font-size: 1.2em; }
h6{ font-size: 1em; }

ul{
	list-style: disc;
}

ol{
	list-style: decimal;
}

li{
	margin-left: 30px;
}

p{
	line-height: 1.5em;
}

p.intro{
	font-size: 1.1em;
}

p,dl,hr,h1,h2,h3,h4,h5,h6,ol,ul,pre,table,address,fieldset {
	margin-bottom: 20px;
}

table thead td{
	background: #eee;
	font-weight: bold;
}

table td{
	border: 1px solid #ccc;
	padding: 10px;
}

table.people{
	width: 100%;
}

table.people td{
	padding: 0;
	border: none;
}

table.people td img{
	float: left;
	margin-right: 10px;
}

table.people h6{
	font-size: 15px;
	margin-bottom: 5px;
}

pre {
	font-family: "Courier 10 Pitch", Courier, monospace;
}

code {
	font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}


/* grid
--------------------------------------------- */

.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11 {
	float: left;
	display: block;
	margin-left: 30px;
}
.col-1 {
	width: 54px;
}
.col-2 {
	width: 138px;
}
.col-3 {
	width: 222px;
}
.col-4 {
	width: 306px;
}
.col-5 {
	width: 390px;
}
.col-6 {
	width: 474px;
}
.col-7 {
	width: 558px;
}
.col-8 {
	width: 642px;
}
.col-9 {
	width: 726px;
}
.col-10 {
	width: 810px;
}
.col-11 {
	width: 894px;
}
.first {
	margin-left: 0;
	clear: left;
}


/* header 
--------------------------------------------- */

header{
	margin: 0 -20px;	
}

header .description{
	color: #F9F7F5;
	font-size: 15px;
	font-weight: lighter;
	display:inline;
}

header h1{
	padding: 5px 18px 3px 18px;
	margin: 0px;
	font-size: 45px;
	color: #FFF;
	background: #443B31;
	clear: both; 
}

header a{
	color: #FFF;
	text-decoration: none;
}	

header ul{
	padding: 0 6px;
	margin: 0px;
	background: #2F2922;
	list-style: none;
	overflow: hidden;
}	

header li {
	padding: 13px 0px;
	margin: 0 15px 0 0;
	float: left;
	display: inline;
}

header img{
	display: block;
}	

#menu-top {
	font-size: 12px;
	font-weight: bold;
	padding: 0 6px;
}   

nav{
	font-size: 13px;
	font-weight: bold;
}

nav a,
#menu-top a {
	padding: 5px 10px;
	margin-left: 5px;
	color:#FFF;
}     

nav a:visited {
	color:#FFF;
}    

nav a:hover,
#menu-top a:hover,
#menu-top .alt a:hover,
nav .current-menu-item a,
#menu-top .current-menu-item a{
	-moz-border-radius: 5px;
	border-radius: 5px;
	color:#FFF;
	background: #796957;
}

#menu-top .alt a{
	color: #b09877;
}

/* tu delft logo */

.alt1 {
	float: right;
	display: block;
	margin: 0;
	padding: 3px 0;
}

#menu-top li.alt1 a {
	display: block;
	width: 70px;
	padding: 10px 5px;
	background-image:url("images/logo.png");
	background-repeat:no-repeat;
	float: right;
	text-indent: -999em;

}

#menu-top li.alt1 a:hover {
	background:url("images/logo.png") no-repeat;
}

/* ie fixes */

.ie6 header ul{
	padding:0 0 35px 0;
	margin: 0px;
	background: #2F2922;
	list-style: none;
}

.ie6  #menu-top{
	padding-bottom: 40px;
}

.ie6 header h1{
	padding: 25px 10px;
}

.ie6 .alt1{
	background-image:url("images/logoie6.png");
}



/* content 
--------------------------------------------- */


/* article 
--------------------------------------------- */

article{
	font-size: 13px;
	line-height: 150%;
	margin-top: 20px;
	border-bottom: 1px solid #DDD;
	color: #666;
}

article h2 {
	padding: 10px 0;
	margin-bottom: 0;
	font-size: 25px;
	line-height: 150%;
	font-weight: lighter;
	color: #2F2922;	
}

article h1 {
	font-weight: lighter;
	color: #2F2922;	
}

article a{
	color: #2F2922;
	text-decoration: none;
}

article h2 a:hover{
	color: #000;
}

.people-article{
	border-bottom: none;
}

.meta {
	font-size: 15px;
	line-height: 150%;
	color: #2E2821;
}

.meta a{
	font-size: 12px;
	line-height: 120%;
	color: #6A85B8;
}

.meta a:hover{
	font-size: 12px;
	line-height: 120%;
	color: #435B89;
}

.last-post {
	border-bottom: none;
}

.single footer.meta {
	border: none;
}

/* Comments
------------------------------------------- */

h2#comments {
	padding: 10px 5px;
	margin-bottom: 0;
	font-size: 25px;
	line-height: 150%;
	font-weight: lighter;
	color: #443B31;	
}	

div#respond {
	padding: 10px 0;
	margin-bottom: 0;
	font-size: 13px;
	line-height: 150%;
	font-weight: lighter;
	}

#respond  h2{
	padding: 10px 5px;
	margin-bottom: 0;
	font-size: 25px;
	line-height: 150%;
	font-weight: lighter;
	color: #443B31;	
}	

#respond textarea{
	width: 352px;
}

.comment #respond {
	margin-top: 20px;
}

form#commentform  div{
	padding: 5px;
}


.comment-author {
	color: #6A85B8;
}


/* sidebar 
--------------------------------------------- */

aside{
	font-size: 12px;
	line-height: 150%;
	margin-bottom: 50px;
	color: #666666;
}

aside h2{
	padding: 20px 10px;
	margin: 20px 0 0 0;
	text-align: center;
	text-transform: uppercase;
	font-size: 13px;
	letter-spacing: 1px;
	color: #80807F;
	background-image: url("images/line.png");
	background-repeat: no-repeat;
	background-position: center;
}

aside span{
	padding: 0 7px;
	background: #FFF;
}

/* footer 
--------------------------------------------- */

footer{
	padding-top: 10px;
	border-top: 1px solid #DDD;
	text-align: right;
	clear: both;
}

footer.meta {
	text-align: left;
	margin-bottom: 5px;
}

/*Images
---------------------------------------------- */

#gallery-1 .gallery-item {
	float: left;
	margin-top: 10px;
	text-align: center;
	width: 50%;
}

.gallery-item {
display: inline;
float: left;
margin: 0 10px 10px 0;
width: 40% !important;
}

#gallery-1 img {
	border: 0px solid #CFCFCF;
}

.home .entry img {
	max-width: 200px;
	height: auto;
}

.wp-caption-text {
	color: #888;
	text-align: center;
	font-style: italic;
	line-height: 150%;
}

article img {
	border: 0px solid #CFCFCF;
}

/* misc. 
--------------------------------------------- */
	
a img{
	border: none;
}

a:hover{
	color: #786955;
}

hr {
	border: 0 solid #ccc;
	border-top-width: 1px;
	clear: both;
	height: 0;
}

noscript p{
	position: absolute;
	top: 0;
	left: 0;
	background: #000;
	color: #fff;
	padding: 4px 0;
	text-align: center;
	font-size: 12px;
	width: 100%;
}

a.noscript{
	color: #fff;
}

.round{
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}

.hide{
	display: none;
}

.clear{
	clear: both;
}

.category h3{
	margin: 30px 0 0 0;
	color: #2F2922;
}

/* Wordpress specific
--------------------------------------------- */

.post {}

.entry-content {}
.entry-content a {}
.entry-content a:hover {}

#meta {}
.postmetadata {}

#sidebar {}

.navgation {}
.next-posts {}
.prev-posts {}

#searchform {}
#s {}
#searchsubmt {}
	
ol.commentlist {list-style: none;}
ol.commentlist li { margin: 0;}
ol.commentlist li.alt {}
ol.commentlist li.bypostauthor {}
ol.commentlist li.byuser {}
ol.commentlist li.comment-author-admin {}
ol.commentlist li.comment { padding: 10px;}
ol.commentlist li.comment div.comment-author {}
ol.commentlist li.comment div.vcard {}
ol.commentlist li.comment div.vcard cite.fn {font-style: normal;}
ol.commentlist li.comment div.vcard cite.fn a.url {}
ol.commentlist li.comment div.vcard img.avatar {float:right; margin: 0 0 10px 10px;}
ol.commentlist li.comment div.vcard img.avatar-32 {}
ol.commentlist li.comment div.vcard img.photo {}
ol.commentlist li.comment div.vcard span.says {}
ol.commentlist li.comment div.commentmetadata {}
ol.commentlist li.comment div.comment-meta {font-size: 10px;}
ol.commentlist li.comment div.comment-meta a {color: #999; text-decoration: none;}
ol.commentlist li.comment p { padding: 15px 0 5px 0; font-size: 15px; line-height: 1.5em; color: #444;}
ol.commentlist li.comment ul {}
ol.commentlist li.comment div.reply {font-size: 11px;}
ol.commentlist li.comment div.reply a {font-weight: bold; color: #6A85B8; text-decoration: underline;}
ol.commentlist li.comment ul.children {list-style: none; margin: 10px 0 0;}
ol.commentlist li.comment ul.children li {}
ol.commentlist li.comment ul.children li.alt {}
ol.commentlist li.comment ul.children li.bypostauthor {}
ol.commentlist li.comment ul.children li.byuser {}
ol.commentlist li.comment ul.children li.comment {}
ol.commentlist li.comment ul.children li.comment-author-admin {}
ol.commentlist li.comment ul.children li.depth-2 {border-left: 5px solid #999; border-top: 1px solid #999; border-bottom: 1px solid #999; border-right: 1px solid #999; margin: 0 0 10px 10px;}
ol.commentlist li.comment ul.children li.depth-3 {border-left: 5px solid #999; border-top: 1px solid #999; border-bottom: 1px solid #999; border-right: 1px solid #999; margin: 0 0 10px 10px;}
ol.commentlist li.comment ul.children li.depth-4 {border-left: 5px solid #bbb; border-top: 1px solid #bbb; border-bottom: 1px solid #bbb; border-right: 1px solid #bbb; margin: 0 0 10px 10px;}
ol.commentlist li.comment ul.children li.depth-5 {}
ol.commentlist li.comment ul.children li.odd {}
ol.commentlist li.even {background: #f6f6f6; margin-bottom: 15px; border: 1px solid #DDD;}
ol.commentlist li.odd {background: #fff;}
ol.commentlist li.parent {border: 1px solid #DDD;}
ol.commentlist li.thread-alt {}
ol.commentlist li.thread-even {}
ol.commentlist li.thread-odd {}

.comment-awaiting-moderation {
	color: #999;
	font-size: 14px;	
}

img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}