/* CSS Document - jandawsonartist.ca*/
/* Revised 2010 January */

/* Set all containers to 0 */
html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6{
	margin: 0;
	padding: 0;
	border: 0;
}

html, body { 
/* sticky footer */
	margin: 0 auto;
	height: 100%;
	min-width: 800px; /* need min for IE7 */
}
	
body{
	background: #251715 url(Images/IMG_0528_01Tile3a675Dkr.jpg);
/*	background: #211718 url(Images/IMG_0528_01Tile3a675Dkr.jpg);*/
	font: 1.0em "Comic Sans MS", Verdana, Arial, sans-serif;
	color: #330066;
	padding: 0;
}

#wrapper, #page{
	border: #251715 solid 2px;
/*	background: url(Images/ContentTile.jpg) repeat-y left;*/ /* remove fur background from nav sidebar */
/* sticky footer */
 	margin: 0 auto;
	min-height: 99.9%;
	position: relative;
	width: 798px;
	background-color: #251715; /* no fur background */
}

/* Begin Header */
#header{
	width: 798px;
	background: #251715 url(Images/VippyCropLong790Dk.png) no-repeat top center;
/*	background: #211718 url(Images/VippyCropLong790Dk.png) no-repeat top center;*/
/*	background: #211718 url(Images/HeaderOpacity25&Signature01.jpg) no-repeat top center;*/ /* bella image*/
	height: 232px;
/*	height: 148px;*/ /*with Bella image */
	margin: 0 auto;
	padding: 14px 0 0 0;
	border-bottom: #B2A184 solid 1px;
/*	border-bottom: #9A7C58 solid 1px;*/
}

#header img{
/*	border-left, border-right: #9A7C58 solid 1px; /* left & right borders for matting */
}

#logomid{
	background-color: #251715;
	color: #D9D1A8;
/*	color: #B2A184;*/
/*	color: #b69267;*/
	font: small-caps 0.8em Verdana, sans-serif;
	width: 798px;
	margin: 0 auto;
	float: left;
	padding-top: 4px;
	height: 20px;
	text-align: center;
}

/* Begin Content */
#content{
	clear: both;
	margin: 0 auto;
	width: 798px;
	border-top: #B2A184 solid 1px;
/*	border-top: #9A7C58 solid 1px;*/
	min-height: 100%;
}
	
#nav{
	margin: 0 auto;
	float: left;
	width: 140px;
/*	width: 148px;*/
	height: 100%;
	padding: 18px 0px 0px 0px;
}

#nav ul{
	margin-left: 0px;
	padding: 0px;
}

#nav ul li{
	float: left;
	margin-left: 10px;
	font: bold 0.85em Verdana, sans-serif;
	list-style-type: none;
	background: url(Images/Smile-Photo-Jan-26LtEye20px.jpg) no-repeat center left;
	padding: 3px 0 3px 5px;
	height: 20px;
	width: 80px;
}

#nav ul li a{
	color: #D5CBA4;
/*	color: #C6B996;*/
/*	color: #b69267;*/
	display: block;
	font: bold 0.85em Verdana, sans-serif;
	height: 20px;
	text-decoration: none;
	width: 80px;
	margin-left: 15px;
	margin-top: 5px;
/*	margin-top: 5px;*/
	text-align: left;
}

#nav ul li a:hover{
	color: #A89D80;
/*	color: #d9d1a8;*/
/*	color: #D8CFA8;*/
/*	color: #867963;*/
/*	color: #715b44;*/
	height: 20px;
	display: block;
}

#main{
	float: right;
	background-color: #251715;
	width: 608px;
/*	width: 600px;*/
/*	padding: 24px 25px 65px 0px;*//* 50px at bottom to leave room for sticky footer */ /* with fur backgroud */
	padding: 24px 25px 65px 24px;/* 50px at bottom to leave room for sticky footer *//* w/o fur background */
	border-left: #B2A184 solid 1px;
/*	border-left: #9A7C58 solid 1px;*/
}

#main h1{
	font: bold italic 1.25em "Times New Roman", serif;
	background-color: #B2A184;
	color: #331f1f;
	text-align: center;
	padding: 15px 0 0 5px;
}

#main h2{
	font: bold 1.00em "Times New Roman", serif;
	background-color: #B2A184;
	color: #331f1f;
	text-align: left;
	padding: 5px 0 0px 25px;
}

#main h3 {
	font: bold 1.0em Verdana, Arial, sans-serif;
	color: #331f1f;
	background-color: #B2A184;
	text-align: left;
	padding: 15px 0 0 5px;
}

#main p{
	font: normal .75em "Comic Sans MS", Verdana, Arial, sans-serif;
	background-color: #B2A184;
	color: #331f1f;
	text-align: left;
	padding: 10px 15px 4px 15px;
}

#main table{
	background-color: #B2A184;
	margin: 0 auto;
	width: 450px;
	color: #331F1F;
	font: normal 1.0em Verdana, Arial, sans-serif;

}
#main th{
	font: bold 0.90em Verdana, Arial, sans-serif;
}

#main td{
	font: normal .70em Verdana, Arial, sans-serif;
	padding-left: 2px;
}

#main td.sub{
	font-weight: bold;
}

