body { background-color: #FFFFFF;}
/* body { background-color: #FF0000; background-image: url(bg.jpg); background-repeat: repeat; } -- changed by Daniel Kamman */

/* homeimage div aligns left edge of single home image with left edge of anna dibble and closer to anna dibble heading at top */
div.homeimage {
	padding-left: 10px;
	margin-top: -20px; }
	
div.hometitle {
	font-size: 9pt; 
	margin-top: -10px;
	margin-bottom: 15px;
}	

/* titlebar was 64jpx */
#titlebar { font-weight: bold; font-family: Arial, Verdana, sans-serif; padding: 10px; z-index: 2; color: #000000; font-size: 52px; text-align: left; z-index: 2; position: absolute; left: 18%; top: 15px; }

.pic { z-index: 3; width: 150px; border: 5px solid #FF0000; background-color: #FF0000; margin-bottom: 10px; }

#linkbar { z-index: 2; font-family: Baskerville, Palatino, Georgia, serif; font-size: 16pt; text-align: right; color: #FFFFFF; width: 18.75%; position: absolute; right: 84%; top: 100px; }
/* #mainbox { position: absolute; left: 18%; top: 110px; width: 85%; } */
#mainbox { position: absolute; left: 18%; top: 110px; width: 75%;}

#mainboxwright { border: 5px solid #FF0000; z-index: 2; padding: 20px; background-color: #0000CC; color: #FFFFFF; width: 60%; padding-bottom: 100px; position: absolute; left: 18%; top: 110px; font-family: Arial, Verdana, sans-serif; }

#mainboxworight { z-index: 1; padding: 20px; background-color: #FFFFFF; color: #000000; font-family: Arial, Verdana, sans-serif; font-size: 11pt; line-height: 150%; letter-spacing: 1px; }

/* In #mainboxworight-index below background-color: changed from #000000 black to #ffffff white when going from 3 images pulled from database to one hardcoded image with black border */

#mainboxworight-index { z-index: 1; padding: 0px; background-color: #ffffff; color: #000000; font-family: Arial, Verdana, sans-serif; font-size: 11pt; line-height: 150%; letter-spacing: 1px;}

#mainboxtop, #mainboxbottom { height: 25px; }
#ul { float: left; }
#ur { float: right; }
#mid { background-color: #000000; height: 25px; margin-left: 25px; margin-right: 25px; }


#cmainbox { border: 2px solid #FF0000; z-index: 1; padding-right: 1%; padding-left: 140px; padding-top: 65px; background-color: #000000; color: #FFFFFF; padding-bottom: 100px; position: absolute; left: 16.25%; top: 75px; font-family: Arial, Verdana, sans-serif; }


#contactbox { font-family: Arial, Verdana, sans-serif; font-size: 7pt; color: #666666; margin-top: 5px; margin-left: 26px; }

.link { padding: 5px; }

a:link.a { color: #000000; text-decoration: none; }
a:hover.a { color: #FFFFFF; background-color: #FF0000; text-decoration: none; }
a:visited.a { color: #000000; text-decoration: none; }

a:link.b { color: #0000FF; }
a:hover.b { color: #FFFFFF; background-color: #FF0000; text-decoration: none; }
a:visited.b { color: #FF00FF; }

a:link.contactemail { color: #000000; text-decoration: underline; }
a:hover.contactemail { color: #000000; text-decoration: underline; }
a:visited.contactemail { color: #000000; text-decoration: underline; }

a:link.i { border: 1px solid #000000; }
a:hover.i { border: 1px dotted #FF0000; }
a:visited.i { border: 1px solid #000000; }
a:visited:hover.i { border: 1px dotted #FF0000; }

/*  commented out hover styles because of problems with wildly dancing thumbnails  */
a:link { color: #FFFFFF; text-decoration: none; }
/* a:hover { color: #FFFFFF; background-color: #FF0000; text-decoration: none; } */
a:visited { color: #FFFFFF; text-decoration: none; }
/* a:visited:hover { color: #FFFFFF; background-color: #FF0000; text-decoration: none; } */

a:link.linkcat { font-size: 14pt; color: #9999FF; }
a:hover.linkcat { font-size: 14pt; color: #FFFFFF; background-color: #FF0000; }
a:visited.linkcat { font-size: 14pt; color: #FF99FF; }
a:visited:hover.linkcat { font-size: 14pt; color: #FFFFFF; background-color: #FF0000; }

/*  commented out hover styles because of problems with wildly dancing thumbnails -- these hover styles did not produce dancing but made dashed red border solid, which could be confusing  */
a:link.x { color: #000000; }
/* a:hover.x { color: #000000; background-color: #000000; } */
a:visited.x { color: #000000; }
/* a:visited:hover.x { color: #000000; background-color: #000000; } */

/*  commented out hover style because of problems with wildly dancing thumbnails  */
/* changed border from 1px solid #000000; to 0px; -- February 26, 2006 */
img.gal { border: 0px; margin: 5px 25px 5px 5px;; }
/* img.galredborder { border: 1px solid #000000; margin: 5px 10px 5px 5px;; } */
/* red border removed by changing from img.galredborder { border: 1px dashed red; margin: 5px 25px 5px 5px; to 0px } February 25, 2010 */
img.galredborder { border: 0px; margin: 5px 25px 5px 5px; }
/* img:hover.gal { border: 1px solid #FFFFFF; margin: 3px; padding: 2px; } */

img.dog { border: 5px solid #333333; margin: 5px; }
img:hover.dog { border: 5px solid #FF0000; margin: 5px; }

/* tabs and tabsel control appearance of gallery links -- tabsel is for link on current page, tabs is for other links -- Daniel Kamman  */
/*  12px font size chosen to make longest title, unlimited edition prints, fit under image. Titles are chosen at admin.php online  */
.tabs {  border-bottom: 1px solid #000000; padding-top: 6px; padding-bottom: 6px; text-decoration: underline; font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 15px; }
.tabsel { padding-top: 6px; padding-bottom: 6px; text-decoration: none; font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 15px; }

a:link.tabs { color: #000000; background-color: #FFFFFF; size: 14px; }
a:hover.tabs, a:visited:hover.tabs { color: #000000; size: 14px; }
a:visited.tabs { color: #000000; background-color: #FFFFFF; size: 14px;}

a:link.tabsel { color: #FFFFFF; background-color: #000000;  }
a:hover.tabsel, a:visited:hover.tabsel { color: #FFFFFF; background-color: #FF0000; }
a:visited.tabsel { color: #FFFFFF; background-color: #000000; }

.bodytext { text-transform: capitalize; margin: 5px; font-family: Arial, Verdana, sans-serif; }

.newshead { font-size: 16pt; font-family: Baskerville, Palatino, serif; margin-top: 10px; margin-bottom: 0px; padding-bottom: 0px; padding-top: 0px; }
/* .newshead { font-size: 16pt; font-family: Baskerville, Palatino, serif; } */
.newsdate { font-size: 8pt; margin-top: 0px; margin-bottom: 0px; padding-bottom: 0px; padding-top: 0px;}
/* .newsdate { font-size: 8pt; padding-bottom: 5px; padding-top: 5px;} */
.newsbody { padding-bottom: 5px; }
/* .newsbody { padding-bottom: 20px; } */

#cart { background-color: #330099; padding: 5px; margin: 5px; margin-top: 0px; width: 500px;}
.item { border: 3px solid #330099; width: 500px; padding: 5px; }
.item2 { border: 3px solid #330099; width: 494px; padding: 8px; font-size: 16pt; text-align: center; }
.itempic { border: 0px solid #000000; float: left; }
.itempic2 { border: 0px solid #000000; float: right; }
.itemtitle { font-size: 16pt; font-family: Baskerville, Palatino, serif; }
.cattitle { font-size: 16pt; height: 100px; width: 250px; padding: 5px; text-align: center; margin-left: auto; margin-right: auto; }
.itemdesc { float: right; width: 250px; padding: 5px;}
.iteminput { background-color: #3300FF; color: #FFFFFF; }

td { text-align: center; padding-left: 10px; padding-right: 10px;}

td.a { text-align: left; padding: 2px; }

input, textarea { background-color: #FFFFFF; color: #000000; }

/* the style below controls appearance of the op up gallery images -- Daniel Kamman */
/*  the pop up gallery appears to be based on http://icant.co.uk/articles/dyngallery/ Daniel Kamman */
#bigDynPic{ background:#FFFFFF; position: absolute; top: 60px; left: 15%; padding: 5px; z-index: 4; font-family: Arial, Verdana, sans-serif; font-size: 12pt; border: 3px solid #000000; }

#splashhead { position: absolute; left: 0%; width: 40%; top: 35%; height: 18%; font-weight: bold; font-family: Verdana, Arial, sans-serif; padding-top: 3%; padding-bottom: 3%; z-index: 1; background-color: #3300FF; color: #FFFFFF; font-size: 40px; vertical-align: middle; text-align: center; }

#splashbox { position: absolute; left: 40%; top: 35%; width: 60%; height: 18%; z-index: 2; background-color: #3300FF; padding-top: 3%; padding-bottom: 3%; }

#splashbox1 { position: absolute; right: 52%; top: -100%; width: 202px; }
#splashbox2 { position: absolute; left: 52%; top: -100%; width: 202px; }

.spic { z-index: 3; width: 200px; margin-bottom: 10px; }

#pixbox { position: absolute; top: 25px; left: 73%; width: 210px; z-index: 3; }

h1 { font-family: Baskerville, Palatino, serif; margin-top: 0px; margin-bottom: 0px; text-transform: capitalize; }

/* h1.contact added by Kamman to allow breathing space on contact page */
h1.contact { font-family: Baskerville, Palatino, serif; margin-top: 0px; margin-bottom: 27px; text-transform: capitalize; }

#loadtext { font-size: 10pt; font-color: #FF0000; }

#comicbox { position: absolute; top: 15px; left: 43%; z-index: 4; border: 3px solid #FF0000; background-color: #FF0000; }

#awkspace { position: absolute; top: 200px; left: 27%; z-index: 3; width: 15%; color: #FFFFFF; font-size: 22pt; text-align: center; font-family: Arial, Verdana, sans-serif; font-weight: bold; }

.t { border: 0px solid #000000; background-color: #3300FF; color: #FFFFFF; }

#dogimg { text-align: center; margin-bottom: 5px; }
#dogi { border: 5px solid #333333; }
#dogname { font-size: 15pt; font-weight: bold; margin-bottom: 5px; }
#dogloc { font-style: italic; margin-bottom: 5px; }

.com { margin: 5px; border: 5px solid #333333; }
/* .linkdesc { font-size: 8pt; line-height: 8pt; width: 90%; margin-top: 25px; } width increased to 100% to prevent Broken red border text on Gallery from going to a second line - Daniel Kamman */
.linkdesc { font-size: 8pt; line-height: 8pt; width: 100%; margin-top: 25px; }