@charset "utf-8";
/* CSS Document */
body{
	margin: 0;
	padding: 0;
	background: #fff;
	text-align: center;
}
p,h1,h2,h3,h4,h5,h5,ol,ul,a {
	margin: 0px;
	padding: 0px;
	font-family: "Century Gothic", Verdana, Arial, sans-serif;
}
#wrapper{
	width: 760px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0;
	background: #FFF;
	text-align: center;
}
h1{
	font-size: 42px;
	color: #d85f3f;
	font-weight: normal;
}
h2{
	font-size: 16px;
	color: #666666;
	font-weight: normal;
}
.screenReader{
	position: absolute;
	left: -1800px;
	top: 0px;
}
p{
	font-size: 14px;
	color: #666666;
	font-weight: normal;
}
/*--------------------------------------Toolbar Formatting------------------------------------------*/
ul#mainNav{
	list-style-type: none;
	padding-left: 0;
	margin-left: 0; 
	padding-top: 20px;
	width: 100%;
	text-align: center;
}
/*display inline makes the buttons horizontal, but not the same size.  above the text-align center makes the entire toolbar center.  width in ems allows the toolbar to change size without screwing up the text. float left above makes them.  refer to page 225 for the same size float left, display block method. */
ul#mainNav li{
	display: inline;
	padding-left: 10px;
}
ul#mainNav a{
	width: 6em;
	text-align: center;
	text-decoration: none;
	color: #d85f3f;
	font-family: "Century Gothic", Verdana, Arial, sans-serif;
	font-size: 16px;
	font-weight: normal;
	border-right: 2px solid #d85f3f;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 7px;
}
ul#mainNav a#blog{
	border-right: none;
}
#homePage a#home,
#portfolioPage a#portfolio,
#aboutPage a#about,
#contactPage a#contact{
	text-decoration: underline;
}
a#home:hover,
a#portfolio:hover,
a#about:hover,
a#contact:hover,
a#blog:hover,
a#shop:hover{
	font-weight: bold;
}
/*--------------------------------------Big Art Formatting------------------------------------------*/
.painting{
	background: url(assets/drop_shadow.jpg) right bottom no-repeat;
}
.painting img{
	display: block;
	position: relative;
	top: -5px;
	left: -5px;
	margin-top: 30px;
}
#inner { display: inline-block; }
#inner{ display: inline; }                         
html > /**/ body #inner { display: inline-block; }
.title{
	font-size: 14px;
	color: #999999;
}
.workTitle{	
	font-size: 16px;
	color: #666666;
}
/*--------------------------------------Main Portfolio-----------------------------------------*/
.portfolioThumb{
	float: left;
}
#portfolioContent{
	width: 80px;
	margin-left: 300px;
	float: left;
	margin-top: 50px;
}
#type{
	display: block;
	float: right;
	width: 100px;
	padding-right: 280px;
	margin-top: 50px;
}
#type a{
	text-decoration: none;
	margin-top: 50px;
	margin-bottom: 75px;
	font-size: 16px;
	color: #666;
	text-align: left;
	display: block;
}
#type a:hover{
	text-decoration: underline;
}
/*--------------------------------------First Page Realistic Portfolio-----------------------------------------*/
.thumbs{
	float: left;
	margin: 0px 5px 10px 5px;
}
#firstThumbs{
	width: 243px;
	padding-left: 30px;
}
#secondThumbs{
	width: 180px;
	padding-left: 80px;
	padding-right: 50px;
}
#portfolioLayout{ display: inline-block; }
#portfolioLayout{ display: inline; }                         
html > /**/ body #portfolioLayout { display: inline-block; }

#portfolioLayout h2{
	padding-top: 20px;
	font-size: 24px;
	color: #666;
	font-family:"Century Gothic", Verdana, Arial, sans-serif;
}
ul#pages{
	list-style-type: none;
	padding-left: 0;
	margin-left: 100px; 
	padding-top: 20px;
	width: 100%;
	text-align: center;
}
ul#pages li{
	display: inline;
	padding-left: 10px;
}
ul#pages a{
	text-align: center;
	text-decoration: none;
	color: #d85F3F;
	font-family: "Century Gothic", Verdana, Arial, sans-serif;
	font-size: 12px;
	font-weight: normal;
	border-right: 1px solid #ccc;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 7px;
}
ul#pages a.last{
	border: none;
}
ul#pages a.other{
	border: none;
}
ul#pages a:hover{
	color: #333333;
}
ul#pages a.current{
	color: #ccc;
}
a img{
	border: none;
}
/*--------------------------------------About Page------------------------------------------*/
#left{
	float: left;
	margin-left: 150px;
}
#aboutText{
	margin-top: 20px;
	margin-right: 200px;
	width: 275px;
	float: right;
}
#aboutText p{
	color: #666666;
	font-size: 14px;
	line-height: 20px;
}
.crimson{
	color: #d85f3f;
	text-decoration: underline;
}
/*----------------------------------Contact Form-----------------------------*/
#form_header p{
	font-family: "Century Gothic", Verdana, Arial, sans-serif;
	font-size: 14px;
	padding-top: 20px;
	padding-bottom: 10px;
	text-align: center;
	margin-left: 25px;
	clear:right;
	width: 500px;
}
#form{
	width: 550px;
	margin-right: auto;
	margin-left: auto;
}
/*--------------------------------------Elisabeth Name------------------------------------------*/
#footer{
	margin-top: 10px;
	margin-bottom: 20px;
}
.clear{
	clear: both;
}
/*--------------------------------------Copyright------------------------------------------*/
#copyright p{
	font-size: 12px;
	color: #CCCCCC;
}
#copyright a{
	color: #CCCCCC;
}