﻿/* Arthur's Photo Gallery Website Style Sheet */
/* 20190419 */

#photogallery {
	margin:auto;
	text-align:center;
}

#indexbuttonrow {
	width:450px;
	margin: auto;
	text-align:center;
}

#buttonrow {
	width:400px;
	margin-right:auto;
	margin-left:auto;
	text-align:center;
}

#imagenumber {
	position:relative;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:4px;
	text-align:left;
	clear:left;
}

#indexnumber {
	position:relative;
	margin-left:auto;
	margin-right:auto;
	margin-top:15px;
	margin-bottom:0px;
	text-align:center;
	clear:left;
}

#fullsizeimage {
	margin-left:auto;
	margin-right:auto;
	box-shadow: 10px 10px 5px gray;
	line-height:0px;
}

#credit {
	margin-top:10px;
	margin-left:auto;
	margin-right:auto;
	text-align:right;
}

#captiontext {
	margin-top:5px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}

.gtitle { font-family: 'Comic Sans MS', Verdana, Arial, sans-serif; font-size: 16pt; color: #000080; font-weight: bold;
        font-style: normal; margin-top: 20px; margin-bottom: 10px; text-align: center; margin-left:auto; margin-right:auto} 
         
.body   { font-family: Verdana, Arial, sans-serif; font-size: 10pt; color: #000000; font-weight: normal;
		font-style: normal; text-align: left; bgcolor="#FFFFFF"; background="http://www.akuehne.com/images/toptxtr.jpg";
		text-align: center }
        
.image  { font-family: Verdana, Arial, sans-serif; font-size: 7pt;  color: #000000; font-weight: normal;
        font-style: normal; margin-top: 0px; margin-bottom: 0px; }
                
.copy  { font-family: Verdana, Arial, sans-serif; font-size: 7pt; color: #000000; font-weight: normal;
        font-style: normal; margin-top: 0px; margin-bottom: 0px; }
        
.caption  { font-family: Verdana, Arial, sans-serif; font-size: 11pt; color: #000000; font-weight: normal;
        font-style: normal; margin-top: 0px; margin-bottom: 0px; }
        
.page  { font-family: Verdana, Arial, sans-serif; font-size: 10pt; color: #000000; font-weight: normal;
        font-style: normal; margin-top: 0px; margin-bottom: 0px; }
                
.p10  { font-family: Verdana, Arial, sans-serif; font-size: 10pt; color: #000000; font-weight: normal;
        font-style: normal; margin-top: 0px; }
        
.p10i { font-family: Verdana, Arial, sans-serif; font-size: 10pt; color: #000000; font-weight: normal;
        font-style: normal; margin-top: 0px; margin-left: 30px; }

.p10a { font-family: Verdana, Arial, sans-serif; font-size: 10pt; color: #000000; font-weight: normal;
        font-style: normal; margin-top: 0px; margin-bottom: 0px; }
        
.p8   { font-family: Verdana, Arial, sans-serif; font-size: 8pt; color: #000000; font-weight: normal;
        font-style: normal; margin-top: 5px; margin-bottom: 0px; }
        
.p8a   { font-family: Verdana, Arial, sans-serif; font-size: 8pt; color: #000000; font-weight: normal;
        font-style: normal; margin-top: 0px; margin-bottom: 0px; }
        
.title { font-family: 'Comic Sans MS', Verdana, Arial, sans-serif; font-size: 16pt; color: #000080; font-weight: bold;
        font-style: normal; margin-top: 0px; margin-bottom: 10px; } 
         
.blue16 { font-family: Verdana, Arial, sans-serif; font-size: 16pt; color: #000080; font-weight: normal;
        font-style: normal; margin-top: 0px; margin-bottom: 0px; }  
              
p  { font-family: Verdana, Arial, sans-serif; font-size: 10pt; color: #000000; font-weight: normal;
        font-style: normal; margin-top: 0px; margin-bottom: 12px; }
        

a:link    { color: #000000 }
a:visited { color: #777777 }
a:hover   { color: #3333ff; }
		
.lnk { margin-bottom: 8px; }
	
a:link.menu    { font-family: Verdana, Arial, sans-serif; color: #000080; text-decoration: none; font-size: 10pt; 
				 margin-left: 10px; }
a:visited.menu { font-family: Verdana, Arial, sans-serif; color: #000080; text-decoration: none; font-size: 10pt; 
				 margin-left: 10px; }
a:hover.menu   { text-decoration: none; color: #000080; font-weight: bold; font-size: 10pt}

a:link.selected    { font-family: Verdana, Arial, sans-serif; color: #000080; text-decoration: none; font-size: 10pt; 
                         margin-left: 10px; font-weight: bold; }
a:visited.selected { font-family: Verdana, Arial, sans-serif; color: #000080; text-decoration: none; font-size: 10pt;
                         margin-left: 10px; font-weight: bold; }
a:hover.selected   { text-decoration: none; color: #000080; font-weight: bold; font-size: 10pt}



.button2 { 	float: left;
  			margin: 1px 3px 1px 3px;
  			padding: 1px;
  			border: 2px outset #e5e5e5;
  			background: #e5e5e5;
  			text-align: center;
			font-family: Verdana, Arial, sans-serif;
  			font-size: 8pt;
  			text-decoration: none;
  			color: #747474; }

.button1 a { 	float: left;
  				margin: 1px 3px 1px 3px;
  				padding: 1px;
  				border: 2px outset #e5e5e5;
  				background: #c6c6c6;
  				text-align: center;
				font-family: Verdana, Arial, sans-serif;
  				font-size: 8pt;
  				text-decoration: none;
  				color: #333366 }

.button1 a:hover { 	color: #3333ff;
  				  	background: #d5d5d5;
  				  	text-decoration: none;
					font-family: Verdana, Arial, sans-serif;
  				  	font-size: 8pt; }


.yellow  { background-color: #fef9e0; padding-left:5px; padding-right:4px; padding-top:5px; padding-bottom:7px }
.gold    { background-color: #faf7e4; padding-left:5px; padding-right:4px; padding-top:5px; padding-bottom:7px }
.red     { background-color: #f5eae9; padding-left:5px; padding-right:4px; padding-top:5px; padding-bottom:7px }
.orange  { background-color: #fde1e2; padding-left:5px; padding-right:4px; padding-top:5px; padding-bottom:7px }
.blue    { background-color: #e0f8fe; padding-left:5px; padding-right:4px; padding-top:5px; padding-bottom:7px }
.green   { background-color: #ecf2f1; padding-left:5px; padding-right:4px; padding-top:5px; padding-bottom:7px }
.brown   { background-color: #f2eeec; padding-left:5px; padding-right:4px; padding-top:5px; padding-bottom:7px }
.purple  { background-color: #ebedf3; padding-left:5px; padding-right:4px; padding-top:5px; padding-bottom:7px }
.gray    { background-color: #d4d4d4; padding-left:5px; padding-right:4px; padding-top:5px; padding-bottom:7px }