/*********************************
 * JonahEllison.com -- Fall 2007
 *********************************/

body { margin:0px; background:#222; font-family:Arial; font-size:13px; }
a { color:#2075A6; text-decoration:none; }
a:hover { color:#333;}

/* Page title header */
h1 { font: normal 20px Arial Black; color:#333; margin:0px; margin-bottom:0.7em; letter-spacing:2px; }

/* bold header with underline */
h3 { font: bold 14px Arial; color:#444; text-transform:lowercase; letter-spacing:4px; border-bottom:1px solid #ccc;
	 margin:0px; padding-bottom:4px; margin-bottom:6px; margin-top:15px; }

h4 { margin-bottom:0px; margin-top:8px; font-size:12px; }

ul { margin-top:0.5em; margin-bottom:0.5em; margin-left:1.5em; padding-left:0px; list-style-type:square; }
li { padding-bottom:0.5em; }

fieldset { border:1px solid #888; border-right:2px solid #555; border-bottom:2px solid #555; padding:15px 20px; }
legend.faded { font-weight:bold; color:#333;  }

.clear { clear:both; font-size:1px; }
.u { text-decoration:underline; }
.right { text-align:right; }

/******************
 * Page Layout
 ******************/
#containerOverflow { overflow:hidden; }
#container { margin:0px auto; width:770px; background:#fff; }

#header { margin:0px auto; width:878px; height:96px; margin:0px -54px; background:url(images/v5_header.jpg) no-repeat; }

#contentHolder { background:url(images/v5_side.gif) repeat-y; width:878px; margin:0px -54px; padding-bottom:1em;}
#content { background:#fff; font-family:verdana; width:740px; margin-left:70px; }

#contentText { line-height:1.5em; }
#contentText p { margin:0px; margin-top:1em; padding:0px; }

.forceWidth { width:770px;font-size:1px;height:10px; }
#web { position:absolute; }

/******************
 * NAV: Header
 ******************/
#navHeader { position:relative; padding-top:69px; padding-left:72px; }
#navHeader a { font-family:verdana; font-size:13px; font-weight:bold; color:#999; text-decoration:none; padding:0px 10px; }
#navHeader a:hover { color:#ddd; border-bottom:0px; }
#navHeader a.active, #navHeader a.active:hover { color:#fff; border-bottom:0px; }

/* Logo home link */
#homeHref { position:absolute; z-index:1;}
#homeHref a { display:block; width:400px; height:30px; margin-top:15px; margin-left:75px; -moz-outline:none; }
#homeHref a:hover { text-decoration:none; border:none; }

/******************
 * NAV: Footer
 ******************/
#footer { margin:0px auto; width:878px; height:95px; margin:0px -54px; background:#222 url(images/v5_footer.jpg) top left no-repeat; }
#navFooter { margin:0px auto; width:770px; font-family:arial; font-size:10px; color:#555; padding-top:65px; }
.subpage { padding-left:210px; }
#navFooter a { color:#555; }
#navFooter a:hover { border:0px; /*text-decoration:underline;*/ color:#888; }
#navFooter a.active:hover { text-decoration:none; }
#navFooter a.sitehistory { color:#888; font-weight:bold; }
#navFooter a.sitehistory:hover { color:#aaa; }
#navFooter .paddingHome { padding-left:100px; }
#navFooter .pipe { padding:0px 2px; color:#444 }

/******************
 * Homepage Content
 ******************/
#imageHolder { background:#000 url(images/pano.jpg) -760px no-repeat; height:160px; position:relative; width:770px; border-bottom:1px solid #333; margin-top:-5px; margin-left:-16px; }

#homeCaption { color:#555; width:580px; margin:0px auto; text-align:justify; white-space:nowrap; letter-spacing:1px; font-size:11px; margin-top:1em; }
.fadedSmall { color: #999; font-size:10px; }
#homeWelcome { position:relative; width:580px; margin:0px auto; padding:10px 0px; color:#111; text-align:justify; line-height:2em; font-size:20px; letter-spacing:3px; margin-bottom:-0.5em;}
#homeWelcome a:hover { border-bottom:1px solid #ccc; color:#000;}

#favlinks { font-size:12px; font-family:verdana; }
#favtitle { font-weight:bold; font-size:14px; letter-spacing:2px; color:#555; margin-bottom:0.5em; }

#favlinks div.favdesc,
#favlinks a { line-height:16px; display:block; float:left; margin-bottom:1em; font-size:12px; }

#favlinks div.favdesc { font-size:11px; }

#favlinks a { color:#555; padding-left:22px; font-weight:bold; letter-spacing:1px; }
#favlinks a:hover { color:#0081cb; text-decoration:none; border-width:0px; }

#favhttpremix a { background:url(images/favicon_httpremix.gif) no-repeat; }
#favhttpremix a:hover { background-position:0px -16px; }

#favdrupal a { background:url(images/favicon_drupal.gif) no-repeat; }
#favdrupal a:hover { background-position:0px -16px; }

#favflickr a { background:url(images/favicon_flickr.gif) no-repeat; }
#favflickr a:hover { background-position:0px -16px; }

#favtwitter a { background:url(images/favicon_twitter.gif) no-repeat; }
#favtwitter a:hover { background-position:0px -16px; }


/*#favlinks .favclear { clear:both; height:12px; line-height:12px; }*/

/******************
 * Subpage Content
 ******************/
#subImage { float:left; width:200px; margin-left:10px; margin-right:30px; margin-top:56px; /*35px;*/ }
#subImage .imgMain { border:1px solid #ccc; width:200px; /*height:300px;*/ }
#subImage .caption { color:#555; font-size:11px; letter-spacing:1px; text-align:left; margin-top:8px; }
#subImage a { color:#555; }
#subImage a:hover { border-bottom:1px solid #ccc; }

#subContent { float:left; width:490px; margin-top:10px;  }

.faded { color: #666; font-size:11px; }

#aboutme { letter-spacing:1px; }

#facts101 { }
#facts101 td { background:none !important; border-bottom:1px dotted #aaa; padding:5px 0px; }
#facts101 td.evenRow { border-bottom:1px dotted #555; }

/* About me javascript real time "age" field */
#myAge { font-family: courier new; }
#myAge .seconds { color:#444; }

/* Guestbook form */
#gbook { margin-top:0px; }
#gbook input, #gbook textarea { width: 250px; border:1px solid #ccc; font: bold 13px verdana; padding:3px; color:#fff; background:url(images/textbox_back.jpg); }
#gbook textarea { width:350px; height:77px; }
.gbookSubmit { margin-top:10px; }

#gbookEntry { border-bottom:1px solid #aaa; margin-bottom:1em;   }
#gbookEntry .gbookHeader { font:bold 13px verdana; color:#fff; padding:3px; background:#333; }
#gbookEntry .gbookContent { padding:5px; background:#f6f6f6; }
#gbookEntry .gbookName { font-weight:bold; font-size:15px;  }
#gbookEntry .gbookDate { font-size:11px; color:#333;  }
#gbookEntry .gbookSite { font-size:11px; }

/* Table w/thumbnails */
.tableThumbs { margin-left:10px; margin-right:5px; margin-top:10px; }
.tableThumbs h1 { padding-bottom:0.2em; }
.tdLeft { width:225px; }
.thumbSite { border:0px; width:200px; height: 118px; margin-bottom:1em; }
.tableThumbs .border { border-top:1px dotted #888; padding:10px 0px; font-size:1px;}

/* Large links */
#articles a { font-weight:bold; font-size:14px; line-height:18px;}
#articles a.linkNormal { font-weight:normal; font-size:12px; }

/* Projects */
#classDiagram { display:none; position:absolute; border:1px solid #ccc; padding:5px; background:#fff; margin-left:-85px; color:#999; }
#classDiagram a { color: #555; text-decoration: none; font-weight:normal; font-size: 12px; }
#classDiagram a:hover { text-decoration:underline; }

/* Portfolio */
#portfolio a { font-weight:bold; color:blue; text-decoration:underline; }
#portfolio a:hover { text-decoration:none;  }
#portfolio li { padding-bottom:1em; list-style-type:none; display: list-item; padding-left:4px;  }


@media print {

  #contentHolder, #content, #subContent { margin:0px; padding:0px; width:inherit; }
  #content { padding:0% 5%; }

  #subImage, #header, #footer, .noPrint { display:none; }
     
}