/* common styles for Deb Roy site  */


/* GENERAL */

html, body {
  margin: 0px;
}
body {
  background-color: #ffffff;
}

/* for div containing content that should never be seen by visual browsers */
.offscreen {
  position: absolute;
  left: 0px; top: -9999px;
  width: 1px; height: 1px;
  overflow: hidden;
}
/* for skip link and back to top anchor */
#divskiplink,
#divtopanchor {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 1px;
  height: 1px;
  z-index: 1;
}

/* floating things */
.floatleft {
  float: left;
}
.floatright {
  float: right;
}
/* div or other to clear floating things */
.clear, .divclear {
  clear: both;
}
/* clear block */
.tinyclear {
  clear: both;
  font-size: 0px;
  height: 0px;
}
/* clear self *//* http://www.positioniseverything.net/easyclearing.html */
.clearself:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
 }

/* center */
.center {
  text-align: center;
}
/* don't allow to wrap */
.nowrap {
  white-space: nowrap;
}

/* elements for screen display or print display only */
.screenonly {
  display: block;
}
.printonly {
  display: none;
}
span.screenonly {
  display: inline;
}
span.printonly {
  display: none;
}

/* remove space around form */
form {
  display: inline;
  margin: 0;
  padding: 0;
}
/* get rid of fieldsets and legends */
fieldset {
  display: inline;
  border: none;
  margin: 0;
  padding: 0;
}
legend {
  display: none;
}

/* standard table styles */
table {
  border: none;
  border-collapse: collapse;
  border-spacing: 0px;
}
thead, tbody, tfoot {
  border: none;
}
/* table cells all aligned left and top */
td, th {
  text-align: left;
  vertical-align: top;
}
td.center,
th.center {
  text-align: center;
}
td.right,
th.right {
  text-align: right;
}

/* layout table */
/* note: cellspacing=0 must still be specified in table tag because of IE */
table.layouttable {
  border: none;
  border-spacing: 0px;
  margin: 0px;
  padding: 0px;
}
table.layouttable td {
  padding: 0px;
}

/* column table - meant to hold entire paragraphs */
table.columntable {
  border: none;
  border-spacing: 0px;
  margin: 0px -40px 0px 0px;
  padding: 0px;
}
table.columntable td {
  padding: 0px 40px 0px 0px;
}

/* table of "items" - usually a photo on one side, and heading+paragraph on the other */
table.itemtable {
  border: none;
  border-spacing: 0px;
  margin: 0px -16px 0px 0px;
  padding: 0px;
}
table.itemtable th,
table.itemtable td {
  border: none;
  padding: 0px 16px 16px 0px;
}
table.itemtable th p,
table.itemtable td p {
  margin-bottom: 0px;
}
table.itemtable th img,
table.itemtable td img {
  margin-top: 3px;
}

/* data table - meant for a gridlike presentation */
table.datatable {
  border: none;
  border-spacing: 0px;
  margin: 0.75em -16px 0.75em 0px;
  padding: 0px;
}
table.datatable th,
table.datatable td {
  border: none;
  padding: 0px 16px 6px 0px;
}
table.datatable th p,
table.datatable td p {
  margin-bottom: 0px;
}

/* text table (a lot like data table)  */
table.texttable {
  border: none;
  border-spacing: 0px;
  margin: 0.75em -10px 0.75em 0px;
  padding: 0px;
}
table.texttable th,
table.texttable td {
  border: none;
  padding: 0px 10px 10px 0px;
}
table.texttable th p,
table.texttable td p {
  margin-bottom: 0px;
}

/* table with lines  */
table.linetable {
  border: 1px solid #000000;
  border-spacing: 0px;
  border-collapse: collapse;
  margin: 0.75em 0px 0.75em 0px;
}
table.linetable th,
table.linetable td {
  border: 1px solid #000000;
  padding: 6px;
}
table.linetable th p,
table.linetable td p {
  margin-bottom: 0px;
}

/* all lists use solid bullet */
ul {
  list-style-type: disc;
}

/* definition lists */
dl {
  margin: 0.5em 0px 1em 1.5em;
}
dl dt {
  font-weight: bold;
}
dl dd {
  margin: 0px 0px 0.5em 1.5em;
}

/* horizontal rules */
hr {
  height: 1px;
  border: 1px solid #666666;
}

