/*  
Theme Name: BBC
Theme URI: http://www.mediaworkers.de/
Description: A business theme for WordPress, exclusively developed for Boston BioCapital and BioExec Institute.
Version: 1.0 (2007)
Author: Frank Limbacher
Author URI: http://www.mediaworkers.de/
*/


/* General */

body { background: #ababab url(images/backgrey.png) 0 0 repeat-x; word-spacing: -1px; }
#custom-doc { color: #000; font-size: 12px; word-spacing: -1px; width: 860px; height: auto; background: #fff; border: 20px solid #fff; }

   
.yui-g div.first { width: 532px; }
#hd  { color: #000; }

a { color: #214285; text-decoration: none; }
a:hover { text-decoration: underline; }
h2, h3, h4 { line-height: 1.1em; font-family: Helvetica, Calibri, Arial, sans-serif; color: #214285; margin: 0 0 0.8em 40px; font-weight: normal; }
p { margin: 0 60px 1em 40px;  line-height: 1.6em; }
em { font-style: italic; }
strong { font-weight: bold; display: block; margin-top: 1em; }


/* Branding */


#branding { position: relative; margin: 0 auto 0 auto; width: 860px; height: 110px; background: #e6e6e6; }
#branding h1 { height: 100px; width: 860px; background: #e6e6e6 url(images/beilogo.png) 40px 25px no-repeat; }
#branding h1 .hide { display: none; }


/* Topnavigation */

ul#topnav { position: absolute; right: 0; background: #e6e6e6;  }
ul#topnav li { display: inline; }
ul#topnav li a { margin: 0; padding: 59px 11px 5px 11px; font-size: 11px; color: #214285; background: transparent; border-right: 1px solid #fff; text-transform: uppercase; border-bottom: 1px solid #e6e6e6; line-height: 10.5em; }
ul#topnav li a:hover { background: #fff; text-decoration: none; color: #214285; border-bottom: 1px solid #214285; }
ul#topnav li#home a { border-left: none; }
ul#topnav li#contact a { border-right: none; }



/* Visual */

#visual { background: #efefef; color: #fff; height: 175px; width: 860px; }
#visual blockquote { position: relative; height: 175px; width: 860px; margin: 0 auto 0 auto; border-top: 5px solid #fff; background-color: #e6e6e6;}
blockquote p { position: absolute; width: 240px; margin: 25px 0 0 570px; padding: 0; font-size: 1.4em; line-height: 1.3em; font-style: italic; font-weight: normal; color: #fff; }
#visual blockquote img { width: 860px; }

/* Content */

#content { width: 860px; margin: 0 auto 0 auto; padding-bottom: 10px; background: #e6e6e6; color: #444; font-family: Helvetica, Calibri, Arial, sans-serif; font-weight: normal; font-size: 1.2em; }
#content h2 { font-size: 1.5em; padding-bottom: 0; }
#content h3 { font-size: 1.1em; margin: 2em 0 0.5em 40px; }
#content h4 { font-size: 1.1em; margin: 2em 0 1em 40px; border-top: 1px solid #fff; width: 430px; padding-top: 0.2em; }
#content a .logo { margin: 10px 3px 3px 0; padding: 3px; border: 1px solid #fff; background-color: #fff; width: 75px; height: 75px; }
#content a:hover .logo { border: 1px solid #ccc; text-decoration: none; }
#content .cv { font-size: 1.1em; margin: 1.5em 0 0.5em 40px; border-top: 1px solid #fff; width: 430px; padding-top: 0.4em; font-weight: normal; font-style: italic; }

#content em.line { display: block; font-size: 1em; margin: 1.5em 0 1em 0px; border-top: 1px solid #fff; width: 430px; padding-top: 0.4em; font-weight: normal; }

#bd { width: 860px; color: #333; background: #efefef; }
.first { margin-top: 36px; }
*html .first { margin-top: 0px; }

img.portrait { float: left; border: 1px solid #214285; width: 100px; height: 133px; padding: 3px; margin: 20px 20px 10px 0; background-color: #fff;}

ul.bullet { margin: 1em 60px 1.5em 40px; list-style-type: disc; }
ul.bullet li { line-height: 1.6em; margin: 0.5em 1em 1em 1.2em; }
ul.nobullet { margin: 2em 60px 1.5em 40px;  }
ul.nobullet li { line-height: 1.6em; margin: 0.5em 1em 1.6em 0em; }

div.indent { margin: 2.5em 0px 0px 40px; }
div.indent img.thumb { float: left; border: 1px solid #214285; margin-right: 15px; padding: 2px;  }
div.indent h3 { font-size: 1.5em; margin-top: 0; margin-bottom: 0.3em; }
div.indent h3 a { color: #214285; }
div.indent p { line-height: 1.8em; margin: 0 30px 0 0; padding: 0; }

.linklove { display: none; }


/* Sidebar */

#sidebar { width: 321px; border-left: 5px solid #fff; }
#sidebar .aside h3 { display: block; margin: 0 0 0.5em 0; height: 20px; color: #214285; font-size: 1.1em; font-weight: normal; }
#sidebar .aside a { display: inline; color: #214285; font-size: 1em; height: 0; line-height: 1.6em; }

#subnav { margin: 0 40px 0px 30px; padding-bottom: 20px; }
#subnav li { padding-bottom: 1.5em; line-height: 1.6em; }
#subnav form  { margin-top: 38px; margin-bottom: 1.5em; }
*html #subnav form  { margin-top: 0px; }
#subnav form input { height: 16px; width: 150px; font-size: 1em; vertical-align: middle; }
#subnav form #searchsubmit { height: 21px; width: 50px; }
#subnav li a { display: block; margin: 15px 0 0.5em 0; height: 20px; color: #214285; font-size: 1.2em; }

#sidebar .indent { background: #e6e6e6 url(images/sidebar_back_grey.png) top left repeat-x; padding: 12px; }
#sidebar .indent a { margin-top: 0; }

#subnav .more { display: inline; color: #214284; }



/* Footer */

#ft  { color: #333; border-top: 5px solid #fff; }
#ft div { height: 3em; width: 860px; margin: 0 auto 0 auto; background: #e6e6e6; }
#ft div h3 { margin: 0 40px 0 40px; padding-top: 10px;  }
#ft a { color: #214285; }