@import url("initial.css");
@import url("hacks.css");

/* --------------Metadata---------------- 
Filename: basic.css 
Title : Primary CSS file
Author : Laura Zimmerman, lmzimmerman@world.oberlin.edu
URL :
License: Copyright 2007, Laura Zimmerman, All Rights Reserved. 
Description : This base style sheet imports other style sheets
and provides basic styling for XHTML elements.
--------------------------------------- */ 

/* ------Sample Comment Openers----------
TODO: Works, but needs further styling.
BUG: Doesn't work properly.
KLUDGE: Workaround, could use adjustment.
---------------------------------------*/

/* ------------Glossary----------- 
Colors:
	#4169E1 { Royal Blue }
	#00008B { Dark Blue }
	#4682B4 { Steel Blue }
        #B0C4DE { Light Steel Blue }

Serif fonts: Georgia, "Times New Roman", serif 
Sans-serif fonts: Verdana, Arial, Helvetica, sans-serif 
---------------------------------------- */ 

/* ---------Text-sizing hack-------
(included here rather than in hacks.css, for its ubiquity of use)
100 percent is equal to 1 em. Now that 1 em is 10 pixels,
our math becomes very easy: 1 em is 10 pixels, .8 em is
8 pixels, 1.4 em is 14 pixels, and so on.
--------------------------------- */


/* ------------------------
Body
-------------------------*/

body { 
font-size:62.5%; 
line-height: 0.5cm;
margin:0px 20px;  /* vertical / horizontal */
padding:0;                  
text-align:center;
font-family: Verdana, Arial, Helvetica, sans-serif;
background: #00008B;
min-width: 800px;
}

body a:link {
color: #00008B;
}

body a:visited {
color: #4682B4;
}

/* Determines current highlighted link */

body#home a#homenav,
body#r-space a#rspacenav,
body#services a#servicesnav {
color: #000000;
}

/* --- Small Right Column on Main Page --- */

body#home #content-inner {width: 68%; padding-left: 1.5em; }
body#home #right { min-height: 0; }


/* --- Two Columns (Left and Main) --- */
body#resume #content-inner,
body#services #content-inner, {width: 65%; }


/* ------------------------
Wrapper (Border of Page,
	without Background)
-------------------------*/

#wrapper {
background-color: white;
width: 100%;
text-align:left; 
border:1px solid #000; 
position:relative;
font-size:1.4em;
}

/* ------------------------
Header
-------------------------*/

#header { 
margin: 0; padding: 0;
text-align: left;
background-color: white;
background-image: url(../images/header.jpg);
border-bottom: solid #00008B 3px;
padding-top: 20px;
width: 100%;
}

/* ---  Header Text --- */

#title {
color: #00008B;
padding-top: .8em;
padding-left: 50%;
}

/* --- Logo --- */

#logo {
float: left;
margin-left: 5%;
margin-bottom: .3em;
width: 80px; height: 64px;  /* height of image */
background-image: url('../images/logo_trans.png');

}


/* --- Header Tags --- */

h1 { 
padding:0; 
margin:0; 
} 

h2#blue { margin: 0; color: #00008B; line-height: 1.3em;}

body#services h2#blue { color: #00008B; float:none; }

	
/* -----------------------
Sub-Head
  (Second Section: Headline
  and Navigation Menu)
------------------------*/

#subhead {
float: left;
margin: 0; padding: 0;
width: 100%;
}

#subhead h2 {
padding-left: 1.5em;
}

#subhead h3 { padding-left: 9em; }

.cv_head {
padding-left: 24em;
font-style: italic;
margin-top: -12px;
font-size: .8em;
}


/* -----------------------
Side-Nav
(Navigation Menu, Right
 of Headline in Sub-Head)
------------------------*/

/* Padding in ul provides space to right;
background of #side-nav gives it color. */

#side-nav {
float: right; .float: none;/* IE HACK - ALLOWS FLOAT */
color: #FFFFFF;
}


/*----------------------
Tab Menu
----------------------*/

#Menu {
float: right; text-align: right;
font-family: Arial, sans-serif;
}

#Menu ul {
text-align: right;
margin: 0;
}
 
#Menu li {
display: inline; float: left;
margin: 0;
.margin-left: -3px; /* HACK: Removes Gap in IE */
}

