/* stylesheet for Dr. Hussein Aluie's website at the University of Rochester, © 2015 */

/* ALL PAGES */
#bg{position:fixed;left:-7px;top:-7px;min-width:110%;min-height:110%;z-index:-1;}

#main,#header,.title,.tabs,.tab,.bdy1,#footer,.foots,.foot1,.foot2{position:relative;}

#main{margin:0 auto;width:940px;}#main a{color:#2C87F0;}#main a:hover{color:#FFDD00;}
.stripe1,.stripe2{position:absolute;z-index:0;width:100%;min-width:970px;height:140px;top:-10px;z-index:0;background:#000000;}.stripe1{left:-10px;}.stripe2{right:0px;}
.bdy1{margin:10px 0;overflow:hidden;}

    /* Header */
#header{margin:15px 0;height:100px;}
.urlogo{display:block;position:absolute;right:15px;padding:10px;top:-7px;height:95px;cursor:pointer;z-index:10;}.urlogo:hover{background:#FFDD00;}
.title{font-family:Tahoma,helvetica,arial,sans-serif;letter-spacing:normal;margin:15px 0 0 0;cursor:pointer;}
.tabs{max-width:780px;margin:25px 0 15px 0;padding:10px 0;}
.tab{padding:10px 0;margin:0 0 0 40px;display:inline;cursor:pointer;color:#CCCCCC;font-size:15px;line-height:20px;letter-spacing:1px;}
.title:hover,.tab:hover{color:#FFDD00;}

    /* Footer */
#footer{overflow-y:hidden;color:#DDDDDD;}
.foots{width:940px;margin:0 auto;overflow:hidden;background:#000000;}.foot1,.foot2{float:left;width:450px;padding:10px;}/*.foot2{text-align:right;}*/.foot1 p{line-height:17px;}.foot2 p{text-align:right;line-height:20px;}
#footer p{margin:0;color:inherit;font-size:12px;}
.stripe3,.stripe4{position:absolute;z-index:0;width:100%;min-width:970px;height:200px;z-index:0;background:#000000;}.stripe3{left:-10px;}.stripe4{right:0px;}


    /* Text */
h1,h2,h3,h4,h5,h6,p,.tab{font-family:helvetica,arial,sans-serif;font-weight:100;}
h1{letter-spacing:2px;font-size:35px;line-height:45px;}
h2{font-size:25px;line-height:30px;}
h3{font-size:20px;line-height:25px;}
p{letter-spacing:normal;font-size:15px;line-height:20px;}
br{line-height:inherit;}

h1.t,h2.t,h3.t,h4.t,h5.t,h6.t,p.t{margin:10px 0;}

.whttxt{color:#FFFFFF;}
.grytxt{color:#888888;}
.blktxt{color:#000000;}
.linktxt:hover{color:#FFDD00;}.linktxt{color:#FFFFFF;}
.ltgtxt{color:#AAAAAA;}
.ltbtxt{color:#BFF1F5;}
.dkbtxt{color:#409FA6;}
.dkotxt{color:#BA5C3D;}

    /* Misc */
a{text-decoration:none;border:none;color:inherit;}a:hover{color:#FFDD00;}

.r5{-webkit-border-radius:5px;-moz-border-radius:5px;-o-border-radius:5px;-ms-border-radius:5px;border-radius:5px;}
.r10{-webkit-border-radius:10px;-moz-border-radius:10px;-o-border-radius:10px;-ms-border-radius:10px;border-radius:10px;}

.atddd,.at000{background-repeat:no-repeat;background-position:bottom;background-size:contain;display:inline-block;}
.atddd{background-image:url("atddd.png");width:9px;height:9px;}
.at000{background-image:url("at000.png");width:11px;height:11px;}

/* HOME */

.bdy,.imgs,.imgbx,.captions,.about,.news1,.news{position:relative;}

    /* Big Images */
.imgs{overflow:hidden;/*left:-10px;padding:10px;*/width:940px;height:435px;z-index:1;box-shadow:0px 0px 8px #444444;}
.imgbx{overflow:hidden;width:940px;max-height:400px;z-index:2;background:#000000;}.img{display:block;max-width:940px;height:400px;margin:0 auto;z-index:3;}
.caption{position:absolute;bottom:0px;height:25px;width:940px;padding:5px 15px;margin:0;background:#000000;/*filter:alpha(opacity=70);opacity:0.7;*/}
.caption:hover{color:#FFDD00;}.captions{height:35px;}
.blockbx{height:20px;width:100%;}
.blocks{display:block;float:right;margin:10px 0 0 7px;width:30px;height:10px;background:#000000;cursor:pointer;}

    /* Body */
.bdy{margin:0 0 20px 0;overflow:hidden;}
.about{float:left;width:440px;height:100%;padding:10px;margin:10px 10px 10px 0;background:#F3F3F3;/*filter:alpha(opacity=70);opacity:0.7;*/}
.news1{float:right;width:460px;margin:10px 0px 10px 10px;}
.news{width:440px;padding:10px;margin:0 0 10px 0;background:#F3F3F3;/*background:#FFFFFF;filter:alpha(opacity=70);opacity:0.7;*//*cursor:pointer;*/}
.newshover:hover{filter:alpha(opacity=30);opacity:0.3;}
.news h3{padding:0;margin:0 0 10px 0;color:#000000;}

/* RESEARCH */

.rsch0,.rsch1,.rsch2,.rsch3,.rsch4,.rschbox{position:relative;}

.rsch0{font-family:Tahoma,helvetica,arial,sans-serif;letter-spacing:normal;margin:25px 0;}
.rsch1,.rsch2{width:920px;}
.rsch1{background:#777777;padding:10px;margin:0 0 20px 0;}
.rsch1:hover{color:#FFDD00;background:#000000;}
.rsch2{padding:0;margin:15px 0 30px 0;}
.rsch3,.rsch4{float:left;background:#F3F3F3;}
.rsch3{max-width:210px;height:210px;margin:0 10px 10px 0;overflow:hidden;}
.rsch4{width:690px;padding:10px;margin:0 0 10px 10px;height:190px;overflow:auto;}.rsch4 p{padding:0;margin:10px 0;}
.rschbox{margin:0 0 40px 0;overflow:hidden;}

/* PEOPLE */

.ppl0,.pplpic,.ppl1,.ppl2,.ppl2box,.pplbio,.pplbox{position:relative;}

.ppl0{font-family:Tahoma,helvetica,arial,sans-serif;letter-spacing:normal;margin:25px 0;}
.ppl1{background:#777777;padding:10px;margin:30px 0 20px 0;}
.pplpic{width:180px;max-height:180px;float:left;margin:0 0 10px 0;}
.ppl2{float:left;background:#F3F3F3;width:100%;height:130px;padding:0;}
.ppl2 p{padding:0;margin:10px;}.ppl2 h3{padding:0;margin:10px;}/*.ppl2:hover{overflow-y:auto;}*/
.ppl2box{height:180px;margin:0 0 0 20px;overflow-y:hidden;width:360px;float:left;}
.pplbio{width:920px;background:#F3F3F3;padding:10px;margin:10px 0 0 0;float:left;}
.pplbio p{padding:0;margin:10px 0;}
.pplbiotab{text-align:center;width:100%;height:20px;padding:10px 0;margin:10px 0 0 0;background:#F3F3F3;float:left;cursor:pointer;color:#2C87F0;}
.pplbiotab:hover{background:#777777;color:#FFFFFF;}
.pplbox{overflow:hidden;margin:0 0 40px 0;max-height:180px;}

/* Opportunities & Courses */

.opp,.cou{padding:10px;margin:0 0 10px 0;background:#F3F3F3;}.opp{cursor:pointer;}
.coubox{position:relative;width:640px;float:left;}
.couside{position:relative;margin:20px 0 0 20px;width:280px;float:left;}

/* Publications */

.pub,.pubi{margin:0 0 10px 0;background:#F3F3F3;height:100px;overflow:hidden;}.pub{padding:10px;}.pubi{padding:10px 0 0 0;}
.pubpic{position:relative;float:left;height:100px;width:100px;background:#FFFFFF;}
.pubtxt{position:relative;float:left;overflow-y:auto;padding:0 10px;max-width:800px;max-height:80px;}
.pubbool{cursor:pointer;float:right;color:#2C87F0;letter-spacing:normal;font-size:15px;}.pubbool:hover{color:#FFDD00;}

/* MOBILE CHANGES */

@media (max-device-width:800px) {
	.tab{font-size:18px;margin:0 0 0 25px;}
}