* {
	outline:none;
	}
img {
	border:none;
	}
body {
	background-color:#FFF;
	color:#333;
	position:relative;
	margin:0;
	padding:0;
}
.container {
	font-family:Tahoma, Helvetica, Arial;
	font-size:small;	
}
#banner {
	height:60px;
	width:800px;
	position:relative;
	margin:0 auto;
}
#banner h1 {
	margin:0;
	padding:0;
	width:245px;
	height:60px;
}
#banner h1 a:link, #banner h1 a:visited {
	width:245px;
	height:60px;
	background-image:url(../images/logo.jpg);
	text-indent:-9999px;
	display:block;
}
#menu ul {
	position:absolute;
	top:0; right:0;
	}
#menu ul {
	list-style:none;
	margin:0;
	padding:0;
}
#menu ul li {
	display:inline;
	}
#menu ul li a:link, #menu ul li a:visited {
	display:block;
	float:left;
	line-height:60px;
	text-decoration:none;
	color:#333;
	background-image:url(../images/menu.jpg);
	background-repeat:no-repeat;
	text-indent:-9999px;
}

a#homeLink:link, a#homeLink:visited {
	width:63px;
	background-position:0 0;
}
a#browseLink:link, a#browseLink:visited {
	width:65px;
	background-position:-63px 0;
}
a#aboutLink:link, a#aboutLink:visited {
	width:62px;
	background-position:-128px 0;
}
a#infoLink:link, a#infoLink:visited {
	width:139px;
	background-position:-191px 0;
}
a#rssLink:link, a#rssLink:visited {
	width:75px;
	background-position:-330px 0;
}


/* HOVER */

a#homeLink:hover{
	width:63px;
	background-position:0 -60px;
}
a#browseLink:hover{
	width:65px;
	background-position:-63px -60px;
}
a#aboutLink:hover{
	width:62px;
	background-position:-128px -60px;
}
a#infoLink:hover{
	width:139px;
	background-position:-191px -60px;
}
a#rssLink:hover{
	width:75px;
	background-position:-330px -60px;
}


/* PHOTO */

#mainImg {
	margin:10px auto;
	overflow:auto;
	position:relative;
	text-align:center;
	clear:both;
}
a#shadowLeft:link, a#shadowLeft:visited {
	background-image:url(../images/previous.png);
	background-repeat:no-repeat;
	background-position:center left;
	text-indent:-9999px;
	position:absolute;
	top:0;
	left:0;
	width:200px;
	z-index:10;
	}
a#shadowLeft:hover {
	background-image:url(../images/previous-over.png);
}

a#shadowRight:link, a#shadowRight:visited {
	background-image:url(../images/next.png);
	background-repeat:no-repeat;
	background-position:center right;
	text-indent:-9999px;
	position:absolute;
	top:0;
	right:0;
	width:200px;
	z-index:10;
	}	
a#shadowRight:hover {
	background-image:url(../images/next-over.png);
	}
	
	
/* DETAILS */

#details {
	background-color:#222;
	color:#EEE;
	border-top:1px solid #111;
	border-bottom:1px solid #111;
	display:none;
	clear:both;
}
#detailsContent {
	width:800px;
	margin:0 auto;
	padding:10px 0;
	overflow:auto;
	}
#notes, #comments {
	float:left;
	width:399px;
	font-size:115%;
	line-height:165%;
	}
#notes a:link, #notes a:visited {
	color:#EB974C;
	text-decoration:none;
	}
#notes a:hover {
	color:#FFF;
	}
.content {
	padding:10px 20px;
	}

#tags {
	background-image:url(../images/tag.jpg);
	background-repeat:no-repeat;
	padding-left:30px;
	}
