/*
Theme Name: ResearchBlog
Description: ResearchBlog
Author: Maarten Reynders

COLORS--------
DARK: b2bb1e
LIGHT: d5e04d
--------------
*/

html{margin: 0; border-top: 8px solid #d5e04d;}
body {margin: 0; padding: 0; text-align: center; font: 12px 'Lucida Grande','Arial', sans-serif;}
table, td {font: 11px 'Lucida Grande','Arial', sans-serif; color: #000;}

/*-smilies without a border-*/
body img.wp-smiley {border:none;}

#header {width: 680px; margin: 0 auto ; text-align: center;}

#main, #breadcrumb, #footer { width: 680px; margin: 1.5em auto; text-align: left;}
#main div.column { text-align: left; margin-bottom: 1em;}
#main p { margin: 0 0 1em 0;}
#main p.last { margin: 0;}
#main p.intro { font-weight: bold;}
#main .lite { color: #79767C;}
#main h2 { font-size: 16px; margin: 0;}
#main h3 { font-size: 12px; margin: 0;}
#main h4 { font-size: 10px; margin: 0;}
#main .more { text-align: right;}

#main .subcolumn1-2 { float: left; width: 330px;}
#main .subcolumn2-2 { float: right; width: 330px;}
#main .subcolumn1-3, #main .subcolumn2-3, #main .subcolumn3-3 { width: 212px; float: left;}
#main .subcolumn1-3, #main .subcolumn2-3 { margin-right: 20px;}
#hello { float: left; width: 500px;}
#hello2 { padding-top: 16px;}
#side { float: right; width: 160px; padding-top: 15px;}
#text { max-width: 500px;}
#flickr img { width: 500px;}
#content { float: left; width: 500px;}
#under { margin: 0px 0 50px 0;}

#content img { max-width: 500px;}

#content .subcolumn1-2 { float: left; width: 0px;}
#content .subcolumn2-2 { float: right; width: 0px;}
#content .subcolumn1-3, #content .subcolumn2-3, #content .subcolumn3-3 { width: 0px; float: left;}
#content .subcolumn1-3, #content .subcolumn2-3 { margin-right: 22px;}

#main .box { border: 1px solid #a1a5a9; padding: 0 5px 5px 5px; margin: 0 0 1.25em 0;}
#content .box h2 { border-bottom: 1px solid #a1a5a9; padding: 5px; background: #f2f2f2; margin: 0 -5px 5px -5px; font-size: 12px;}
#sidebar .box h2 { border-bottom: 1px solid #a1a5a9; padding: 5px; background: #f2f2f2; margin: 0 -5px 5px -5px; font-size: 10px;}

img.left { float: left; border: 0px none; margin-left:0; margin-right:10px; margin-top:2px; margin-bottom:5px}
img.right { float: right; border: 0px none; margin-left:10px; margin-right:0; margin-top:2px; margin-bottom:5px}
img.across { border: 0px none; margin-left:0; margin-right:0; margin-top:0; margin-bottom:10px}

ul { list-style: none outside; margin: 0; padding: 0 0 1em 0;}
ul.square { list-style: square outside; margin: 0 0 0 16px; padding: 0 0 1em 0;}
ul.circle { list-style: circle outside; margin: 0 0 0 16px; padding: 0 0 1em 0;}
ol { list-style: decimal; margin: 0 0 0 2.8em; padding: 0 0 1em 0;}
li { padding-bottom: .3em;}
ul ul.circle { margin-top: .3em;}
ul ul.square { margin-top: .3em;}

ol.last { padding: 0;}
ul.last { padding: 0;}

sup { vertical-align: baseline; font-size: 1em; color: #76797C;}

.sosumi { font-size: 10px !important; color: #76797C; margin-bottom: 1em;}
ol.sosumi { margin-left: 0; padding-left: 1.5em; clear: both;}

#breadcrumb, #footer { text-align: center; clear: both;}
#breadcrumb { clear: both; font-size: 10px; padding: 1em 0;}

#footer { font-size: 10px; border-top: 1px solid #a1a5a9; padding-top: 1em;}
#footer form { margin-bottom: 2em;}
#footer form input { vertical-align: bottom;}

div .clearer { clear: both; display: block; margin: 0; padding: 0; height: 0; line-height: 1px; font-size: 1px;}


/* -------- */
.alignleft { float: left;}
.alignright { float: right;}
.aligncenter {  margin-left:auto; margin-right:auto;}

#comments{
	width: 500px;
	overflow: hidden;
	margin-top: 20px;
}

#under{
	clear: both;
}

img{
	border: 0;
	border-bottom: 8px solid #d5e04d;
	margin: 10px 0 10px 0;
}

img.alignleft{
	margin: 10px 15px 10px 0;
}

img.alignright{
	margin: 10px 0 10px 15px;
}

.more-link{
	text-decoration: none;
	font-weight: bold;
	text-transform: uppercase;
}


div#vitalstats dl dd.teamsize{padding-left:90px; }
div.subcolumn3-3 p.visit{margin-bottom:58px!important; }

#nojs {background: #f93; padding: 5px 0;}
dl.last {padding: 0;}
li.last {padding: 0;}
div.clearer {clear: both; display: block; margin: 0; padding: 0; height: 0; line-height: 1px; font-size: 1px;}

body { font-size:12px; color:#333333; margin-left:4px; background:#fff; background-position:left top; }
#tabs, #nojs { margin-left:-4px; }
table, td { color:#999; background-color:#fff; }

#main, #content-bottom, #breadcrumb, #footer { width:720px; }


/* LINKS */

a { outline:none; -moz-outline:none; }
a:link, a:visited, a:active { color:#b2bb1e; text-decoration:underline; }
#main a.more { text-align:left; color:#333; }
a:hover { text-decoration:none; }


/* NO UNDERLINE */
#sidebar a{ color: #d5e04d; }
#under a, #sidebar a, #footer a{ text-decoration: none; }
a.researcher{display: block; width: 230px; float: left; text-decoration: none;}
a.project{ display: block; text-decoration: none;}
a.researcher:hover, a.project:hover, #under a:hover, #sidebar a:hover, #footer a:hover { text-decoration: underline; }



div#vitalstats a:hover, #content-bottom a.jump:hover, #main a:hover.more, #resources_seminars a:hover, #profileName a:hover, div.gallery a#return:hover { color:#518dad; text-decoration:none; }
.button4 a:hover, #resources_seminars a.jump:hover { color:#333; text-decoration:none; }
.sosumi { color:#999; }

/*************************************

	header, globalnav 
	
*************************************/

#header_archive { position: relative; }

#globalnav { float:right; margin-top:23px; }
#globalnav li { display:block; float:left; }
#globalnav li a { display:block; border-left:1px solid #fff; width:73px; height:16px; padding:6px 10px 4px 10px; background:#c8c9ca; text-align:center; color:#fff; text-decoration:none; white-space:nowrap; }
#globalnav li a:hover { background:#a6a9ab; }

#globalnav li#globalnav_profiles a { background:#c8c9ca url(images/header_globalnav_leftcap.gif) no-repeat; background-position:left top; }
#globalnav li#globalnav_profiles a:hover, body#profiles #globalnav li#globalnav_profiles a { background:#a6a9ab url(images/header_globalnav_leftcap.gif) no-repeat; background-position:left bottom; }
body#techniques #globalnav li#globalnav_solutions a, body#solutions #globalnav li#globalnav_solutions a, body#tips #globalnav li#globalnav_tips a { background:#a6a9ab; }
#globalnav li#globalnav_tips a { width:86px; }
#globalnav li#globalnav_resources a { background:#c8c9ca url(images/header_globalnav_rightcap.gif) no-repeat; background-position:right top; }
#globalnav li#globalnav_resources a:hover, body#resources #globalnav li#globalnav_resources a { background:#a6a9ab url(images/header_globalnav_rightcap.gif) no-repeat; background-position:right bottom; }
body#profiles.inactive #globalnav li#globalnav_profiles a, body#stories.inactive #globalnav li#globalnav_profiles a,
	body#techniques.inactive #globalnav li#globalnav_solutions a, body#solutions.inactive #globalnav li#globalnav_solutions a, body#tricks.inactive #globalnav li#globalnav_solutions a,
	body#tips.inactive #globalnav li#globalnav_tips a,
	body#resources.inactive #globalnav li#globalnav_resources a { cursor:default; }	

#header_archive { margin:0px 0 40px 0; }
body.archive #main p.localnav { margin:0 0 -10px 0; padding:0; }
/*\*/ *html body.archive #main p.localnav { margin:0 0 6px 0; } /**/

#nav{position: absolute; top:0; margin: 0 0 0 332px; width: 450px;}
ul#localnav { margin: 12px 0 0 0; padding:0; }
ul#localnav li { display:block; float:left; margin: 0;}
ul#localnav li a { display:block; width:86px; margin: 0 4px 0 0; padding:6px 6px 6px 10px; background:#c8c9ca; color:#fff; font-size:14px;  text-decoration:none; text-transform: uppercase; white-space:nowrap; position:relative; }

ul#localnav h6{margin: 0; padding: 0;}

ul#localnav a.all { background:#d5e04d; color:#ffffff; border-bottom: 8px solid #b2bb1e; height: 82px;}
ul#localnav a.all:hover, ul#localnav a.hi { background:#b2bb1e; color:#fff; height: 90px; border:0; }

#logo{
	position: absolute;
	width: 150px;
	height: 150px;
	top: 0;
	margin: 0 0 0 -14px;
	background: #b2bb1e;
	border-bottom: 8px solid #d5e04d;
}

#logo a{
	display: block;
	width: 135px;
	height: 34px;
	padding: 116px 0 0 15px;
	text-decoration: none;
}

#logo h1{
	color: #ffffff;
	font-size: 22px;
	line-height: 18px;
	margin: 0;
	text-transform: uppercase;
}

#headerimg{
	width: 766px;
	height: 244px;
	background: url("images/tophome.jpg");
	margin: -15px 0 -120px -14px;
	border-bottom: 8px solid #d5e04d;
}

/*************************************

	main, content

*************************************/

#main { margin:15px auto; }
#main h2 { font-size:15px; }
#main h2.bottompad { margin-bottom:15px; }
#main h3, #main h4, #main h5{ color:#666; }
#main h5 { font-size: 18px; margin: 20px 0 10px 0; color: #000000;}

#main strong { color:#b2bb1e; }

div.headerimage { font-size:30px; margin:0 0 21px 0; font-weight:normal; }

#content { width:490px; line-height:1.4em; margin:140px 0 0 0; }
#content.full, body.archive #content { width:720px; }
#content p { margin-bottom:10px; }

#content p.byline { font-weight:bold; color:#666; margin-top:-.6em; margin-bottom:.9em; }

#content .pagination { font-weight:bold; color:#ccc; margin-bottom:.9em; margin-top:2.6em; display:none; }
#content .subcolumn2-2 .pagination { display:block; }
#content .pagination span.pages { color:#666; background:#fff; position:relative; z-index:10; }
#content .pagination a { padding-left:5px; border-left:1px solid #ccc; position:relative; left:-2px; z-index:9; }
#content .pagination a:hover { color:inherit; text-decoration:inherit; }
#content .pagination a[href]:hover { color:#518dad; text-decoration:underline; }
#content .nextpage { margin-top:2.6em; margin-bottom:-1.6em; font-weight:bold; color:#666; position:relative; }

#content .subcolumn1-2, #content .subcolumn2-2 { width:286px; }
#sidebar .subcolumn1-2, #sidebar .subcolumn2-2 { width:174px; }
#content.full .subcolumn1-2, #content.full .subcolumn2-2 { width:492px; }

#content img.across { margin:4px 0 10px 0; }
img.left { margin:2px 14px 8px 0; } div.left { float:left; margin:2px 14px 8px 0; }
img.right { margin:2px 0 8px 14px; } div.right { float:right; margin:2px 0 8px 14px; }
img.border, .border { border:1px solid #a6a9ab; }
#content div.left p.caption, #content div.right p.caption { margin-bottom:0; }
#content p.caption, #sidebar p.caption { margin-top:-20px; color:#666; font-size:9px; padding:6px 0 6px 0; line-height:1.3em; }

#content blockquote { margin:.6em 0 .9em 0; color:#92b3c5; font-size:18px; font-weight:bold; line-height:1.2em;  }
#content blockquote p { margin:0; }

div.clearer.sectionseparator { border-top:1px solid #c7c7c7; margin:20px 0; }

.posted{
	margin-bottom: 15px;
	color: #fff;
	font-size: 10px;
	background:#d5e04d;
	display: inline-block;
	padding:1px 5px 1px 5px;
	margin: 10px 0 15px 0;
}

/*************************************

	sidebar 

*************************************/

#sidebar { width:180px; margin:140px 0 0 0px; padding:0; }
#flickrpics_link{
	display: block;
	width: 183px;
	height: 60px;
	background: url("images/blog_flickr.jpg"); 
	margin: 0 0 10px -10px;
}
#tags{
	margin: -5px 0 15px 0;
}
.srssfetcher-timestamp{
	display: none;
}
#flickrpics_link span{
	display: none;
}
#sidebar ul{
	margin: 0 0 10px 0;
	padding: 0;
	list-style-type: none;
}

