/*roxie webpage for Jack Russell Terrior pups*/
body {
text-align: center;
background: #fff; color: #000;
font-family: "Arial", "Academy Engraved LET", "Arial Italic";
}

#wrapper {
width: 850px;
margin: 0 auto;
text-align: left;
}
/*text-align: left; added as IE5.x and IE6 does not recognize the auto margin property, plus the text-align:center: code is added to 'body'*/

#header {
font-size: 160%;
text-align: center;
padding: 20px 0;
margin: 0;
font-style: italic;
font-family: Georgia, "Times New Roman", Times, serif;
color: #f06;
background: #000;
}	

/*navigation........................................*/
#navcontainer ul { 
margin-top: -5px; 
margin-left: 0px;
margin-right: 0px;
margin-bottom: 25px;
padding: 0px; 
list-style-type: none; 
text-align: center; 
float: right;
} 

#navcontainer ul li { 
display: inline;  
} 
 
#navcontainer ul li a { 
text-decoration: none; 
padding: 4px 10px; 
color: #fff; background: #000;
border-top: 2px solid #f06; 
border-left: 2px solid #f06; 
border-right: 2px solid #000; 
border-bottom: 2px solid #000;
} 
 
#navcontainer a:hover { 
color: #fff; background: #f06;
border-top: 2px solid #f06; 
border-left: 2px solid #f06; 
border-right: 2px solid #000; 
border-bottom: 2px solid #000;  
} 

#navcontainer li a#current { 
color: #000; background: #999; 
} 

#contentwrapper {
	background: url(images/blkpixel.jpg) repeat-y top left;
	}

/*content........................................*/
#content {
width: 550px;
height: 100%;
margin: 5px 0px 10px 0px;
float: right;
color: #000; background: #ccc;
}

#content h2 {
font-size: 130%;
text-align: left;
font-family: Georgia, "Times New Roman", Times, serif;
color: #000; background: #fdfdfd;
margin: 3px;
padding-left: 10px;
}

#content h3 {
	font-size: 110%;
	text-align: center;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #000;
	background: #fdfdfd;
	margin: 3px;
	padding-left: 10px;
}

#content p {
text-align: justify;
padding-right: 10px;
padding-left: 10px;
clear: both;
}

#content img {
float: left;
padding: 3px;
margin: 5px 5px 5px -25px ;
border: 5px solid #000;
background: #fff;
color: #fff;
 }

#content a:link { 
text-decoration: none;
color: #f06; 
background: #ccc;
}  

#content a:visited {
text-decoration: none;
color: #fff;
background: #ccc;
}

#content a:hover {
text-decoration: none;
color: #f06;
background: #fff;
}  

#content a:active { 
text-decoration: none;
color: #f06; 
background: #ccc; 
} 

/*contentpup.......................................*/
#contentpup {
float: right;
width: 550px;
margin: 5px 0px 10px 0px;
color: #000; background: #ccc;
}

#contentpup h2 {
font-size: 130%;
text-align: left;
font-family: Georgia, "Times New Roman", Times, serif;
color: #000; background: #fdfdfd;
margin: 3px;
padding-left: 10px;
}

#contentpup p {
text-align: justify;
padding-right: 10px;
padding-left: 10px;
clear: both;
}

/*sidecolumn........................................*/

#sidecolumn {
width: 250px;
height: 100%; /*added height 100% and it did not make the column flow the full length of the page, took out the paddign here in this section, and that brought the column up too short*/
float: left;
background: url(images/blkpixel.jpg) #000 repeat;
color: #fff;

}

#sidecolumn p {
text-align: justify;
margin-top: 0;
margin-bottom: 0;
padding: 20px;
}

#sidecolumn a:link { 
text-decoration: none;
color: #fff; 
background: #000;
}  

#sidecolumn a:visited { 
text-decoration: none;
color: #f06; 
background: #fff; 
}

#sidecolumn a:hover {
text-decoration: none; 
color:#f06; 
background: #000;
}  

#sidecolumn a:active { 
text-decoration: underline;
color: #f06; 
background: #fff;
} 


/*footer........................................*/
#footer {
clear: both;
color: #fff;
background: #000;
}

#footer img {
float: left;
margin: -130px 4px 10px 250px;
padding: 3px;
border: 2px solid #000;
background: #fff;
color: #fff;
} 

#footer p {
padding: 6px;
text-align: right;
font-size: 70%;
font-family: Georgia, "Times New Roman", Times, serif;
}

#woohooimg {
	float: left;
	margin: 10px 0px 0px 5px;
	text-align: left;
	}

/*Photo Gallery of Roxie's Pups */
   
#container {
    position:relative; 
    width:550px; 
    height:430px; 
    margin:20px 2px 0 auto; 
    border:0px solid #aaa;
	background:#ccc url(images/pups/pups.jpg) 75px 10px no-repeat; 
	
    }
	
#container ul {
    padding:0 2px 0 0; 
    margin:4px 1px 0 4px; 
    list-style-type:none;
	width:230px; 
    height:430px; 
    float:right; 
    }
	
#container li {
    float:right;
    }

/* Removes the images and text from sight */	
#container a.gallery span {
    position:absolute; 
    width:1px; 
    height:1px; 
    top:5px; 
    left:5px; 
    overflow:hidden; 
    background:#fff;
    }
	
