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

Virginiafreyermuth.com Screen Stylesheet
date:      07/30/07
updated:   04/10/08
author:    Susan Nelson 
website:   http://auxanocreative.com/

	:Table of Contents:

	Initial Settings
	Link Styles
	Header Defaults - may not be needed - 
	Container
	Header and Page Titles
	Image Replacement
	Left Menu
	Global Page Styles
	Home Page Styles
	Contact Page & Form
	Gallery Page Styles
		>Thumbnail Page
		>Image View Pages
			>>Portraiture Gallery
			>>Fine Art Gallery
		>Full View Page
	Footer

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


/* Initial Settings

============================================================================ */

html { 
font-size:100.01%; 
height: 100%;
}

body {
margin:0 auto;
padding:0;
height: 100%;
font:62.5%/1.5em Arial, Helvetica, sans-serif;
text-align: center;
background: #9b8a80;
color: #716b69;
}

address, blockquote, form, fieldset, h1, h2, h3, h4, h5, h6, img, p, pre {
margin:0;
padding:0;
border:none;
}

input, select, textarea {
font-size:100%;
font-family:inherit;
}

table {
table-layout:fixed;
/*word-wrap:break-word;*/
overflow:hidden;
}

/* Link Styles

============================================================================ */

a:link, a:visited {
color: #716b69;
text-decoration: underline;
}

a:focus, a:hover, a:active {
color: #716b69;
text-decoration: none;
}

.red a:link, .red a:visited {
color: #970921;
text-decoration: underline;
}

.red a:focus, .red a:hover, .red a:active {
color: #970921;
text-decoration: none;
}


/* Header Defaults  
============================================================================ */

h4 {
 font-size: 120%;
 margin: 10px 0 5px 0;
 clear: left;
}

h5 {
 font-size: 95%;
 margin: 20px 0 5px;
 clear: both;
}

/* Container

============================================================================ */

#wrapper {
margin: 0 auto;
width: 760px;
min-height:100%;
height:auto !important;
height:100%;
background: #eee;
color: #9b8a80;
text-align: left;
padding: 0px 0 20px 0;
}

/* Header and Page Titles

============================================================================ */

#header {
width: 760px;
margin:0 auto;
background: #eee;
border-bottom: 4px solid #eee;
border-top: 5px solid #eee;
text-align: center;
height:80px;
}

#pageTitle {
width: 570px;
height:50px;
text-align: center;
margin:0 auto;
}

#journal {
width:550px;
height:100px;
margin-top: 12px;
padding: 0;
}

#journal img {
padding: 0;
}

/* Image Replacement 

============================================================================ */

h1, h2 {
position: relative;
text-align: center;
}

	h1 img {
	position: absolute; 
	top: -20px; 
	left: 0;
	}
	
	h2 img {
	position: absolute;
	top: 0;
	left: 0;
    }

h1 {
position:relative;
top:20px;
margin: 0 auto 75px;
width: 379px;
font: 195% "times new roman", times, serif;
color: #a7001d;
}

h2 {
position:relative;
top:10px;
margin:0 auto 10px;
width: 300px;
font-size: 95%;
color: #716b69;
text-transform: uppercase;
}

.pricing {
position:absolute;
top:0;
left:-40px;
}

/* Left Menu

============================================================================ */

#leftmenu {
float: left;
width: 140px;
margin-top:65px;
margin-right: 20px;
line-height:1.75em;
word-spacing: 2px;	
font-family: "times new roman", times, serif;
font-size:1.2em;
}

#leftmenu dl {
padding-top:0;
margin-top:0;
}

#nav {
margin-left: 30px;
font-size: 120%;
}

#nav dd {
margin-left: 15px;
font-size: 90%;
}

#nav a {
color:#9b8a80;
text-decoration: none;
}

#nav a:focus, #nav a:hover, #nav a:active {
color:#9b8a80;
text-decoration: underline;
}

#leftimg {
position: relative;
top: -15px;
left: 20px;
}

#leftimg a span {
position: absolute; left: -1999em;
font-size: 118%;
font-weight: normal;
color: #9b8a80;
}

#leftimg a:focus, #leftimg a:hover, #leftimg a:active {
height: auto;
}

#leftimg a:focus span, #leftimg a:hover span, #leftimg a:active span {
top: 40px;
left: 4px;
}



/* Global Page Styles

============================================================================ */

#content {
 width: 570px;
 float: left;
 margin: 0;
}

/* Home Page Styles

============================================================================ */

.homeimg {
float: left;
width: 258px;
margin: 20px 5px 10px 15px;
text-align: center;
}

.homeimg img {
border: 1px solid;
padding: 3px;
}

