/*

Theme Name: Simply Beautiful Photography	

Theme URI: http://simplybeautifulcaptured.com

Description: Custom Theme for Simply Beautiful Photography

Version: 1.0

Author: Ryan Edick

Author URI: http://ryanedesigns.com



	Simply Beautiful Photography

	 http://ryanedesigns.com



	This theme was designed and built by Ryan Edick,

	who's website is ryanedesigns.com



*/





html, body, div, span, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, p, 

u, i, img, blockquote, fieldset, input{ 

	margin:0; 

	padding:0;

	border:0;

	}

	

h1,h2,h3,h4,h5,h6,pre,code { 

	font-size:1em; 

	}



ul,ol { 

	list-style:none 

	}



table {

	border-collapse:collapse;

	border-spacing:0;

}



a img,:link img,:visited img { 

	border:none 

	}

	

.clear {

	clear:both;

}



/* END Zero Out */	



/* Begin Structure */



body {

	font-size: 14px;

	line-height: 20px;

	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;

	color: #666;

	text-align: center;

	}



#headerBackground{

	background:url(images/header_bg.jpg) #1a1009 no-repeat center top;

	height:411px;

	border-bottom:1px solid #513a2c;

	clear:both;

	}



#contentContainer {

	margin: 30px auto;

	padding: 20px 0 0 0;

	width: 980px;

	}



#header {

	margin:0 auto;

	padding: 0;

	width: 980px;

	height: 390px;

	}

	

.headerFrame {

	width:255px;

	height:250px;

	margin:95px 10px 0 10px;

	float:left;

	}

img.photo {

margin:-50px 0 0 0;

}

.photo {

	position:relative;
	width:270px;
	height:353px;
	margin:-75px 0 0 3px;
	overflow:hidden;
	}
	
.portraitImage {
	position:relative;
	width:270px;
	height:353px;
	margin-left:20px;
	z-index:0;
	overflow:hidden;
	}
	
.portraitImage2 {
	position:relative;
	width:270px;
	height:353px;
	margin-left:20px;
	z-index:0;
	overflow:hidden;
	}

.photo span {
	background:url(images/frame.png) no-repeat;
	margin:0;
	width:270px;
	height:353px;
	position:absolute;
	display:block;
	z-index:9999;
	}

.headerFrame2 {
	width:344px;
	height:243px;
	margin:130px 20px 0 40px;
	float:left;
	}
	
.photo2 {
	position:relative;
	width:344px;
	height:243px;
	overflow:hidden;
	}
.landscapeImage{

position:relative;
	width:344px;
	height:243px;
	overflow:hidden;
	z-index:0;
	}
.photo2 span {
	background:url(images/frame2.png) no-repeat;
	margin:0;
	width:344px;
	height:243px;
	position:absolute;
	display:block;
	z-index:9999;
	}

#logo {

	width:370px;

	height:300px;

	margin:50px 10px 0 20px;

	float:left;

	}

.sociable {
	clear:both;
	width:960px;
	}
	.sociable li{
		margin: 10px 0 10px 0 !important;
		padding:20px !important;
		}
	.sociable_tagline {
		padding-bottom:20px !important;
		}
	

#navBar{

	margin:0 auto;

	padding: 0 0 0 20px;

	background:url(images/navbar.png) no-repeat center;

	width: 980px;

	height: 48px;

	}

	

ul.topnav {

	list-style: none;

	padding: 0;

	height:45px;

	margin-left: 100px;

	float: left;

	font-size: 12px;

}

ul.topnav li {

	float: left;

	margin: 0;

	padding: 0 60px 0 0;

	position: relative; /*--Declare X and Y axis base for sub navigation--*/

}

ul.topnav li a{

	padding: 10px 5px;

	color: #fff;

	display: block;

	text-decoration: none;

	float: left;

}

ul.topnav li a:hover{

	background: url(images/topnav_hover.png) no-repeat center top;

}

ul.topnav li span { /*--Drop down trigger styles--*/

	width: 17px;

	height: 35px;

	float: left;

	background: url(images/subnav_btn.gif) no-repeat center top;

}

ul.topnav li span.subhover {background-position: center bottom; cursor: pointer;} /*--Hover effect for trigger--*/

ul.topnav li ul.subnav {

	list-style: none;

	position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/

	left: 0; top: 35px;

	background: #75A319;

	margin: 0; padding: 0;

	display: none;

	float: left;

	width: 180px;

	border: 1px solid green;

	z-index:100;

}

ul.topnav li ul.subnav li{

	margin: 0; padding: 0;

/*	border-top: 1px solid #252525; /*--Create bevel effect--*/

/*	border-bottom: 1px solid #444; /*--Create bevel effect--*/ 

	clear: both;

	width: 170px;

}

html ul.topnav li ul.subnav li a {

	float: left;

	width: 170px;

	background: #75A319;

}

html ul.topnav li ul.subnav li a:hover { /*--Hover effect for subnav links--*/

	background: #94c238;

	border-top: 1px solid #a1cf45;

	width:170px;

	margin-top:-1px;

}