/* Adding the thumbnail images */	
#container a.gallery, #container a.gallery:visited {
    display:block; 
    color:#000; 
    text-decoration:none; 
    border:1px solid #000; 
    margin:1px 2px 2px 2px; 
    text-align:center; 
    cursor:default;
    }
#container a.slidea {
    background:url(images/pups/fourthborn1.jpg); 
    height:60px; 
    width:80px;
    }
#container a.slideb {
    background:url(images/pups/pupsdayone1.jpg); 
    height:60px; 
    width:80px;
    }
#container a.slidec {
    background:url(images/pups/jackpups1.jpg); 
    height:60px; 
    width:80px;
    }
#container a.slided {
    background:url(images/pups/roxpups1.jpg); 
    height:60px; 
    width:80px;
    }
#container a.slidee {
    background:url(images/pups/vetday1.jpg); 
    height:60px; 
    width:80px;
    }
#container a.slidef {
    background:url(images/pups/daytwo1.jpg); 
    height:60px; 
    width:80px;
    }
#container a.slideg {
    background:url(images/pups/daythree1.jpg); 
    height:60px; 
    width:80px;
    }
#container a.slideh {
    background:url(images/pups/acrobat1.jpg); 
    height:60px; 
    width:80px;
    }
#container a.slidei {
    background:url(images/pups/nursing1.jpg); 
    height:60px; 
    width:80px;
    }
#container a.slidej {
    background:url(images/pups/whatpups1.jpg); 
    height:60px; 
    width:80px;
    }
#container a.slidek {
    background:url(images/pups/waiting1.jpg); 
    height:60px; 
    width:80px;
    }
#container a.slidel {
    background:url(images/pups/jrreads1.jpg); 
    height:60px; 
    width:80px;
    }

#container a.gallery:hover {
    border:1px solid #fff; 
    }
	
/* styling the :hover span */
#container a.gallery:hover span {
    position:absolute; 
    width:320px; 
    height:400px; 
    top:10px; 
    left:12px; 
    color:#000; 
    background:#ccc;
    }
		
#container a.gallery:hover img {
    border:3px solid #000; 
    float:right; 
    margin: 3px 8px 3px 8px;
	padding: 1px 1px 1px 1px;
    }

/*Photo Gallery2 = Pups on seperate page */
   
#photos2 {
    position:relative; 
    width:550px; 
    height:430px; 
    margin:20px 2px 0 auto; 
    border:0px solid #aaa;
	background:#ccc url(images/pups/pupgall2/itstrue1.jpg) 75px 10px no-repeat; 
	
    }
	
#photos2 ul {
    padding:0 2px 0 0; 
    margin:4px 1px 0 4px; 
    list-style-type:none;
	width:230px; 
    height:430px; 
    float:right; 
    }
	
#photos2 li {
    float:right;
    }

/* Removes the images and text from sight */	
#photos2 a.gallery span {
    position:absolute; 
    width:1px; 
    height:1px; 
    top:5px; 
    left:5px; 
    overflow:hidden; 
    background:#fff;
    }
	
/* Adding the thumbnail images */	
#photos2 a.gallery, #photos2 a.gallery:visited {
    display:block; 
    color:#000; 
    text-decoration:none; 
    border:1px solid #000; 
    margin:1px 2px 2px 2px; 
    text-align:center; 
    cursor:default;
    }
#photos2 a.slidea {
    background:url(images/pups/pupgall2/jrbasket1.jpg); 
    height:60px; 
    width:80px;
    }
#photos2 a.slideb {
    background:url(images/pups/pupgall2/weight_cat1.jpg); 
    height:60px; 
    width:80px;
    }
#photos2 a.slidec {
    background:url(images/pups/pupgall2/14days1.jpg); 
    height:60px; 
    width:80px;
    }
#photos2 a.slided {
    background:url(images/pups/pupgall2/crooner1.jpg); 
    height:60px; 
    width:80px;
    }
#photos2 a.slidee {
    background:url(images/pups/pupgall2/dutch1.jpg); 
    height:60px; 
    width:80px;
    }
#photos2 a.slidef {
    background:url(images/pups/pupgall2/easterpups1.jpg); 
    height:60px; 
    width:80px;
    }
#photos2 a.slideg {
    background:url(images/pups/pupgall2/itstrue1.jpg); 
    height:60px; 
    width:80px;
    }
#photos2 a.slideh {
    background:url(images/pups/pupgall2/momsmilk1.jpg); 
    height:60px; 
    width:80px;
    }
#photos2 a.slidei {
    background:url(images/pups/pupgall2/sleep_legsup1.jpg); 
    height:60px; 
    width:80px;
    }
#photos2 a.slidej {
    background:url(images/pups/pupgall2/sleeping_apr02_1.jpg); 
    height:60px; 
    width:80px;
    }
#photos2 a.slidek {
    background:url(images/pups/pupgall2/stand1.jpg); 
    height:60px; 
    width:80px;
    }
#photos2 a.slidel {
    background:url(images/pups/pupgall2/wrapped1.jpg); 
    height:60px; 
    width:80px;
    }

#photos2 a.gallery:hover {
    border:1px solid #fff; 
    }
	
/* styling the :hover span */
#photos2 a.gallery:hover span {
    position:absolute; 
    width:320px; 
    height:400px; 
    top:10px; 
    left:12px; 
    color:#000; 
    background:#ccc;
    }
		
#photos2 a.gallery:hover img {
    border:3px solid #000; 
    float:right; 
    margin: 3px 8px 3px 8px;
	padding: 1px 1px 1px 1px;
    }