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

Title : Main CSS
Author : Michelle Seaman
URL : http://www.michelleseaman.net

Created : February 7, 2010

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


*			{
			margin: 0;
			padding: 0;			
			}
			
html		{
			}
			
body 		{
			font-family: "ff-meta-serif-web-pro-1","ff-meta-serif-web-pro-2","Georgia",serif;
			font-size: 62.5%;
			color: #343436;
			margin: 0 auto;
			padding: 0;
			text-align: center;
			background: #fff;
			text-shadow: rgba(0,0,0,0.14) 0 1px 0;						
			}

/* a, a:active	{
			text-decoration: none;
			outline: none;			
			}
*/

a			{ text-decoration: none; font-style: italic; }
a:link		{ color: #94b4b8; -webkit-transition: color 0.3s ease-in-out; -moz-transition: color 0.3s ease-in-out; -o-transition: color 0.3s ease-in-out; transition: color 0.3s ease-in-out;}
a:visited	{ color: #94b4b8; } 
a:hover,
a:focus		{ color: #343436; }
a:active	{ color: #343436; position: relative; top: 1px; }

a.selected	{ color: #343436; }

/* Typography
- - - - - - - - - - - - - - - - - - - - - */
			
p
			{
			font-size: 14px;
			line-height: 20px;
			margin-bottom: 22px;
			}
			
h1			{
			/*font-size: 23px;*/
			font-size: 20px;
			}
			
#logo h1	{
			position: absolute;
			top: 50px;
			right: 0;
			}
			
#logo p		{
			position: absolute;
			top: 80px;
			right: 0;
			margin: 0;
			}
			
#site-nav p	{
			position: absolute;
			top: 80px;
			left: 20px;
			margin: 0;
			}
			
#site-credits p	
			{
			position: absolute;
			top: 70px;
			left: 20px;
			margin: 0;
			}			
			
em.tagline	{
			font-size: 14px;
			}
			
#main-content h1
			{
			margin-bottom: 30px;
			}
			
form em			{
			color: #9c3512;
			font-weight: bold;
			}

/* Main
- - - - - - - - - - - - - - - - - - - - - */

#main-content	
			{
			position: relative;
			width: 960px;
			margin: 0 auto;
			text-align: left;
			}

#header		{
			width: 960px;
			height: 150px;
			margin-bottom: 40px;
			}			

#logo		{
			position: absolute;
			top: 0;
			left: 0;
			width: 220px;
			height: 150px;
			text-align: right;
			}
			
#site-nav	{
			position: absolute;
			top: 0;
			right: 0;
			width: 719px;
			height: 150px;
			text-align: left;
			border-left: 1px solid #666;
			}
			
#section-wrapper
			{
			clear: both;
			width: 960px;
			position: relative;
			margin: 0;
			}
			
.section
			{
			width: 700px;
			padding-left: 260px;
			margin-bottom: 50px;
			}

.artwork-description
			{
			width: 700px;
			padding-left: 260px;
			margin-bottom: 50px;
			}

.image
			{
			position: relative;
			width: 960px;
			height: 300px;
			margin-bottom: 40px;
			-webkit-box-shadow: 1px 1px 7px rgba(153, 153, 153, 0.4); 
			-moz-box-shadow: 1px 1px 7px rgba(153, 153, 153, 0.4); 
			box-shadow: 1px 1px 7px rgba(153, 153, 153, 0.4);
			}
						
#home
			{
			background: #fff url(../img/welcome.jpg) no-repeat center center;
			}
			
#work
			{
			background: #fff url(../img/welcome.jpg) no-repeat center center;
			}

#biography
			{
			background: #fff url(../img/biography.jpg) no-repeat center center;
			}

#contact
			{
			background: #fff url(../img/contact.jpg) no-repeat center center;
			}
			
#links
			{
			background: #fff url(../img/welcome.jpg) no-repeat center center;
			}

#guadalupe
			{
			background: #fff url(../img/veil.jpg) no-repeat center center;
			}
			
#sacraments
			{
			background: #fff url(../img/sacraments.jpg) no-repeat center center;
			}
			
#beatrice
			{
			background: #fff url(../img/beatrice.jpg) no-repeat center center;
			}
			
#makriva
			{
			background: #fff url(../img/makriva.jpg) no-repeat center center;
			}
			
#celebration
			{
			background: #fff url(../img/celebration.jpg) no-repeat center center;
			}
			
#galaxy
			{
			background: #fff url(../img/galaxy.jpg) no-repeat center center;
			}
			
#cowboy
			{
			background: #fff url(../img/cowboy.jpg) no-repeat center center;
			}

#cowboy-tip
			{
			position: absolute;
			top: 299px;
			left: 542px;
			width: 63px;
			height: 58px;
			background: transparent url(../img/cowboy-tip.png) no-repeat center center;
			}

.poem		{
			position: absolute;
			top: 0;
			right: 0;
			width: 300px;
			height: 300px;
			background: #fff;
			}
												
.image-credits
			{
			position: absolute;
			top: 350px;
			left: 0;
			width: 220px;
			border-top: 1px solid #666;
			text-align: right;
			}

form#hello input, form#hello textarea
			{
			margin: 5px 0 0 0;
			padding: 5px;
			}
			
#footer		{
			position: relative;
			width: 960px;
			height: 150px;
			}
			
#site-credits
			{
			position: absolute;
			top: 0;
			right: 0;
			width: 719px;
			height: 150px;
			border-left: 1px solid #666;
			text-align: left;
			}


/* Misc
- - - - - - - - - - - - - - - - - - - - - */
	
.clear		{
			clear: both;
			}


/* Grid Overlay
- - - - - - - - - - - - - - - - - - - - - */

#grid
			{
			position: absolute;
			top: 0;
			left: 40px;
			background: transparent url(../img/grid.png) repeat-y;
			width: 960px;
			height: 1400px;
			z-index: 10;
			}