/*
Theme Name:     Non-Traditional Isotope Lab
Theme URI:      Unknown
Description:    Template developed for Fangzhen Teng, Ph.D. at UW ESS
Author:         Daryn A. White
Author URI:     http://darynawhite.com/
*/

/* _________________________________________________ | Font Imports | ___ */
@import url(http://fonts.googleapis.com/css?family=Roboto+Slab|Open+Sans);

/* _________________________________________________ | Standards | ___ */
body{
    margin: 0;
    padding: 0;
    background: #fff;
    font-family: "roboto slab", serif;
}

.clearfix:after {
  content: "";
  display: table;
  clear: both;
}
.clear{clear: both;}
a {text-decoration: none;}
a:link, a:visited {color: #393939;}
a:hover, a:active {color: #777;}

.testimg{border: 1px solid black;}
/* _________________________________________________ | Header | ___ */
#head{
    width: 100%;
    padding: 0;
    background-color: #393939;
    background-position: center top;
    background-repeat: no-repeat;
}

.head-1{ background-image: url('img/headers/head-1.png'); }
.head-2{ background-image: url('img/headers/head-2.png'); }
.head-3{ background-image: url('img/headers/head-3.png'); }
.head-4{ background-image: url('img/headers/head-4.png'); }
.head-5{ background-image: url('img/headers/head-5.png'); }
.head-6{ background-image: url('img/headers/head-6.png'); }
.head-7{ background-image: url('img/headers/head-7.png'); }

#head-contain{
    width: 1000px;
    margin: 0 auto 40px;
    background: transparent;
    height: 135px;
    position: relative;
}
#logo{
    width: 125px;
    height: 125px;
    float: left;
    display: block;
    background: url('img/logo.png'), no-repeat, center, center;
    margin: 50px 0 0;
    position: absolute;
    z-index: 999;
}
#sitename{
    font-size: 18pt;
    color: #eee;
    text-shadow: 0 0 10px rgba(0, 0, 0, 0.99);
    width: 765px;
    float: left;
    margin: 65px 0 4px 135px;
    padding: 0 0 0 5px;
}

/* _________________________________________________ | Nav | ___ */
#nav{
    width: 620px;
    background: #393939;
    float: left;
    padding: 3px 5px 3px 15px;
    position: absolute;
    bottom: 0;
    left: 120px;
}
.nav{
    list-style: none;
    max-height: 20px;
    padding: 0;
    margin: 0;
}
ul.nav li{
    float: left;
    display: block;
    margin: 2px 8px;
}
ul.nav li a{
    font-size: 14pt;
    font-family: "roboto slab", serif;
    text-decoration: none;
}
ul.nav li a:link, ul.nav li a:visited{
    color: #fff;
}
ul.nav li a:hover, ul.nav li a:active{
    color: #ccc;
}

/* _________________________________________________ | Body/Content | ___ */
#body{ background: #fff; margin-bottom: 40px; }
#body-contain{
    width: 900px;
    margin: 0 auto;
    position: relative;
    left: 3.5%;
}
#content{
    width: 675px;
    float: left;
}
#content-free{width: 700px;margin: 0 auto 0 5%;padding: 0 0 20px;}
#sidebar{
    width: 200px;
    float: right;
    background: #ddd;
    margin-top: 3.6em;
    position: relative;
}
/* _________________________________________________ | Entry | ___ */
.entry{
    margin: 0 0 20px;
    padding: 0 15px;
    font-family: "roboto slab", serif;
    color: #393939;
    text-align: justify;
}

#research .entry p, #opportunities .entry p {padding: 15px 0 15px; border-bottom: 1px solid #ccc; margin: 0;}
#links .entry ul {border-bottom: 1px solid #ccc; padding-bottom: 15px;}
#people .entry{max-width: 600px; margin: 0;}
#person .entry{margin-top: 60px;}