ul.arrowList {

	text-align:left;

	padding: 0;

	margin-left: 100px;

	float: left;

}

	

ul.arrowList li {

	background:url(images/arrow.gif) no-repeat left center;

	padding-left:15px;

}

ul.arrowList li a{

	color:#75a319;

	font-size:14px;

	text-decoration:none;

	text-align:left;

}



	

.post {

	margin: 0 0 40px;

	text-align: justify;

	}



.post hr {

	display: block;

	}

.postmetadata a{
	color:#333333;
	}

.postmetadata {
	width:908px;
	margin:10px 0 0 20px;
	background:#c2d0ab;
	border-top:4px solid #bbc9a3;
	padding:10px;
	font-size:14px;
	line-height:12px;
	clear: both;
	color:#333333;

}



.navigation a{

	color:#333333;

	text-decoration:none;

	background-color:#86A85b;

	padding:10px;

	border:1px solid #bbc9a3;

	}



.clear {

	clear: both;

}



#footerWrapper {

	padding: 20px 0;

	margin: 0;

	background:#21140c;

	border-top: 2px solid #3b3228;

	clear: both;

	}



#footer p {

	margin: 0;

	padding: 20px 0;

	text-align: center;

	line-height: 18px;

	}

	

#footer {

	margin: 0 auto;

	width: 960px;

	

}



.footerBox {

	background: #4b3427;

	border: 1px solid #5a4a3a;

	width:200px;

	padding:10px 5px;

	margin-left:25px;

	float:left;

}



/*FOOTER LIST*/



ul.footerList {

	list-style: none;

	padding: 0;

	width:200px;

	text-align:left;

	float:left;

}

ul.footerList li {

	

}

ul.footerList h3 {

	text-align:center;

}

ul.footerList li a{

	background:url(images/arrow.gif) no-repeat left center;

	text-align:left;

	color:#f2f2f2;

	padding:5px 0 5px 15px;

	display: block;

	text-decoration: none;

}

ul.footerList li a:hover{

	color:#86a85b;

}



#lightbox-caption-title {

	visibility:hidden;

	}



/* End Structure */

h2 {

	font-size:36px;

	margin-bottom:30px;

	font-family:"Times New Roman", Times, serif;

	color:#75a319;

	text-decoration:none;

	}

	

h2 a{

	font-size:36px;

	margin-bottom:30px;

	font-family:"Times New Roman", Times, serif;

	color:#75a319;

	text-decoration:none;

	}

h3 {

font-size:24px;

	margin-bottom:10px;

	font-family:"Times New Roman", Times, serif;

	color:#75a319;

	text-decoration:none;

	}

h3 a {

font-size:24px;

	margin-bottom:30px;

	font-family:"Times New Roman", Times, serif;

	color:#75a319;

	text-decoration:none;

	}

/* Begin Images */

.divider {

	background:url(images/divider.jpg) no-repeat;

	height:50px;

	width:400px;

	margin:30px auto;

	}

	

.entry img{

	padding: 8px;

	margin-left:40px;

	background:#f1f1f1;

	border:2px solid #75a319;

	}

	

.wp-smiley{

	/*display:none;*/

	margin:0 !important;

	padding:0 !important;

	border:0 !important;

	}

	

p img {

	padding: 0;

	max-width: 100%;

	}



img.centered {

	display: block;

	margin-left: auto;

	margin-right: auto;

	}

img.aligncenter {

padding: 0;

	margin: 10px 0 10px 20px;

	display: inline;

	}

.aligncenter {

	float:left;

	}

img.alignnone {

padding: 0;

	margin: 10px 0 10px 20px;

	display: inline;

	}

.alignnone {

	float:left;

	}

img.alignright {

	padding: 0;

	margin: 10px 0 10px 20px;

	display: inline;

	}



img.alignleft {

	padding: 0;

	margin: 10px 0 10px 20px;

	display: inline;

	}



.alignright {

	float: right;

	}



.alignleft {

position:relative;

	float: left;

	}

.alignleft span {

width:350px;

	height:90px;

	display:block;

	position:absolute;

	background:url(images/simply-beautiful-photography-overlay.png) no-repeat;}

/* End Images */







/* Begin Lists */



/*html>body .entry ul {

	margin-left: 0px;

	padding: 0 0 0 30px;

	list-style: none;

	padding-left: 10px;

	text-indent: -10px;

	}



html>body .entry li {

	margin: 7px 0 8px 10px;

	}



.entry ul li:before, #sidebar ul ul li:before {

	content: "\00BB \0020";

	}



.entry ol {

	padding: 0 0 0 35px;

	margin: 0;

	}



.entry ol li {

	margin: 0;

	padding: 0;

	}



.postmetadata ul, .postmetadata li {

	display: inline;

	list-style-type: none;

	list-style-image: none;

	}



#sidebar ul, #sidebar ul ol {

	margin: 0;

	padding: 0;

	}



#sidebar ul li {

	list-style-type: none;

	list-style-image: none;

	margin-bottom: 15px;

	}



#sidebar ul p, #sidebar ul select {

	margin: 5px 0 8px;

	}



#sidebar ul ul, #sidebar ul ol {

	margin: 5px 0 0 10px;

	}



#sidebar ul ul ul, #sidebar ul ol {

	margin: 0 0 0 10px;

	}



ol li, #sidebar ul ol li {

	list-style: decimal outside;

	}



#sidebar ul ul li, #sidebar ul ol li {

	margin: 3px 0 0;

	padding: 0;

	}*/

