body {
  background: transparent url(../layout_img/dirt-bg.jpg) repeat;
}

#top {
  background: url(../layout_img/header-bg3.jpg) repeat-x;

}

#jefferson {
  position: absolute;
  top: 95px;
  left: 810px;
  z-index: 19;
}

#wrap{
  position: relative;
  width:960px;
  text-align: center; 
  margin: 0 auto; 
  padding: 0; 
}

#header{
  position: relative;
  background-attachment: scroll;

  background-repeat: no-repeat;

  height: 231px;
  z-index: 30;
}

#header img{
  float:left;
  margin: 10px 5px 0 10px;
}

#header h2{
  padding: 140px 0 0 0;
  margin:0 0 0 0;
  color: #CCFFCC;
  font-family: geneva;
  font-size: 1.15em;
  text-transform: uppercase;
  text-align: left;
}

#nav{
 position: relative;
  top: -41px;
  left: 190px;
  width: 590px;
  height: 28px;
   z-index: 30;
}

#nav ul{

  padding-left:10px;

  list-style:none;

  display:inline;

}


#nav li{

  display:inline;

  padding-left:25px;

}



#content{
  position: relative;
  text-align: left;
  top: -40px;
  background: #fff;
}

#news{
  position: relative;
  left: 35px;
  width: 540px;
  margin: 0;
  background:  #ffffcc;
  border-left: 1px solid #333;
  border-right: 1px solid #333;
  display:inline;
  float:left;
}

#news h3{
  background: url(../layout_img/news-title.png) bottom left no-repeat;
  color: #330000;
}

.news-entry{
  margin: -60px 0 0 10px;
}

.news-entry p{
  width: 90%;
  margin: 0 0 0 5px;
}

#news  .journal-h2{
  position: relative;
  text-indent: -9999px;
  margin: 15px 0 0 10px;
  background: url(../layout_img/journal-bg.png) top left no-repeat;
}

.news-date{
  position: relative;
  top: 15px;
  left: -52px;
  width: 50px;
  background: url(../layout_img/calender-bg3.jpg) top no-repeat;
  border: 1px solid #666;
  padding: 2px 0 0 0;
  overflow:hidden;
  height:64px;
}

.photo-set {
  margin:  30px 0 30px 0;
}

.photo-set li {
  display: inline;
  margin: 0 0 0 0;
  padding: 0 0 0 10px;
}

.news-date li{
  list-style: none;
  padding: 0;
  margin: 0;
  width: 50px;
  text-align: center;
}

.news-month{
  color: #fff;
}

.news-day{
  font-size: 1.18em;
  color: #000;
}

.grid_10 p.author {
    padding: 5px 0px 0px 5px;
    height: 25px;
    border-bottom: 1px dotted #006633;
    margin: 0 0 10px 0;
    background: #FFFF99 url(../layout_img/oak.png) right repeat-y;
}


li.img{
 display: inline;
 margin: 0 0 0 0px;
}

.trails li{
 list-style: disc;
}


/*--Flickr Feed--*/
#images{padding:0 0 0 15px;}
#images a img{padding:5px;}

/*--Facebook--*/
#facebook{padding:0 0 10px 10px;}


.grid_10 h2, h3 {
  margin: 0 0 0 5px;
  color: #ffffff;
}

.grid_10 p{
  padding: 0;
  color: #000;
}

.grid_10 h2{
  color: #663300;
  margin: 0 0 0 15px;
}

.grid_6 p {
  color: #fff;
}

.comment{
  background: #FFFF99;
  margin: 0 0 15px 0;
}

.comment-entry{
  background: #006633;
  border-bottom: 1px dashed #ccc;
}

#sidebar .comment{
  width: 320px;
}

.comment-entry h2 {
  font-size: 1.12em;
  color: #fff;
  margin: 0 0 0 10px;
}

.comment-entry p {
  font-size: .97em;
  color: #ccc;
  margin: 0 0 0 10px;
}

input, textarea{
  margin: 0 0 10px 35px;
}

#sidebar {
  position: relative;
  top: 10px;
  padding: 0 9px 0 9px;
  background: transparent url(../layout_img/sidebar-bg.gif) right repeat-y;
  overflow: hidden;
  float:right;
  width:345px;
}

#sidebar ul li{
  list-style: none;
}
 
#sidebar form li{
  color: #fff;
}

#sidebar a.ad img{padding:0;}

#sidebar .feature-h3{
  position: relative;
  text-indent: -9999px;
  top: 5px;
  left: 3px;
  background: url(../layout_img/feature-bg2.png) top no-repeat;
}

#sidebar .recenth3{
  position: relative;
  text-indent: -9999px;
  top: 5px;
  left: -10px;
  background: url(../layout_img/commenth2-bg.png) top left no-repeat;
}

#sidebar .stuffh3{
  position: relative;
  text-indent: -9999px;
  top: 5px;
  left: -10px;
  background: url(../layout_img/sweet-stuff.png) top left no-repeat;
}

#sidebar .formh3{
  position: relative;
  text-indent: -9999px;
  top: 5px;
  left: -10px;
  background: url(../layout_img/formh3.png) top left no-repeat;
}

#recent ul li{
  margin: 0;
  padding: 0 0 0 10px;
}

