/* basic elements */
body,html { 
	background: rgb(52,52,52);
	margin:0; 
	padding:0;
	/*text-align:center;*/
	}
p { 
	font: 1em georgia,times new roman,times,serif;
	text-align: left;
	margin:0;
	padding:0 1.5em;
	color:rgb(46,46,54);
	}

.smallgray{color:#999999;font-size:0.8em;padding-bottom:1em;}

/* Changes for gallery */

#gsHeader{background:transparent;height:1px;}
#gsContent{width:95%;min-width:550px;max-width:1050px}


	
/* Container - what the whole body sits in */
/* Header - sits at the top of container */
/* Buttons - between header and content with links */
/* Content - where the main page content sits
/* All should scale with page size and screen resolution */


#container{
	margin-left:auto;
	margin-right:auto;
	width:80%;
	min-width:800px;
	max-width:1100px;
	background:url("http://www.melaniehayn.com/images/container_back.jpg") repeat;
	border:3px solid black;
	
}

#header{
	width:100%;
	background:rgb(81,121,142) url("http://www.melaniehayn.com/images/waveback2.jpg");  
	height:110px;
}

#buttons{
	width:100%;
	height:auto;
	background:url("http://www.melaniehayn.com/images/buttons_bg.gif") repeat-x;
	clear:both;
}

#buttons p{color:#999999;padding:0 1em;margin:0;}

#content{
	margin-left:auto;
	margin-right:auto;
	padding-top:2em;
	padding-bottom:2em;
	width:94%;
	background:url("http://www.melaniehayn.com/images/container_back.jpg") repeat;
	/*border-left:2px solid rgb(237,224,182);
	border-right:2px solid rgb(237,224,182);*/
}

#prop{width:1px;height:500px;float:right;}

.widecol{
	margin-left:210px;
	padding-left:20px;
	border-left:1px solid #999999;
}

.widecolgallery{

}

.row{
	width:99%;
	height:auto;
	clear:right;
	overflow:hidden;
	margin:10px 0px;
}

.link{
	margin:6px 2px;
	height:auto;
	width:200px;
	float:left;
	text-align:center;
}

.link.img{
  padding:0;
  border:1px solid #ffffff;  
}

.desc
  {
  text-align:center;
  padding: 0;
  text-indent:0;
  color:rgb(87,115,136);
  width:auto;
  margin:auto;
  }

.push{
	width:500px;
	height:1px;
	clear:right;
	overflow:hidden;
}

.leftlinks{
	width:220px;
	float:left;
	clear:left;
	margin-right:0px;
	margin-bottom:1em;
}

.leftlinks .mainl a{padding-left:10px;}


#footer, #footergallery{
	width:100%;
	background:rgb(237,224,182);
	clear:both;
	overflow:hidden;
	margin:0;
	padding:0;
}	

#footergallery{padding:0px;}
	
	
h1,h2,h3,h4{
	margin:0;
	text-align: left;
}

h1{  
	font: 1.9em Monotype Corsiva,georgia,times new roman,times,serif;
	padding:0.2em 0.1em 0.2em 0.7em;
	color: rgb(80,105,124);  /*rgb(233,244,191); /*cream*/*/
}

h2{
	font: 1.15em Georgia,times new roman,times,serif;
	padding:0.2em 0.1em 0.1em 1.2em;
	color: rgb(80,105,124);   
}

h3{
	font: 1.7em Monotype Corsiva,Georgia,times new roman,times,serif;
	padding:0.15em 0.1em 0.4em 0.0em;
	color: rgb(46,46,54); /*gray*/
}

h4{
	font-weight:normal;
	font: 1.6em Monotype Corsiva,Georgia,times new roman,times,serif;
	padding:0.3em 0.1em 0.2em 0.5em;
	color: rgb(46,46,54); /*gray*/
}

h4 a:link,h4 a:visited,h4 a:active{color: rgb(46,46,54);text-decoration:none;}
h4 a:hover{color:rgb(121,158,179);}

#footer p, #footergallery p{font: 0.7em georgia, times new roman, times, serif;text-align: left;margin:0;padding:1em 1em;color:rgb(46,46,54);}

.leftlinks h4{margin-left:-10px;color:rgb(60,85,104)}
.leftlinks h4 a:link,.leftlinks h4 a:visited,.leftlinks h4 a:active{color: rgb(60,85,104);text-decoration:none;}
.leftlinks h4 a:hover{color:rgb(121,158,179);}


/* Different classes for text - put in span tag */
.linkbutton a:link {color: #FFFFFF; text-decoration: none;}
.linkbutton a:visited {color: #FFFFFF; text-decoration: none;}
.linkbutton a:active {color: #FFFFFF; text-decoration: none;}
.linkbutton a:hover {color: rgb(233,244,191); text-decoration: none;}

.blue {padding: 0.8em 0.2em 0.8em 1.5em;text-indent:0;}

.blue a:link{color:rgb(87,115,136);text-decoration:underline;}
.blue a:visited{color:rgb(87,115,136);text-decoration:underline;}
.blue a:active{color:rgb(121,158,179);text-decoration:underline;}
.blue a:hover{color:rgb(121,158,179);text-decoration:underline;}

.mainl,.current{padding:0.3em 1.2em;color:#999999;}

.mainl a:link,main a:link{color:rgb(46,46,54);text-decoration:none;}
.mainl a:visited,main a:visited{color:rgb(46,46,54);text-decoration:none;}
.mainl a:active,main a:active,.current a:active{color:rgb(121,158,179);text-decoration:none;}
.mainl a:hover,main a:hover,.current a:hover{color:rgb(121,158,179);text-decoration:none;}

.main{padding-bottom:1em;}