/* filename: Chase_C-03.css */
/* customer: Huntington Beach Art League */
/* website: hbartleague.com */
/* author:  Dave Rollins */
/* June 2008 */
/* revised June 2011 */


/* zero out browser defaults */
p, h1, h2, h3, h4, h5, h6, ul, ol, li {
   margin: 0;
	 padding: 0;
	 }
img {
   border: none;
	 }
/* END zero out browser defaults */

/* my defaults */

body {
   font-family: Arial, sans-serif;
   color: navy;
   font-size: small;
  }
p {
   margin: 0 0 1em 0;
	 padding-left: 10px;
   color: navy;
   font-size: 100%;
	 }
h1, h2, h3, h4, h5, h6 {
   margin: 10px 0 1em 10px;
	 }
h1 {
   font-size: 200%;
	 color: navy;
	 margin: 0 0 1em 0;
	 }
ul#info {
   position: relative;
	 margin: 1em 0 0 10px;
	 list-style: none;
	 font-size: 90%;
	 }
#info li.name {
   font-weight: bold;
	 }
/* END my defaults */

/* =layout (BASIC) */

/* center page */
body.thumb-page {
   text-align: center;
	 background-color: #00337f; 
   }
body.large-art {
   background-color: #fff;
	 }

/* specific styles */
img.art-large {
   padding: 40px;
   border: 1px solid #000;
	 -moz-box-shadow: 6px 6px 12px #ccc;
	 -webkit-box-shadow: 6px 6px 12px #ccc;
	 box-shadow: 6px 6px 12px #ccc;
	 }

/* nav styling */

.nav_text {
 width: 44em;
 float: right;
 display: inline;
 margin: 0px 60px -40px 60px;
 text-align: left;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 16px;
 font-size: 1.33em;
 border-top: 1px solid #00337f;
 }
body.large-art .nav_text {
   margin: 120px 0px 20px 150px;
	 margin: 20px 30px 20px 150px;
	 width: 50em;
	 float: right;
	 text-align: right;
	 }
body.large-art .nav_text a:link {
   padding-left: .4em;
	 padding-right: .4em;
	 }
body.large-art #footer {
/*     padding-top: 3em; */
		 padding-bottom: 30px;
		 clear: both;
		 }
.nav_text a:link {
 color: #00337f;
 background-color: #fff;
 text-decoration: none;
 margin: 3px;
 }

.nav_text a:visited {
 color: #00337f;
 background-color: #fff;
 text-decoration: none;
 margin: 3px;
 }

.nav_text a:hover {
 color: #00337f;
 background-color: #00b7c5;
 text-decoration: none;
 margin: 3px; 
 }

/*  END nav styling */

#wrap-all {
   width: 1000px;
	 margin: 30px auto;
	 text-align: left;
	 padding-top: 60px; 
	 }
.wrapper {
   position: relative;
   margin: 30px auto;
	 background: #fff;
	 -moz-border-radius: 2em;
	 -webkit-border-radius: 2em;
	 border-radius: 2em;
	 
/* width setting below is a temporary fix */ 
	 width: 980px;
	 
	 }
.header {
/*  height: 50px; */
	padding-top: 50px;
  margin: 20px 0 20px 20px;
	}
.header img {
  width: 85px;
	height: 60px;
	float: left;
	margin-top: -40px;
	}
.header h1 {
	width: 70%;
	float: left;
	position: relative;
	left: -.4em;
	top: .3em;
	bottom: 2em;
	text-align: left;
	font-size: 5em;
	}
 .pics-4 dd {
	 margin: 10px 0 0 20px;
	 margin: 10px 0 0 10px;
	 float: left;
	 font-size: 1.1em;
	 padding: 0 0 0 0;
	 line-height: 1.5em;
	 color: #00b7c5;
	 display: inline; /* fixes IE/Win double margin bug */
	 }
.pics-4 dd.medium {
	 padding-left: 10px;
	 width: 100px;
	 line-height: 1.3;
	 }
	 
