@charset "UTF-8";
/* donna.css
	Version: 1.1; revised: May 2009
	Prepared for: donna hoppe gallery.ca  |  Weymouth, NS
	Prepared by: Nyna Cropas  |  vanishing point studio	
*/

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

c6c6c0	background					(pantone 413 C) (warm neutral)
a92519	h1 and span elements		(pantone 180-181 C) (red)	
126b90	links						(pantone 7468 C) (blue)
cc6633	hover state					(pantone 471 C) (burnt orange)
a9780e	active state				(pantone 1255 C) (tawney)
999999	borders						(pantone cool grey 7)
7c6228	alt borders					(pantone 133 C) (gold brown)
462b11	body text					(pantone 1545 C) (dark brown)
777755	web design credit			(pantone 7497 C) (khaki)		

/*-----------------------------------------------------------------------------

The stylesheet is divided into the following sections:

	--	Browser Reset
	--	Universal styles
	--	Generic element styles
	--	Image styles
	--	Link styles
	--	List styles
	--	Text styles
	--	Structural styles


/*-----------------------------------------------------------------------------
Browser Reset ( resets all browser defaults )
 thanks to: Joshua Clayton's Blueprint Framework CSS : http://blueprintcss.org"
-----------------------------------------------------------------------------*/

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.5;}
table {border-collapse:separate; border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}



/*-----------------------------------------------------------------------------
Universal styles
-----------------------------------------------------------------------------*/


html {background-color: #c6c6c0; height: 100%;}	

body {color:#333; font-size:80%; font-family:Arial, Helvetica, sans-serif; text-align:center;}

.clear {clear: both;}

/*-----------------------------------------------------------------------------
Generic element styles
-----------------------------------------------------------------------------*/

div { }

hr {display:none;}

span { }

table td {padding-right:14px; line-height:170%; vertical-align:top;}


/*-----------------------------------------------------------------------------
Image styles
-----------------------------------------------------------------------------*/

img { }


/*-----------------------------------------------------------------------------
Link styles
-----------------------------------------------------------------------------*/


a {text-decoration: none;}

a img {border:none;}

a:link {color: #126b90;}
a:visited {color: #126b90;}
a:hover {color: #cc6633;}
a:active {color: #a9780e;}
a:hover, a:active {border-bottom: solid 2px #dcd272;}

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

ul {list-style-type: none;	}

li {display:inline; padding-bottom: 8px;}


/*-----------------------------------------------------------------------------
Text styles
-----------------------------------------------------------------------------*/

h1 {font-size:130%; margin-bottom:12px; color:#a92519;}

h2 {font-size:110%;}


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

#container {width:900px; margin:auto; text-align:left; border:solid 1px #999; border-bottom:solid 1px #7c6228; background: url(../images/bkgrndstrip.gif) repeat-y; margin-top: 12px; height: 100%; position: relative;}
	
#centerdiv {width:510px; float:right; margin: 0; border-top: none; position: absolute; left:195px; top:95px;}

#navbar {}
#navbar ul {width:468px; height:60px; padding-top:20px; list-style:none; margin-left:42px;}
#navbar li {float:left; width:156px; font-size:110%; color:#a92519; overflow:hidden;}

#content {width:476px; height: 100%; color:#462b11; text-align:left;}
#content p, h1{padding-left: 42px; padding-right: 16px; line-height: 170%;}
#content p a {font-size:107%;}

#map, #cv {width: 440px; padding-left: 42px;}
#map {color: #a9780e; font-size: 102%; padding-bottom: 14px;}
#map span {font-size: 103%; font-style: italic; font-weight: bolder; color: #a92519;}

#leftdiv img, #rightdiv img {padding: 16px 0px 10px 0px;}
#leftdiv, #rightdiv {width:21%; height:100%; float:left; text-align:center;}
#leftdiv {float:left;}
#rightdiv {float:right;}

#footer {text-align:left; height:34px; width:896px; margin-left:2px; color:#555; background:url(../images/backgrnd.gif) repeat; border-top:solid 1px #7c6228; font-size:95%;}	
#footer p {padding:12px; padding-bottom:4px;}
#footer span {font-weight: bolder;}
#leftfoot {float: left; color: #775;}
#rightfoot {float: right; text-align: right;}