/* PET PORTRAITS SECOND DRAFT CSS FILE */




/* BODY */
body {
	background-color: rgb(255,255,255);
	color: rgb(0,0,0);
	font-family: Verdana, Arial, Helvetica, sans-serif;
}




/* CONTENT */
#content {
	font-size: 103%;
	background-color: rgb(255,255,255);
	color: rgb(0,0,0);
	padding: 7px 7px 7px 7px;
	text-align: left;
}

#content a {
	color: rgb(78,91,207);
	text-decoration: none;
}

#content a:hover, #content a:active {
	color: rgb(92,155,255);
}

h1, h2, h3, h4, h5, h6
{
	font-family: Arial, Helvetica, sans-serif;
	font-variant: normal;
	text-transform: none;
	font-weight: normal;
	font-style: small-caps;
}

h1 {
	font-size: 124%;
}

h2 {
	font-size: 114%;
}




/* MENU */
#menu {
	background-color: rgb(255,255,255);
	color: rgb(178,191,207);
	font-family: Verdana, sans-serif;
}

a.menuitem {
	font-size: 100%;
	background-color: rgb(0,0,0);
	color: rgb(178,191,207);
	margin-left: 13px; margin-right: 13px; margin-top: 0px; margin-bottom: 0px;
	padding: 0px 0px 0px 0px;
	border-left-width: 0px; border-right-width: 0px; 
	border-top-width: 0px; border-bottom-width: 0px;
	border-left-style: solid; border-right-style: solid; 
	border-top-style: solid; border-bottom-style: solid;
	border-color: rgb(255,255,255);
	text-align: left;
}

#menu a {
	text-decoration: none;
}

.menuitem:hover {
	color: rgb(192,255,255);
}




/* LOGO */
#logo, #logo a {
	font-size: 100%;
	background-color: rgb(0,0,0);
	color: rgb(255,255,255);
	font-family: Verdana, sans-serif;
	padding: 1px 1px 1px 1px;
	text-align: right;
}

#logo a {
	text-decoration: none;
	color: rgb(0,0,0);
}

#logo a:hover {
	color: rgb(192,255,255);
}




/* BREADCRUMB TRAIL */
#trail, #trail a {
	font-size: 91%;
	background-color: rgb(0,0,0);
	color: rgb(255,255,255);
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	padding: 1px 12px 12px 12px;
	text-align: center;
}

#trail a {
	text-decoration: none;
	color: rgb(178,191,207);
}

#trail a:hover {
	color: rgb(192,255,255);
}




/* LAYOUT */
#menu { width: 23%; position: relative; top: 0px; right: 0; float: right; text-align: center; }
.menuitem { width: auto; }
#content { margin-right: 23%; width: auto }
.menuitem { display: block; }




/* IMAGE SHADOW WRAPPING */

.wrap1, .wrap2, .wrap3 {
	display:inline-table;
	/* \*/display:block;/**/
}

.wrap1 {
	float:left;
	background:url(shadow.gif) right bottom no-repeat;
}

.wrap2 {
	background:url(corner_bl.gif) left bottom no-repeat;
}

.wrap3 {
	padding:0 20px 20px 0;
	background:url(corner_tr.gif) right top no-repeat;
}

.wrap3 img {
	display:block;
	border-left-width: 2px; border-right-width: 2px; 
	border-top-width: 2px; border-bottom-width: 2px;
	border-left-style: solid; border-right-style: solid; 
	border-top-style: solid; border-bottom-style: solid;
	border-color: rgb(0,0,0);
}

.wrap3 img:hover {
	border-color: rgb(255,64,64);
}




/* PRINTING */

@media print {
	#menu       { display: none; }
	#content    { padding: 0px; }
	#content a  { text-decoration: underline; }
}