.pics-4 dd.img img {
   border-left: 1px solid #aaa;
	 border-top: 1px solid #aaa;
	 border-right: 1px solid #555;
	 border-bottom: 1px solid #555;
	 padding-bottom: 0px;
	 margin-bottom: 0px;
	 margin-left: -10px;
	 -moz-box-shadow: 4px 4px 4px #aaa;
	 -webkit-box-shadow: 4px 4px 4px #aaa;
	 box-shadow: 4px 4px 4px #aaa;
	 }
dl.pics-4 dt { /* (title of art) */
   float: right;
	 width: 100px;
	 margin: 10px 40px 0px -20px;
	 margin: 10px 20px 0px -20px;
	 padding: 10px 0 0 30px;
	 padding: 10px 0 0 30px;
	 font-size: .95em;
	 font-weight: bold;
   letter-spacing: 1px;
	 color: #00337f;
	 display: inline; /* fixes IE/Win double margin bug */
	 text-align: left;	 
	 }
.nav_li a {
  font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000080;
	text-decoration: none;
	}
.nav_li a:hover {
  font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FCA11E;
	}
h1#title {
  margin: -53px 0 1em 127px;
  font-size: 3.5em;
  color: #003374;
	color: #00b7c5;
  }
h2 {
   font-size: 140%;
   color: maroon;
   }
h3 {
   color: teal;
   font-size: 130%;
   }
h3.bio {
	margin-top: 2.5em;
	margin-bottom: -1em;;
	}
h4 {
   color: navy;
   font-size: 110%;
   }
.sidebar_01 h4 {
		font-size: 1.0em;
		margin-top: 2em;
		padding-top: .5em;
		border-top: 1px dotted #00337f;
		}
h5 {
   color: navy;
   font-size: 90%;
	 margin-bottom: 0;
   }
h6 {
   color: red;
   font-size: 100%;
   }
.main {
   position: relative;
	 float: left;
	 float: right;
	 width: 590px;
	 position: relative;
	 margin: 44px 0px 0 40px;
	 display: inline; /* fixes IE/Win double margin bug */
	 }
#the_artist {
   float: right;
	 margin: 15px 5px 0 0;
	 }
.sidebar_01 {
   width: 300px;
	 width: 280px;
	 position: relative;
	 text-align: left;
	 padding: 0 10px 10px 0px;
	 margin: 54px 20px 20px 20px;
	 float: left;
	 background: #fff;
	 border: 1px solid #756f44;
	 -moz-border-radius: 1.5em;
	 -webkit-border-radius: 1.5em;
	 border-radius: 1.5em;
	 }
div.thumbs-titles {
	 margin: 0 20px 0 -20px;
	 margin: 0 20px 0 -20px;
	 padding-right: 20px;
	 text-align: left;
	 }
dl.pics-4 { /* the thumb-title unit */
	 width: 300px;
	 width: 250px;
	 float: left;
	 padding-left: 30px;
	 }
.thumbs-titles dl {
    width: 240px; /* testing */
    float: left;
		margin: 0 10px 10px 10px;
		padding: 0px 0 10px 0;
		display: inline; /* fixes IE/Win double margin bug */
		}
.pics-4 dt { /* (title of art) */
   float: right;
	 width: 100px;
	 margin: 10px 20px 10px -20px;
	 padding: 10px 0 0 20px;
	 font-size: .95em;
	 font-weight: bold;
   letter-spacing: 1px;
	 color: #00337f;
	 display: inline; /* fixes IE/Win double margin bug */	 
	 }
.footer {
   position: relative;
	 clear: both;
	 margin: 1em 20px 1em 20px;
	 padding: .7em 0 1em 0;
   font-size: 80%;
	 border-top: 1px dotted #c3c3c3;
	 }
em {
   font-weight: bolder;
   font-style: normal;
   color: navy;
   }
a {
   font-weight: bolder;
   font-size: 85%;
   }

/* =Progressive Enhancement Styles - mostly CSS3 stuff */

/* text shadow */
/*
.header h1 {
   -moz-text-shadow: .04em .02em .04em #00b7c5;
   -webkit-text-shadow: .04em .02em .04em #00b7c5;
	 -o-text-shadow: .04em .02em .04em #00b7c5;
	 text-shadow: .04em .02em .04em #00b7c5;
	 }
*/
.header h1 {
   -moz-text-shadow: .04em .04em .06em #00337f;
   -webkit-text-shadow: .04em .04em .06em #00337f;
	 -o-text-shadow: .04em .04em .06em #00337f;
	 text-shadow: .04em .04em .06em #00337f;
	 }
	 
