/* filename: Marger_S-03.css             */
/* customer: Huntington Beach Art League */
/* website: hbartleague.com              */
/* author:  Dave Rollins                 */
/* July 2010                             */
/* updated: 2011-06-12                   */

/* 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;
 background-color: #fff;
 }
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: 50px;
		 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;
	 text-align: left;
	 
/* width setting below is a temporary fix 
	 width: 980px; */ 

	 }
.header {
/*  height: 50px; */
	padding-top: 50px;
  margin: 20px 40px 20px 20px;
	background-color: #fff;
	}
.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;
	 -moz-text-shadow: .03em .08em .08em #00337f;
   -webkit-text-shadow: .03em .08em .08em #00337f;
	 -o-text-shadow: .03em .08em .08em #00337f;
	 text-shadow: .03em .08em .08em #00337f;
	 text-shadow: .03em .06em .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 */

#cactus-bee {
   float: left;
	 background: #fff;
	 margin: 30px 0 0 30px;
	 width: 514px;
	 display: inline; /* fixes IE/Win double margin bug */
	 }
#details_cactus-bee {
   float: left;
   margin: -480px 0 0 660px;
	 width: 200px;
	 display: inline; /* fixes IE/Win double margin bug */
	 }
ul.nav_img_cactus-bee {
	position: relative;
	list-style: none;
	float: right;
	width: 240px;
	margin: -50px 50px 0 0;
	}

#listening {
   float: left;
	 background: #fff;
	 margin: 30px 0 0 30px;
	 width: 514px;
	 display: inline; /* fixes IE/Win double margin bug */
	 }
#details_listening {
   float: left;
   margin: -480px 0 0 660px;
	 width: 200px;
	 display: inline; /* fixes IE/Win double margin bug */
	 }
ul.nav_img_listening {
	position: relative;
	list-style: none;
	float: right;
	width: 240px;
	margin: -80px 50px 0 0;
	}

#bus-hill {
   float: left;
	 background: #fff;
	 margin: 30px 0 0 150px;
	 width: 288px;
	 display: inline; /* fixes IE/Win double margin bug */
	 }
#details_bus-hill {
   float: left;
   margin: -600px 0 0 600px;
	 width: 280px;
	 display: inline; /* fixes IE/Win double margin bug */
	 }
ul.nav_img_bus-hill {
	position: relative;
	list-style: none;
	float: right;
	width: 240px;
	margin: -80px 110px 0 0;
	}

#lake-storm {
   float: left;
	 background: #fff;
	 margin: 30px 0 0 30px;
	 width: 511px;
	 display: inline; /* fixes IE/Win double margin bug */
	 }
#details_lake-storm {
   float: left;
   margin: -600px 0 0 650px;
	 width: 280px;
	 display: inline; /* fixes IE/Win double margin bug */
	 }
ul.nav_img_lake-storm {
	position: relative;
	list-style: none;
	float: right;
	width: 240px;
	margin: -80px 60px	0px 0;
	}
#mirror-car {
   float: left;
	 background: #fff;
	 margin: 30px 0 0 30px;
	 width: 516px;
	 display: inline; /* fixes IE/Win double margin bug */
	 }
#details_mirror-car {
   float: left;
   margin: -500px 0 0 660px;
	 width: 200px;
	 display: inline; /* fixes IE/Win double margin bug */
	 }
ul.nav_img_mirror-car {
	position: relative;
	list-style: none;
	float: right;
	width: 240px;
	margin: -80px 50px 0 0;
	}

#garden-bridge {
   float: left;
	 background: #fff;
	 margin: 30px 0 0px 30px;
	 width: 502px;
	 display: inline; /* fixes IE/Win double margin bug */
	 }
#details_garden-bridge {
   float: left;
   margin: -600px 0 0 630px;
	 width: 280px;
	 display: inline; /* fixes IE/Win double margin bug */
	 }
ul.nav_img_garden-bridge {
	position: relative;
	list-style: none;
	float: right;
	width: 240px;
	margin: -80px 80px 0 0;
	}
