/*===========================================

  Sabrina Ward Harrison stylesheet
  
 --------------------------------------------*/
 
* { margin: 0; padding: 0; } 
 
html {
color: #333333;
font-family: arial, verdana, sans, serif;
font-size: 10px;
margin: 0;
}

form {
color: #333333;
font-family: arial, verdana, sans, serif;
font-size: 10px;
margin: 0;
padding: 0;
}

td {
color: #333333;
font-family: arial, verdana, sans, serif;
font-size: 10px;
padding: 5px;
}

body.about { background: url(gfx/paint.jpg) #E6E3DD; }
body.notes { background: url(gfx/paint.jpg) #E6E3DD; }
body.books { background: url(gfx/paint.jpg) #E6E3DD; }
body.portfolio { background: url(gfx/paint.jpg) #E6E3DD; }
body.workshops { background: url(gfx/paint.jpg) #E6E3DD; }
body.communicate { background: url(gfx/paint.jpg) #E6E3DD; }
body.shop { background: url(gfx/paint.jpg) #E6E3DD; }
body.blank { background: url(gfx/paint.jpg) #E6E3DD; }
body.admin { background: url(gfx/paint.jpg) #E6E3DD; }

img { border: 0; }
img.left { text-align: left; margin: 0 10px 5px 0; }

a:link { color: #CC6600; text-decoration: none; }
a:visited { color: #CC6600; text-decoration: none; }
a:hover { color: #CC6600; text-decoration: none; }
a:active { color: #CC6600; text-decoration: none; }

p {
font-size: 10px;
line-height: 16px;
margin: 10px 0 10px 0;
}

h1 { 
font-family: arial, verdana, sans, serif;
font-size: 14px;
font-weight: normal;
color: #663300;
}

h2 {
font-family: lucida fax, georgia, garamond, serif;
font-size: 13px;
font-weight: normal;
color: #663300;
margin: 0 0 4px 0;
}

h3 {
font-family: lucida fax, georgia, garamond, serif;
font-size: 10px;
font-weight: normal;
color: #663300;
margin: 0 0 4px 0;
}

/* layout ------------------------------ */

#frame {
position: absolute;
top: 292px;
left: 104px;
background-color: #FFFFFF; 
}

#blank-frame {
position: absolute;
top: 200px;
left: 104px;
background-color: #FFFFFF; 
}

#shop-frame {
position: absolute;
top: 225px;
left: 104px;
background-color: #FFFFFF; 
}

#book-frame {
position: absolute;
top: 245px;
left: 104px;
background-color: #FFFFFF; 
}

#shop-frame {
position: absolute;
top: 265px;
left: 104px;
background-color: #FFFFFF; 
}

#core {
width: 626px;
padding: 0 20px 0 20px;
background-color: #FFFFFF; 
}

#content {
width: 590px;
padding: 20px 20px 0px 20px;
background-color: #FFFFFF; 
}

#display {
margin: 0 0 20px 0;
}

#spacer { clear: both; }

/* columns --------------------------------- */

#left {
float: left;
width: 285px;
margin: 0 20px 0 0;
text-align: justify;
}

#right {
float: left;
width: 285px;
margin: 0;
text-align: justify;
}

/* books  ----------------------------- */
#books-grid { float: left; width: 210px; padding-left: 45px; padding-right: 40px; padding-top: 0px; padding-bottom: 15px; }
#books-grid img { padding-bottom: 15px; }
#books-grid p { text-align: center; }

#book-display { margin: 0; padding: 0; width: 590px; text-align: center; }

#book-cover { float: left; width: 250px; }

#book-nav { float: left; width: 50px; height: 50px; padding: 35px; padding-bottom: 45px; padding-top: 0px; }

#book-thumbs { float: left; width: 320px; margin-left: 10px; }
#book-thumbs img { float: left; margin: 0; padding:0; }
#book-thumbs p { text-align: justify }

#book-prev-next { float: left; width: 250px; }

#book-desc { float: left; width: 320px }

/* portfolio ----------------------------- */

#photo-display { background: #FFFFFF; margin: 0; padding: 0; width: 590px; }
#photo { float: left; width: 400px; height: 400px; }

#photo-desc { float: left; width: 190px; }
#photo-desc p { padding: 0 10px 0 10px; }

#prev-next { float: left; width: 190px; }
#prev-next p { padding: 0 10px 0 10px; }

#photo-thumbs { width: 590px; padding-top: 10px;}

/* shop  ------------------------------------ */
#shop-display { text-align: center; }

#shop-item { text-align: left; }
#shop-item img { float: left; padding-right: 20px; padding-bottom: 25px}

#shop-detail { text-align: left; }
#shop-detail p { line-height: 10px; font-size: 10px;}

#shop-related {
	padding: 3px;
	border-style: solid;
	border-color: #333333; 
	border-width: 2px;
	}

div.shop-list {
	float: left;
	width: 125px;
	height: 150px;
	text-align: center;
	margin: 10px;
}

/* other ------------------------------------ */

#footer {
width: 630px;
height: 70px;
background: url(gfx/footer.gif);
}

#announce {
padding: 8px 8px  8px;
background-color: #CDE6EC;
}

.dotted { 
border-bottom: 1px dashed #cccccc;
margin: 5px 0 15px 0;
padding: 0;
}

.solid {
border-bottom: 1px solid #cccccc;
margin: 5px 0 5px 0;
padding: 0;
}

.caps { text-transform: uppercase; }

.drop { font-family: verdana, sans; font-size: 10px; width: 200px; }

.small { font-size: 8px; }