.page-title{font-size: 20pt; text-align: center; font-weight: bold;}
.sub-title{font-size: 16pt; text-align: center; font-weight: bold;border-bottom: 1px solid #ccc;}

.text{ padding: 10px 10px 5px 15px; font-size: 12pt; }
.rettop { text-align: right; font-size: 11pt; }
ol.pub li{ margin: 0 0 12px 0; }
p.year {text-align: center; border-bottom: 1px solid #ccc; font-size: 14pt;}
ul.news { list-style: none; padding: 0; margin: 0; }
ul.news li{ margin: 2px 0 10px 0; }

/* _________________________________________________ | Publications | ___ */
.pub{font-size: 11pt;}
.pub-author, .pub-journal { font-size: 11pt; margin: .5em 0; }
.pub-title { font-size: 12pt; margin: .5em 0; }
.pub-title:before{content:open-quote;}
.pub-title:after{content: close-quote;}
.pub-count { float: right; }
#publications #content { width: 650px !important; }
#publications #sidebar { width: 250px !important; margin-top: 5.2em;}
.note{text-align: center; font-size: 12pt;margin: 5px 0 0;}

/* _________________________________________________ | People | ___ */
.people { width: auto; }
.people .tind{padding: 8px 10px; font-size: 10pt; margin: 0 10px 10px 0; max-height: 200px; overflow: hidden;}
.people .tind .img{float: left; max-width: 200px; overflow: hidden; border-radius: 50%}
.people .tind .txt{width: 60%; float: right; position: relative; height: 190px;}
.people .tind .title{font-size: 14pt;}
.people .tind p{margin: 0; padding: 0;}
.people .tind p.left{text-align: left;}
.people .tind p.right{text-align: right;}
.people .header{margin: 50px 0 5px; font-size: 18pt; text-align: left;font-weight: bold;border-bottom: solid 1px #ccc;}
.people .p-buttons {position: absolute; bottom: -15px; left: 0;}
.people .tind a.info{display: block; float: left; text-indent: -9999px; height: 35px; width: 35px; margin: 10px; background: url("img/icon_info2.png") no-repeat center center;}
/*
.people .tind a.info:link, .people .tind a.info:visited{padding: 10px 45px; background-color: #aaa; color: #fff; margin: 0 5px 0 0;}
.people .tind a.info:hover, .people .tind a.info:active{padding: 10px 45px; background-color: #555; color: #fff; margin: 0 5px 0 0;}
*/
.people .tind a.gs{display: block; float: left; text-indent: -9999px; height: 35px; width: 110px; margin: 10px;background: url("img/icon_Gscholar_white.png") no-repeat center center;}
/*
.people .tind a.gs:link, .people .tind a.gs:visited{padding: 10px 25px; background-color: #aaa; color: #fff; margin: 0;}
.people .tind a.gs:hover, .people .tind a.gs:active{padding: 10px 25px; background-color: #555; color: #fff; margin: 0;}
*/
#people #sidebar{margin-top: 5.6em;}


.about-p {}
.about-p .img{float: left; margin: 5px 15px 5px 0; display: block; height: 260px; border-radius: 50%}
.person {float: right; width: 55%; font-size: 11pt;}
.person .name {font-weight: bold; font-size: 18pt; margin: 0 0 1pt 0}
.person .position {font-size: 12pt; margin: 0;}
.person .buttons {}
.about-p .person-details {border-top: 1px solid #ccc; font-size: 11pt; text-align: left;padding: 10px 0 0 10px;width:580px;}
.person-details .details-sub p.title {font-size: 14pt; font-weight: bold; margin: 0 0 5px 0;}
.person-details .details-sub p {margin: 5px 0 5px 40px;}
.person-details .details-sub ul.formatting {list-style: none;}
.person-details .details-sub ul li {margin: 0 0 5px;}
.person-details .details-sub {margin: 0 0 25px;}
.person .buttons a.cv:link, .person .buttons a.cv:visited{padding: 7px 45px; background-color: #aaa; color: #fff; margin: 0 5px 0 0;}
.person .buttons a.cv:hover, .person .buttons a.cv:active{padding: 7px 45px; background-color: #555; color: #fff; margin: 0 5px 0 0;}
.person .buttons a.gs:link, .person .buttons a.gs:visited{padding: 7px 25px; background-color: #aaa; color: #fff; margin: 0;}
.person .buttons a.gs:hover, .person .buttons a.gs:active{padding: 7px 25px; background-color: #555; color: #fff; margin: 0;}

/* _________________________________________________ | Sidebar | ___ */
.side-c{
    border-bottom: 1px solid #393939;
    margin: 5px 0 5px 10px;
    padding-right: 5px;
    color: #393939;
}
.side-f{ border: none; margin-bottom: 10px; }
.side-title{ font-size: 12pt; margin: 0 0 5px;}
.side-content {font-size: 10pt; padding-left: 5px; }
.side-content ul {padding: 0 0 0 20px; margin: 5px 0;}
.side-content a:link, .side-content a:visited{ color: #595959; }
.side-content a:hover, .side-content a:active{ color: #aaa; }
.side-c ul{ display: table; }
.side-c .t_r{ text-align: right; }

/* _________________________________________________ | Footer | ___ */
#footer{ background: #393939; color: #ccc; position: fixed; bottom: 0; width: 100%; margin: 8px 0 0; }
#foot-contain{ width: 625px; padding: 5px 0 10px; font-size: 10pt; margin: 0 auto 0 20.5%; }
.foot-nav{
    color: #eee;
    float: left;
}
.foot-nav a:link, .foot-nav a:visited{
    color: #ddd;
}
.foot-nav a:hover, .foot-nav a:active{
    color: #ccc;
}
.copyright {float: right;}

/* _________________________________________________ | Random fixes | ___ */

.noline {border: none !important;}
.pubcentering {margin: 0 0 0 40px;}

.spacer {}
#publications #sidebar .side-content ul.pubsbyyear {width: 50%}

#publications #sidebar a.dissertations {
    position: absolute;
    top: -90px;
    padding: 25px 0 0 70px;
    background: url("img/dissertations_64.png") no-repeat left center;
    height: 50px;
    display: block;
}

.no-numbers {
    list-style: none;
    margin: 0;
    padding: 0;
}
ol.no-numbers li{margin-bottom: 50px;}