#savannah {
   float: left;
	 background: #fff;
	 margin: 30px 0 0 30px;
	 width: 516px;
	 display: inline; /* fixes IE/Win double margin bug */
	 }
#details_savannah {
   float: left;
   margin: -500px 0 0 660px;
	 width: 200px;
	 display: inline; /* fixes IE/Win double margin bug */
	 }
ul.nav_img_savannah {
	position: relative;
	list-style: none;
	float: right;
	width: 240px;
	margin: -80px 50px 0 0;
	}

#manarola {
   float: left;
	 background: #fff;
	 margin: 30px 0 0 30px;
	 width: 516px;
	 display: inline; /* fixes IE/Win double margin bug */
	 }
#details_manarola {
   float: left;
   margin: -600px 0 0 650px;
	 width: 280px;
	 display: inline; /* fixes IE/Win double margin bug */
	 }
ul.nav_img_manarola {
	position: relative;
	list-style: none;
	float: right;
	width: 240px;
	margin: -80px 60px 0 0;
	}

#norwich-fall {
   float: left;
	 background: #fff;
	 margin: 30px 0 0 30px;
	 width: 516px;
	 display: inline; /* fixes IE/Win double margin bug */
	 }
#details_norwich-fall {
   float: left;
   margin: -600px 0 0 640px;
	 width: 280px;
	 display: inline; /* fixes IE/Win double margin bug */
	 }
ul.nav_img_norwich-fall {
	position: relative;
	list-style: none;
	float: right;
	width: 240px;
	margin: -80px 70px 0 0;
	}

#positano {
   float: left;
	 background: #fff;
	 margin: 30px 0 0 30px;
	 width: 516px;
	 display: inline; /* fixes IE/Win double margin bug */
	 }
#details_positano {
   float: left;
   margin: -500px 0 0 660px;
	 width: 200px;
	 display: inline; /* fixes IE/Win double margin bug */
	 }
ul.nav_img_positano {
	position: relative;
	list-style: none;
	float: right;
	width: 240px;
	margin: -80px 50px 0 0;
	}

#bent-tree {
   float: left;
	 background: #fff;
	 margin: 30px 0 0 120px;
	 width: 410px;
	 display: inline; /* fixes IE/Win double margin bug */
	 }
#details_bent-tree {
   float: left;
   margin: -610px 0 0 640px;
	 width: 280px;
	 display: inline; /* fixes IE/Win double margin bug */
	 }
ul.nav_img_bent-tree {
	position: relative;
	list-style: none;
	float: right;
	width: 240px;
	margin: -80px 70px 0 0;
	}

#tuscany {
   float: left;
	 background: #fff;
	 margin: 30px 0 0 30px;
	 width: 516px;
	 display: inline; /* fixes IE/Win double margin bug */
	 }
#details_tuscany {
   float: left;
   margin: -600px 0 0 650px;
	 width: 280px;
	 display: inline; /* fixes IE/Win double margin bug */
	 }
ul.nav_img_tuscany {
	position: relative;
	list-style: none;
	float: right;
	width: 240px;
	margin: -50px 60px 0 0;
	}

#bridge {
   float: left;
	 background: #fff;
	 margin: 30px 0 0 90px;
	 width: 397px;
	 display: inline; /* fixes IE/Win double margin bug */
	 }
#details_bridge {
   float: left;
   margin: -600px 0 0 650px;
	 width: 300px;
	 display: inline; /* fixes IE/Win double margin bug */
	 }
ul.nav_img_bridge {
	position: relative;
	list-style: none;
	float: right;
	width: 240px;
	margin: -50px 80px 0 0;
	}
#farm {
   float: left;
	 background: #fff;
	 margin: 30px 0 0 30px;
	 width: 514px;
	 display: inline; /* fixes IE/Win double margin bug */
	 }
#details_farm {
   float: left;
   margin: -600px 0 0 680px;
	 width: 200px;
	 width: 260px;
	 display: inline; /* fixes IE/Win double margin bug */
	 }
ul.nav_img_farm {
	position: relative;
	list-style: none;
	float: right;
	width: 240px;
	margin: -80px 50px 0 0;
	}
