/* Monospace template by pixeltoko 
You don't have to leave this in here...use and abuse...
modified by Todd
* */

body {
  margin:0;
  padding:0;
  background:#fff;
  color:#000;
  font-family:Verdana, Georgia, times;
  font-size:12px;
  }

#container {
  width:100%;
  margin:0 auto;
  }


h2 {
  font-family:Verdana, Georgia, times;
  font-weight:normal;
  font-size:14px;
  letter-spacing:2px;
  border-bottom:1px solid #ccc;
  }
  

/**********LINKS************/

 
a {
  color:#000;
  text-decoration:underline;
  }
  
a:hover {
  
  }

.clink a {
  float:right;
  }
  
  
#divFullSize a {
  	text-decoration:none;
  	color:#999;
 }
/*********** CUSTOM CLASSES **********/  

.title {
  font-family:"Trebuchet MS";
  float:right;
  letter-spacing:2px;
  text-decoration:none;
  }
  

.l {
    width:250px; 
    text-align:right; 
    vertical-align:top;
    }
    
.lb {
    width:250px; 
       }

.r {
    width:550px;
    }
  

ul li {
    list-style-image: url(images/External_Link.png);
}
    
    
[icon ^="out"] {
   padding-right: 20px;
   background: transparent url(images/External_Link.png) no-repeat center right;
}



/****** PHOTO *******/ 
  
.photo {
  text-align:center;
    
  }
  
.photo a img{
  background:#f4f4f4;
   border:1px solid #ccc;
   padding:2px;
   margin-bottom:2px;
  }
 
/****** MENU *******/
  
#menu {
  width:810px;
  margin:0 auto;
   font-size:12px;
   margin-bottom:20px;
   padding:5px;
   color:#999;
   background:#f4f4f4;
  }
  
#menu a, #divNavTop a, #divNavBottom a {
   text-decoration:none;
   color:#999;
}

#menu a:hover, #divNavTop a:hover #divNavBottom a:hover {
   text-decoration:none;
   color:#000;
}
     
     
#divNavTop   
{  
  	margin:0 auto;
   	font-size:12px;
   	margin-bottom:2px;
   	padding:0px;
   	color:#999;
	font-size:10px;
	width:150px;
	text-align:left;
	float:left;
}

#divTitleTop
{
	margin:0 auto;
   	font-size:12px;
   	margin-bottom:2px;
   	padding:0px;
   	color:#999;
	font-size:10px;
	width:450px;
	text-align:right;
	float:right;
}

#divNavBottom   
{  
  	margin:0 auto;
   	font-size:12px;
   	margin-bottom:2px;
	margin-top:10px;
   	padding:0px;
   	color:#999;
	font-size:10px;
}

.tdListed a {
   text-decoration:none;
   color:#999;
   font-size:10px;
}

.tdListed a:hover {
   text-decoration:none;
   color:#000;
   font-size:10px;
}

/****** NOTES *******/
  
#notes {
  width:810px;
  margin:0 auto;
}
#notes a {
   
  }

#notes ul li {
   list-style:none;
  }
  
#tblNotes
{
	color:#9C9C9C;
	font-size:10px;
}

#divFullSize {
  
  	color:#999;
 }
#divFullSize a {
  	text-decoration:none;
  	color:#999;
 }

/****** COMMENTS *******/
  
#commentcontainer {
  width:810px;
  margin:0 auto;
  }

#comments {
  margin:0 auto;
  float:left;
  width:400px;
    
}

#comments ul li {
  padding:5px;
  list-style:none;
  margin-top:10px;
  margin-bottom:10px;
  
  background:#f4f4f4;
  }
  
#comments a {
  
  }
    
#addcomment {
  margin:0 auto;
   float:left;
   width:400px;
  text-align:left;
	margin-bottom:50px;
	
	}

.input {
    width:50%;
	font-size:10px;
	border:1px solid #555;
	padding:5px;
    }
.add {
  margin-left:30px;
  }
    
#addcomment textarea {
	width:95%;
	height:50px;
	font-size:12px;
	border:1px solid #555;
	padding:5px;
		}

/****** BROWSE & ABOUT *******/

#thumbs {
  font-size:12px;
  width:800px;
  margin:0 auto; 
  
}

.thumbnails  {
  border:none;
  padding:2px;
  }	

 
#about {
  width:800px;
  margin:0 auto;   
  color:#696969;
}

#about a {
   text-decoration:none;
   color:#999;
   font-size:10px;
}

#about a:hover {
   color:#000;
}


/****** FOOTER *******/

#footer {
  clear:both;
  background:#f4f4f4;
  color:#999;
  width:100%;
  margin:0 auto;
  text-align:center;
  padding:5px;
  }
  
#footer a {
    color:#999;
  	text-decoration:none;
}
    
#footer a:hover {
    color:#999;
    text-decoration:underline;
    }
    
    
    
    
 #divTags   {
 	width:250px;
    text-align:center;
    color:#999;
}
#divTags a
{
	text-decoration:none;
	font-family:verdana, helvetica, times, garmond;
	letter-spacing:1px;
}

#divTagHeader
{
	font-family:Verdana, Georgia, times;
	font-weight:normal;
	font-size:12px;
	letter-spacing:1px;
	padding-bottom:10px;
	color:#999999;
	text-align:right;
}

.tags01 { font-size: 8px !important;color:#cccccc; }
.tags02 { font-size: 9px !important;color:#bebebe; }
.tags03 { font-size: 10px !important;color:#b5b5b5; }
.tags04 { font-size: 11px !important;color:#a9a9a9; }
.tags05 { font-size: 12px !important;color:#9c9c9c; }
.tags06 { font-size: 13px !important;color:#999999; }
.tags07 { font-size: 14px !important;color:#828282; }
.tags08 { font-size: 15px !important;color:#696969; }
.tags09 { font-size: 16px !important;color:#4f4f4f; }
.tags10 { font-size: 18px !important;color:#363636; }
    