h3 {
font-family: arial, verdana, sans-serif;
color: #716b69;
font-size:1.5em;
font-weight: normal;
text-align: center;
text-transform: uppercase;
margin: 8px auto 5px auto;
}

	h3 a:link, h3 a:visited {
	color: #9b8a80;
	text-decoration: none;
	}

	h3 a:focus, h3 a:hover, h3 a:active {
	color: #9b8a80;
	text-decoration: underline;
	}

.homeimg p {
margin-top:1em;
font-size:1.1em;
font-family: arial, sans-serif;
}



/* Content Page Styles

============================================================================ */

#text {
 padding:20px 20px 20px 0;
 color: #716b69;
 font-size:1.25em;
 line-height: 19px;
 word-spacing: 2px;
}

#text p {
 margin-bottom: 12px;
}

.centerText {
 text-align: center;
}

.imageleft { 
 float: left;
 margin: 5px 5px 15px 0;
 padding: 3px;
 border: 1px solid;
}

.imageleft2 {
 float: left;
 margin: 5px 5px 0 0;
 padding: 3px;
 border:1px solid;
}

.imageleft3 {
float:left;
margin: 0 8px 0 0;
}

.imageright {
 float: right;
 margin: 5px 0 0 5px;
 padding: 3px;
 border: 1px solid;
}

#textright {
 width: 280px;
 height: 168px;
 float: left;
 margin: 5px 0 0 0;
 font-size: 85%;
 font-weight: bold;
 text-align: center;
 word-spacing: 1px;
}

.highlight {
 color: #970921;
 font-weight: bold;
}

.largeHighlight {
 color: #970921;
 font-weight: bold;
 font-size: 1.3em;
 padding: 15px 0 5px 0;
 text-align: center;
}

.largeHighlightLeft {
 color: #970921;
 font-weight: bold;
 padding: 15px 0 5px 0;
}

.red {
 color: #970921;
 clear: both;
}

.large {
 font-size: 1.2em;
 font-weight: bold;
}

.veryLarge {
 color: #970921;
 font-size: 1.5em;
 font-weight: bold;
 padding: 15px 0 5px 0;
}

.bold {
 font-weight: bold;
}

.clear {
clear: both;
}

.retreat {
 background: #e2dfdb;
 padding: 5px;
}

.enroll {
 width: 550px;
 background: #e2dfdb;
 padding:5px;
 margin: 15px auto;
 text-align: center;
 clear: both;
}

ul.good {
 list-style-type: none;
 margin: -10px 0 20px 0;
}

.good li {
 padding: 0;
}

#stamp {
 background: #eee;
 width: 530px;
 margin: 40px auto 0;
 text-align: center;
 }

#stamp p {
 font-size: 1.2em;
 padding-bottom: 10px;
 text-align: left;
}

#stamp h3 {
 font-size: 1.8em;
 margin-bottom: 10px;
}

#stamp img {
 margin: 10px auto;
}

.stampDescription {
 text-align: center;
 margin: 0 auto;
 font-size: 1.1em;
}

table.procedure {
	margin: 0 0 20px 0;
	border-right: 1px solid #9b8a80;
	font-size: 100%;
	width: 100%;
	}

th {
    background-color: #9b8a80;
    color: #eee;
    text-align: center;
    font-weight: bold;
    }

td.procedure {
	padding: 8px;
	border-left: 1px solid #9b8a80;
	border-bottom: 1px solid #9b8a80;
    border-left: 1px solid #9b8a80;
	text-align: center;
	line-height: 1.2em;
	font-weight: bold;
	}

.tableTitle {
    font-size: 1.4em;
    font-family: "times new roman", serif;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
    margin: 30px 0 0 0;
    }
    
.tableTopNote {
    font-size: .9em;
    line-height: 1.2em;
    text-align: center;
    margin: 0;
    }

.tableBottomNote {
    font-size: .9em;
    text-align: center;
    margin: -15px 0 0 0;
    font-weight: bold;
    }
    
table.stamp {
	margin: 0 0 20px 0;
	border-right: 1px solid #9b8a80;
	font-size: 110%;
	width: 100%;
	}
	
td.stamp {
	padding: 0 5px;
	border-left: 1px solid #9b8a80;
	border-bottom: 1px solid #9b8a80;
    border-left: 1px solid #9b8a80;
	text-align: center;
	font-weight: bold;
	}

/* News/Blog Styles 

=========================================================================== */

.NewsSummaryContent img {
float: left;
padding: 3px;
margin: 0 8px 25px 0;
border: 1px solid;
}

.NewsSummaryLink {
margin-top: 40px;
clear:both;
}

.NewsSummaryLink a {
text-decoration: none;
}

.NewsSummaryPostdate {
font-size: .9em;
}

.NewsSummaryCategory {
font-size: .9em;
}

ul.list1 {
list-style-type:none;
padding:0 0 0 30px;
margin:0;
}

