@import url('/styles/reset.css');
@charset "UTF-8"; 
/* beswick.css 
   Beswick Flowers
   Css	Prepared for: Lorraine Beswick
		By: Nyna Cropas
		v.1.1  January, 2012		
*/

/*-----------------------------------------------------------------------------
Colours:

f0f0e2	sunshine white : body background 
2c3809	very dark green : body text
818b31	mid-tone olive green : cite, blockquotes, tinytext text
7a7036	khaki : menu list items
9e7e4f	honey tan : horizontal rule, dotted border lines
953346	raspberry : gen'l anchorlinks
bd6028	burnt orange : gen'l anchorlink hover
996f32	dark tan : homepage anchorlinks
d3c59c	very light tan : homepage anchorlink hover
3a1416 	dark maroon :  menu list item hover, selected menu item


/*-----------------------------------------------------------------------------
Generic element styles
-----------------------------------------------------------------------------*/
html {}
body {width:1000px; font-size:14px; font-family: "Palatino Linotype", "New Century Schoolbook", Georgia, serif; text-align:left; color:#2c3809; margin:14px auto; background:#f0f0e2;} 
body.homepage {background: url(../images/lath2.jpg);}
hr {border:none; margin:24px 0 12px 0; width:100%; height:1px; background-color:#9e7e4f; clear:both;}
hr.hidden {visibility:hidden;}
.floatleft {float:left;}
.floatright {float:right;}
.clearfloats {display:block; clear:both; height:0; overflow:hidden; visibility:hidden;}
.alignright {text-align:right;}
.alignleft {text-align:left;}
.aligncenter {text-align:center;}
.hidden {display:none;}
.maxheadroom {margin-top:18px;}
.maxfootroom {margin-bottom:18px;}
.halfwidth {width:48%;}
.thirdwidth {width:29%;}
.quarterwidth {width:24%;}

.workshops hr {margin:0; padding:0; background-color:#fff;}
/*-----------------------------------------------------------------------------
Header element styles
-----------------------------------------------------------------------------*/
h1 {font-size:1.4em;}
h2 {font-size:1.25em;}
h3, .portfolio p.header, li.firstsection h2 {font-size:1.1em;}
h4 {font-size: 1em; text-transform:uppercase;}

.about h2 { color:#818b31; line-height:2.1em; margin:-6px 20px 16px 0;}
.contact h1, #links h2 {font-size:1.1em;}
.contact h1 {color:#818b31;}
.about h1, .portfolio h1, .workshops h1.sectionheader, h2.sectionheader {font-size:1em; text-transform:uppercase; letter-spacing:0.4em; text-align:center; color:#d3c59c; margin:-40px 0 0 9px; border-top:solid 1px #fff;}
.about h1 {margin:-40px 0 20px 0; border-bottom:solid 1px #fff;}
.workshops h1.sectionheader, h2.sectionheader {margin:0;  border-top:none;}
.workshops h4, .workshops #tours {font-size:.9em; color:#953346;}
.portfolio p.header {margin-left:-24px; text-transform:uppercase;  }
/*-----------------------------------------------------------------------------
Image styles
-----------------------------------------------------------------------------*/
img a {border:none;}
.about div.portrait {
	border:1px solid #FFFFFF;
	padding:20px;
    /*margin:0 0 0 -20px;*/
    -moz-box-shadow:0 0 8px #d6d6c4;
    -webkit-box-shadow:0 0 8px #d6d6c4;
    box-shadow:0 0 8px #d6d6c4;
}
/*-----------------------------------------------------------------------------
Text and Link styles
-----------------------------------------------------------------------------*/
address {font-style: normal;}
strong {font-weight:bold;}
em {font-style:italic;}
.tinytext {font-size:0.75em; line-height:1; margin:-5px 0 5px 0; }
.smalltext {font-size:0.75em;}
cite {font-size:0.9em; font-style:normal; margin-left:380px; }
blockquote {padding-left:13px; margin-left:13px; font-style:italic; letter-spacing:0.04em;}
blockquote, #content div.bio p.intro, .tinytext, cite,.phototext {color:#818b31;}
a:link, a:visited, cite a {text-decoration:none; color:inherit; border-bottom:dotted 1px #d3c59c;}
a:hover, a:active {color:#bd6028;}

#branding a, #mainmenu a, p.tinytext a, #links a, #footer a {border-bottom:none;}
.homepage a, .homepage a:visited {color:#996f32;}
.homepage a:hover, .homepage a:active{color:#d3c59c;}
.innerpage #mainmenu a { color:#7a7036;}
.innerpage #mainmenu a:hover, #mainmenu ul li.selected a {color:#3a1416; font-weight:500;}

#links a:link, #links a:visited {color:#818b31;}
#links a:hover {color:#bd6028;}

#footer p, #footer a {color:#bdb78b;}
#footer a:hover {color:#fefefc;}

/*-----------------------------------------------------------------------------
List styles
-----------------------------------------------------------------------------*/

ul {list-style-type: none;}


/*-----------------------------------------------------------------------------
	Structural styles

	Note: these styles are listed generally in the order they appear in the HTML 
	source pages. Descendent selectors are grouped with their parents.
-----------------------------------------------------------------------------*/
	#wrapper {width:1000px; position:relative; overflow:hidden;}

/*........branding and main navigation.........*/
	#sidebar {width:25%;}
	#branding, #mainmenu {margin:0;}
	#branding #logo {margin-top:5px;}
	#mainmenu { font-size:0.9em; margin-top:10px; line-height:2.8em; text-transform:uppercase;}
	.homepage #mainmenu {text-align:left; position:absolute; top:209px; left:146px; letter-spacing:0.08em;}
	.innerpage #mainmenu {width:70%; margin-left:74px; border-right:1px dotted #9e7e4f;}
	.innerpage #mainmenu ul {text-align:left; letter-spacing:0.07em; font-style:normal; padding:0; }
	.innerpage #mainmenu ul li.submenu {line-height:1.2em; margin:0 0 8px 2px; font-size:1.1em; text-transform:lowercase; list-style-image: url(../images/marker2.gif); list-style-position:inside;}

/*........content..........*/
	#content {width:69%; min-height:300px; margin:86px 0 2.5% 4.4%; padding-bottom:7.6%; border-bottom:1px dotted #9e7e4f; position:relative;}
	
	/*------about page---------------*/	
		.portrait {width:400px; height:312px; margin:0 30px 3px 0; float:left; }
		.bio {margin-bottom:30px; font-size:1em; line-height:2.785em;}
		.bio p {margin:0 4.3% 3.2% 0;}
		
	/*------contact page---------------*/	
		#contact {width:30%;}
		#links {width:50%; padding-left:7.6%;}			
		/*#contact, #links { margin-top:30px;}*/
		#links {width: 320px; padding-left:80px;}
		#links ul li ul {margin-left:13px;} 
		#links ul li ul {list-style-image:url(../images/marker2.gif); list-style-position:inside;}
		
	/*------workshop pages---------------*/	
		ul.workshops {margin-top:-46px;}
		ul.workshops li {border-top:1px dotted #9e7e4f; padding:20px 0;}
		ul.workshops li.first {border-top:none; padding-top:0;}
		ul.workshops h3 { text-transform:uppercase;}
		ul.workshops li img {padding-top:6px;}
		ul.workshops li div.floatright {width:58%;}
		ul.workshops li div.floatleft {width:40%;}
		ul.workshops li.firstsection {margin-bottom:12px;}
		#tourintro {margin-bottom:40px;}
		#tourintro div.floatleft {width:300px;}
		#tourintro .smalltext, #tourinfo .smalltext {color:#818b31;}
		#tourintro .photoblock img {margin:0 1.2% 0;}
		#tourinfo {margin:40px 0;}
		#tourinfo div {width:48%;}
		#tourinfo div.alignright {padding-right:2%;}
		#tourinfo #monkeytext {margin-top:168px;}
		#aug2011 blockquote {width:260px; margin-left:12px; padding-left:60px; font-size:1.1em;}
	

		
	/*------portfolio pages---------------*/	
		#slideshow {float:right; margin-bottom:18px;}
		#slideshow img { margin-bottom:1.2%;}
		#phototext {width:70%; float:left; text-align:left; font-size:.875em; line-height:1; margin:-5px 0 18px 0; }
		#photocredit {width:30%; float:right; text-align:right;}
		.phototext {width:100%; margin-bottom:8px; font-style:italic;}
		.photocredit { width:17%;  font-size:0.75em; color:#a3ad53; float:right; text-align:right; vertical-align: bottom; font-style:normal;}
		#sectiontext {margin-left:30px; width:90%;}
		#sectiontext p { margin:12px 0 0; font-style:normal; padding:13px 0; letter-spacing:0.02em;}

	
/*........footer / bottom navigation.........*/
#footer {clear:both; font-family: "Lucida Grande", sans-serif; font-size:0.7em; margin:30px 0 0 0;}
#footer p {margin-right:18px;}
#footer p span {font-size:0.6em;}