/*
Theme Name:Fogarty 
Theme URI: 
Description: 
Version: 1
Author: Alex Saueressig
Author URI: 
Tags:
*/

/* reset */
html{color:#000;background:#FFF;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;} 
q:before,q:after{content:'';}
abbr,acronym {border:0;font-variant:normal;}
/* to preserve line-height and selector appearance */
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
/*to enable resizing for IE*/
input,textarea,select{*font-size:100%;}
/*because legend doesn't inherit in IE */
legend{color:#000;}
del,ins{text-decoration:none;}



/* document */
* { margin:0; padding:0; vertical-align:to; font-family: Arial Narrow, Arial, Helvetica, sans-serif; color:#FFF; font-size:16px; }

html,body {  }

html { background:url(imgs/bg_pattern.gif); }
body { background:url(imgs/bg.jpg) repeat-x; }

hr { display:none; }
table { width:100%; border-collapse:collapse; }
h1, h1 a, h1 * { font-size:17px; margin:0 0 15px 0; font-weight:bold; }
h2, h2 a, h2 * { font-size:24px; margin:0 0 24px 0; font-weight:bold; }
h3, h3 a, h3 * { font-size:13px; margin:0 0 15px 0; font-weight:bold; }
h4, h4 a, h4 * { font-size:12px; margin:0 0 10px 0; font-weight:bold; }
input, textarea { color:#666; padding:3px; }
em { font-style:italic; }
strong { font-weight:bold; }

.clearfix:after { content: ".";  display: block; clear: both; visibility: hidden; line-height: 0;  height: 0; }
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }

#wrapper { position:relative; width:782px; margin:0 auto; }

#header {  position:relative; height:131px; }
#header h1 { padding:50px 0 0 0; }
#header h1 a { display:block; background:url(imgs/header_project.jpg); width:411px; height:57px; text-indent:-999px; overflow:hidden; }

#header .links { position:absolute; top:20px; left:530px; width:162px; }
#header .links ul li { float:left; display:inline; }
#header .links ul li a { display:block; width:55px; padding:2px 0 2px 20px; text-decoration:none; }
#header .links ul li.home a { background:url(imgs/header_ico_home.gif) 0 3px no-repeat; }
#header .links ul li.sitemap a { background:url(imgs/header_ico_sitemap.gif) 0 3px no-repeat;  }

#header #searchform { position:absolute; top:16px; right:0; background:url(imgs/header_search.jpg); width:158px; height:19px; }
#header #searchform label, #header #searchform #searchsubmit { display:none; }
#header #searchform input#s { background:transparent; border:none; width:122px; padding:3px 0 0 0; margin:0 0 0 26px; color:#000;}

#menu { position:absolute; top:124px; }
#menu ul { width:455px; height:32px; }
#menu ul li { float:left; display:inline; }
#menu ul li a { display:block; height:32px; background:url(imgs/menu.jpg); overflow:hidden; text-indent:-9999px; }
#menu ul li.home a { width:63px; }
#menu ul li.network a { width:72px; background-position:-63px 0;  }
#menu ul li.research a { width:71px; background-position:-135px 0; }
#menu ul li.policies a { width:70px; background-position:-206px 0; }
#menu ul li.news a { width:60px; background-position:-276px 0; }
#menu ul li.links a { width:54px; background-position:-336px 0; }
#menu ul li.contact a { width:65px; background-position:-390px 0; }

#bar { height:260px; background:url(imgs/bar.jpg); }
#bar #highlights { margin:32px 0 0 0; }

#content  {}
.narrowcolumn { width:470px; margin:0 30px 0 0; float:left; }

.navigation { margin:0 15px; padding:30px 0;  border-bottom:1px solid #DDD; }
.navigation .alignleft, .navigation .alignright { width:50%; }
.navigation .alignleft { float:left; }
.navigation .alignright { float:right; text-align:right; }
.last { border:0; }

.post, .page { padding:15px; }
.post p, .page p, .post ul, .page ul, .post ol, .page ol, .post div, .page div { margin:0 0 10px 0; }
.post ul li, .page ul li { list-style:circle inside; margin:0 0 4px 0; }
.post small { display:block; padding:0 0 11px 0; font-weight:bold; }

.postmetadata  { padding-top:15px; font-style:italic; width:75%; }

.comments { padding:15px 0; margin:0 15px; border-top:1px solid #DDD; }
.comments .comment   { padding:15px 0; }
.comments .comment .vcard { height:40px; }
.comments .comment .vcard  img { float:left; margin:0 5px 0 0; }
.comments .comment .vcard { float:left; }
.comments .comment .commentmetadata, .comments .comment p { clear:both; margin:0 0 5px 0; }

#respond { margin:0 15px; padding:15px 0; border-top:1px solid #DDD; }
#respond p { margin:0 0 10px 0; }
#respond input { color:#000; }

#footer { clear:both; border-top:4px solid #666; height:150px; background:url(imgs/footer_bg.jpg) }
#footer .content { position:relative; width:782px; margin:0 auto; }
#footer ul { padding:20px 0 0 20px; }
#footer ul li { margin:0 0 5px 0; }
#footer ul li a { display:block; padding:0 0 0 15px; width:200px; text-decoration:none; }
#footer ul li.intra a { background:url(imgs/footer_ico_intra.jpg) 0 3px no-repeat; }
#footer ul li.mail a { background:url(imgs/footer_ico_mail.jpg) 0 3px  no-repeat; }
#footer p.logo-gates a, #footer p.logo-institut a, #footer p.logo-fnih a, #footer p.logo-fic a { display:block; overflow:hidden; text-indent:-9999px; position:absolute; }
#footer p.logo-gates a { left:301px; top:37px; width:168px; height:36px; background:url(imgs/footer_logo_gates.jpg); }
#footer p.logo-fnih a { left:469px; top:35px; width:139px; height:39px; background:url(imgs/footer_logo_fnih.jpg) }
#footer p.logo-institut a { left:608px; top:19px; width:87px; height:72px; background:url(imgs/footer_logo_institut.jpg) }
#footer p.logo-fic a { left:695px; top:17px; width:73px; height:75px; background:url(imgs/footer_logo_fic.jpg) }

.cform .cf-ol li { margin:0 0 10px 0; }
.cform .cf-ol li label { display:block; float:left; width:100px; text-align:right; margin:0 5px 0 0; line-height:1.8em; }
.cform .cf-ol li input, .cform .cf-ol li textarea { padding:5px; border:0; color:#000; margin:0 5px 0 0; }
.failure { color:#000; background:#FFF; padding:10px; margin:0 0 10px 0; }
.failure li a { color:#FF0000; }
.cf_li_text_err { padding:10px 0 0 100px; }
.cf_li_text_err li { color:#FFF;  font-style:italic; }
#sendbutton { color:#000; margin:0 0 0 105px; }
.linklove { overflow:hidden; height:1px; line-height:99em; overflow:hidden; }

#sidebar { padding:5px 0 0 25px; margin:10px 0 0 0; width:240px; float:left; border-left:1px solid #666; }

#sidebar .news { margin:0 0 50px 0; }
#sidebar .news ul li { margin:0 0 15px 0; }
#sidebar .news ul li a { font-weight:bold; }
#sidebar .news ul li span { text-decoration:none; text-align:right; padding:10px 0 0 0; display:block; color:#00D671; }

#sidebar #banners div { height:70px; background:#666; margin:0 0 10px 0;  }
#sidebar #banners div.left p { background:url(imgs/sidebar_overlay_left.png) no-repeat; height:55px; padding:15px 60px 0 10px; }
#sidebar #banners div.right p { background:url(imgs/sidebar_overlay_right.png) no-repeat; height:55px; padding:15px 10px 0 60px; text-align:right; }
#sidebar #banners div p a { text-decoration:none; }
#sidebar #banners #banner1 { background:url(imgs/banner1.jpg); }
#sidebar #banners #banner2 { background:url(imgs/banner2.jpg); }
#sidebar #banners #banner3 { background:url(imgs/banner3.jpg); }
#sidebar #banners #banner4 { background:url(imgs/banner4.jpg); }

.search h2 { padding:15px 15px 0 15px; }
.search .post, .search .page { border-bottom:1px solid #DDD; padding:10px 0; margin:15px; }

.login { padding:15px; }
.login .message  { font-size:13px; font-weight:bold; margin:0 0 10px 0; font-style:italic; }
.login .loginform p.normal { margin:0 0 10px 0; }
.login .loginform p.normal label { display:block; padding:0 0 1px 0; }
.login .loginform p.checkbox { margin:0 0 10px 0; }
.login #cycnav { padding:40px 0 0 0; }