/*-----------------------------------------------------------------------------
Theme Name: Biomove WordPress Theme
Theme URI: http://biomove.eu/
Description: Theme Developed for Biomove
Version: 0.1
Author: Matthijs Abeelen
Author URI: http://www.sitestone.nl/

-----------------------------------------------------------------------------*/

/* Global Resets
-----------------------------------------------------------------------------*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,p,blockquote,th,td,  img  { margin:0;padding:0; }
ol, ul { list-style:none; }
caption, th, td { text-align:left; }
table {border-collapse:collapse;border-spacing: 0;}
/* inherit the text size for tables */
table, thead, tbody, tr, th, td { font-size:1em; }
/* Form conveniences: */
form label { cursor:pointer; }
fieldset { border:none; }
/* Form field text-scaling */
input, select, textarea { font-size:100%; }
fieldset, img { border:0; }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal;font-weight:normal; }
/* Needed? Only for strange IE bugs, see http://www.positioniseverything.net/explorer/ie-listbug.html */
ul, ol, dl { position: relative;  }


/* Typography
-----------------------------------------------------------------------------*/

body { font-family: verdana,arial,sans-serif;color:#333; }
html { font-size: 100.01%; }
body { font-size:75%; }
html>body { font-size:12px; } 
h1,h2,h3,h4,h5,h6 { font-weight:normal;font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;color:#333;  }
body { font-size: 12px;line-height: 18px; }
h1 { font-size:36px;line-height:36px;padding-top:18px;padding-bottom:18px; }
h2 { font-size:26px;line-height:36px;padding-top:0px;padding-bottom:18px; }
h3 { font-size:18px;line-height:18px;padding-top:0px;padding-bottom:18px; }
h4 { font-size:14px;line-height:18px;padding-top:0px;padding-bottom:18px;font-weight:bold; }
h5 { font-size:12px;line-height:18px;padding-top:0px;padding-bottom:0px;font-style:italic; }
h6 { font-size:10px;line-height:18px;padding-top:9px;padding-bottom:9px; }
p { margin:0 0 18px 0; }
ul, ol { margin-top:0px;margin-bottom:18px;margin-left:2em;list-style-position:outside;list-style-type:disc;}
ol { list-style-type:decimal;}
dl { margin-top:18px;margin-bottom:18px; }
blockquote { margin-top:18px;margin-bottom:18px;padding-left:20px;font-style:italic; }
small{ font-size:0.85em; }
img { border:0; }
sup { position:relative;bottom:0.3em;vertical-align:baseline; }
sub { position:relative;bottom:-0.2em;vertical-align:baseline; }
acronym, abbr 	{ cursor:help;letter-spacing:1px;border-bottom:1px dashed; }
strong { font-weight:bold; }
em { font-style:italic; }
/*q:before, q:after { content : &quot;;}*/


/* Links
-----------------------------------------------------------------------------*/

a, a:link { color:#C06707;text-decoration:underline; }
a:visited {  }
a:hover { color:#999;}
.posttitle a:link { text-decoration:none; }
.pagetitle a, .pagetitle a:link { text-decoration:none; }
.posttitle a:visited,
.pagetitle a:visited { color:#C06707; }
#sidebar a:visited { color:#C06707; }


/* Grid
-----------------------------------------------------------------------------*/

body { text-align:center;background:#fff url(images/bg-body.gif) 0 0 repeat-x; } 
#container { width:830px;margin:0px auto;padding:0;text-align:left;position:relative; }
 #header { border:solid #eee;border-width:0 0 0px; }
 #content { margin:0;padding:5px 0px;border-top:0px solid #eee;min-height:400px; }
* html #content { height:400px; }
   #main { float:right;width:620px;width:610px;margin:0 0 20px 0;margin-right:0; }
   #sidebar { float:left;width: 190px;width:200px; }
 #footer { clear:both; }

/* Header / Masthead
-----------------------------------------------------------------------------*/

#header { height:170px;margin:0;padding:0;position:relative;
	background:transparent url(images/bg-header6.jpg) 220px 6px no-repeat;
	background:transparent url(images/bg-header.jpg) 210px 9px no-repeat;
	background:transparent url(images/bg-headerd.jpg) 210px 9px no-repeat; }
#masthead {}
#masthead_img { float:left;width:530px;margin:10px 0 0;}
#masthead_img h1 { float:left;height:150px;width:230px;text-indent:-9999px;margin:0px;padding:0;font-size:28px;line-height:24px;
	background:transparent url(images/logo-s.gif) 0px 3px no-repeat;}
#masthead_img h1 a { text-decoration:none;color:#222;display:block;height:150px;width:230px;outline:1px solid red; }
#masthead_img h2 { float:left;width:200px;height:150px;margin:0;padding:0;font-size:12px;line-height:14px;
	background:transparent url(images/tagline.gif) 0px 80px no-repeat;text-indent:-9999px;}

	#masthead_img h1 { float:left;height:130px;width:230px;text-indent:-9999px;margin:0px;padding:0;font-size:28px;line-height:24px;
		background:transparent url(images/logo-s2.gif) 0px 4px no-repeat;}
	#masthead_img h1 a { text-decoration:none;color:#222;display:block;height:130px;width:230px;outline:0px solid red; }
	#masthead_img h2 { float:left;width:500px;height:25px;margin:0;padding:0;font-size:12px;line-height:14px;
		background:transparent url(images/tagline-hor.gif) 0px 0px no-repeat;text-indent:-9999px;
		outline:0px solid green;
		}
		
#masthead_img img { float:right; }

ul#subnav { margin:0;padding:0;position:absolute;right:270px;right:210px;top:-38px; }
ul#subnav li { margin:0;padding:0;line-height:36px;list-style-type:none;font-size:.9em; }
ul#subnav li a, 
ul#subnav a:link { display:block;padding:0;margin:0 24px 0 0;color:#C06707;text-decoration:underline; }




/* Content
-----------------------------------------------------------------------------*/

.post { margin:0 0 10px;padding:12px 10px 10px; }
.post h2 { padding-top:0;color:#C06707; }
.post p.date { margin:0; }
.entry {}
.entry p {}
.postmetadata { color:#888;}
.utw {}
.navigation {}
.post_nav {}
.post ul ul, ol ul { margin-top:0;margin-bottom:0; }
h3.searchtitle { padding:18px 10px; }

/* home main entry */
#mainentry { float:left;width:390px; float:none;width:auto; }
#mainentry .post {  }
#mainentry .latestnews { }
#mainentry .post { margin:18px 0 0;padding:14px 15px 5px 15px;margin:0;padding:12px 10px 10px;xbackground:#fefefe;color:#222;border:0px solid #ddd; }
#mainentry h2 { xdisplay:none; margin:0 0 9px;padding:0; }
#mainentry .post p { font-size:15px; }
#mainentry #intro { font-size:18px;line-height:26px;color:#333;margin:0 0 18px;padding:0;
	font-family:"helvetica neue",helvetica,arial,verdana,sans-serif; }

/* home latest news items */
.latestnews { margin:0 180px 0 0;margin:0 0px 0 0;padding:18px 0px 0 10px;border-top:1px solid #ddd; }
.latestnews { border:none;}
.latestnews .newsitem { margin-bottom:18px;}
.latestnews h3 { color:#666;background:#f5f5f5;text-transform:uppercase;font-size:11px;line-height:18px;letter-spacing:2px;margin:0;padding:0; }
.latestnews h3 { color:#444;font-weight:bold;letter-spacing:0;background:transparent;margin:0 0 18px;padding:0; }
.latestnews h3 { color:#444;background:#f5f5f5;font-weight:bold;letter-spacing:0;margin:0 -10px 18px;padding:4px 10px 5px; }

.newsitem { xwidth:390px;xfloat:left;padding-right:180px;}
.newsitem h4 { font-weight:bold;padding-top:0px;padding-bottom:3px;}
.newsitem p { margin-bottom:0; }


.staffgroup { float:left;width:100%; }
.staffgroup .left { float:left;width:45%; }
.staffgroup .right { float:left;width:45%; }


/* Sidebar
-----------------------------------------------------------------------------*/

#sidebar { margin:18px 0 0;padding:0;background:#f7f7f7;color:#222; }
#navbox { margin:0 0 20px;padding:0; }
#sidebar h3, 
#calendar h4 { margin:0 0 4px;padding:3px 0 3px;font-size:12px;line-height:18px;color:#333;
	border-top:2px solid #848B91;border-bottom:1px solid #ddd;font-weight:bold; }
#sidebar h3 { margin:0 0 10px;padding:3px 0 3px 10px;padding:0;font-size:10px;line-height:18px;text-transform:uppercase;
	background:transparent url(images/bg-hd.gif) 0 0 no-repeat;border:0px solid;color:#fff;letter-spacing:2px; }	
#sidebar h3 span { display:block;padding:3px 0 3px 10px;xbackground:#333 url(images/bg-hd-span.gif) bottom right no-repeat; }

#sidebar h3.first { margin-top:0; }
#sidebar p { margin:0 0 18px; }
#sidebar li h4 { margin:0;padding:0;font-size:12px;line-height:18px;color:#000; }
#sidebar li p { margin:0 0 18px; }

/* Lists and navigation */
#sidebar ul { margin:0 0 18px;padding:0 0 4px; }
#sidebar ul ul { margin:0;padding:0; }
#sidebar ul li { list-style:none;padding-left:10px;padding-right:10px;padding:0px 10px;background:url(images/bg-arrow.gif) 0 5px no-repeat;xcolor:#666; }
#sidebar ul li a { text-decoration:none;display:block;padding:3px 0;border-bottom:1px solid #dfdfdf; }
* #sidebar ul li a { height:1%; }
#sidebar ul li a:visited { xcolor:#C06707;}
#sidebar ul li a:hover { color:#000; }
#sidebar ul li ul {	margin:0;border-bottom:none; }
#sidebar ul#nav a:hover { xcolor:#000; }
#sidebar .current_page_parent { }
#sidebar ul .current_page_item a { color:#000;background:#f2f2f2; }
#sidebar ul .current_page_item ul a { xcolor:#000;background:#fff; }

/* calender */
#calendar h4 { margin:0 0 10px;padding:3px 0 3px 10px;padding:0;font-size:12px;line-height:18px;background:transparent url(images/bg-hd-grey.gif) 0 0 no-repeat;border:0px solid;color:#fff; }
#calendar h4 span { display:block;padding:3px 0 3px 10px;background:transparent url(images/bg-hd-grey-span.gif) bottom right no-repeat; }

#calendar { float:right;width:200px;margin:18px 0 0;padding:0;font-size:.93em; }
#calendar ul { margin:0 0 18px;padding:0; }
#calendar ul li { margin:0;padding:0 0 0 10px;background:url(images/bg-arrow.gif) 0 5px no-repeat;list-style:none;zoom:1; }
#calendar ul li strong { color:#444; }
#calendar ul li a { display:block; }

/* Member search
-----------------------------------------------------------------------------*/

#searchsection { }
#searchsection form { background:#eee;border:1px solid #ddd;padding:10px;margin:0 0 18px; }
#searchsection #lettersearch { margin:10px 0 0; }
#searchsection #lettersearch p { margin:0; }

#searchresults { float:left;width:100%; }
#searchresults ul { margin:0;padding:0;list-style-type:none; }
#searchresults ul li { margin:0;padding:0;float:left;width:49%;min-height:15em; }
#searchresults img { float:left;border:1px solid #ddd;margin:0 10px 10px 0; }
#searchresults h4 { clear:left;margin:0px 0 0;padding:0 0 9px; }



/* Footer
-----------------------------------------------------------------------------*/

#footer { background:#fff;margin:10px 0;padding:0;border:solid #eee;border-width:1px 0;color:#444;background:#f5f5f5; }
#footer p {	color:#888;font-size:.93em;margin:0px 0;padding:10px 10px; }
#footnav { list-style-type:none;margin:0;padding:10px 10px;font-size:.93em; }
#footnav li { border-right:1px solid #ccc;display:inline;margin:0 10px 0 0;padding:0 10px 0 0;}
#footnav li:last-child {border-right-width:0; }
#footnav li a {}


/* Forms
-----------------------------------------------------------------------------*/

/* searchform */
#searchform { position:absolute;right:0;top:-38px;width:200px;height:36px;padding:9px 0;}
#searchform div {}
#searchform label { float:left;width:50px;color:#eee;font-size:.93em;position:absolute;left:-9999px; }
#searchform input#s { width:156px;padding:2px;float:left;border:1px solid #ddd;border-color:#152530 #687F90 #687F90 #152530;
	background:#687F90; }
#searchform input#searchsubmit { float:right;width:35px;height:24px; }
#searchform { height:36px;padding:9px 0; }

/* Removes fieldset borders. even on Opea 7 */
fieldset { border: 1px solid transparent; }
.contact input.text, 
.contact input,
.contact textarea { padding: 2px;border: 1px solid #999; }
.contact input, .contact select, .contact textarea {font-size:100%;border:1px solid #ccc; }
.contact label em { font-size:0.95em;color:#760000; }
/* contactform */
.contact fieldset { border:1px solid #EDEAD5;padding:1em 4%;padding:.0em 0;border:solid #bbb;border-width:0px 0; }
.contact input,
.contact textarea { border-width:1px;border-color:#aaa #ddd #ddd #aaa;background:#f6f6f6;font-family:inherit; }
.contact input#submit { border-color:#ddd #aaa #aaa #ddd; }
.contact #contactform label { display:block;margin:.5em 0 0; }
.contact #contactform input.text { width:240px; }
.contact #contactform #fm-submit { clear:both;padding-top:1em; }
.contact p.error { color:#800;border:1px solid #933;padding:10px 15px;background:#f4f4f4; }
.contact #contactform #fm-submit label {position:absolute;left:-9999px;}

#comments-form {}
#commentform {}
#author {}
#email {}
#url {}
#comment {}
#submit {}


/* Tables
-----------------------------------------------------------------------------*/

table { }
td { }


/* Images
-----------------------------------------------------------------------------*/
.imgleft { float:left;margin:0 10px 10px 0; }
.imgright { float:right;margin:0 0 10px 10px; }
.imagebox { float:left;width:100%; } 

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

#comments-locked {}
#respond {}
#trackback-link {}
ol#trackbacks {}
ol#trackbacks li {}
.comments-header {}
ol#comments {}

/*class for author highlight */
.highlight {}
.comment-meta {} 
.comment-author {}
.comment-date {}
.comment-text {}
.gravatar {}
.odd {}
.even {}


/* Miscalaneous
-----------------------------------------------------------------------------*/

/* Class for clearing floats */
.clear { clear:both; }

/* 
http://www.456bereastreet.com/archive/200603/new_clearing_method_needed_for_ie7/ 
The trick is to add display:inline-block and then display:block to the easyclearing rule
*/
.clearfix:after {
 content:".";
 display:block;
 height:0;
 clear:both;
 visibility:hidden;
 }
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */

