/* 
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
  MN_wsb.css - For pages with the sidebar

  Copyright (C) Justin Ribeiro <ribeiro@J5studios.com>
  Project Page - http://www.j5studios.com/
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
*/

/* :::::::::: Just in case we want some shadow later :::::::::: */ 
#bordertype
{
  /*background: #fff url("inc/images/border_background.gif") repeat 0 0;*/
  width: 770px;
  margin: auto;
}

/* :::::::::: Main Block :::::::::: */
#container
{
  margin: auto;
  width: 750px;
  border: 1px solid #000;
}

/* :::::::::: Header Section :::::::::: */
#header
{
  margin: auto;
  width: 750px;
}

/* :::::::::: Display Logo - Like FIR but better :::::::::: */
#titleLogo
{
/*Size of the image*/ 
  padding-top: 120px;
  padding-bottom: 0px;
  width: 750px; 

  /* JDR///Custom */
  margin-bottom: 0px;
  margin-top: 0;

  /*The image*/ 
  background-image: url("/inc/images/new_j5_2.jpg"); 
  background-repeat: no-repeat; 

  /*Hide the text*/ 
  overflow: hidden;

  /* WIN IE5 hack */ 
  height: 133px; 
  voice-family: "\"}\""; 
  voice-family:inherit; 
  height: 0px;   
}
   
/* Screw you IE... */
* html #titleLogo 
{
  margin-bottom:-5px;
}
	
/* :::::::::: Navigation :::::::::: */
#navigation
{
  background: #fff url("/inc/images/navigation_background.png") repeat-x 0 0;
  margin: auto;
  width: 750px;
}

#nav 
{
  float: left;
  width: 750px;
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 80%;
  background: #000 url("/inc/images/navigation_background.png") repeat-x bottom left;
}

#nav li 
{
  float: left;
  margin: 0;
  padding: 0;
  list-style: none;
  /*border-right: 1px solid #ddd; */
}

#nav a 
{
  float: left;
  padding: 6px 10px 6px 30px;
  text-decoration: none;
  color: #fff;
  background: url(../img/t-pub.gif) no-repeat 10px 55%;
  border-bottom: none;
}


#nHome a 
{
  background-image: url("/inc/images/home.gif");
}

#nCronicle a 
{
  background-image: url("/inc/images/chronicle.gif");
}

#nPhotography a 
{
  background-image: url("/inc/images/photography.gif");
}

#nProjects a 
{
  background-image: url("/inc/images/projects.gif");
}

#nAbout a 
{
  background-image: url("/inc/images/about.gif");
}

#nContact a 
{
  background-image: url("/inc/images/contact.gif");
}

#nav a:hover, #nav a.active 
{
  color: #000;
  background-color: #fff;
}

/* :::::::::: Footer :::::::::: */
#footer
{
  margin-right: auto;
  margin-left: auto;
  background-color: rgb(0,0,0);
  height: 75px;
  width: 750px;
}
#picture
{
  float: left;
  width: 40px;
  padding: 10px;
}
#notice
{
  float: left;
  width: 680px;
  font-size: 75%;
  color: #fff;
}


/* :::::::::: Main Content :::::::::: */
#mainblock
{
  background: url("/inc/images/content_background.gif") repeat-y 0 0;
  margin: auto;
  width: 750px;
}

#content
{
  padding: 0.5em;
  float: left;
  width: 525px;
  /*border: 1px solid green;*/
}

#mainblock hr 
{
  display: block; 
  clear: left; 
  margin: 0 0 0 0;
     visibility: hidden;
}


/* :::::::::: Sidebar information :::::::::: */
#sidebar
{
  padding-top: 0.5em;
  padding-left: 1em;
  padding-bottom: 0.5em;
  float: left;
  width: 195px;
  /*border: 1px solid red; */ 
}

#sidebar ul, dl
{
  margin:.5em 0 1em;
  padding:0;
  list-style: none;
}

#sidebar ul li
{
  margin:0 0 0 2px;
  padding: 3px 0 0 18px;
  text-indent: 5px;
  font-size: 85%;
  
}

#sidebar UL 
{
  margin-bottom:.75em;
}

#sidebar LI 
{
  background: url("/inc/images/default_bullet.gif") no-repeat 5px .5em;
  text-indent: 0;
}

#sidebar H3 
{
  margin:0 -20px;
  padding: 8px 0px 0px 20px;
  font:100%/1.4em Georgia,Serif;
  font-weight: bold;
  color: #000;
}

#mileage	 
{ 
	font:75%/1.4em verdana, sans-serif; 
}