/* default font and links */
html, body {
  font-family: Arial, Lucida, Helvetica, "Bitstream Vera Sans", sans-serif;
  color: #ffffff;
  font-size: 12px;
  line-height: 133%; /* relative to font size */
}
h1, h2, h3, h4, h5, h6, p, ul, ol, li {
  margin-top: 0px;
}
a,
a:link {
  color: #ffffff;
  text-decoration: underline;
}
a:visited {
  color: #ffffff;
  text-decoration: underline;
}
a:hover {
  color: #e0e0e0;
  text-decoration: underline;
}

/* size corrections for nested tags */
li li {
  font-size: 100%;
}
table.datatable th p, table.datatable td p {
  font-size: 100%;
}



/* PRE-PAGE */
/* hidden stuff and stuff outside of the normal page flow */

#divprepage {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 1px;
  height: 1px;
}



/* OUTER SHELL */
/* container for all page content */

#divoutershell {
  width: 876px;
  margin: 0px auto;
}



/* PAGE AREA */
/* canvas for content */

#divpagearea {
  position: relative;
}



/* NAVIGATION */

#divprimarynav {
  margin: 2px 0px;
}

#divprimarynav ul {
  margin: 0px;
  padding: 0px;
  list-style: none;
  width: 840px;
}
#divprimarynav li {
  float: left;
  padding-left: 6px;
  background-image: url(/img/nav/vbar.gif);
  background-position: left top;
  background-repeat: no-repeat;
}
/* first item has no vbar */
#divprimarynav li.research {
  padding: 0px;
  background-image: none;
}
/* links as blocks */
#divprimarynav li a {
  display: block;
}
/* set width of each item individually */
#divprimarynav li.research,
#divprimarynav li.research a {
  width: 83px;
}
#divprimarynav li.teaching,
#divprimarynav li.teaching a {
  width: 80px;
}
#divprimarynav li.publications,
#divprimarynav li.publications a {
  width: 101px;
}
#divprimarynav li.media,
#divprimarynav li.media a {
  width: 76px;
}
#divprimarynav li.seminars,
#divprimarynav li.seminars a {
  width: 79px;
}
#divprimarynav li.bio,
#divprimarynav li.bio a {
  width: 109px;
}



/* BODY AREA */

#divbody {
  padding: 12px 21px;
  background-image: url(/~dkroy/img/diagonaltile.gif);
  background-repeat: repeat-x;
}



/* PAGE TITLE */

#divpagetitle {
  height: 44px;
  padding-bottom: 6px;
  margin-bottom: 5px;
  background-image: url(/~dkroy/img/titles/bkg/home.png); /* home bkg is default */
  background-position: left bottom;
  background-repeat: no-repeat;
  line-height: 100%;
}
body.home #divpagetitle {
  background-image: url(/~dkroy/img/titles/bkg/home.png);
}
body.research #divpagetitle {
  background-image: url(/~dkroy/img/titles/bkg/research.png);
}
body.teaching #divpagetitle {
  background-image: url(/~dkroy/img/titles/bkg/teaching.png);
}
body.publications #divpagetitle {
  background-image: url(/~dkroy/img/titles/bkg/publications.png);
}
body.media #divpagetitle {
  background-image: url(/~dkroy/img/titles/bkg/media.png);
}
body.seminars #divpagetitle {
  background-image: url(/~dkroy/img/titles/bkg/seminars.png);
}
body.bio #divpagetitle {
  background-image: url(/~dkroy/img/titles/bkg/bio.png);
}



/* TEXT AREA */
/* dark gray box 834px wide */

#divtext {
  position: relative;
  background-color: #4c4c4c;
  min-height: 515px;
}
#divtext h2 {
  font-size: 1.00em;
  font-weight: bold;
  line-height: 133%;
  color: #ffffff;
  margin-bottom: 1.33em;
}
#divtext h3 {
  font-size: 1.00em;
  font-weight: bold;
  font-style: italic;
  line-height: 133%;
  color: #ffffff;
  margin-bottom: 0px;
}
#divtext p {
  font-size: 1.00em;
  line-height: 133%;
  color: #ffffff;
  margin-bottom: 1.33em;
}
/* fancy stuff */
#divtext .graybox {
  background-color: #656565;
}
#divtext h2.graybox {
  margin-bottom: 0.85em;
}



/*** HOME PAGE ***/