#morro {
   float: left;
	 background: #fff;
	 margin: 30px 0 0 30px;
	 width: 510px;
	 display: inline; /* fixes IE/Win double margin bug */
	 }
#details_morro {
   float: left;
   margin: -600px 0 0 680px;
	 width: 200px;
	 display: inline; /* fixes IE/Win double margin bug */
	 }
ul.nav_img_morro {
	position: relative;
	list-style: none;
	float: right;
	width: 240px;
	margin: -80px 50px 0 0;
	}
#provo {
   float: left;
	 background: #fff;
	 margin: 30px 0 0 30px;
	 width: 516px;
	 display: inline; /* fixes IE/Win double margin bug */
	 }
#details_provo {
   float: left;
   margin: -600px 0 0 680px;
	 width: 200px;
	 display: inline; /* fixes IE/Win double margin bug */
	 }

ul.nav_img_provo {
	position: relative;
	list-style: none;
	float: right;
	width: 240px;
	margin: -50px 50px 0 0;
	}

	
/* *********** */
/* 2011-06-13 variant */

/* downplaying "details" text */

/*
#details_tuscany h2,
#details_tuscany h3 {
	color: #aaa;
	}

ul.nav_img_tuscany li a:link,
ul.nav_img_tuscany li a:visited {
	color: #aaa;
	}
ul.nav_img_tuscany li a:hover,
ul.nav_img_tuscany li a:focus,
ul.nav_img_tuscany li a:active {
	color: #555;
	}
*/


#details_cactus-bee h2,
#details_cactus-bee h3, 

#details_listening h2,
#details_listening h3,

#details_bus-hill h2,
#details_bus-hill h3,
	
#details_lake-storm h2,
#details_lake-storm h3,

#details_mirror-car h2,
#details_mirror-car h3,

#details_garden-bridge h2,
#details_garden-bridge h3,

#details_savannah h2,
#details_savannah h3,

#details_manarola h2,
#details_manarola h3,

#details_norwich-fall h2,
#details_norwich-fall h3,

#details_positano h2,
#details_positano h3,

#details_bent-tree h2,
#details_bent-tree h3,

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

#details_cactus-bee h2,
#details_listening h2,
#details_bus-hill h2,
#details_lake-storm h2,
#details_mirror-car h2,
#details_garden-bridge h2,
#details_savannah h2,
#details_manarola h2,
#details_norwich-fall h2,
#details_positano h2,
#details_bent-tree h2,
#details_tuscany h2 {
	color: #003374;
	}
	
#details_cactus-bee h3,
#details_listening h3,
#details_bus-hill h3,
#details_lake-storm h3,
#details_mirror-car h3,
#details_garden-bridge h3,
#details_savannah h3,
#details_manarola h3,
#details_norwich-fall h3,
#details_positano h3,
#details_bent-tree h3,
#details_tuscany h3 {
	color: #00b7c5;
	-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;
	}
	
ul#nav li a:link,
ul#nav li a:visited {
	color: #00b7c5;
	}
ul#nav li a:hover,
ul#nav li a:focus,
ul#nav li a:active {
	color: #003374;
	}
	
/* =testing changes 2011-06-16 */
html {
	background-color: #00337f;
	}
body.thumb-page {
	width: 980px;
	text-align: center;
	margin: 30px auto;
	}
body.large-art {
	width: 960px;
	margin: 30px auto;
	max-width: 960px;
	min-width: 760px;
	text-align: center;
	-moz-border-radius: 2em;
	-webkit-border-radius: 2em;
	border-radius: 2em;
	}
.large-art .wrapper {
	text-align: left;
	-moz-border-radius:;
	-webkit-border-radius: .5em;
	border-radius: .5em;
	}

.thumb-page .wrapper {
	text-align: left;
	-moz-border-radius: .5em !important;
	-webkit-border-radius: .5em !important;
	border-radius: .5em !important;
	}
	
body, p, li, h1, h2, h3, h4 {
/*	font-family: calibri !important; */ 
	}