.list1 li {
font-size:1.2em;
}

.list1 li a, .list1 li a:visited {
text-decoration:none;
color:#9b8a80;
}

.list1 li a:focus, .list1 li a:hover, .list1 a:active {
text-decoration:underline;
color:#9b8a80;
}

#leftmenu h4 {
font-family: 'times new roman', georgia, serif;
font-size:1.3em;
color: #a7001d;
margin-left:20px;
}

.pgcount {
clear:both;
margin-top:20px;
}

/* Contact Page & Form

============================================================================ */

#contactInfo {
 width: 360px;
 font-size: 1em;
 margin: 15px 0 0 140px;
 line-height: 16px;
}

#formSubmitContainer {
 width: 350px;
 margin: 80px 0 0 120px;
 font-size: 1.2em;
}

label{
float: left;
width: 120px;
font-weight: bold;
}

input, textarea{
width: 180px;
margin-bottom: 5px;
}

textarea{
width: 250px;
height: 150px;
}

.boxes{
width: 1em;
}

#fbsubmit {
margin-left: 140px;
width: 100px;
}

/*br{
clear: left;
}*/

#m2moduleform_1 div.required {
font-weight: bold;
}

#m2moduleform_1 label{
color: #9b8a80;
font-weight: normal;
}

#m2moduleform_1 .captcha {
width: 220px;
position:relative;
left: 140px;
}

#m2fbrp_captcha_phrase {
clear:none;
}

.contactform {
width: 450px;
margin: 0 auto;
}

#m2_24 {width: 18px;}

/* Gallery Page Styles

============================================================================ */

/*** Thumbnail Page ***/

#gallery {
position:relative;
top:30px;
width: 570px;
margin: 0 auto;
text-align: center;
}

.thumbrowfa, .thumbrowfp {
float: left; /* needed for FF */
max-width:570px;
padding-bottom:35px;
}

.thumbrowfp {
padding-left:55px;
}

.thumbnail { 
float: left;
padding:0 20px;
}

.center {
clear: both;
padding-top:1em;
font-family: 'times new roman', serif;
font-size:1.2em;
line-height:normal;
text-align: center;
color: #716b69;
}



/*** Image View Pages ***/

.title {
 font-size: 1.3em;
 text-align: center;
 margin: 0 auto;
}

table#enlarge {
margin:0 auto;
padding:0;
font-family: times, serif;
font-size:1.25em;
text-align:center;
}

	/* Portraiture Gallery */
	td#mediumportrait {
	width: 290px;
	padding:30px 0 0 0;
	text-align:center;
	}

	td#portraitinfo {
	width: 220px;
	text-align: center;
	padding-top: 3.5em;
	} 

	td#portraitinfo h3 {
	text-align: center;
	font-weight:normal;
	font-size:.95em;
	}

	#portraitinfo p {
	text-align: center;
	padding-top: 10px;
	}


	/* Fine Art Gallery */

	td#mediumlandscape {
	position:relative;
	width:400px;
	margin: 0 auto;
	padding:30px 0 0 0;
	text-align:center;
	}

	td#landscapeinfo {
	width: 400px;
	margin: 0 auto;
	padding-top:1em;
	text-align: center;

	}

	#landscapeinfo p {
	 padding-bottom: 4px;
	}


table#enlarge .close {
font-size:.9em;
}


/*** Full View Page ***/

#large {
width: 700px;
text-align: center;
margin: 0 auto;
}

.close {
text-align: center;
margin: 5px auto;
font-family: arial, sans-serif;
}

.close a:link, .close a:visited {
color: #9b8a80;
text-decoration: none;
}

.close a:focus, .close a:hover, .close a:active {
color: #9b8a80;
text-decoration: underline;
}

.close2 {
text-align: center;
margin: 15px auto;
font-size: 80%;
font-family: arial, sans-serif;
}

.close2 a:link, .close2 a:visited {
color: #9b8a80;
text-decoration: none;
}

.close2 a:focus, .close2 a:hover, .close2 a:active {
color: #9b8a80;
text-decoration: underline;
}


/* Footer

============================================================================ */

#footer {
clear: both;
width: 760px;
height: 50px;
margin: 0 auto;
padding-top:1.75em;
background-color: #e2dfdb;
border-bottom: 5px solid #e2dfdb;
color: #716b69;
font-family: arial, verdana, sans-serif;
line-height:1.3em;
text-align: center;
}

#footer a, #footer a:visited {
color: #716b69;
text-decoration: underline;
}

#footer a:focus, #footer a:hover, #footer a:active {
color: #716b69;
text-decoration: none;
}

#copyright {
 width: 400px;
 color: #eee;
}

#copyright p {
 text-align: left;
 padding: 10px;
 font-size: 1.2em;
}