/* End Entry Lists */







/* Begin Form Elements */

#searchform {

	margin: 10px auto;

	padding: 5px 3px;

	text-align: center;

	}



#sidebar #searchform #s {

	width: 108px;

	padding: 2px;

	}



#sidebar #searchsubmit {

	padding: 1px;

	}



.entry form { /* This is mainly for password protected posts, makes them look better. */

	text-align:center;

	}



select {

	width: 130px;

	}



#respond:after {

		content: "."; 

	    display: block; 

	    height: 0; 

	    clear: both; 

	    visibility: hidden;

	}



/* End Form Elements */



.wpcf7 p {

	text-align:left;

	}

.wpcf7-form input {

	border:1px solid #111;

	}

/* Begin Comments*/

/* Comment Styles */



#findme {

	border-top:1px solid #000;

	width: 960px;

	height:100px;

	}



#commentform { 

	text-align:left;

	margin: 25px;

	padding:5px; 

	width: 635px;

}



#commentform p, textarea {

	width: 600px;

	}

#commentform p, input {

	font-size:20px;

	padding: 2px;

	margin: 2px;

	width:300px;

	}

#commentform label {

	font-size:14px;

	}

#commentform input {

	border: 1px solid #555;

	}

	

#submit {

	background-color:#86A85b;

	padding: 5px;

	}



.commentor {

	float:left;

	width:120px;

	text-align:right;

}

.commentor img {

 	margin-bottom:3px;

}

.comment-metadata a{

	color:#d0cab4;

	font-size:10px;

	text-decoration:none;

}

.commenttext {

	float:right;

	width:635px;

	margin-right:115px;

	color:#aaa;

	padding:20px;

	background-color:#111;

	border:1px solid #333;

	font-size:13px;

	line-height:20px;

	padding-bottom:10px;

	min-height:150px;

	

}



#comments {

	margin-left:35px;



	}

.commentlist {

	margin-left:20px;

	text-align:center;

	float:left;

	}

.comment-body {

	color:#111;

		width:850px;

		text-align:left;

		border:1px solid #a8cf49;

		background:#86A85b;

		padding:10px;

		margin-bottom:10px;

}

.comment-meta a{

	color:#333;

	font-size:11px;

}

	

ol.commentlist li.alt .commenttext{

	position:relative;

	top:-1px;

	background-color:#222;

	margin-bottom:-2px;

}

ol.commentlist {

	margin-top:20px;

}

ol.commentlist li {

	clear:both;

	margin-bottom:0px;

	list-style:none;

	margin-left:0px;	

}

.comment-author {

	font-size:18px;

	margin-bottom:0px;

}

.comment-author a {

	color:#b0bb0b;

	font-weight:bold;

	text-decoration:none;

}

.commentlist .commenttext a {

	color:#848d00;

}

.commentlist  .commenttext a:hover, .comment-author a:hover {

	color:#232323;

	text-decoration:none;

}

.avatar {

	height:32px !important;

	width:32px !important;

}

/* End Comments */







/* Begin Sidebar */

#sidebar

{

	padding: 20px 0 10px 0;

	margin-left: 545px;

	width: 190px;

	}



#sidebar form {

	margin: 0;

	}

/* End Sidebar */







/* Begin Calendar */

#wp-calendar {

	empty-cells: show;

	margin: 10px auto 0;

	width: 155px;

	}



#wp-calendar #next a {

	padding-right: 10px;

	text-align: right;

	}



#wp-calendar #prev a {

	padding-left: 10px;

	text-align: left;

	}



#wp-calendar a {

	display: block;

	}



#wp-calendar caption {

	text-align: center;

	width: 100%;

	}



#wp-calendar td {

	padding: 3px 0;

	text-align: center;

	}



#wp-calendar td.pad:hover { /* Doesn't work in IE */

	background-color: #fff; }

/* End Calendar */







/* Begin Various Tags & Classes */

acronym, abbr, span.caps {

	cursor: help;

	}



acronym, abbr {

	border-bottom: 1px dashed #999;

	}



blockquote {

	margin: 15px 30px 0 10px;

	padding-left: 20px;

	border-left: 5px solid #ddd;

	}



blockquote cite {

	margin: 5px 0 0;

	display: block;

	}



.center {

	text-align: center;

	}



.hidden {

	display: none;

	}