/*START UNDO HTML*/
/******************************************************************
(CC) 2004 Tantek Celik. Some Rights Reserved.
http://creativecommons.org/licenses/by/2.0
This style sheet is licensed under a Creative Commons License.
Purpose: undo some of the default styling of common (X)HTML browsers
******************************************************************/
/******************************************************************
remove the inconsistent (among browsers) default padding or margin
******************************************************************/
* { padding: 0; margin: 0; }
/******************************************************************
link underlines tend to make hypertext less readable, because
underlines obscure the shapes of the lower halves of words
******************************************************************/
a { text-decoration: none }
/******************************************************************
no list-markers by default, since lists are used more often for semantics
******************************************************************/
ul, ol { list-style: none }
/******************************************************************
avoid browser default inconsistent heading font-sizes
and pre/code too
******************************************************************/
h1,h2,h3,h4,h5,h6,pre,code { font-size: 1em; }
/******************************************************************
whoever thought blue linked image borders were a good idea?
******************************************************************/
a img, :link img, :visited img, :hover img { border: none }
/******************************************************************
de-italicize address
******************************************************************/
address { font-style: normal }
/*END UNDO HTML*/
/*****************************
Core Layout Structure
*****************************/
body{
margin: 0;
padding: 0;
background: #fff;
}
#page_container{
background: url(/images/main_background.gif) repeat-y 25% 0;
min-width: 500px;
max-width: 1400px;
margin: 3px;
border: #c93 solid 1px;
}
/****************************
Header elements
****************************/
#header{
border: 3px solid #c93;
background: #FFF;
clear: both;
}
#header p.message{
margin: 0;
padding: 10px;
background: #c93;
display: block;
}
/****************************
Content Container elements
****************************/
#page_body{
}
/****************************
Sidebar elements
****************************/
#sidebar_left{
float: left;
width: 25%;
padding: 0;
margin: 0;
}
#sidebar_left .gutter {
margin: 10px 14px;
}
/*****************************
Navigation Elements
*****************************/
ul#vert_nav{
list-style-type: none;
padding-left: 0;
margin-left: 0;
font-size: 85%;
}
ul#vert_nav ul{
list-style-type: none;
margin-left: 1.5em;
}
ul#vert_nav a{
display: block;
color: #c93;
text-decoration: none;
}
ul#vert_nav li{
line-height: 1.5em;
font-weight: bolder;
border-top: 1px solid #c93;
margin-top: 5px;
text-transform: uppercase;
}
ul#vert_nav li ul li{
font-weight: normal;
border: none;
margin: 0;
text-transform: none;
}
ul#vert_nav a:hover{
color: #ffe;
}
/****************************
One Column Content elements
****************************/
#primary_content{
margin-left: 25.5%;
}
#primary_content form p {
margin: 0 0 1.5em 0;
padding-left: 15px;
}
#primary_content form h4 {
margin: 0px;
padding: 0px;
}
#primary_content form table {
margin: 0 0 1.5em 15px;
}
#primary_content .gutter {
margin: 10px;
margin-bottom: 1em;
}
/****************************
Two Column Content elements
****************************/
#two_columns{
margin: 0;
padding: 0;
}
#clear_two_columns{
clear: both;
}
#equal_left{
float: left;
width: 46%;
margin: 0 .5em 0 0 ;
}
#equal_right{
float: right;
width: 46%;
margin: 0 0 0.5em;
}
/*Non-equal columns*/
#center_info{
float: left;
width: 68%;
margin: 0 .5em 0 0 ;
}
#rightside_info{
width: 25%;
float: right;
border: 1px solid #000;
padding: 1em;
font-size: 85%;
line-height: normal;
}
#rightside_info ul{
padding: 0;
margin: 0;
text-indent: 0;
}
#rightside_info li{
margin-left: 1em;
}
#rightside_info dt{
font-size: 110%;
margin: 0;
padding: 0;
}
#rightside_info dd{
font-size: 90%;
margin: 0;
padding: 0;
margin-bottom: 1em;
}
#rightside_info dd.image_plain img {
margin: .25em .25em 0 .25em;
padding: 4px;
border: 1px solid #333;
border-top-color: #ddd;
border-left-color: #ddd;
}
/****************************
General image layouts
****************************/
img.img_right{
float: right;
margin: 0 0 0 8px;
padding: 4px;
border: 1px solid #333;
border-top-color: #ddd;
border-top-width: 2px;
border-left-color: #ddd;
border-left-width: 2px;
}
img.img_left{
float: left;
margin: 0 8px 0 0;
padding: 4px;
border: 1px solid #333;
border-top-color: #ddd;
border-top-width: 2px;
border-left-color: #ddd;
border-left-width: 2px;
}
/****************************
General content layout
****************************/
.feature, .general {
padding: 0;
margin: 0;
}
.feature h1{
margin: .5em 0;
}
.feature h2, .general h2{
margin-top: 1.25em;
margin-bottom: .25em;
}
.feature p, .general p{
margin-bottom: .75em;
overflow: hidden;
}
.feature dl, .general dl{
padding: 0;
margin: 0;
}
.feature dt, .general dt{
margin: 0;
padding: 0;
}
.feature dd, .general dd{
margin: 0;
padding: 0;
display: inline-table;
}
.feature dd.img_left img, .general dd.img_left img{
}
.feature dd.img_right img, .general dd.img_right img{
}
.feature dl:after, .general dl:after{
content: ".";
display: block;
height: 0;
clear: both;
visibility: visible;
}
.general ul{
list-style-type: square;
margin: 0 1em;
margin-left:1.5em;
text-indent:0;
margin-bottom: 1em;
padding: 0;
}
.general ol{
margin: 0 1em;
margin-left:1.8em;
text-indent:0;
margin-bottom: 1em;
padding: 0;
}
.general li{
margin: 0 1em;
padding: 0;
}
.general li ul{
list-style-type: circle;
margin: 0;
padding: 0;
}
.general li li{
margin: 0;
margin-left:2em;
text-indent:-1em;
padding: 0;
}
/****************************
Faculty Listings
****************************/
#faculty_container{
display: inline-table;
}
.faculty_group {
margin: 0;
padding: 0;
clear: both;
}
.faculty_group h2{
margin: 0;
padding: 0;
}
.faculty_group .faculty{
float: left;
width: 170px;
height: 250px;
margin: .75em;
}
.faculty_group .faculty p{
margin: 0;
padding: 0;
text-align: center;
}
.faculty_group .pioneers{
float: left;
width: 28%;
height: auto;
margin: .5em;
}
.faculty_group .pioneers p{
margin: 0;
margin-bottom: .5em;
padding: 0;
text-align: center;
}
/****************************
Article/Document Listing Links
****************************/
.articles dl{
margin: 15px 0;
padding: 15px;
}
.articles dl:after{
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.articles dt{
margin: 0 0 .1em 0;
font-size: 100%;
font-weight: bold;
padding: 0;
padding-top: 1em;
line-height: 1em;
}
.articles dd.image_left img {
float: left;
margin: 0 8px 4px 0;
padding: 4px;
border: 1px solid #333;
border-top-color: #ddd;
border-left-color: #ddd;
}
.articles dd.image_right img {
float: right;
margin: 0 0 4px 8px;
padding: 4px;
border: 1px solid #333;
border-top-color: #ddd;
border-left-color: #ddd;
}
.articles dd{
font-size: 90%;
line-height: 1em;
margin: 0px;
padding: 0px;
padding-left: 2em;
}
/****************************
Footer elements
****************************/
#footer{
clear: both;
background: #fff;
border-top: #c93 solid 1px;
}
#footer p{
margin: 0;
padding: 10px;
}
/*************************************
General Font Size Definitions
*************************************/
h1 { font-size: 180%; }
h2 { font-size: 160%; }
h3 { font-size: 140%; }
h4 { font-size: 130%; }
h5 { font-size: 120%; }
h6 { font-size: 110%; }
body {
font-size: medium;
font-family:"Times New Roman", Times, serif;
color: #000;
}
#header .title{
text-align: center;
}
#header p.message{
font-size: 115%;
font-weight: bolder;
font-style: italic;
text-align: center;
}
#primary_content a:link, #primary_content a:visited, #primary_content a:active {
color: #00A;
font-weight: bolder;
}
#primary_content a:hover{
font-weight: bold;
color: #c93;
text-decoration: underline;
}
.feature{
font-size: 90%;
}
.feature p{
line-height: 1.5em;
}
.feature h1{
letter-spacing: 3px;
}
.feature h2{
letter-spacing: 2px;
}
.feature dt{
letter-spacing: 1px;
}
.feature dd{
line-height: 1.5em;
}
.general{
font-size: 85%;
}
.general p{
line-height: 1.5em;
}
.general h2{
letter-spacing: 1px;
}
.general dt{
letter-spacing: 1px;
}
.general dd{
line-height: 1.5em;
}
#footer{
text-transform: uppercase;
}
#footer p{
font-size: 65%;
color: #c93;
font-weight: bold;
}
#footer a:link, #footer a:visited, #footer a:active {
color: #c93;
text-decoration: none;
}
#footer a:hover{
color: #666;
text-decoration: underline;
}