/* =gradients */
body.thumb-page {
  background-image: -moz-linear-gradient(#00337f, #00b7c5);
	background-image: -webkit-linear-gradient(#00337f, #00b7c5);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#00337f), to(#00b7c5)); /* Safari 4+, Chrome 1+ */
	background-image: -webkit-linear-gradient(#00337f, #00b7c5); /* Safari 5.1+ Chrome 10+ */
	background-image: -o-linear-gradient(#00337f, #00b7c5);
	}
.sidebar_01 {
  background-image: -moz-linear-gradient(#f8f4de, #fff);
	background-image: -webkit-linear-gradient(#f8f4de, #fff);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f8f4de), to(#fff)); /* Safari 4+, Chrome 1+ */
	background-image: -webkit-linear-gradient(#f8f4de, #fff); /* Safari 5.1+ Chrome 10+ */
	background-image: -o-linear-gradient(#f8f4de, #fff);
	}
	 
	 
/* BEGIN ARTIST-SPECIFIC STYLES */
	 
#landscape {
   float: left;
	 background: #fff;
	 margin: 30px 0 0 30px;
	 width: 716px;
	 padding: 40px;
	 border-top: 2px solid #a9a9a9;
	 border-left: 2px solid #a9a9a9;
	 border-right: 2px solid #5e5e5e;
	 border-bottom: 2px solid #5e5e5e;
	 display: inline; /* fixes IE/Win double margin bug */
	 }
#bateau_01 {
   float: left;
	 background: #fff;
	 margin: 30px 0 0 20px;
	 width: 516px;
	 display: inline; /* fixes IE/Win double margin bug */
	 }
#details_bateau {
   float: left;
   margin: -460px 0 0 660px;
	 width: 240px;
	 display: inline; /* fixes IE/Win double margin bug */
	 }
ul.nav_img_01 {
	position: relative;
	list-style: none;
	float: right;
	width: 260px;
	margin: -50px 50px 0 0;
	}

#kelp_02 {
   float: left;
	 background: #fff;
	 margin: 30px 0 0 90px;
	 width: 393px;
	 display: inline; /* fixes IE/Win double margin bug */
	 }
#details_kelp {
   float: left;
   margin: -600px 0 0 620px;
	 width: 240px;
	 display: inline; /* fixes IE/Win double margin bug */
	 }
ul.nav_img_02 {
	position: relative;
	list-style: none;
	float: right;
	width: 260px;
	margin: -90px 90px 0 0;
	}

#falls_03 {
   float: left;
	 background: #fff;
	 margin: 30px 0 0 100px;
	 width: 340px;
	 display: inline; /* fixes IE/Win double margin bug */
	 }
#details_falls {
   float: left;
   margin: -600px 0 0 600px;
	 width: 240px;
	 display: inline; /* fixes IE/Win double margin bug */
	 }
ul.nav_img_03 {
	position: relative;
	list-style: none;
	float: right;
	width: 260px;
	margin: -90px 110px 0 0;
	}
	 
/*
h3.sold {
  font-size: 150%;
  color: #f00;
	text-transform: uppercase;
	}
*/

#vendors_04 {
   float: left;
	 background: #fff;
	 margin: 30px 0 0 0px;
	 width: 516px;
	 display: inline; /* fixes IE/Win double margin bug */
	 }
#details_vendors {
   float: left;
   margin: -450px 0 0 640px;
	 width: 280px;
	 display: inline; /* fixes IE/Win double margin bug */
	 }
ul.nav_img_04 {
	position: relative;
	list-style: none;
	float: right;
	width: 260px;
	margin: -90px 70px 0 0;
	}
	 
#table_05 {
   float: left;
	 background: #fff;
	 margin: 30px 0 0 90px;
	 width: 340px;
	 display: inline; /* fixes IE/Win double margin bug */
	 }