#recent li{
  list-style: none;
  background: #000;
  width: 320px;
  color: #ccc;
}

#recent li.even { 
  background-color: #000; 
  color: #ffff;
  border-bottom: 1px dashed #663300;
}

#recent li.odd { 
  background-color: #ffffcc; 
  color: #0000;
}


.footer{
  font-size: .87em;
  text-align: center;
  color: #fff;
}

.clear {

 clear: both;

}


/*------Pagination---------*/

div.pagination {
	padding:3px;
	margin:3px;
	text-align:left;
}

div.pagination a {
	padding: 2px 5px 2px 5px;
	margin-right: 2px;
	border: 1px solid #ddd;
	text-decoration: none; 
	color: #006633;
}
div.pagination a:hover, div.pagination a:active {
	border:1px solid #85BD1E;
	color: #638425;
	background-color: #CCFFCC;
}
div.pagination span.current {
	padding: 2px 5px 2px 5px;
	margin-right: 2px;
	border: 1px solid #B2E05D;
	font-weight: bold;
	background-color: #006633;
	color: #FFF;
}
div.pagination span.disabled {
	padding: 2px 5px 2px 5px;
	margin-right: 2px;
	border: 1px solid #f3f3f3;
	color: #ccc;
}

/*---------Links-----------*/
a img {

	border:0;

    padding:0px 0px 0px 5px;

}


a:link {

	font-family: arial, "Times New Roman", Times, serif;

	font-size: .87em;

	color: #006633;

}

a:visited {

	font-family: arial, "Times New Roman", Times, serif;

	font-size: .87em;

	color: #666666;

}

a:hover {

	font-family: arial, "Times New Roman", Times, serif;

	font-size: .87em;

	color: #CC6600;

}

a:active {

	font-family: arial, "Times New Roman", Times, serif;

	font-size: .87em;

	color: #FF9900;

}


a.navbar:link {

	font-family: arial, "Times New Roman", Times, serif;

	font-size: 12px;

	color: #990000;	

}

a.navbar:hover {

	font-family: arial, "Times New Roman", Times, serif;

	font-size: 12px;

	color: #CC6600;

}


a.blogroll:link{

	font-family: arial, "Times New Roman", Times, serif;

	font-size: .97em;
	color: #ffff00;
}

a.blogroll:visited{

	font-family: arial, "Times New Roman", Times, serif;

	font-size: .97em;

	color: #663300;

}

a.blogroll:hover{

	font-family: arial, "Times New Roman", Times, serif;

	font-size: .97em;
	color: #663300;

}
a.blogroll:active{

	font-family: arial, "Times New Roman", Times, serif;

	font-size: .97em;

	color: #663300;

}


/*-----------NAV Sprite-----------



ul#nav { position: absolute; top: 20px;  left:460px;  padding:0; margin:0; }*/
ul#nav {background: url(../layout_img/navBarBG.png) no-repeat right;}
ul#nav li{ float:left;  list-style-type:none }
ul#nav li a { height: 34px; display:block; position:absolute; top:0; text-indent:-9999px; outline:none}

li#navTrails a, li#navPics a, li#navVideo a {background:url(../layout_img/nav-sprite2.png) top right no-repeat}





/*
CSS Sprites poows

The distance from the top to the...

initial state: 0
rollover state: 34px
selected state: 34px

The distance from the far-left to the ...

trails: 0
Pics: 93px
Video: 159px

The Width of the...

Trails: 93px
Pics: 67px
Video: 63px
*/

li#navTrails a			{background-position:0 0; width: 93px; left:0}
li#navTrails a:hover		{background-position:0 -34px;}
body#pageTrails li#navTrails a  {background-position:0 -34px;}

li#navPics a			{background-position: -93px 0; width: 67px; left: 93px}
li#navPics a:hover		{background-position: -93px -34px;}
body#pagePics li#navPics a  	{background-position: -93px -34px;}

li#navVideo a			{background-position:-159px 0; width: 63px; left: 159px}
li#navVideo a:hover		{background-position:-159px -34px;}
body#pageVideo li#navVideo a  	{background-position:-159px -34px;}

/*----Vimeo Styles----*/
.oldVid{margin:10px 0 0 20px;}
#thumbs {border: 1px solid #000; padding: 0; float: left; padding:30px 0 0 0; margin:10px; height:475px; overflow:auto; background: #000 url(../layout_img/sidebar-bg.gif) right repeat-y;}
#thumbs ul { list-style-type: none; margin: 0 10px 0; padding: 0 0 10px 0; }
#thumbs ul li { height: 155px; }
#thumbs ul li:hover{background-color: rgba(255,0,0,.071);}
.thumb { border: 2px solid #e4e4e4; float: left; width: 190px; margin-right: 10px; }
#embed { background-color: #000; height: 280px; width: 504px; float: left; padding: 10px; margin:8px; }
#thumbs li a img{padding:0;}
#portrait { float: left; margin-right: 5px; max-width: 100px; }
#stats { clear: both; margin:20px; }
#stats h2{padding:15px 0 0 0; text-align:center;}
#stats p.click{font-style:italic; text-align:center;}
#thumbs h4{ color:#eee;}
#thumbs h4:hover{color:#fff;}