#Menu li a {
float: left;
font-weight: bold;
text-decoration: none;
padding: 1px 10px 4px 10px;
.padding-bottom: 3px;
height: 19px;
color: #FFFFFF;
border-left: solid black 1px;
background-color: #4682B4;
}

#Menu li img {
background-color: #4682B4;
width: 60px;
height: 24px;
.height: 23px;
}

#Menu li a:hover {
color: #000000;
}

#Menu ul li a#current {
color: white;
}

/* ------------------------
Content-Wrapper
  (Contains Content in
   Right two Columns)
-------------------------*/

#content-wrapper { 
padding-left: 0px;
width: 100%;
background-color: white;
}


/* ------------------------
Content-Inner
	(Main Content,
	Center Column)
-------------------------*/

#content-inner {
float: left;
text-align: left;
font-family: Georgia;
background-color: white;
padding-left: 1.3em;
width: 68%;
}

#content-inner p {padding-left: 1em; }


/* ------------------------
Left Column
-------------------------*/

#left { 
float: left;
padding-left: 20px;
padding-left: 26px;
background-color: white;
width: 24%;
}

#left p {
font-family: Georgia;
}

#left hr {
color: #6495ED; background-color: #6495ED;
height: 2px;
width: 80%;
text-align: right;
}

/* ------------------------
Right Column
	(Contained in
	Content-Wrapper)
-------------------------*/

#right h2 { font-family: Georgia; }

#right {
float: right;
text-align: left;
padding-left: .5em;
width: 33%;
background-color: white;
} 

body#r-space #right { min-height: 550px; }

/*---------------------
Service List
---------------------*/
#service_list {
width: 63%;
margin-top: 1.3em; margin-bottom: 1.3em;
padding: 1.2em; padding-bottom: .8em;
line-height: .8em;
border: 1px solid black;
}

#service_list h3 {
margin-left: 2em;
font-size: 1.1em;
}

#service_list h3 a {
line-height: 1.5em;
}

body#services h3 a { font-size: 1em; }

#service_list h2 {
margin-top: -.3em;
}

.section {
padding: 1em;
background-image: url('../images/border_left.gif');
background-repeat: repeat-y;
}

.section li {
line-height: 1.4em;
}

.sec_right {
background-image: url('../images/border_right.gif');
}

/* --------
Publications
---------*/

#publications {
width: 72%;
text-align: left
}

#publications ul {
list-style: circle;
margin-left: 2.3em;
}

/* ------------------------
Text (Styles)
-------------------------*/

.nobreak {
white-space: nowrap;
}

.quote {
font-family: Georgia;
font-style: italic;
}

.little {
font-size: .7em;
text-align: center;
}

sup { font-size: .7em; }

.indented { padding-left: 2em }

.center {
text-align: center;
}

.clear {
clear:both;
margin-top:-1px;
height:1px;
overflow:hidden;
}

.blue { color: #00008B; }

/* ------------------------
Imagery (Styles)
-------------------------*/

#black { background-color: black; }

.right { float: right; }

.left  { float: left; }

.menuleft { float: left; }

/* ------------------------
Lists
-------------------------*/

#product-service{	/* All pages, "Products and Services" list */
  line-height: 1.2em;
}

.indentlist {		/* Index page, "High-Precision" */
  padding-left: 1em;
  line-height: 1em;
}

#etymotic {
  padding-left: 1em;
  margin-top: .6em;
}

.deepindent {
  padding-left: 3em;
  line-height: 1em;
}


ul { list-style: none; }
li { margin: .5em 0; }

#papers li {margin: 1.3em 0; }

body#resume #content-inner ul {
list-style: none;
padding-left: 2em;
padding-left: 1em;
margin-bottom: 2em;
}

body#resume .section {
margin: 0;
padding: 0 1em;
 padding-left: 2em;
}

ul.small_list {
font-size: .9em;
margin-left: .3em; 
list-style: circle; 
padding-left: 1em;
}

/* ul ul { list-style: disc; } */

/* ------------------------
Pre-Footer
-------------------------*/

#pre-footer {
padding: 10px 0px;
text-align: center;
clear:both;
color:black;
width: 100%;
}


/* ------------------------
Footer
-------------------------*/

#footer { 
padding: 10px 0px; /* Add to width, 2x */
text-align: center;
clear:both; 
background: #D9FFF8;
border-top: solid #00008B 1px;
color:black;
width: 100%;
}