#details_table {
   float: left;
   margin: -600px 0 0 590px;
	 width: 240px;
	 display: inline; /* fixes IE/Win double margin bug */
	 }
ul.nav_img_05 {
	position: relative;
	list-style: none;
	float: right;
	width: 260px;
	margin: -90px 120px 0 0;
	}

#plaza_06 {
   float: left;
	 background: #fff;
	 margin: 30px 0 0 20px;
	 width: 516px;
	 display: inline; /* fixes IE/Win double margin bug */
	 }
#details_plaza {
   float: left;
   margin: -500px 0 0 660px;
	 width: 240px;
	 display: inline; /* fixes IE/Win double margin bug */
	 }
ul.nav_img_06 {
	position: relative;
	list-style: none;
	float: right;
	width: 260px;
	margin: -90px 50px 0 0;
	}
#tenby_07 {
   float: left;
	 background: #fff;
	 margin: 30px 0 0 90px;
	 width: 340px;
	 display: inline; /* fixes IE/Win double margin bug */
	 }
#details_tenby {
   float: left;
   margin: -600px 0 0 590px;
	 width: 240px;
	 display: inline; /* fixes IE/Win double margin bug */
	 }
ul.nav_img_07 {
	position: relative;
	list-style: none;
	float: right;
	width: 260px;
	margin: -90px 120px 0 0;
	}

#hidden_08 {
   float: left;
	 background: #fff;
	 margin: 30px 0 0 20px;
	 width: 529px;
	 display: inline; /* fixes IE/Win double margin bug */
	 }
#details_hidden {
   float: left;
   margin: -600px 0 0 680px;
	 width: 240px;
	 display: inline; /* fixes IE/Win double margin bug */
	 }
ul.nav_img_08 {
	position: relative;
	list-style: none;
	float: right;
	width: 260px;
	margin: 390px -30px 0 0;
	padding-bottom: 30px;
	}

#sneaker_09 {
 float: left;
 background: #fff;
 margin: 30px 0 0 20px;
 width: 516px;
 display: inline; /* fixes IE/Win double margin bug */
 }
#details_sneaker {
   float: left;
   margin: -550px 0 0 650px;
	 width: 240px;
	 display: inline; /* fixes IE/Win double margin bug */
	 }
ul.nav_img_09 {
	position: relative;
	list-style: none;
	float: right;
	width: 260px;
	margin: -80px 60px 0 0;
	padding-bottom: 30px;
	}

#bw-quilt_10 {
 float: left;
 background: #fff;
 margin: 30px 0 0 60px;
 width: 387px;
 display: inline; /* fixes IE/Win double margin bug */
 }
#details_bw-quilt {
   float: left;
   margin: -600px 0 0 560px;
	 width: 320px;
	 display: inline; /* fixes IE/Win double margin bug */
	 }
ul.nav_img_10 {
	position: relative;
	list-style: none;
	float: right;
	width: 240px;
	margin: -80px 170px 0 0;
	padding-bottom: 30px;
	}

#undersea_11 {
 float: left;
 background: #fff;
 margin: 30px 0 0 20px;
 width: 516px;
 display: inline; /* fixes IE/Win double margin bug */
 }
#details_undersea {
   float: left;
   margin: -470px 0 0 660px;
	 width: 240px;
	 display: inline; /* fixes IE/Win double margin bug */
	 }
ul.nav_img_11 {
	position: relative;
	list-style: none;
	float: right;
	width: 240px;
	margin: -80px 70px 0 0;
	padding-bottom: 30px;
	}

#zodiac_12 {
 float: left;
 background: #fff;
 margin: 30px 0 0 60px;
 width: 377px;
 display: inline; /* fixes IE/Win double margin bug */
 }
#details_zodiac {
   float: left;
   margin: -600px 0 0 560px;
	 width: 280px;
	 display: inline; /* fixes IE/Win double margin bug */
	 }
ul.nav_img_12 {
	position: relative;
	list-style: none;
	float: right;
	width: 240px;
	margin: -80px 170px 0 0px;
	padding-bottom: 30px;
	}

#jar_13 {
 float: left;
 background: #fff;
 margin: 30px 0 0 60px;
 width: 358px;
 display: inline; /* fixes IE/Win double margin bug */
 }