#sidebar h2{
	margin-bottom: 10px;
	color: #000000;
	font-size: 16px;
}

/*************************************

	breadcrumb, footer

*************************************/

#breadcrumb { }
#footer { border:none; padding-top: 30px; color: #000000; }
#footer a{ color: #000000; border-bottom: 1px solid #cccccc; text-decoration: none; }
#footer a:hover{ text-decoration: none; border: 0; }
#mad{
	display: inline-block;
	width: 21px;
	height: 21px;
	background: url(images/mad.gif) no-repeat;
	margin: 0 3px -7px 3px;
	border: none !important;
}
#mad-large{
	display: inline-block;
	width: 175px;
	height: 118px;
	background: url(images/mad-large.gif) no-repeat;
	margin: 0 0 8px 0;
	border: none !important;
}
#mad span, #mad-large span{
	display: none;
}

/*************************************
	
	year paginate
	
*************************************/

ul#yearpaginate { padding:0;}
ul#yearpaginate li { display:block; float:left; }
ul#yearpaginate li a { display:block; border-left:1px solid #fff; width:86px; height:13px; padding:4px 10px 2px 10px; background:#c8c9ca; text-align:center; color:#fff; font-size:9px; font-weight:bold; text-decoration:none; white-space:nowrap; position:relative; }
/*\*/
html>body ul#yearpaginate a#links { background:#c8c9ca url(images/localnav_leftcap.gif) no-repeat; background-position:left top; position:relative; }
html>body ul#yearpaginate a#impressum { background:#c8c9ca url(images/localnav_rightcap.gif) no-repeat; background-position:right top; position:relative; }
/* */
ul#yearpaginate a.hi, ul#yearpaginate a:hover { background:#a6a9ab; color:#fff; }
/*\*/
html>body ul#yearpaginate a#links.hi, html>body ul#yearpaginate a#links:hover{ background:#a6a9ab url(images/localnav_leftcap.gif) no-repeat; background-position:left center; position:relative; }
html>body ul#yearpaginate a#impressum.hi, html>body ul#yearpaginate a#impressum:hover{ background:#a6a9ab url(images/localnav_rightcap.gif) no-repeat; background-position:right center; position:relative; }

