body {
   margin: 0px;
   padding: 0px;
   background-color: #F4FAFE;
   font-family: "Verdana", "Arial", "Lucida Sans", sans-serif;
   
}

a img {
   border: none;
}

.navigation {
   position: fixed;
   display: block;
   float:left;
   height: 100%;
   width: 16%;
   margin: 0px;
   padding: 1%;
   border: 0px solid #DDD;
   border-right-width: 1px;
   background-color: #E8EDF0;
   color: #999;
}

.title {
/*   text-align: center; */
}

.title a {
   text-decoration: none;
   padding-right: 10px;
   color: #454545;
   display: block;
}

.title a:hover {
   color: #4288B7;
         
}
.category {
   margin: 8px;
}

.category a {
   text-decoration: none;
   padding-right: 10px;
   color: #454545;
   display: block;
}

.category a:hover {
   color: #4288B7;
         
}

.categoryPermanent {
   margin: 8px;
	font-size: 12px;
}

.categoryPermanent a {
   text-decoration: none;
   padding-right: 10px;
   color: #454545;
   display: block;
}

.categoryPermanent a:hover {
   color: #4288B7;
         
}


.subcategory {
   margin: 0px;
   font-size: 12px;
}

.subcategory a {
   color: #777;
   margin-left: 8px;
}

.current {
   display: block;
   float:left;
   background-color: #FFF;
   width: 116%;
   margin-left: -24%;
   padding-left: 24%;
   padding-right:8%;
   clear: both;
   border: 1px solid #BBB;
   border-right-color:#454545;
   border-right-width: 0px;
   border-left-width: 0px;
   text-align: right;
}

.current span{
   display:none;
   font-size: 8px;
   float: right;
   clear:both;
}

.current:hover span {
   display: inline;
}
.mainContent {
   float: right;
   padding: 0px;
   margin: 0px;
   text-align: center;
   width: 82%;
}

.featurePic {
   clear: none;
   padding: 0px;
   margin: 0px;
   margin-bottom: 4px;
}

.featurePic img {
 border: 1px solid #454545;
}

.fullPic {
   clear: none;
   padding: 0px;
   margin: 0px;
   margin-bottom: 4px;
	margin-top: -16px;
}

.fullPic img {
 border: 1px solid #454545;
}


.last5Header {
   display: inline;
   color: #AAA;
   font-size: 24px;
   padding-top: 18px;

}

.allPicsHeader {
   display: inline;
   font-size: 24px;
   margin-left: 2%;
}

.allPicsHeader a:hover {
   color: #2471A2;
}

.allPicsHeader a {
   color: #569DCA;
   text-decoration: none;
}


.keywordHeader {
   display: block;
	width: 40%;
   font-size: 11px;
   margin-left: 7%;
   margin-top: 20px;
}

.keywordHeader a:hover {
   color: #2471A2;
}

.keywordHeader a {
   color: #569DCA;
   text-decoration: none;
   font-size: 14px;
}

.last5Pictures {
   display: inline;
   margin-right: 8%;
   font-size: 30px;
}

.last5Pictures img { 
   vertical-align: middle;
}

.thumbRow {
	display: block;

	width: 84%;
	margin: 8%;
	margin-top:0px;
	margin-bottom:0px;
}

.thumbImage {
   vertical-align: middle;
   margin: 8px;
   margin-top:6px;
   margin-bottom: 0px;
}

a .thumbImage {
   padding: 2px;
   background-color: #B5D3E6;
}

a:visited .thumbImage {
   padding: 2px;
   background-color: #D5E3F0;
}

a:hover .thumbImage {
   background-color: #569DCA;
}

/*
img:hover {
	filter:alpha(opacity=100);
	opacity:1.00;
}
*/
.thumbHeader {
   color: #AAA;
   font-size: 24px;
   margin: 1%;
   margin-top: 2px;
   margin-bottom: 4px;
}
.fullNav {
   display: block;
   height: 30px;
   padding-top:2px;
   padding-bottom: 4px;
	margin-bottom: 16px;
}

.fullHeader {
   display: inline;
   color: #AAA;
   font-size: 16px;
   margin: 1%;
   font-weight: normal;
   color:#666;
   margin-top: 16px;
   margin-bottom: 16px;
}

.fullHeader span {
   position: absolute;
   left: 56.5%;
   top: 25px;
   font-size: 10px;
   color: #888;
}


.prevArrow {
   position: absolute;
   left: 28%;
   display: block;
   width: 20%;
   text-align: left;
   margin-top: 0px;
}

.nextArrow {
   display: inline;
   position: absolute;
   right: 8%;
   width: 20%;
   text-align: right;
   margin-top: 0px;  

}

.prevArrow a {
   color: #569DCA;
   text-decoration: none;
   display: block;
 	font-size: 32px;
}

