/* Monospace template by pixeltoko 
You don't have to leave this in here...use and abuse...*/

body {
  margin:0;
  padding:0;
  background:#fff;
  color:#000;
  font-family:"Courier New", monospace;
  font-size:12px;
  }

#container {
  width:100%;
  margin:0 auto;
  }


h2 {
  font-family:"Lucida Console";
  font-weight:normal;
  font-size:14px;
  text-transform:uppercase;
  letter-spacing:2px;
  border-bottom:1px solid #ccc;
  }
  

/**********LINKS************/

 
a {
  color:#000;
  text-decoration:underline;
  }
  
a:hover {
  
  }

.clink a {
  float:right;
  }
  
/*********** CUSTOM CLASSES **********/  

.title {
  font-family:"Courier New", monospace;
  float:right;
  text-transform:uppercase;
  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:5px;
   margin-bottom:20px;
  }
 
/****** MENU *******/
  
#menu {
  width:810px;
  margin:0 auto;
   font-size:12px;
   margin-bottom:20px;
   padding:5px;
   color:#999;
   background:#f4f4f4;
  }
  
#menu a {
   text-decoration:none;
   color:#999;
     }

#menu a:hover {
   text-decoration:none;
   color:#000;
   
     }
/****** NOTES *******/
  
#notes {
  width:810px;
  margin:0 auto;
}
#notes a {
   
  }

#notes ul li {
   list-style:none;
  }
  
   
      
/****** 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;   
}

/****** FOOTER *******/

#footer {
  clear:both;
  background:#f4f4f4;
  color:#999;
  width:100%;
  margin:0 auto;
  text-align:center;
  padding:5px;
  }
  
#footer a {
    color:#999;
    }
    
#footer a:hover {
    color:#999;
    }