/* stylesheet for cineflux */

body {background: #413f4a url(images/stripes-dark.jpg); color: #000; font-family: Verdana, Arial, sans-serif; text-align: center; margin: 0;}

a {text-decoration: underline;}
a:link,a:visited {color: #5050a0;}
a:hover,a:active {color: #fff;}
a img {border: none;}
.anchor {font-size: 0; height: 0; clear: both;}

div {position: relative; text-align: left; border: 0px white dotted;}
#nscad-wrapper-2 {width: 100%; margin-bottom: 12px; text-align: center; background: #625166 url(images/stripes-grey.jpg);}
#nscad-wrapper {width: 810px; margin: auto; text-align: center; background: url(images/flare-grey.jpg) repeat-y;}
#nscad {width: 760px; height: 50px; margin-left: auto; margin-right: auto; padding: 0; background: #88888d;}
#head {width: 760px; height: 85px; margin: 0px auto; color: #fff;}
#screen-wrapper-2 {width: 100%; margin-bottom: 30px; text-align: center; background: #625166 url(images/stripes-blue.jpg);}
#screen-wrapper {width: 810px; margin: auto; text-align: center; background: url(images/flare-blue.jpg) repeat-y;}
#screen {width: 760px; height: 280px; margin-left: auto; margin-right: auto; padding: 0; background: #636188;}
#body-wrapper-2 {width: 100%; margin-bottom: 30px; margin-top: 15px; text-align: center; background: #625166 url(images/stripes-pink.jpg);}
#body-wrapper {width: 810px; margin: auto; text-align: center; background: url(images/flare-pink.jpg) repeat-y;}
#body {width: 720px; margin-left: auto; margin-right: auto; font-size: 0.9em; background-color: #b381ac; padding: 1.5em 20px; border: 10px #5e3d59 solid; border-left: 0; border-right: 0;}


/* head */
#logo-cineflux {position: absolute; top: 0px; left: 5px; z-index: 10;} /* left: 93px; */
#logo-nscad {position: absolute; top: 0; left: 0;}
#byline {position: absolute; top: 15px; right: 5px; width: 340px; color: #eee; text-align: right; line-height: 1.4em; margin: 0;}


/* body */
#body h4, #body p {line-height: 1.25em;}
#bodytabs {position: absolute; top: -1.3em; left: 20px; list-style: none; margin: 0; padding: 0;}
#bodytabs li {display: inline; margin: 0px 4px 0px 0px; padding: 0px 0px 2px 10px; background: url(images/tab-left.gif) left top no-repeat; /*border: 1px black solid;*/}
#bodytabs li.selected {color: #000; background: url(images/tab-left-selected.gif) left top no-repeat;}
#bodytabs li span {background: url(images/tab-right.gif) right top no-repeat; padding: 0px 13px 2px 4px;} /* padding-bottom here must be the same as #bodytabs li above (2px) */
#bodytabs li.selected span {background: url(images/tab-right-selected.gif) right top no-repeat;}

#bodytabs a:link, #bodytabs a:visited {color: #333; text-decoration: none;}
#bodytabs a:hover, #bodytabs a:active {color: #fff; text-decoration: none;}
#bodytabs li.selected a {cursor: default;}
#bodytabs li.selected a:link, #bodytabs li.selected a:visited {color: #333;}

.photo {float: right; margin: 0px 0px 14px 14px; border: 2px #92648c solid;}
.photoparagraph {clear: both; margin: 0;}
.large-photo {border: 2px #92648c solid;}


/* researchers */
.researcher-name {float: left; width: 150px; margin-top: 0; margin-bottom: 2em;}
.researcher-text {float: right; width: 550px; margin-top: 0; margin-bottom: 2em;}
.researcher-photo {border: 2px #92648c solid;}