/* diagonal background */
body.home #divbody {
  padding: 12px 18px;
  min-height: 566px;
  background-image: url(/~dkroy/img/home/diagonaltile.gif);
  background-repeat: repeat;
}
/* page title */
body.home #divpagetitle {
  margin: 0px 3px;
  background-image: url(/~dkroy/img/titles/bkg/home.png);
}
/* flash area */
body.home #divbody #divflash {
  width: 840px;
  height: 362px;
}
/* text */
body.home #divbody p.text {
  margin: 0px;
  padding: 10px 3px;
  font-size: 18px;
  line-height: 120%;
  color: #4c3509;
}
body.home #divbody p.textintro {
  margin: 0px;
  padding: 10px 3px;
  font-size: 24px;
  line-height: 120%;
  color: #4c3509;
}
/* image */
body.home #divbody p.image {
  margin: 0px;
  line-height: 100%;
}
body.home #divbody p.bottomtext {
  margin: 0px;
  padding: 20px 3px;
  font-size: 18px;
  line-height: 120%;
  color: #a59c8b;
}
body.home #divbody p.bottomtextfollow {
  margin: 0px;
  padding: 0px 3px;
  font-size: 18px;
  line-height: 120%;
  color: #a59c8b;
}
body.home #divbody a:link {
  color: #4c3509;
  text-decoration: none;
}
body.home #divbody a:visited {
  color: #4c3509;
  text-decoration: none;
}
body.home #divbody a:hover {
  color: #4c3509;
  text-decoration: none;
}

/*** RESEARCH ***/

/* width is 814px */
body.research #divtext {
  padding: 10px 10px 40px 10px;
}
/* column layout */
body.research #divleftcolumn {
  float: left;
  width: 313px;
  margin-right: 5px;
  position: relative;
}
body.research #divcentercolumn {
  float: left;
  width: 212px;
  margin-right: 2px;
}
body.research #divrightcolumn {
  float: left;
  width: 282px;
  padding-top: 184px;
}

/* left column */
body.research #divleftcolumn div.feature {
  position: absolute;
  left: 0px;
  top: 0px;
  display: none;
}
body.research #divleftcolumn div.feature p.photo {
  line-height: 100%;
  margin-bottom: 3px;
}
body.research #divleftcolumn div.feature div.text {
  padding: 10px 20px 10px 10px;
  background-color: #ededed;
}
body.research #divleftcolumn div.feature div.text h2,
body.research #divleftcolumn div.feature div.text h3,
body.research #divleftcolumn div.feature div.text p {
  color: #4c4c4c;
}
body.research #divleftcolumn div.feature div.text a,
body.research #divleftcolumn div.feature div.text a:link,
body.research #divleftcolumn div.feature div.text a:visited {
  color: #4c4c4c;
}
body.research #divleftcolumn div.feature div.text a:hover {
  color: #000000;
}
/* center column */
body.research #divcentercolumn div {
  float: left;
  width: 103px;
  margin-right: 3px;
  margin-bottom: 3px;
}
/* right column */
body.research #divrightcolumn h2 {
  padding: 6px 10px 6px 14px;
  margin-bottom: 0.45em;
  background-color: #73785e;
}
body.research #divrightcolumn ul {
  margin: 0px 0px 1.0em 0px;
  padding: 0px;
  list-style: none;
}
body.research #divrightcolumn ul li {
  padding-left: 14px;
  background-image: url(/~dkroy/img/aquabullet.gif);
  background-position: 6px 5px;
  background-repeat: no-repeat;
  margin-bottom: 3px;
}



/*** RESEARCH PROJECT ***/

/* width is 814px */
body.project #divtext {
  padding: 10px 10px 40px 10px;
}
/* column layout */
body.project #divleftcolumn {
  float: left;
  width: 313px;
  margin-right: 10px;
  position: relative;
}
body.project #divcentercolumn {
  float: left;
  width: 321px;
  padding-right: 170px;
}

/* return link */
body.project #divreturn {
  position: absolute;
  right: 0px;
  top: 14px;
  width: 164px;
  text-align: right;
}
body.project #divreturn a {
  padding: 6px 30px 6px 10px;
  background-image: url(/~dkroy/img/backbutton.gif);
  background-position: right 50%;
  background-repeat: no-repeat;
  background-color: #ffffff;
}
body.project #divreturn a,
body.project #divreturn a:link,
body.project #divreturn a:visited {
  color: #4c4c4c;
  text-decoration: none;
}
body.project #divreturn a:hover {
  color: #4c4c4c;
  text-decoration: underline;
}

/* left column */
body.project #divleftcolumn p.photo {
  padding: 0px;
  margin-bottom: 20px;
  line-height: 100%;
}
body.project #divleftcolumn h2 {
  padding: 5px 5px 4px 5px;
  margin-bottom: 4px;
  font-weight: normal;
  background-color: #11a6d1;
  background-image: url(/~dkroy/img/playbutton.gif);
  background-position: 4em 50%;
  background-repeat: no-repeat;
}
body.project #divleftcolumn p {
  padding: 6px 5px 6px 5px;
}
body.project #divleftcolumn p.graybox {
  margin-bottom: 2px;
  background-color: #656565;
  margin-bottom: 8px;
}

