/*----------------------------
	CarolynsArtwork.com
	Author: Shandy Sawyer
	Version: April 4, 2007
------------------------------*/

/*
  Colors schemes
  #663333 dark purplish
  #330000 dark dark purple
  #666699 light blueish purple
  #CC99CC light purple
  #CC9999 light light purple
  #FF9933 yellow-orange
  #CC3333 rusty red
  #336633 green
  #666633 greyish green (borders)
  #7B9D25 light green (nav rollover)
  #1E2A1A dark green blue tint (nav bg)
  #32462C green blue tint
  #333300 greenish brown
  #336699 blue
  #5FA2BD sky blue
  #B2D2DF light sky blue
*/

body {
	margin:15px;
	padding:0;
	text-align:center; /*IE horzontally centered*/
	background:#540A04;
	
	}
#container {
	width:700px;
	margin:0 auto;
	padding:0;
	text-align:left;
	border:solid 1px #666633;
	}


/* HEADER
-------------------------------------------*/
#header {
	height:145px;
	width:700px;
	background-image:url(/images/header.jpg);
	background-repeat:no-repeat;
	}
#header h1, #header h2 {
	margin:0; 
	padding:0;
	}
#header span {
	display:none;
	}
/*----------------END HEADER----------------*/


/* NAVIGATION
--------------------------------------------*/
#nav {
	float:left; /*Explanation here: http://css.maxdesign.com.au/floatutorial/tutorial0611.htm*/
	width:100%;
	background-color:#1E2A1A;
	background-image:url(/images/nav_bg.jpg);
	background-repeat:no-repeat;
	border:solid #666633;
	border-width:1px 0; /*clockwise order of values (top right bottom left) this specifies top*/
	}
/*Overcome stupid 3px margin bug in IE/Win floats,
http://www.positioniseverything.net/explorer/threepxtest.html*/
* html #nav {
    margin-right:-3px;
	}
#nav ul {
	margin:0;
	padding:0 40px; /*right padding*/
	list-style:none;
	font-size:75%;
	font-family:tahoma, verdana, geneva, arial, helvetica, sans-serif;
	text-transform:lowercase;
	}
#nav li {
	float:left;  /*Explanation here: http://css.maxdesign.com.au/floatutorial/tutorial0605.htm*/
	margin:0;
	padding:0;
	background-image:none;
	line-height:normal;
	text-indent:0;
	}
#nav a, #nav strong {
	display:block;
	padding:1px 20px 3px;
	border:solid #666633;
	border-width:0 1px 0 0; /*right border-width*/
	color:#FFF;
	text-decoration:none;
	white-space:nowrap;
	}
/* Following rule allows entire region of link to to be 
clickable in IE/Win. Holly Hack explained here:
http://www.positioniseverything.net/explorer/escape-floats.html */
/* Hides from IE5-mac \*/
* html #nav a {
	width:1%;
	}
/* End hide from IE5-mac */ 
#nav #current strong, #nav #current a {
	background-repeat:no-repeat;
	}
#nav a:hover, #nav #current a:hover strong, #nav #current strong {
	/*background-color:#7B8C3C;*/
	background-image:url(/images/nav_bg_hover.jpg);
	background-repeat:repeat-y;
	}
#nav a:hover {
	background-repeat:no-repeat;
	}
#nav a strong, #nav #current a strong {
	background:none;
	padding:0;
	border:none;
	}
#nav #h {
	border-left-width:1px;
	}
/*---------------END NAVIGATION-------------*/



/*	CONTENT
--------------------------------------------*/
#content {
	background:#baca91;
	/*background:#91B8CA;*/
	clear:left; /*pushes content past nav*/
	height:1%; /*IE 5 putting padding at the bottom if its 100% - expands to fit content*/
	margin:0;
	padding:15px 40px 15px 40px;
	width:auto;
	/*background-image: url(/images/leaves.gif);
	background-repeat: no-repeat;
	background-position: -50px -100px;*/
	}
/* Overcome stupid 3px margin bug in IE/Win floats,
http://www.positioniseverything.net/explorer/threepxtest.html 
this doesn't seem to do anything though >:[ */
* html #content {
    margin-right:-3px;
	}

