/* 
 ------------------------------
 CollaboLab
 Northwestern University
 Version: April 2009
 ------------------------------
*/

/* -- Basic HTML Elements -- */
 html {margin:0; padding:0;}
 body {margin:0; padding:0; font:62.5%/1 Helvetica,Arial,Sans-serif; color:#444; background:#fff;}
 html, body {height:100%;}
 
 p,li,td,dt,dd {font-size:1.3em; line-height:1.5;}
 p,ul,ol,dl,blockquote,pre {margin-bottom:1.0em;}
 a, a:link {color:#009933; font-weight:bold; text-decoration:none;} /* COLOR TO CHANGE */
 a:active {outline:none;}
 a:visited {color:#009933;}
 a:hover {text-decoration:underline;}
 p.top {margin:10px 0 0 0; padding:0; text-align:right;}
 p.left {float:left;}
 p.right {float:right;}

 h1 {font:bold 1.4em "Lucida Grande", Arial, sans-serif; color:#555;}
 h2 {font-size:2.4em; font-weight:bold;}
 h3 {font-size:1.6em; font-weight:bold; text-transform:lowercase; color: #a98; line-height:1.5; border-bottom:1px solid #ece9e6;}
 h4 {font-size:1.3em; color:#de842c;} /* COLOR TO CHANGE */
 hr {border:none; height:1px; background:#ccc; margin:2em 0; clear:both;}
 img {border:0; padding:0;}
 img.left {margin:0 10px 10px 0; float:left;}
 img.right {margin:0 0 10px 10px; float:right;}
 img.index {margin:-30px -390px 30px 30px; padding:0; float:right; display:block; width:390px;border:2px solid #f6f1f1; }
 
/* -- Index Specific -- */
#blurb {float:left; margin:10px 30px 10px 0; width:410px;}
#blurb p {margin:10px;}
#news {padding-left:460px;}
#news ul {list-style-type:none; padding-left:1em; text-indent:-1em;}
#news ul li {margin-bottom:1em;}
#news ul li:before {content: "\00BB \0020";}
#news ul span.date {font-weight:bold; color:#888; margin-right:.8em;}
#news li:hover span.date {color:#444;}
#announcements {margin:30px auto 0 auto; padding:10px; background-color:#efefef;}
 
/* -- Page Structure -- */ 
#header {margin:0 auto; padding:0; width:100%; height:70px; text-align:center;}
/*#masthead {margin:0 auto; padding:0; width:860px; height:60px; background:url(../images/masthead_logo.gif) 0 20px no-repeat;}*/
#masthead {margin:20px auto 0 auto; padding:0; width:860px; height:70px; border-bottom:3px solid #333;}
#masthead a.droplogo {display:block;margin:0 0 10px 0; width:220px;height:60px;float:left; background-color:#f5f5f5;}
#masthead a.droplogo:hover {background-color:#eee;}
#tagline {display:none; margin:-20px auto 0 auto; width:220px; background-color:#fff;}
#container {margin:0; padding:0; text-align:center; width:100%; position:relative; min-height:100%;}
#content {margin:0 auto; padding:20px 0 0 0; width:860px; text-align:left;}
#footer {margin:30px auto 0 auto; padding:0; width:860px; height:30px; text-align:center; color:#666; border-top:2px solid #333;}
#footerInner {margin:0 auto; padding:0; width:860px; font-size:.8em; text-transform:uppercase;}
#footer .iconÊ{background-color:#000;}
#sidebar {float:right; margin:0 0 10px 100px; padding:30px 10px; width:240px; background-color:#ece9e6; border-left:20px solid #fff; display:block; clear:both;}
#sidebar h4 {margin:0; padding:0 0 5px 0; color:#000; text-transform:lowercase; border-bottom:1px dotted #000;}

/* -- Menu -- */
/*#menu {margin:20px 0 40px 0; padding:0; width:100%; height:100px; text-align:center; border-top:1px solid #ec5f00; font-size:.8em; text-transform:uppercase;}*/
#menu {margin:20px 0 0 0; padding:0; float:right; height:100px; text-align:center; font-size:.8em; text-transform:uppercase;}
#menu ul {margin:0 auto; padding:0; list-style-type:none;}
#menu li {float:left; text-align:left; margin:3px 4px; background-color:#444;}
#menu li a {display:block; color:#fff; padding:2px 10px; text-decoration:none;}
#menu li a.active {background-color:#009933;}
#menu li:hover {background-color:#000;}

/* -- Profiles -- */
.profile {margin:0 10px 20px 10px; padding:15px; width:620px; background-color:#ece9e6; float:left;}
.profileDG {margin:0 10px 20px 10px; padding:15px; width:810px; background-color:#ece9e6; float:left;}
.profile img, .profileDG img {margin:0 0 5px 5px; width:80px; height:80px; border:6px solid #fff; float:right;}
.profile h4, .profileDG h4 {margin:20px 0 10px 0; font: 2.0em/1.0em Palatino, "Palatino Linotype", "Times New Roman", serif;}
.profile h5, .profileDG h5 {margin:-20px 0 0 0; font-size:1.2em;}
.profile h6, .profileDG h6 {margin-top:0; font-size:1.2em;}
.profile a.website, .profileDG a.website {display:block; float:right; margin:0 -20px 0 0; padding:2px 20px; font-size:1.3em; font-weight:normal; background-color:#333; color:#fff;}
.profile a.website:hover, .profileDG a.website:hover {background-color:#666; text-decoration:none;}
.profile img.brian {background:url(../images/bio_brian.jpg) 0 0 no-repeat;}
.profile img.brian:hover {background-position: 0 -80px;}

/* -- Projects -- */
.proj {margin:0; padding: 5px 0; width:100%; display:block; clear:both; border-top:1px solid #ece9e6;}
.proj img {margin:20px 0; padding:0 20px 0 0; width:140px; height:140px; float:left;}
.proj h3 {margin-bottom:10px; text-transform:none; font: 2.0em/1.0em Palatino, "Palatino Linotype", "Times New Roman", serif; color:#000; border-bottom:none;}
.proj h5 {margin:0 0 5px 0; font-size:1.2em;}

/* -- Publications -- */
#pubs p.pdf {margin:0; padding:0; width:80px; text-align:center; font-size:1.3em; background-color:#ece9e6; text-transform:lowercase;}
#pubs p.pdf a {margin:0; padding:0 20px; width:40px; display:block; text-align:center; font-weight:normal;}
#pubs p {margin:-1.5em 0 10px 100px; padding:0; }