#tags a:link, #tags a:visited, #tags2 a:link, #tags2 a:visited {
	color:#EB974C;
	text-decoration:none;
}
#tags a:hover, #tags2 a:hover {
	color:#FFF;
}
#randomrelatedphotos {
	overflow:auto;
}	
#randomrelatedphotos a:link, #randomrelatedphotos a:visited {
	display:block;
	margin:0 8px 8px 0;
	float:left;
}
/* comments */
.from {
	line-height:65px;
	background-image:url(../images/from.jpg);
	background-repeat:no-repeat;
	padding-left:40px;
	}
#comments a:link, #comments a:visited {
	color:#EB974C;
	text-decoration:none;
}
/* comment form */
input.input, textarea {
	background-color:#333;
	border:1px solid #555;
	border:none;
	padding:8px;
	color:#EEE;
	width:300px;
	font-size:110%;
}
input.input:focus, textarea:focus {
	background-color:#444;
	color:#FFF;
}
label {
	padding-left:5px;
	font-size:100%;
	}


/* BROWSE */

#wrapper {
	background-color:#222;
	color:#EEE;
	border-top:1px solid #111;
	border-bottom:1px solid #111;
	clear:both;
}
#browse, #about {
	width:800px;
	margin:0 auto;
	padding:10px 0;
	font-size:115%;
	line-height:160%;
	}
#pages {
	overflow:auto;
	line-height:130%;
	padding:10px 0;
	font-size:90%;
	}
#pages a:link, #pages a:visited {
	padding:0 2px;
	margin-right:1px;
	background-color:#333;
	border:1px solid #444;
	color:#DDD;
	text-decoration:none;
}
#thumbs {
	overflow:auto;
	clear:both;
	}
#thumbs a:link, #thumbs a:visited {
	display:block;
	float:left;
	margin:0 10px 10px 0;
}
#categories {
}
#categories a:link, #categories a:visited {
	text-decoration:none;
	
	color:#EB974C;
}
#categories a:hover {
	color:#FFF;
}
h2#categoriesHeading {
	background-image:url(../images/categoriesHeading.jpg);
	background-repeat:no-repeat;
	height:40px;
	width:120px;
	text-indent:-9999px;
	margin:0;
	padding:0;
	}

h2#tagsHeading {
	background-image:url(../images/tagsHeading.jpg);
	background-repeat:no-repeat;
	height:40px;
	width:120px;
	text-indent:-9999px;
	margin:0;
	padding:0;
	}
#wrapper  #tagList {
	width:800px;
	margin: 0 auto;
	padding:10px 0;
	font-size:130%;
	line-height:160%;
	border-top:2px dashed #444;
	}
/* ABOUT */
#about a:link, #about a:visited {
	color:#EB974C;
	text-decoration:none;
}
#about a:hover {
	color:#FFF;
}
#aboutTop, #aboutMiddle, #aboutBottom {
	clear:both;
	overflow:auto;
}
#aboutMiddle, #aboutBottom {
	border-top:2px dashed #444;
}
#bio, #equipment {
	width:399px;
	float:left;
	}	
#recentComments {
	float:left;
	width:300px;
	}
#visitors {
	float:left;
	width:495px;
	}	
.download {
	background-image:url(../images/download.jpg);
	background-repeat:no-repeat;
	line-height:25px;
	padding-left:30px;
	display:block;
}
/* FOOTER */
#footer {
	width:800px;
	margin:0 auto 20px auto;
	position:relative;
	overflow:auto;
	}
#copyright {
	display:block;
	background-image:url(../images/copyright.jpg);
	width:140px;
	height:40px;
	text-indent:-9999px;
	}
#totalComments {
	position:absolute;
	width:40px;
	height:40px;
	top:0;
	right:0;
	background-image:url(../images/totalComments.jpg);
	background-repeat:no-repeat;
	font-size:10px;
}
#totalComments span {
	display:block;
	text-align:center;
	line-height:28px;
}

.imgRight {
	float:right;
	margin:0 0 5px 5px;
}
.content ul {
	list-style:none;
	margin:0;
	padding:0;
}
.content ul li {
	background-image:url(../images/bullet.jpg);
	background-repeat:no-repeat;
	background-position:0 4px;
	padding-left:20px;
}