/*  ------------------------------------------------------
Global
--------------------------------------------------------*/

body 
{
	margin: 0;
	padding: 0;
	font:12px/20px "Times New Roman", Times, serif;
	color: #000;
                background: #e7e7e6;
}

#title {
background: url(http://www.aaronspruit.com/images/theme/siteTitle.jpg) no-repeat;
margin: 40px 0 0 30px;
width:100%;
text-align:left;
height:40px;
}

#title a {
text-align: left;
display: block;
height:50px;
width: 175px;
}

a {
	color:#000;
	text-decoration:underline;
	outline:none;
	}
	
a:hover, a:visited {
	color:#999;
	text-decoration:none;
	}

/*  ------------------------------------------------------
Photo Blog
--------------------------------------------------------*/

#info {
font-size:11px;
  float: left;
  position: relative;
text-align: left;
  margin: -20px 0 0 14px;
}

#info .title
{
	text-transform: uppercase;
                font-weight: bold;
}

#info .date
{
                font-style:italic;
  margin: 0 0 0 24px;
}

#links
{
                font-style:italic;
                color: #696969;
  margin: 100px 0 0 0;
}

#links a {
color: #696969;
text-decoration: none;
}

#navigation {
  text-transform: uppercase;
font-weight:bold;
font-size:14px;
  margin: -20px 40px 0 0px;
  float: right;
color: #696969;
}

#navigation a {
color: #696969;
text-decoration: none;
}

#photo
{ 
text-align: center;
}

#photo table
{ 
margin-left: auto;
margin-right: auto;
text-align: left;
}

#photo img {
  background-color: #fff;
  padding: 12px;
}

#right {
	width:16px;
	padding:0;
	float:right;
	text-align:right;
}

#infocomments {
font-variant:small-caps;
font-weight:bold;
}

#infocomments a {
color: #696969;
text-decoration: none;
}
/*  ------------------------------------------------------
Navigation
--------------------------------------------------------*/

#breadcrumb
{
  margin: 20px 0 0 0;
  padding: 0;
background: url(http://www.aaronspruit.com/images/theme/siteNav.jpg);
  width: 16px;
  height: 325px;
position:relative;
}

#breadcrumb li {
  margin: 0;
  padding: 0;
  list-style: none;
  top: 0;
}

#breadcrumb li a {
width:16px;
display: block;
}

#breadcrumb #about {
	top:0px; 
	height:54px;
	}

#breadcrumb #images {
	top:54px; 
	height:64px;
	}

#breadcrumb #archives {
	top: 118px; 
	height:70px;
	}
	
#breadcrumb #rss {
	top: 188px; 
	height:38px;
	}	
  
#breadcrumb #contact {
	top: 226px; 
	height:69px;
	}

#about a:hover{
    background:transparent url(http://www.aaronspruit.com/images/theme/siteNav.jpg) -16px -0px no-repeat;
	}

#images a:hover {
	  background:transparent url(http://www.aaronspruit.com/images/theme/siteNav.jpg) -16px -54px no-repeat;
	  }
	  
#archives a:hover {
    background:transparent url(http://www.aaronspruit.com/images/theme/siteNav.jpg) -16px -118px no-repeat;
	}

#rss a:hover	{
    background:transparent url(http://www.aaronspruit.com/images/theme/siteNav.jpg) -16px -188px no-repeat;
	}
	
#contact a:hover	{
    background:transparent url(http://www.aaronspruit.com/images/theme/siteNav.jpg) -16px -226px no-repeat;
	}

#about .active{
    background:transparent url(http://www.aaronspruit.com/images/theme/siteNav.jpg) -16px -0px no-repeat;
	}

#images .active {
	  background:transparent url(http://www.aaronspruit.com/images/theme/siteNav.jpg) -16px -54px no-repeat;
	  }
	  
#archives .active{
    background:transparent url(http://www.aaronspruit.com/images/theme/siteNav.jpg) -16px -118px no-repeat;
	}

#rss .active 	{
    background:transparent url(http://www.aaronspruit.com/images/theme/siteNav.jpg) -16px -188px no-repeat;
	}	

#contact .active 	{
    background:transparent url(http://www.aaronspruit.com/images/theme/siteNav.jpg) -16px -226px no-repeat;
	}	