/* center column */
body.project #divcentercolumn h2 {
  font-size: 1.17em;
  margin-bottom: 2.0em;
}
/* has a left border */
body.project #divcentercolumn p.leftbordered {
  border-left: 1px solid #a6a6a6;
  padding-left: 10px;
}
/* floats out to right column but has a left border */
body.project #divcentercolumn p.leftborderedsidebar {
  border-left: 1px solid #a6a6a6;
  padding-left: 10px;
  width: 143px;
  float: right;
  margin-right: -170px;
  display: inline;
}
/* publications box */
body.project #divcentercolumn #divpublications {
  margin: 0px 0px 0px -10px;
  padding: 0px 10px 10px 10px;
  width: 321px;
  background-color: #303030;
}
body.project #divcentercolumn #divpublications h2 {
  font-size: 1.00em;
  margin: 0px -10px 0.85em -10px;
  padding: 10px 10px 10px 10px;
  background-color: #000000;
}



/*** TEACHING ***/

/* text width is 588px */
body.teaching #divtext {
  padding: 38px 84px 40px 162px;
}
body.teaching #divtext p.leftsidebar {
  float: left;
  width: 142px;
  margin-left: -152px;
  margin-top: 3px;
}
body.teaching #divtext h2 {
  margin: 0px -74px 0.55em -10px;
  padding: 0px;
}

body.teaching #divtext h2 a {
  display: block;
  padding: 6px 74px 6px 10px;
  width: 588px;
  min-height: 17px;
  background-image: url(/~dkroy/img/pinkarrow.gif);
  background-position: 646px 50%;
  background-repeat: no-repeat;
}
body.teaching #divtext h2 a,
body.teaching #divtext h2 a:link,
body.teaching #divtext h2 a:visited {
  text-decoration: none;
  background-color: #656565;
}
body.teaching #divtext h2 a:hover {
  text-decoration: none;
  background-color: #000000;
}
body.teaching #divtext h2.graybox {
  margin: 0px -44px 0.85em -10px;
  padding: 6px 44px 6px 10px;
  width: 618px;
}


/*** PUBLICATIONS ***/

/* text width is 618px */
body.publications #divtext {
  padding: 38px 54px 40px 162px;
}
body.publications #divtext h2.graybox {
  margin: 0px -44px 0.85em -10px;
  padding: 6px 44px 6px 10px;
  width: 618px;
}
body.publications #divtext div.hrule {
  border-top: 1px solid #828282;
  height: 16px;
  margin: 0px -44px 0px -10px;
  padding: 0px 44px 0px 10px;
  width: 618px;
}



/*** MEDIA ***/

/* text width is 618px */
body.media #divtext {
  padding: 38px 54px 40px 162px;
}
body.media #divtext p.leftsidebar {
  float: left;
  width: 142px;
  margin-left: -152px;
  margin-top: 3px;
  font-size: 0.92em;
}
body.media #divtext p.photo {
  margin-left: -10px;
}
body.media #divtext h2.graybox {
  margin: 0px -44px 0.85em -10px;
  padding: 6px 44px 6px 10px;
  width: 618px;
}



/*** SEMINARS ***/

/* text width is 814px */
body.seminars #divtext {
  padding: 48px 10px 40px 10px;
}
body.seminars #divtext h2 {
  padding-left: 262px;
  margin-bottom: 2.55em;
}
table.seminartable {
  border: none;
  border-spacing: 0px;
  margin: 1.00em 0px 0.75em 0px;
  padding: 0px;
}
table.seminartable td {
  border: none;
}
table.seminartable td.date {
  width: 210px;
  padding: 10px 26px 10px 26px;
}
table.seminartable td.title {
  width: 526px;
  padding: 10px 26px 10px 0px;
}
table.seminartable tr.even td {
  background-color: #656565;
}



/*** BIO ***/

/* text width is 588px */
body.bio #divtext {
  padding: 48px 84px 40px 162px;
}
body.bio #divtext p.leftphoto {
  float: left;
  width: 149px;
  margin-left: -162px;
}
body.bio #divtext p.graybox {
  margin: 0px -74px 4px -10px;
  padding: 6px 74px 6px 10px;
  width: 588px;
}
body.bio #divtext p.contactbox {
  min-height: 81px;
}


/*** ERROR ***/

body.error #divtext {
  padding: 48px 84px 40px 162px;
	min-height: 400px;
}