/* 

STYLE SHEET FOR HINGHAM JEWELERS 

ToC

	1. defaults
	2. structure
	3. links and navigation
	4. fonts
	5. images
	6. hacks

Notes

*/



/* --------- 1. defaults  --------- */

* {
		margin: 0;
		padding: 0;
		}

body {
	background: url(assets/page_background.gif) 50% 0;
	font: small Georgia, "Times New Roman", serif;
	voice-family: "\"}\"";
	voice-family:inherit;
	font: small Georgia, "Times New Roman", serif;
	text-align: center;
		}
		
/*  --------- 2. structure  --------- */

#wrapper {
		width: 740px;
		margin: 0 auto;
		}
		
#masthead {
		background: url(assets/masthead.jpg) no-repeat;
		height: 92px;
		}
		
#pullNav {
		float: right;
		padding: 6px 10px 0 0;
		}
		
#navContainer {
		background: #d7d7d7;
		border-top: 1px solid #898989;
		border-bottom: 1px solid #898989;
		padding: 7px 0;
		text-align: center;
		}

#sidebar {
		float: left;
		padding: 10px;
		background: url(assets/sidebar_top.gif) repeat-x;
		width: 160px;
			voice-family: "\"}\""; 
  			voice-family:inherit;
		width: 140px;
		}

#content {
		background: url(assets/hjwatermark.jpg) fixed 100% 100% no-repeat ;
		border-top: 5px solid #e5e5e5;
		}

#mainContent {
		padding-top: 10px;
		padding-left: 10px;
		padding-right: 10px;
		float: left;
		width: 580px;
			voice-family: "\"}\""; 
  			voice-family:inherit;
		width: 560px;
		}

.boxout {
		float: right;
		width: 147px;
		padding: 0px 0 80px 10px;
		border-left: 1px solid #898989;
		}

#footer {
		clear: both;
		padding: 10px;
		text-align: right;
		margin: 10px 10px;; 
		}

.separator {
		clear: both;
		}

.separatorInvisible {
		clear: both;
		height: 1px;
		}
		
/* ---------- 3. links and navigation ---------- */

a {
		color: #000000;
		}
		
a:hover, #navigation a:hover, #pullNav a:hover, #footer a:hover {
		text-decoration: underline;
		}

#pullNav ul {
		list-style-type: none;
		}

#pullNav li {
		display: inline;
		margin-left: 10px;
		text-transform: uppercase;
		}

#pullNav a {
		text-decoration: none;
		}

#navigation, #pullNav {
		font-size: 85%;
		line-height: 100%;
		}

#navigation ul {
		list-style-type: none;
		}

#navigation li {
		border-right: 1px solid #aaaaaa;
		padding: 0 9px;
		display: inline;
		}

#navigation li.endLink {
		border: 0;
		padding-right: 0;
		}

#navigation a {
		text-decoration: none;
		color: #000000;
		text-transform: uppercase;
		}
			
#footer a {
		text-decoration: none;
		color: #000000;
		}			
		
/* ---------- 4. fonts ---------- */

h1, h2, h3, h4, p, ul {
		}

h1 {
	font-size: 115%;
	border-bottom: 5px solid #c4dbc4;
	margin-bottom: 15px;
	padding-bottom: 5px;
	border-top-width: thin;
		}

#sidebar h1 {
		border: 0;
		background: #898989;
		color: #ffffff;
		padding-left: 5px;
		font-size: 85%;
		margin-bottom: 5px;
		padding-top: 5px;
		width: 140px;
			voice-family: "\"}\""; 
  			voice-family:inherit;
		width: 135px;
		}

h2 {
	font-size: 100%;
	margin-bottom: 2px;
	margin-top: 1.5em;
	color: #000000;
		}
		
#sidebar h2, .boxout h2 {
		font-size: 85%;
		}

h3 {
		font-size: 85%;
		}
		
h4 {
		}

p {
		font-size: 93%;
		margin-bottom: 1em;
		line-height: 1.4em;
		}

#sidebar p, .boxout p, #footer p {
		font-size: 85%;
		}

#footer p {
		margin: 0;
		line-height: 1em;
		}

.boxoutPage #mainContent h1, .boxoutPage #mainContent h2, .boxoutPage #mainContent h3, .boxoutPage #mainContent p, .boxoutPage #mainContent ul {
		width: 392px;
		}

.boxoutPage #mainContent .boxout h1, .boxoutPage #mainContent .boxout h2, .boxoutPage #mainContent .boxout h3, .boxoutPage #mainContent .boxout p, .boxoutPage #mainContent .boxout ul {
	width: 147px;
	}


ul {
		list-style-type: none;
		}

blockquote {
		margin: 1.6em 0 0;
		background: url(assets/shared/quote_tl.gif) no-repeat 10px 0;
		width: 318px;
		}

p.quoteBody {
		background: url(assets/shared/quote_br.gif) no-repeat bottom right;
		padding: 0 25px 0 35px;
		text-align: center;
		font-size: 13px;
		font-style: italic;
		}
		
p.quoteCite {
		text-align: right;
		font-weight: bold;
		padding-right: 25px;
		}

/* ---------- 5. images ---------- */

a img {
		border: 0;
		}

img {
		border: 1px solid #898989;
		}

img.imgBorder {
		border: 0;
		}
		
img.floatRight {
		float: right;
		margin: 0 0 10px 10px;
		}
		
img.floatCenter {
	margin: 0 10px 10px 10px;
		}
		
.boxout img {
		margin-bottom: 5px;
		}
body {
	background: url(assets/page_background.gif) 50% 0;
	font: small Georgia, "Times New Roman", serif;
	voice-family: "\"}\"";
	voice-family:inherit;
	font: small Georgia, "Times New Roman", serif;
	text-align: center;
		}
#wrapper {
		text-align: left;
		}