#breadcrumb #about a {
	height:54px;
    width:16px; 	
	}

#breadcrumb #images a {
	height:64px;
    width:16px; 	
	  }
	  
#breadcrumb #archives a {
	height:70px;
    width:16px; 	
	}

#breadcrumb #rss a {
	height:38px;
    width:16px; 	
	}

#breadcrumb #contact a {
	height:69px;
    width:16px; 	
	}	

/*  ------------------------------------------------------
About
--------------------------------------------------------*/
#abouttablecell {
  background-color: #fff;
  padding: 12px;
}

#rightsideabout {
width:210px;
float: right;
padding:0;
margin:0 0 0 5px;
}

#rightsideabout img{
padding:0;
margin:0;
}

#topfive {
text-align: center;
margin: 10px 0 0 0;
}

#topfive li {
list-style: none;
}

#topfive img {border:0;}

h3 {
font-variant:small-caps;
font-size: 14px;
font-weight:bold;
margin: 0 0 -15px 0;
}

/*  ------------------------------------------------------
Archives
--------------------------------------------------------*/
#archivetablecell {
  text-align:center;
  background-color: #fff;
  padding: 12px;
}

#archivetablecell img {border:0;}

.paginate .pagecount {
color: #999;
}

/*  ------------------------------------------------------
Comments
--------------------------------------------------------*/

#commentstitle {
background: url(http://www.aaronspruit.com/images/theme/siteTitle.jpg) no-repeat;
margin: 0px 0 0 30px;
width:100%;
text-align:left;
height:40px;
}

#commentstitle a {
text-align: left;
display: block;
height:50px;
width: 175px;
}

#commentstablecell {
  background-color: #fff;
  padding: 12px;
border:0;
}

#archivetablecell img {border:0;}

#entrydetails {
font-weight:bold;
  text-transform: uppercase;
margin: 40px 0 0 0;
border-bottom: 1px solid #999;
}

#commentimage{
float: right;
position: relative;
}

#commentimage img {border:0;}

#entryinfo{
border-bottom: 5px solid #999;
}

.info {font-variant:small-caps;}

.publisher {font-style:italic;}

#usercomments {
border: 1px solid #999;
padding:10px 20px 10px 20px;
margin:15px 12px 15px 12px;
}

.comment {
font-size:12px;
font-weight:normal;
color:#000;
}

.cite {
font-style:italic;
font-size:12px;
font-weight:normal;
color:#666;
}

#usercomments li {
font-size:250%;
font-weight: 900;
color: #c9c9c9;
}

#usercommentssection {
border-bottom: 5px solid #999;
}

/*  ------------------------------------------------------
Calendar
--------------------------------------------------------*/

#calendartablecell {
  background-color: #fff;
  padding: 12px;
width:800px;
align:center;
}

#calendartablecell img {
border:0;
padding: 8px;
}

.calendarentry {
text-align:  center;
 vertical-align: middle;
width: 200px;
height: 114px;
background-color: #fff; 
}

.calendarnoentry {
 text-align:  left;
 vertical-align: top;
width:200px;
height: 114px;
background-color: #fff;
}

.calendarBlank  {
 background-color: #fff;
}

.calendarHeader { 
 font-weight: bold; 
 text-align: center;
background-color: #fff;
margin: 0;
padding: 0;
}

.calendarMonthLinks {
 font-size:         11px;
 font-weight:		bold;
 letter-spacing:	.1em;
 text-decoration:   none;
 background-color:  transparent;
background-color: #fff;
}



.calendarDayHeading {
 font-weight: bold; 
 font-size:	11px;
 text-align:  center;
 vertical-align: middle;
background-color: #fff;
}

.calendarToday { 
 font-size:         12px;
 font-weight:		bold;
 letter-spacing:	.1em;
 text-decoration:   none;
 color:             #000;
 background-color: 	#666;
}

.calendarCell {
 font-size:         12px;
 font-weight:		bold;
 letter-spacing:	.1em;
 text-decoration:   none;
 color:             #666;
 background-color:  #fff;
}

.calendarBG {
 background-color: #999; 
}

.calendarentrynumber {
 text-align:  left;
 vertical-align: top;
}