/**
* CSS
* 
* @version 1.0
* @author Vaska 
* @author Gregory Cadars
*/

* {margin: 0;padding: 0;}
body, html {height:99%;}
body {border-top:1px solid #ddd;font-size:10px;font-family: Georgia, Arial;background-color: #fff;}

body.section-1 #menu ul li.active a {color:grey;}
body.section-1 p a {color:grey;}

/* -------- People */
body.section-5 #menu ul li.active a {color:grey;}
body.section-5 p a {color:grey;text-decoration:underline;}
body.section-5 .container h2:before {content:'People / ';}

/* -------- At Large */
body.section-2 #menu ul li.active a {color:#06f;}
body.section-2 p a {color:#06f;}

/* -------- Dominos */
body.section-6 #menu ul li.active a {color:#00a40c;}
body.section-6 p a {color:#00a40c;}

/* -------- Heather Lang */
body.section-7 #menu ul li.active a {color:#f02;}
body.section-7 p a {color:#f02;}

/* -------- Big Girls Do Big THings */
body.section-8 #menu ul li.active a {color:#800000;}
body.section-8 p a {color:#800000;}

/* -------- Eleanor */
body.section-10 #menu ul li.active a {color:#60BF00;}
body.section-10 p a {color:#60BF00;}

/* -------- Newest Age */
body.section-11 #menu ul li.active a {color:#805675;}
body.section-11 p a {color:#805675;}



a { color:#666; text-decoration:none;}
a:hover{color:#000;}
a img { border: none; }

#menu {
	border-right:1px solid #ddd;
    width: 180px;
/*  overflow: auto; */
    top: 14px;
	left: 12px;
    position: fixed;
    height: 95%;
}

#content {
    height: 96%;
    margin: 0 12px 0 210px;
	padding-top:13px;
}

.container {
    padding: 0 5px 25px 5px;
}

#content .container {width:40em;}
#content p { line-height:1.4em; margin: 0 0 1.2em 0; }
#content p em {}

p {font-size:1.4em;line-height:1.3em;}
p a {text-decoration:none;}
p a:hover {color:#000;text-decoration:underline;}
p small {line-height:1.3em;}
p strong {text-shadow:0 0 #fff;}

.lettr {float:left;font-size:260%;line-height:1;padding:;margin:0 .2em 0 0; color:#000;}
p.nav {font-size:1.1em;}
div.line {padding:.2em 0 0 0;margin:0 .2em 1.2em 0;border-bottom:1px dotted #ddd;}
.gris {color:#666;} .gris a {color:#000;text-decoration:underline;}

h1, h2 {font-family:'Helvetica Neue',Arial;font-size: 1.6em;margin:0 0 .9em 0;}

h1 a {color:#000;text-shadow:.1em .1em #ddd;} 
h1 a:hover {color:#666;}

h2 {color:#bbb;text-shadow:0 0 #fff;}
h3 {padding:0 0 .5em 0;font-family:'Helvetica Neue',Arial;font-size: 1.3em;}
h3 span {line-height:1.6em;color:#666;font-weight:normal;font-family: Georgia, Arial;font-size:.85em;}


#menu ul {line-height:1.3em;font-size:1.2em;list-style:none;margin: 0 0 1.2em 0;}
#menu ul li.section-title {
	padding:0 .2em .2em 0;margin:0 0 .35em 0;display:table-cell; /* for FF */
	font-size:1em;border-bottom:2px solid #000;display:inline-block;
	font-family:'Helvetica Neue',Arial;font-weight:bold;max-width:10em;}
#menu ul li a {text-decoration:none;}
#menu ul li a:hover {text-decoration:underline;}

#img-container	{margin: 0; padding: 0; }
#img-container p {width: 400px; margin: 0; padding: 0 0 12px 0; }

.cl {clear:both;height:1px;}
#once {clear:left;}

/* Thickbox plugin */
.larger {width:100%;}
.thickcont {margin:0 2em 2.2em 0;float:left;}
a.thickbox {border: none; }
.thickbox img {width:42px; height:42px;}
.thickbox img:hover {}
.thickcont:hover {}

/* Backgrounded plugin */

.backgrounded {float:left;margin:.2em 2em 2.2em 0;}
.backgrounded a { border: none; }
.backgrounded img {}
.backgrounded a img {height: 42px; width: 42px; opacity:.2; filter:alpha(opacity=20); -moz-opacity:0.2;}
.backgrounded a:hover img {opacity:1;filter:alpha(opacity=99); -moz-opacity:1;}
#backgrounded-text { float:left;}
#backgrounded-ftext	{float:left;width:21em;margin:0 2em 0 0;}

/* Icons for link types */

a[href$='.mp3'], a[href$='.mid'], a[href$='.m4a'] {
display:inline-block;
line-height:1;
padding-left:17px;
background:transparent url(../img/mp3.gif) center left no-repeat;
}

a[href$='.txt'], a[href$='.rtf'] {
display:inline-block;
line-height:1;
padding-left:17px;
background:transparent url(../img/txt.gif) center left no-repeat;
}