/*
Theme Name: Swatchbook Weddings
Theme URL: http://www.swatchbookweddings.com
Description: Custom XHTML Strict.
Version: 1.0
Author: Nathan Cooper | nathan@divspandesign.com
Author URL: http://www.divspandesign.com
Tags: XHTML Strict, fixed width
*/


/* --------------------------------------------------------------------------------------------------------------------------------------------------- */
/*
swatchbookweddings.com
created by: nathan cooper | nathan@divspandesign.com | www.divspandesign.com
*/

h1, h2 {
	margin: 0 0 5px 0;
	font: 20px arial, helvetica, sans-serif; color: #000; line-height: 28px;
	}

h3.comments-title {
	margin: 5px 0 10px 0;
	font: 16px arial, helvetica, sans-serif; color: #a5b4ac; line-height: 24px;
	}

p {	font: 12px arial, helvetica, sans-serif; color: #333; line-height: 20px; }

p img { margin: 5px 0; }

strong { font-weight: bold; }

em { font-style: italic; }

.separator, .separator-side {
	margin: 30px 0;
	height: 1px;
	background: #a5b4ac;
	}
	
.separator-side {
	margin: 15px 0;
	background: #e2e8e4;
	}

/* odd comment background color */
.odd-comment {
	margin: 10px 0; padding-bottom: 2px;
	background: #fbfbfb; border-bottom: 1px solid #f5f5f5;
	}

/* form elements */

.textarea {
	margin: 5px auto;
	width: 620px; height: 200px;
	border: 1px solid #b0bd22;
	}

.submit {
	margin: 5px 0;
	width: 75px; height: 20px;
	background:url(images/button-submit.png) 0 0 no-repeat; border: 0;
	}
	
	.submit:hover { cursor: pointer; }

/* colors */
.cDarkGray { color: #a5b4ac; }
.cGray { color: #d4dad6; }
.cLightGray { color: #e2e8e4; }
.cGreen { color: #b0bd22; }

/* alignment */
.aCent { text-align: center; }

/* float */
.fLeft { float: left; }
.fRigh { float: right; }

body {
	color: #a5b4ac;
	background: url(images/background.png) 0 0 repeat;
	}

	.container {
		margin: 30px auto;
		width: 960px; height: auto;
		background: #fff;
		}
		
		.header, .content, .footer {
			position: relative; margin: 30px auto;
			width: 900px; height: 50px;
			}
		  
		.header {
			width: 900px;
			border-bottom: 1px solid #a5b4ac;
			}
			
			a.home {
				display: block;
				float: left;
				width: 383px;
				background: url(images/swatchbookweddings.png);
				}
				
				a.home:hover { cursor: pointer; }
			
			.header li {
				display: inline;
				float: left; margin-left: 34px;
				line-height: 50px;
				}
				
				a.home, a.about, a.blog, a.contact {
					height: 50px;
					background-position: 0 0 no-repeat;
					}
					
				a.collection:hover, a.process:hover, a.feedback:hover, a.blog:hover, a.about:hover, a.contact:hover {
					background-position: 0 -50px;
					cursor: pointer;
					}
					
				a.collection {
					width: 69px;
					background: url(images/menu-collection.png);
					}
				
				a.process {
					width: 53px;
					background: url(images/menu-process.png);
					}
				
				a.feedback {
					width: 65px;
					background: url(images/menu-feedback.png);
					}
				
				a.blog {
					width: 31px;
					background: url(images/menu-blog.png);
					}
				
				a.about {
					width: 40px;
					background: url(images/menu-about.png);
					}
				
				a.contact {
					width: 52px;
					background: url(images/menu-contact.png);
					}
					
				.header li a { display: block; }
				
		.content { height: auto; }
			
			.content-post {
				float: left;
				width: 620px;
				}
				
				.postmetadata {
					margin: 5px 0 15px 0;
					font: 10px arial, helvetica, sans-serif; color: #000; text-transform: uppercase;
					}
				
			.content-side {
				float: right;
				width: 250px;
				}
				
				.sidebar { margin-bottom: 15px;	}
				
					.sidebar ul li { font: 12px arial, helvetica, sans-serif; line-height: 20px; }
					
					ul.social_links li {
						display: inline;
						float: left; margin-right: 10px;
						line-height: 20px;
						}
						
					.ie7 ul.social_links li { line-height: 30px; }
					
				.twips { margin-left: 10px; }
					
			.prevnext { overflow: auto; }
			
			.signature { padding: 5px 0; }
			
			/* ---------------------------------- home ---------------------------------- */
			
			.were_workin_on_it {
				margin: 0 auto;
				width: 660px; height: 300px;
				}
				
				.were_workin_on_it h2 {
					margin-bottom: 15px;
					border-bottom: 1px solid #a5b4ac;
					}
					
				.were_workin_on_it p { margin-bottom: 30px; }
			
			/* ---------------------------------- process about contact ---------------------------------- */
			
			.page { width: 900px; height: 369px; }
			
			.photo {
				width: 432px; height: 369px;
				}
				
			.page-divider {
				margin: 0 17px;
				width: 1px; height: 369px;
				background: #a6b4ac;
				}
				
			.page-content {
				width: 432px; height: 369px;
				overflow: auto;
				}
				
				.page-content p { 
					margin-bottom: 20px; margin-right: 10px;
					color: #a6b4ac;
					}
		
		.footer { border-top: 1px solid #a5b4ac; }
			
			.footer li {
				display: inline;
				float: right; margin-left: 8px;
				line-height: 50px;
				}
				
		.copyright {
			margin: 0 auto 30px auto;
			width: 960px; height: 20px;
			font: 12px arial, helvetica, sans-serif; color: #999; line-height: 20px; text-align: center;
			}
		
			.ie7 .copyright { margin-bottom: 0; }
		
		/* IE 7 & IE 8 Compatability Mode Fix */	
		.ie7 .header, .ie7 .content, .ie7 .footer { top: 0; }

/* linkwithin */

.linkwithin_text { font-family: arial, helvetica, sans-serif; }

a, a:active, a:visited { color: #b0be37; text-decoration: none; }
a:hover { text-decoration: underline; }

.clear {
	visibility: hidden; display: block; content: "";
	height: 1px;
	clear: both;
	}
	
.clear2 {
	visibility: hidden; display: block;
	clear: left;
	}