ul#yearpaginate img { margin-left:5px; }


/* cutn paste from index.html */

a#rssbutton { display:block; height:14px; padding:3px 0 0 20px; background:url(images/iconrss.gif) no-repeat left center; color:#333; font-size:10px; text-decoration:none; }
a#rssbutton:hover { color:#d5e04d; }
#main #intro {position: absolute; top:0;}
#main img.imgspc {margin-right:37px;}
/* for archive stories */
#content h2 {width: 490px; color: #000000; margin: 0 0 20px 0; font-weight: normal; font-size: 23px; line-height: 25px;}

#content h3 {width: 720px; background: url(images/greyline.gif) no-repeat; color: #ffffff; margin: 0px; padding: 5px 0px 5px 10px; font-weight: normal; font-size: 11px;}

#content h4 {width: 490px; color: #000000; margin: 0px; font-weight: normal; font-size: 23px; line-height: 25px;}


#content ul {margin: 10px 5px; padding: 3px 0px; width: 720px;}

#commentform{
	margin-top: 10px;
}

input, textarea{
	border: 1px solid #d5e04d;
	padding: 5px;
}

input{
	width: 250px;
}

textarea{
	width: 400px;
}

#submit{
	padding: 0;
	color: #b2bb1e;
	font: 11px 'Lucida Grande','Arial', sans-serif;
	text-align: left;
	border: 0;
	background: #fff;
	cursor: pointer;
}