#details_jar {
   float: left;
   margin: -600px 0 0 540px;
	 width: 280px;
	 display: inline; /* fixes IE/Win double margin bug */
	 }
ul.nav_img_13 {
	position: relative;
	list-style: none;
	float: right;
	width: 240px;
	margin: -80px 190px 0 0px;
	padding-bottom: 30px;
	}

#slipper_14 {
 float: left;
 background: #fff;
 margin: 30px 0 0 20px;
 width: 516px;
 display: inline; /* fixes IE/Win double margin bug */
 }
#details_slipper {
   float: left;
   margin: -420px 0 0 660px;
	 width: 280px;
	 display: inline; /* fixes IE/Win double margin bug */
	 }
ul.nav_img_14 {
	position: relative;
	list-style: none;
	float: right;
	width: 240px;
	margin: -80px 70px 0 0px;
	padding-bottom: 30px;
	}

#boats_15 {
 float: left;
 background: #fff;
 margin: 30px 0 0 60px;
 width: 358px;
 display: inline; /* fixes IE/Win double margin bug */
 }
#details_boats {
   float: left;
   margin: -610px 0 0 540px;
	 width: 280px;
	 display: inline; /* fixes IE/Win double margin bug */
	 }
ul.nav_img_15 {
	position: relative;
	list-style: none;
	float: right;
	width: 240px;
	margin: -80px 190px 0 0px;
	padding-bottom: 30px;
	}

#boot_16 {
 float: left;
 background: #fff;
 margin: 30px 0 0 30px;
 width: 640px;
 display: inline; /* fixes IE/Win double margin bug */
 }
#details_boot {
   float: left;
   margin: -470px 0 0 660px;
	 width: 280px;
	 display: inline; /* fixes IE/Win double margin bug */
	 }
ul.nav_img_16 {
	position: relative;
	list-style: none;
	float: right;
	width: 240px;
	margin: -80px 70px 0 0px;
	padding-bottom: 30px;
	}

#details_bateau h2,
#details_bateau h3, 

#details_kelp h2,
#details_kelp h3,

#details_falls h2,
#details_falls h3,
	
#details_vendors h2,
#details_vendors h3,

#details_table h2,
#details_table h3,

#details_plaza h2,
#details_plaza h3,

#details_tenby h2,
#details_tenby h3,

#details_hidden h2,
#details_hidden h3,

#details_sneaker h2,
#details_sneaker h3,

#details_bw-quilt h2,
#details_bw-quilt h3,

#details_undersea h2,
#details_undersea h3,

#details_zodiac h2,
#details_zodiac h3,

#details_jar h2,
#details_jar h3,

#details_slipper h2,
#details_slipper h3,

#details_boats h2,
#details_boats h3,

#details_boot h2,
#details_boot h3
 {
	color: #00b7c5;
	font-weight: normal;
	}

#details_bateau h2,
#details_kelp h2,
#details_falls h2,
#details_vendors h2,
#details_table h2,
#details_plaza h2,
#details_tenby h2,
#details_hidden h2,
#details_sneaker h2,
#details_bw-quilt h2,
#details_undersea h2,
#details_zodiac h2,
#details_jar h2,
#details_slipper h2,
#details_boats h2,
#details_boot h2
 {
	color: #003374;
	font-weight: bold;
	}
	
#details_bateau h3,
#details_kelp h3,
#details_falls h3,
#details_vendors h3,
#details_table h3,
#details_plaza h3,
#details_tenby h3,
#details_hidden h3,
#details_sneaker h3,
#details_bw-quilt h3,
#details_undersea h3,
#details_zodiac h3,
#details_jar h3,
#details_slipper h3,
#details_boats h3,
#details_boot h3
 {
	color: #00b7c5;
	font-weight: normal;
	-moz-text-shadow: .0em .0em .00em #f00;
	-o-text-shadow: .0em .0em .00em #000;
	-webkit-text-shadow: .0em .0em .00em #f00;
	text-shadow: .0em .0em .00em #f00;
	}

em {
   font-weight: bolder;
   font-style: normal;
   color: navy;
   }
a {
   font-weight: bolder;
   font-size: 85%;
   }