#main ul{
	background-color: #B2A184;
	font: normal .75em "Comic Sans MS", Verdana, Arial, sans-serif;
	color: #331f1f;
	padding: 5px 40px 5px 40px;
}

#main a{
	color: #454940;
/*	color: #4f514e;*/
}

#main img.lt{
	float: left;
	margin: 5px 10px 5px 5px;
}

#main img.rt{
	float: right;
	margin: 5px 5px 5px 10px;
}

#main p.eyes{
	padding: 3px 0 0 0;
}

#main p.eyes img{
	border: #000000 solid 1px;
	margin: 0 auto;
	padding: 0;
}

#main p.quote{
	font-size: 1.10em;
	text-align: center;
	font-family: "Times New Roman", Times, serif;
	padding-top: 2px;
}

#main p.link{
	padding: 1px 0 2px 35px;
}

#main p.date{
	padding-top: 15px;
	padding-bottom: 0;
	border-top: 1px solid #251715;
}

#main p.test{
	padding-top: 2px;
	padding-bottom: 0;
}

#main p.name{
	padding-top: 5px;
	padding-bottom: 0px;
}

#main p.place{
	padding-top: 0;
	padding-bottom: 15px;
}

#prices{
	background-color: #B2A184;
}

/* online application formatting */
#orderform{
	margin: 5px 0px 0px 0px;
	border: #B2A184 solid 2px;
	width: 604px;
}

#orderform{
/* needs to be modified for Netscape/FIrefox if form size is increased by adding fields, padding or margin */
/*	min-height: 415px;*/ /* modified 2012 01 26 */
	min-height: 390px;
}


textarea{
	font: normal .95em Verdana, Arial, sans-serif;
}

fieldset{
	padding: 0 0 3px 0;
	margin: 0 auto;
	border: none;
	width: 588px;
}

legend{
	color: #B2A184;
	font-size: 0.9em;
	width: 580px;
}

#orderform table{
	margin: 0 auto;
	padding: 3px 0 1px 2px;;
	width: 580px;
}

div.rowd{
	clear: both;
	font-size: 0.85em;
}

div.rowd span.label{
	float: left;
	width: 80px;
	text-align: left;
	padding-top: 2px;
}

div.rowd span.formw{
	float: left;
	width: 195px;
	text-align: left;
	padding-left: 5px;
}

div.rows{
	clear: both;
	font-size: 0.85em;
	width: 550px;
	padding-bottom: 5px;
}

div.rows span.label{
	float: left;
/*	width: 370px; */ /*modified 2012 01 26 */
	width: 250px;
	text-align: left;
	padding-top: 2px;
}

div.rows span.formw{
	float: left;
/*	width: 165px;*/ /*modified 2012 01 26 */
	width: 285px;
	text-align: left;
/*	padding-left: 5px;*/ /* modified 2012 01 26 */
	padding-left: 15px;
	padding-bottom: 5px; /* added 2012 01 26 */
}

#paypal{
	text-align: center;
}

.selsize{
	font-size: 0.95em;
	font-family: sans-serif;
	background-color: #ffffff;
}

p.p2{
	color: #B2A184;
/*	margin-top: 10px;*/
	text-align: left;
}

div.rows span.send{
	float: left;
	width: 200px;
/*	margin: 15px 0 0 200px;*/ /* modify form 2012 01 26 */
	margin: 5px 0 0 200px;
	text-align: center;
}

#sitemap ul{
	background-color: #B2A184;
	padding-left: 150px;
	color: #331f1f;
}

#sitemap a{
 color: #331f1f;
}

#footer{
/* sticky footer */
	width: 100%;
	height: 40px;
	position: absolute;
	bottom: 0;
	background-color: #251715;
	border-top: #B2A184 solid 1px;
/*	border-top: #9a7c58 solid 1px;*/
}

#bottom{
	width: 798px;
	margin: 0 auto;
	height: 20px;
}

#bottom p{
	list-style-type: none;
	text-align: center;
	height: 18px;
	font-size: .8em;
}

#bottom p a{
	font-size: 90%;				
	color: #B2A184;
/*	color: #b69267;*/
	height: 18px; 			/*sets the link height */
	text-align: center;
	text-decoration: none;
}

#bottom p a:hover{
	color: #D8CFA8;
/*	color: #715b44;*/
}

#tagline{
	clear: both;
	margin: 0 auto;
	width: 798px;
	border-top: #B2A184 solid 1px;
/*	border-top: #9A7C58 solid 1px;*/
	background-color: #251715;
	height: 18px;
}

#tagline li{
	list-style-type: none;
	float: right;
/*	width: 264px; */
	width: 380px;
	height: 18px; 				/*sets the link height */
	color: #b49d82;				/*link text colour */
	font: bold 70% Verdana, Arial, Helvetica, sans-serif;
	padding: 2px 0 0 0;
	text-align: center;
}

td{
	vertical-align: top;
	height: 14px;
}

img{
	display: block;
	margin: 0 auto;
}

a:link, a:visited{
	color: #B2A184;
/*	color: #9a7c58;*/
}

a:hover, a:active{
	color: #D8CFA8;
/*	color: #CC9655;*/
}

.cleardiv{
	clear: both;
}