/* CSS Document */

/* Naming Conventions cf. Andy Clarke http://www.stuffandnonsense.co.uk/archives/whats_in_a_name_pt2.html */
/* CSS Flags cf. Douglas Bowman http://www.stopdesign.com/log/2005/05/03/css-tip-flags.html */
/* Color Glossary 		http://v1.garrettdimon.com/archives/css-maintenance-tip-use-a-color-glossary 
  light tan - #EDD089
  tan - #A18D5D
  brown - #6E5D35
  grey brown - #544A31
  dark grey - #2B2E29
 */
 
/* =base
---------------------------------------------------------------------------------------------------- 
*/

body {
	background:#FEA15C;
	font:1em Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	margin:0px;
	padding:0px;
}
#container { /*Page container (usually a <div>)*/
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	padding: 0px;
	margin-top: 0px;
}
img
{  border-style: none;
}
a {
	color: #7D190A;
}

/* =branding
---------------------------------------------------------------------------------------------------- 
*/
#branding { /*Used for a header or banner to brand the site.*/
	width: 100%;
	margin: 0px;
	padding: 0px;
	border-bottom: 1px  solid #7D190A;
}

  #branding h1.logo { /*Used for a site logo*/
	font-size: 175%;
	margin: 0px;
	padding: 0px;
	}
	div#branding img.logo {
	float: right;
	height: 60px;
	width: 64px;
	}

	#branding .tagline { /*Used for a strapline or tagline to define the site's purpose*/ 
	font-size: 100%;
	margin: 0px 0px 0.5em 3em;
	padding: 0px;
	}
	
#siteinfo {            /*Used for various site related information*/
	color: #FFFFFF;
	background: #000000;
	clear: both;
	width: 100%;
	font-size: .6em;
	margin-top: 50px;
}
    .siteinfo-legal { /*Copyright information etc.*/
	margin: 0.5em 0px 0em 1em;
	}
    .siteinfo-credits { /*Designer or other credits*/
	margin: 0px 0px 0.5em 1em;
	padding: 0px;
	}
	
/* =nav
---------------------------------------------------------------------------------------------------- 
*/
#nav { /*Used to contain a navigation device*/
	/* #nav-main Main or primary navigation*/ 
   /* #nav-section Navigation to pages within the current site section*/ 
   /* #nav-external Navigation to pages outside the site*/ 	
   	float: left;
	margin-top: 2em;
	width: 20%;
}

	/* Menu cf. http://www.simplebits.com/bits/minitabs.html */
	ul#navMenu {
		padding: 0em;
		margin-left: 1em;
	}
	ul#navMenu li {
		list-style-type: none;
		margin: 1em 0em 0em;
		padding: 0em;
	}
	ul#navMenu a:link, ul#navMenu a:visited {
		font-size: 90%;
		color: #000000;
		text-decoration: none;
	}
	ul#navMenu a:hover {
		color: #FFFFFF;
		border-bottom: .5em solid #7D190A;
	}
	/* To select current page, cf. Rachel Andrew (2005: 246)  */ 
	#home ul#navMenu a.navHome:link, #home ul#navMenu a.navHome:visited,
	#sculpture ul#navMenu a.navSculpture:link, #sculpture ul#navMenu a.navSculpture:visited,
	#relief ul#navMenu a.navRelief:link, #relief ul#navMenu a.navRelief:visited,
	#drawings ul#navMenu a.navDrawings:link, #drawings ul#navMenu a.navDrawings:visited,
	#artist ul#navMenu a.navArtist:link, #artist ul#navMenu a.navArtist:visited,
	#events ul#navMenu a.navEvents:link, #events ul#navMenu a.navEvents:visited,
	#contact ul#navMenu a.navContact:link, #contact ul#navMenu a.navContact:visited {
		border-bottom: .5em solid #FEA15C;
		color: #fff;
		}
	
/* =content
---------------------------------------------------------------------------------------------------- 
*/
#content { /*Used for content rather than for another purpose such as navigation*/
	line-height: 120%;
	font-size: 80%;
	width: 75%;
	border-left: 1px solid #7D190A;
	float: left;
}
a#navReturnToGallery {
	color: #333333;
}

#detailPage #content { /*Used for content rather than for another purpose such as navigation*/
	font-size: 80%;
	width: 99%;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 1em;
}
#detailPage #content h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-top: 12px;
}


#artist #content p {
	margin: 1em;
}

h3 {
	margin: 15px 10px 20px;
	font: bold 105% Verdana, Arial, Helvetica, sans-serif;
}
h4 {
  font: bold 100% Verdana, Arial, Helvetica, sans-serif;
}
h5 {
	font: bold 95% Tahoma, Geneva, Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px;
}
.photoTitle {
	margin: 6px;
	padding: 0px;
	font: bold 0.75em/0em Verdana, Arial, Helvetica, sans-serif;
}
.photoCredit {
	margin: 0px;
	padding: 0px;
	font: 0.75em Verdana, Arial, Helvetica, sans-serif;
}
.artThumb {
	border: thick solid #000000;
	margin: 5px;
	color: #FFFFFF;
	background: #000000;
	padding: 4px 4px 2px;
	float: left;
}
.artDetail {
	margin: 7px;
}
.artThumb .artTitle {
	margin: 1em 0px 0em;
	padding: 0px;
	font: bold 0.9em/normal Verdana, Arial, Helvetica, sans-serif;
	clear: both;
	text-align: center;
}
#detailPage .artTitle {
	padding: 0px;
	font: bold 0.9em/normal Verdana, Arial, Helvetica, sans-serif;
	clear: both;
	text-align: center;
	margin: 0px;
}
.artYear {
	font: bold 0.9em/0em Verdana, Arial, Helvetica, sans-serif;
	line-height: 1em;
	margin: 0px;
	padding: 0px;
}
.artDimensions {
	font: bold 0.9em/0em Verdana, Arial, Helvetica, sans-serif;
	line-height: 1em;
	margin: 0px;
	padding: 0px;
}
.artMaterials {
	font: bold 0.9em/0em Verdana, Arial, Helvetica, sans-serif;
	line-height: 1em;
	margin: 0px;
	padding: 0px;
}
.artPrice {
	font: bold 0.9em/0em Verdana, Arial, Helvetica, sans-serif;
	line-height: 1em;
	margin: 0px;
	padding: 0px;
}
.artComments {
	font: bold 0.9em/0em Verdana, Arial, Helvetica, sans-serif;
	line-height: 1em;
	width: 39em;
	text-align: center;
	margin: 12pt auto 3em;
}
.intro-image {
	float: left;
	margin-top: 15px;
	margin-right: 12px;
	margin-left: 12px;
}
.ending-img {
	float: right;
	margin-right: 7px;
	margin-bottom: 7px;
	margin-left: 7px;
}
#home div#intro {
	float: left;
	width: 300px;
	margin: 10px;
}
#home div#announcement {
	font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif;
	width: 250px;
	text-align: center;
	margin-left: 15px;
	border: thin solid #7D190A;
	padding: 5px 10px;
	float: left;
}
#home div#announcement p {
	margin: 0px 0px 2em;
	padding: 0px;
}