#content h2 {
	color:#302723;
	padding:0;
	margin:5px 0;
	border-bottom:solid 1px #FFA041;
	line-height:0.9em; /*pushs text closer to bottom border*/
	}
#content h3 {
	color:#302723;
	margin-bottom:0;
	padding:0;
	}
#content .news-entry {
	/*width: 300px;*/
	}
#content .news-entry h4 {
	/*font-family:"Lucida Grande", "Lucida Sans Unicode", sans-serif;*/
	}
#content .news-entry .date {
	background-image: url(/images/calendar.gif);
	background-repeat: no-repeat;
	margin:0;
	padding:0;
	padding-bottom:2px;
	padding-left: 20px;
	}
	
#content .news-entry h3 {
	margin:0;
	padding:0;
	}
	
#content .news-entry .description {
	clear:both;
	}

#main {
	margin-right:260px;
	}
#secondary {
	/* low profile*/
	/*border:solid 1px #62664E;
	background:#898C7A;*/
	
	/* high profile */
	border:solid 1px #3979AD;
	background-color:#4083BB;
	background-image:url(/images/secondary_bg.jpg);
	background-position:0 bottom;
	background-repeat:no-repeat;
	
	margin:10px 0 10px 10px;
	padding:10px;
	width:220px;
	float:right;
	
	
	}
#secondary h2 {
	color:#302723;
	font-size:120%;
	border:none;
	margin:0;
	padding:0;
	}
#secondary p {
	margin:5px 0 20px;
	}

em { 
	font-size:70%;
	font-family:Verdana;
	}
p { 
	margin-top:0;
	font-size:70%;
	font-family:Verdana;
	line-height:175%;
	}

table, ul { 
	margin:0;
	font-size:70%;
	font-family:Verdana;
	}
table {
	border:solid 1px black;
	background-color:#7B9D25
	}
table caption {
	text-align:left;
	font-weight:bold;
	font-size:130%;
	padding-bottom:3px;
	}
td {
	padding-right: 10px;
	}
a:link { 
	
	color:#7B9D25; /*light green*/
	color:#CF472B;
	}
a:visited { 
	
	color:#FF9933; /*yellow-orange*/
	color:#CF472B;
	}
a:hover, a:active { 
	background-color:#7B9D25;
	color:#FFF;
	}
.welcome {
	font-weight:bold;
	font-style:italic;
	font-size:110%
	}
.home {
	margin-top:2em;
	margin-bottom:3em;
	}
img#portrait 
{
	border:solid 1px #302723;
	float:right;
	margin:5px 0 10px 10px;
}
/*----------------END CONTENT---------------*/


	
/*	FOOTER
--------------------------------------------*/
#footer {
	/*width:700px;*/
	background-image:url(/images/footer_bg.jpg);
	background-repeat:no-repeat;
	background-color:#1E2A1A;
	border-top:solid 1px #666633;
	}
#footer p {
	margin:0;
	padding:0;
	color: #FFF;
	font-family:Garamond;
	font-size:85%;
	text-align:center;
	}
#footer a:link { 
	text-decoration:none;
	color:#FF9933;
	}
#footer a:hover {
	color:#FFF;
	}
/*-----------------END FOOTER---------------*/


/* GALLERY
--------------------------------------------*/
#gallery {
	position:relative;
    height:428px; 
	margin:0;
	padding:0;
	border:solid #FFA041;
	border-width:0px 0px 1px 0px;	
	}
#iframethumbnails {
	border:solid 1px #666633;
	width:185px;
	height:400px;
	float:right;
	}
#gallery ul {
	margin:0;
	padding:0;
	list-style-type:none;
	}
#gallery #title {
	margin:0;
	padding-bottom:4px;
	font-family:"Lucida Grande", "Lucida Sans Unicode", sans-serif;
	font-size:110%;
	color:#222;
	letter-spacing:1px;
	text-transform:uppercase;
	}
#gallery #type, #gallery #price {
	padding-left:5px;
	color:#000;
	}