@charset "utf-8";
/* CSS Document */

/***************** Main **************/
* {font-size: 100%; padding: 0; margin: 0;}/*don't change this*/
body{font:0.75em Verdana, Geneva, sans-serif; margin:0; padding:0; color:#333; background-color:#343333; text-align:center; min-height:100%;}
#container{margin:1% auto 0 auto; width:983px; position:relative; text-align:left; background:#fff url(../images/container-repeat.jpg) repeat-y;}/*centers main content*/
#content{width:860px; padding:0; margin:0 0 10px 60px; color:#333; background-color:#fcf8f8; float:left;}
#minheight {height:500px; width:1px; float:right;}/*the minimum height div forces the container to expand to fit the height of this element. It is a cross-platform solution to the minimum height demand*/ 
.clear {clear:both;}

/***************** Columns *****************/
#leftcolumn{float:left; width:332px; padding:0 40px 0 0; background: url(../images/left-column-repeat.jpg) repeat-y;}
.top{ background:url(../images/left-column-background.jpg) no-repeat; width:332px; height:133px;}
#leftcolumncontent{padding:0 0 0 25px; margin:-130px 0 0 0; width:280px;}
#leftcolumncontent ul li{margin-left:20px; list-style-type:none; padding-bottom:4px;}

#maincolumn{float:right; width:480px;}

/***************** Lists *****************/
ul.redarrow li{ list-style-image:url(../images/red-arrow.jpg); line-height:2em; font-weight:bold; margin-left:20px; font-size:.9em;}

/***************** Headers *****************/
h1 {font-size: 1.8em; font-weight:bold; color:#000;}
h2 {font-size: 1.5em; }
h3 {font-size: 1.33em; }

/***************** Basic Links *****************/
a{outline: none;}
a:link{color:#840303; text-decoration:none;}
a:visited{color:#777575; text-decoration:underline;}
a:hover{color:#000; text-decoration:underline;}

/***************** Image Format *****************/
a img {border:none;}
.floatright{float:right;}

/***************** Menu *****************/
#menu {height:26px; padding:0; position:absolute; z-index:100; top:139px; left:290px;}
#menu ul {float:left; margin:0; padding:0; list-style:none;}
#menu ul li {display:block; float:left; margin:0; padding:0; text-transform:uppercase; font-size:1.2em;}
#menu ul li a {margin:0; height:24px; display:block; float:left; text-decoration:none; color:#bcbaba; padding:0;}
#menu ul li a.active, #menu ul li a:hover{color:#fff;}

/* Home */
#menu ul li a#home {width:59px; background: url(../images/nav-home.jpg) no-repeat; padding:4px 0 0 21px; }
#menu ul li a#home.active, #menu ul li a#home:hover {background: url(../images/nav-home-over.jpg) no-repeat;}

/* Articles */
#menu ul li a#articles {width:86px; background: url(../images/nav-articles.jpg) no-repeat; padding:4px 0 0 16px;}
#menu ul li a#articles.active, #menu ul li a#articles:hover {background: url(../images/nav-articles-over.jpg) no-repeat;}

/* Bio */
#menu ul li a#bio {width:46px; background: url(../images/nav-bio.jpg) no-repeat; padding:4px 0 0 18px;}
#menu ul li a#bio.active, #menu ul li a#bio:hover {background: url(../images/nav-bio-over.jpg) no-repeat;}

/* Photo Albums */
#menu ul li a#albums {width:133px; background: url(../images/nav-albums.jpg) no-repeat; padding:4px 0 0 14px; border-right:1px solid #999;}
#menu ul li a#albums.active, #menu ul li a#albums:hover {background: url(../images/nav-albums-over.jpg) no-repeat;}

/* Article and Book Recommendations */
#menu ul li a#rec {width:300px; background: url(../images/nav-recommendations.jpg) no-repeat; padding:4px 0 0 14px;}
#menu ul li a#rec.active, #menu ul li a#rec:hover {background: url(../images/nav-recommendations-over.jpg) no-repeat;}

/***************** Footer *****************/
ul#footer {display:block; margin:0px auto; padding:0pt; width:970px;}
ul#footer li {display:inline; float:right; font-size:0.75em; list-style-image:none; list-style-position:outside;
list-style-type:none; padding:0px 10px 0px 0px;}
ul#footer li a:link, ul#footer li a:visited{color:#c9c9cb; text-decoration:underline;}
ul#footer li a:hover{color:#000; text-decoration:underline;}
ul#footer li.copyright {background-image:none; float:left; padding:0pt; color:#fff;}
ul#footer li.footeremail {margin:0px; padding:0px;}

/***************** Credit *****************/
div#credit {clear:both; font-size:0.7em; padding:70px 0pt 20px; text-align:center;}
#credit a:link, #credit a:visited {color:#fff; text-decoration:none;}
#credit a:hover {color:#fff; text-decoration:none;}