/*---------------------------------------------------------------------------
					CSS Document for judyspups.com
---------------------------------------------------------------------------*/

/*---------------------------------------------------------------------------
							BASIC PAGE PROPERTIES
---------------------------------------------------------------------------*/
* {margin: 0; border: 0; padding:0;}
body {text-align: center; font-family: "Verdana", "Geneva", sans-serif; color: #000000; background-color: #663300;}
p {margin: .7em 0;}

/*---------------------------------------------------------------------------
							STATIC DIV PROPERTIES
---------------------------------------------------------------------------*/
#wallpaper {width: 55em; border-left: 1em solid #CC6633; border-right: 1em solid #CC6633; margin: 0 auto; padding: 4em 0; background: url(pawprint.gif) repeat fixed top center;}
#container {width: 39em; border: .5em solid #0066CC; margin: 0 auto; background-color: #FFFFFF;}
#header {padding: .4em 0; font-size: 2em; font-family: "Trebuchet MS", "Verdana", "Geneva", sans-serif;}
#navbar {font-size: 1.2em; font-family: "Trebuchet MS", "Verdana", "Geneva", sans-serif;}
#content {}
#footer {border-top: .1em solid #000000; margin-top: .5em; padding: .8em 0; font-size: .8em;}

/*---------------------------------------------------------------------------
							DYNAMIC DIV PROPERTIES
---------------------------------------------------------------------------*/
.title {margin-top: .5em; color: #0066CC; font-size: 2em; font-weight: bold;}
.testimonial {background-color: #FFCC99; padding: .7em; text-align: left; line-height: 1.2em; font-style: italic;}
.textbox {background-color: #FFFFFF; padding: .7em; text-align: left; line-height: 1.2em;}
.gallery {background-color: #FFFFFF;}
.photobar img {width: 13em;}
.clearfloat {height: 0; clear: both;}

/*---------------------------------------------------------------------------
							BASIC LINK PROPERTIES
---------------------------------------------------------------------------*/
a {text-decoration: none; color: #0066CC; border-bottom: .1em solid #999999;}
a:hover {color: #000000; border-bottom: .1em solid #CC6633;}

/*---------------------------------------------------------------------------
								NAVIGATION MENU
---------------------------------------------------------------------------*/
#navbar ul {list-style: none; padding: .3em 0; background-color: #0066CC;}
#navbar ul li {display: inline;}
#navbar ul li a {border: 0; padding: .3em .8em; color: #FFFFFF; background-color: #0066CC;}
#navbar ul li a:hover {border: 0; color: #FFFFFF; background-color: #003399;}
#navbar ul li a.on {border: 0; color: #FFFFFF; background-color: #CC6633;}

/*---------------------------------------------------------------------------
								IMAGE GALLERY
---------------------------------------------------------------------------*/
* html .gallery ul li .imgbox, * html .gallery ul li a {display: inline;} /* fix IE6 double-margin on floated elements */
.gallery ul {list-style: none; text-align: left;}
.gallery ul li {display: inline;}
.gallery ul li .imgbox {float: left; width: 12em; margin: 0 0 .75em .75em; background-color: #CCCCCC;}
.gallery ul li a {float: left; position: relative; width: 11em; height: 11em; margin: .5em; border:0;}
.gallery ul li a:hover {z-index: 1; border: 0;}
.gallery ul li a img {position: absolute; width: 10em; height: 10em; border: .1em solid #000000; padding: .4em; background-color: #FFFFFF;}
.gallery ul li a:hover img {top: -5.5em; left: -5.5em; width: 20em; height: 20em; border: .2em solid #000000; padding: .8em;}
.gallery ul li .caption {clear: both; width: 10.4em; margin: 0 .5em .5em .5em; border: .1em solid #999999; padding: .2em; background-color: #FFFFFF;}
.gallery ul li p {margin: 0; font-size: .8em; text-align: center;}

/*=========================================     DESIGN NOTES     =========================================

(1) test page without Trebuchet MS (using Verdana as #1) because it is a narrower font than the backups
(2) if new basic link pseudo-classes are added, resulting properties must be cleared for other anchors
(3) tell IE to display all floating elements as inline elements to avoid double-margins
(4) remove basic paragraph margins for specializd paragraphs (i.e image captions)

========================================================================================================*/