.nextArrow a {
   color: #569DCA;
   text-decoration: none;
   display: block;
 	font-size: 32px;
}

.prevArrow a:hover {
   color: #2471A2;
}

.nextArrow a:hover {
   color: #2471A2;
}

.prevArrow span {
   font-size: 10px;
   display: none;
   position: absolute;
   top: 16px;
   font-weight: normal;
   text-align: left;
   left: 12%;
   color: #888;
}

.prevArrow a:hover span {
   display: inline;
}

.nextArrow span {
   font-size: 10px;
   display: none;
   position: absolute;
   text-align: right;
   right: 12%;
   top: 16px;
   font-weight: normal;
   color: #888;

}

.nextArrow a:hover span {
   display: inline;
}

.thumbRollTitle {
   text-align: left;
   border: 0px solid #212121;
   border-bottom-width: 1px;
   display: block;
   width: 80%;
   margin-left: 6%;
   margin-top: 20px;

}

.exifInfo {
   display: block;
   background-color: #EEEEEE;
   padding: 16px;
   padding-top: 8px;
   padding-bottom: 8px;
   width: 40%;
   float: right;
   font-size: 10px;
   border: 1px solid #AAA;
   margin-top: 10px;
   margin-right: 6%;
}



.rollListing {
   margin-left: 3%;
   
}

.rollListing a {
   display: block;
   padding: 3px;
   text-decoration: none;
   margin-left: 2%;
   color: #222;
}

.rollListing a:hover {
   text-decoration: underline;
   color: #68A;
}

.rollListing span {
	margin-top: -5px;
   margin-left: 20px;
   font-size: 10px;
   color: #666;
}

.rollListing span:hover {
   text-decoration: none;
}

.singleRoll {
	margin-top: 10px;
	margin-bottom: 10px;
}
.singleRoll a {
	margin-top: 10px;
	margin-bottom: 10px;
	padding-top: 50px;
	float: left;
	width: 40%;
	height: 80px;
	border: #EEEEEE 1px solid;
	text-align:left;
}
.singleRoll a:hover {
	text-decoration: none;
	background-color: #E6FBFF;
	border: #CCC 1px solid;
}
.singleRoll img {
	float: left;
	margin: 10px;
	margin-top:-40px;
	border: #999999 1px solid;

}

.tags {
	width: 90%;
	margin-left: 5%;
	margin-top: 1%;
	
}

.tags a {
	text-decoration: none;
}

.tags a:hover {
	text-decoration: underline;
}

.comments {
	margin-left: 16px;
	margin-right: 16px;
}

.comment input {
	border: 1px #454545 solid;
}

.commentTitle {
	display: block;
	height: 100px;
	width: 348px;
	margin-top: 40px;
	padding-right: 120px;
	margin-bottom: 25px;
	font-size: 24px;
	color: #DDDDDD;
	border: 0px #999 solid;
	border-bottom-width: 1px;
}

.comments img {
	position: fixed;
	top: 10px;
	right: 8px;
	border: 1px #AAAAAA solid;
}

.commentBox {
	border: 1px #CCCCCC solid;
	background-color: #E4E9EB;
	padding: 10px;
	margin-right: 2px;
	margin-top: 10px;
	margin-bottom: 0px;
	font-size: 12px;
	color: #454545;
}

.commentHeader {
	display: block;
	margin-top: -38px;
	font-size: 12px;
	padding-left: 0%;
	margin-bottom: 14px;
	color: #777777;
}

.commentName {
	display: block;
}

.commentName input {
	margin-left: 10px;
}

.commentText {
	display: block;
	margin-top: 0px;
	margin-bottom: 10px;

}

.commentSubmit {
	display: block;
	margin-top: 4px;
	margin-bottom: -4px;
	margin-left: 158px;
}

.commentTime {
	display: block;
	width: 100%;
	text-align: right;
	font-size: 10px;
	border: 0px #999 solid;
	border-top-width: 1px;
	padding-top: 1px
	float: right;
	margin-top: -15px;
	margin-bottom: 0px;
}

.commentNewHeader {
	display: block;
	text-align: center;
	color: #888888;
	font-size: 16px;
	margin-bottom: 6px;
	margin-top:-6px;
}

.bottomButtons {
   display: inline;
   text-align: center;
   position: fixed;
   left: 2.5%;
   font-size: 8px;
   bottom: 4px;
   width: 13.5%;
   color: #AAA;

}

.bottomButtons img {
   display: none;
}

.bottomButtons a {
   text-decoration: none;
}

.bottomButtons a:hover {
   text-decoration: underline;
}

.cclicense {
   position: fixed;
   left: 1%;
   font-size: 8px;
   bottom: 28px;
   width: 16%;
   text-align: center;
   
}

.cclicense a {
   color: #456688;
}

.cclicense a {
   text-decoration: none;
}

.cclicense a:hover {
   text-decoration: underline;
}