/*
Theme Name: Susan Wood Photography 
Theme URI: http://www.chrisbiagi.com
Description: Theme for Susan Wood Photography Website
Version 2.0
Authors: Original Design: Meghan Mahler --- HTML/CSS: Chris Biagi
Author URI: http://www.chrisbiagi.com
*/

/* general page formatting stuff */

html, body {
	height: 100%; /* needed for wrapper min-height */
	border: 0;
	margin: 0;
	padding: 0;
	color: #231f20;
}

body {
	font-size: small;
	font-family:"Trebuchet MS", Helvetica, Verdana, sans-serif;
	margin: 0;
	padding: 0;
	text-align: left;
	background: #f7e0b3;
}

*html body {
	font-size: x-small; /* IE5 / Win */
	f\ont-size: small; /* for other IE versions */
}

html,body,p,div,img,h1,h2,h3,h4,li,ul,ol,dl,dd,dt,form,table,td,tr {
  	margin: 0;
  	padding: 0;
  	border: 0;
  	border-collapse: separate;
  	border-spacing: 0;
}


/* layout formatting */

#wrapper {
	position:relative; /* needed for footer positioning*/
	margin:12px auto 0; /* center, not in IE5 */
	width:794px;
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/
	min-height:100%; /* real browsers */
}

#header {
	height: 274px;
	background-image:url(interface/title.jpg);
	position: relative;
}

/* title */
#header h1 {
	text-indent: -9001px;
}

#menu-text {
	position: absolute;
	top: 135px;
	left: 318px;
}


#gallery-view {
	position: absolute;
	top: 238px;
	left: 86px;
}

#gallery {
	position: absolute;
	top: 170px;
	left: 240px;
}

#gallery img {
	padding-right: 13px;
}

.testimonial-page-quote {
	float: left;
}

.testimonial-text {
	float: right;
}

.testimonial-page-quote img {
	float: left; 
    margin-right: 10px; 
    border: 2px solid #000;
}

.testimonial-page-quote + .testimonial-page-quote {
	margin-top: 15px;
	padding-top: 15px;
	border-top: 1px solid #000;
}

/* For IE */
#content { 
	overflow:hidden;
	width: 794px;
	margin: 0 auto;
	background-image:url(interface/bg-content.gif);
	position: relative;
}

#main, #main-frontpage {
	float: left;
	padding: 0 0 0 64px;
	margin: 15px 0 30px;
}

#main-frontpage {
	padding: 0 64px 0 64px;
}

#main-frontpage {
	background-image:url(interface/vm.jpg);
	background-repeat: no-repeat;
	background-position: 600px bottom;
}

#main p+p {
	padding-top:.4em;
}

#main-gallery {
	float: left;
	padding: 0 0 0 64px;
	margin: 15px 0 35px;
}

#published {
	width: 666px;
	margin-top: 3px;
}

#published td {
	width: 25%;
	text-align: center;
	padding: 0 10px 30px;
	vertical-align: top;
}

#published a {
	margin: 0;
	padding: 0;
}

#published img {border: 2px solid #000;}

#published img:hover {border: 2px solid #81181b;}

/* blog formatting */

#main-news {
	width: 490px;
	float: left;
	border-right: dotted 1px #5f5f5f;
	margin: 15px 0 30px;
	padding: 0 11px 0 64px;
}

#sidebar {
	width: 150px;
	float: right;
	padding: 0 64px 0 0;
	margin: 15px 0 30px;
	text-align: left;
}

#sidebar-contact {
	width: 350px;
	float: right;
	text-align: center;
}

#wp-calendar {
	text-align: center;
	border-bottom: 1px dotted;
}

/* calendar month name */
#wp-calendar caption {
	font-weight: bold;
	font-size: 105%;

}

/* calendar links bg */
#wp-calendar tbody a {
	display:inline-block;
	font-weight: bold;
	background-color: #e9e9e9;
	text-decoration: none;
	width: 95%;
	height: 95%;
	padding: .1em 0;
}

/* days heading */
#wp-calendar th {
	width: 1.9em;
	border-bottom: 1px solid;
}

/* calendar cells */
#wp-calendar td {
	padding: .1em 0;
}

/* prev / next month link cells */
#wp-calendar tfoot td {
	border-top: 1px solid;
	font-weight: bold;
}

#wp-calendar tfoot td a {
	text-decoration: none;
}

/* today's date cell */
#wp-calendar #today {
	font-weight: bold;
}

/* link lists */
.small-heading {
	font-weight: bold;
	font-size: 105%;
	padding-top: 1em;
}

#sidelinks {
	text-align: left;
}

.sidelist  {
	font-size: 90%;
	list-style-type: none;
}

.sidelist li {
	padding: 0 0 5px 0;
	background: url(interface/bullet.png) no-repeat 0 .5em;
}

.heading { /*for IE6*/
	overflow:hidden;
	border-bottom: 1px dotted;
	padding-bottom: 2px;
	margin-bottom: 3px;
}

html>body .heading { /*for other browswers*/
	overflow:hidden;
	border-bottom: 1px dotted;
	padding-bottom: 2px;
	margin-bottom: 3px;
	position: relative;
}

.post + .post {
	padding-top: 1.25em;
}

.post-title { /*for IE6*/
	float: left;
	font-size: 105%;
	font-weight: bold
}

.post-date { /*for IE6*/
	float: right;
	font-weight: bold;
	font-size: 70%;
	letter-spacing: .1em;
	padding-bottom: 4px;
}

html>body .post-title { /*for other browswers*/
	float: left;
	font-size: 105%;
	font-weight: bold;
	border-bottom: 1px solid #000;
	width: 100%;
}

html>body .post-date { /*for other browswers*/
	float: right;
	font-weight: bold;
	font-size: 70%;
	letter-spacing: .1em;
	position: relative; 
	top: 4px;

}

/* post paragraph */
.entry {
	clear: both;
}

#main p, #main-frontpage p {
	text-align: justify;
	line-height: 1.2em;
}

.entry p + p, #main-frontpage p + p {
	padding-top: .8em;
}

#main img, .entry img {
	border: 2px solid #000;
}

.postmetadata {
	border-top: 1px dotted;
	font-size:90%;
	padding: .1em 0 0;
	margin-top: .2em;
}

.navigation {
	text-align: center;
	font-weight: bold;
}

#footer {
	width: 100%;
	height: 113px;
	background-image:url(interface/footer.jpg);
	position:relative;
	text-indent: -9001px;
}

/* the 100% width bottom positioned div for copyright and PPA badge */
#footer-copyright {
	width: 754px;
	margin: 0 20px 10px;
	font-size: 85%;	
	text-align: center;
	letter-spacing: .04em;
}

#what-saying {
	position: absolute;
	top: -20px;
	left: 525px;
	z-index: 100;
}

#viewmaster {
	z-index: 0;
	position: absolute;
	top: -135px;
	left: 605px;
}

#susan-button {
	float: left;
	padding-top: 20px;
}


/* links */

a:link, a:visited {color: #81181b; text-decoration: underline;}
a:hover, a:active {color: #390002; text-decoration: underline;}