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

/* --------------Metadata---------------- 
Filename: layout.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.
---------------------------------------*/

/* ------------Sample Glossary----------- 
Main Purple: #50017C 
Lighter Purple: #732799 
Accent Orange: #ff8800 
Accent Green: #99cc00 
Accent Blue: #6699cc 
Beige: #A5A48C 
âLight Beige: #C7C3B3 
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 { 
font-size:62.5%; 
min-width: 850px;	/* Minimum width prevents menu crumpling */
} 


/* ------------------------
 Container
-------------------------*/

#container {
width: 95%;		/* Original */
margin: 4em auto; /* Original */

 /* Larger Content */
 width: 97%;		/* H. width */
 margin: 1.25em auto;	/* V. Padding, Centered */

 /* Smaller */
 width: 93%;		/* H. width */
 margin: 2em auto;	/* V. Padding, Centered */

padding-bottom: 4em;
}

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

#header {
padding-top: 5em;
padding-top: 7em;		/* TEST: Spacing for hidden name */
}

#name {
display: none;			/* TEST */
}

img.n_letters {		/* Hide if not IE; display via hacks.css */
display: none;
margin-bottom: 12px;
}

img.name {
position: relative;
top: -.8em;
height: 40px;
}

img.letters {
position: relative;
top: -1.4em;
padding-right: 3.6em;
height: 35px;
}

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

#menu {
/* padding-left: 3em; */

/* Aligns menu horizontally with left edge of content */
   padding-left: 24px;
   padding-left: 12px;
}

.clear {
clear: both;
}

.clear_1 {
clear: right;
}

/* ------------------------
 Content
-------------------------*/

#r_column {
float: right;
width: 43%;
}

#l_column {
padding-right: 30px;
width: 43%;
}

#content {
width: 90%;
float: left;
padding: 3em 4em;	/* v. margins: 3em; h. margins: 4em */
padding: 3em 4%;
border: 1px solid #999;
margin: 2em;
margin-left: .5em; /* TEST */

min-height: 400px;

/* Moves content up to touch menu */
margin-top: 0;
margin-top: -12px;
}


.heading {
}

.ID p {
 border: 1px solid silver;
 margin-left: 30%;
 margin-right: 30%;
}

.section {
 margin-left: 25%;
 margin-right: 25%;
}

.section_title {
float: left;
}

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

#footer {
clear: both;
text-align: center;
}


/* ------------------------
 General
-------------------------*/

img.brain {
float: left;
height: 90px;
margin-top: 0px;
margin-left: 38px;
margin-left: 25px;
}

img.brain_diag {
float: right;
margin-top: 2em;
width: 375px;
}

/* ------ Image Box ------ */

.image_box, img.brain_diag {
padding: 2px;
border: 1px solid #333;
background: #999;
background: #4682B4; /* steelblue */
margin-left: 2em;
}

.h_brain {
margin-right: 2.5em;
}

.image_box img {
border: 1px solid #000;
}

iframe {	/* For Google Map */
padding-left: 1em;
}

.f_right {
float: right;
}

.f_left {
float: left;
}

/* ------ Link Box ------ */

.linkbox {
max-width: 50em;
margin-top: 2em;
margin-bottom: 1em;
margin-left: 1em;
margin-right: 6em;
padding: 0 2em;
padding-bottom: 1em;
border: 1px solid #999;
margin: 0;
/* float: right; */
}

/* TEST: Sticky note */
.linkbox {
border: 1px outset #999;
padding-left: 1em;
padding-bottom: 2em;
}

/* Top Right Location */

.linkbox {
margin-top: -7em;
margin-right: -2em;
margin-bottom: 1em;
padding-bottom: 1em;
}

.linkbox ul {
margin: 0; padding: 0;
margin-top: .5em;
}

.linkbox ul li {
margin-left: -1em;
}