/*
Theme Name: Penny Burgess
Theme URI: http://www.pennyburgess.co.uk
Description: The default theme for pennyburgess.co.uk
Version: 0.1
Author: Andrew Smart (Big Button)
Author URI: http://www.bigbutton.tv
Copyright: Penny Burgess 2009
Tags: blue, white

*/

/* imports */

@import url('css/reset.css');
@import url('css/colorbox.css');

/* General Styles */

html {
	overflow-y: scroll;
	height:100%;
}

body {
	background: #f4f8fc;
	font-family: 'Georgia', 'Times New Roman', serif;
	color: #3a5775;
	font-size: 85%;
	line-height:1.4em;
	height:100%;
}

p {
	font-size: 1em;
	margin-bottom:1em;
	display:block;
}

a {
	color: #69829D;
	text-decoration:none;
	border-bottom: 1px solid #69829D;
}

a:hover {

}

blockquote {
	font-style:italic;
	padding-left:30px;
}

cite {

}

h1, h2, h3, h4, h5, h6 {
	font-weight:normal;
	font-size:1.5em;
	margin-bottom:0.5em;
	color: #1e3853;
}

h3 {
	font-size: 1.2em;
}

ul {
	/* list-style: url('img/bullet.png'); */
	margin-left:30px;
	margin-bottom:10px;
}

ul.story_list li
{
	border:none !important;
}

.right_align
{
	float:right;
}

.center_align
{
	width:100%;
	position:relative;
}

.center_align
{
	width:100%;
	text-align:center;
}

/* common styles */

.wrapper {
	width: 900px;
	min-height:60%;
	margin-left:auto;
	margin-right:auto;
	position:relative;
}

/* header */

#header {
	background: #fff;
	height:100px;
	width:100%;
	border-bottom: 1px solid #e2eaee; 
}

#header ul {
	position:absolute;
	top:40px;
	left:50%;
	margin-left:-450px;
}

#header ul li {
	display:block;
	text-align:center;
	float:left;
	margin-right:30px;
	position:relative;
}

#header ul li a {
	border:none;
	font-size: 1.1em;
}

#header ul li ul.subnav {
	display:block;
	position:absolute;
	top:20px;
	left:0px;
	width: 150px;
	margin:0px !important;
	padding:0px !important;
	list-style:none;
	z-index: 9;
	background: #fff;
	border-left:1px solid #e2eaee;
	border-right:1px solid #e2eaee;
	border-bottom:1px solid #e2eaee;
}

#header ul li ul.subnav li a {
	padding:10px;
	border-bottom: 1px solid #e2eaee;
	display:block;
	width: 130px;
	text-align:left;
}

#header ul li ul.subnav li a:hover
{
	background:  #e2eaee;
}

#header ul li a.selected {
	border-bottom:1px solid #e7ebed;
}

#logo {
	position:absolute;
	top:10px;
	left:50%;
	margin-left:150px;
}

/* home page */

.home_image {
	width:286px;
	height:300px;
	display:block;
	float:left;
	position:relative;
	margin-right:20px;
	margin-top:3em;
	margin-bottom:3em;
}

.right {
	margin-right:0px;
}

ul.home_links {
	margin:0px;
	display:block;
	width:100%;
	position:relative;
	margin-top:1em;
	margin-bottom:1em;
	float:left;
	margin-left: 5px;
}


ul.home_links li {
	border:none;
	width:300px;
	height:475px;
	display:block;
	float:left;
	background: #fff;
	margin-right:0px;
	position:relative;
	text-align:center;
}

ul.home_links li a {
	border:none;
}

ul.home_links li div {
	position:absolute;
	bottom:0px;
	left:5px;
	padding-top:10px;
	padding-bottom:10px;
	width:290px;
	font-size: 1.4em;
	display:block;
	background: url('img/bg_trans_white.png') repeat transparent;
}


ul.home_links li div ul {
	margin:0px;
	width:290px;
	display:none;
	margin-top:10px;
	position:relative;
}

ul.home_links li div ul li {
	height:auto;
	background: transparent;
	position:relative;
	display:block;
}

ul.home_links li div ul li a {
	display:block;
	text-indent: 10px;
	width:290px;
	font-size: 0.6em;
	padding-top:5px;
	padding-bottom:5px;
	border-bottom: 1px solid #bccee2;
}

ul.home_links li div ul li:last-child a {
	border:none;
}

ul.home_links li div ul li a:hover {
	background: #fff;
}


/* about page */

.content {
	margin:20px;
}

.about {
	width:340px;
	height:400px;
	display:block;
	float:right;
	position:relative;
	background: #ffffff; /* #e2eaee url('img/watermark.png') no-repeat bottom right */
	margin-top:3em;
	margin-bottom:3em;
}

.photo_large {
	width:280px;
	height:400px;
	background: #fff;
	float:left;
	position:relative;
	margin-top:3em;
}

/* portfolio pages */

#portfolio_outer_wrap {
	margin-top:3em;
	margin-bottom:3em;
	position:relative;
	float:left;
}

.portfolio_image {
	width:440px;
	height:300px;
	position:relative;
	float:left;
}

.left {
	margin-right:20px;
}

.top {
	margin-bottom:20px;
}

.portfolio_image .overlay, .home_image .overlay {
	position:absolute;
	width: 443px;
	bottom:-1px;
	left:-1px;
	
	z-index: 9;
	background: url('img/bg_trans_white.png') repeat top left;
}

.portfolio_image h2, .home_image h2 {
	font-size: 1.8em;
	padding:20px;
	color: #69829D;
}

.portfolio_section
{
	width:560px;
	float:left;
	position:relative;
	margin-top:2em;
}

.portfolio_list
{
	float:right;
	position:relative;
	clear:none;
	background: #fff;
	width: 340px;
	margin-top:2em;
	min-height:796px;
}

.portfolio_list .content
{
	margin-top:50% !important;
	margin-left:20px;
	margin-right:20px;
}

.portfolio_list .content h2
{
	margin-bottom: 2em;
}

#Weddings
{
	background: url( 'img/weddings_footer.jpg' ) bottom right no-repeat #fff;
	height:630px;
	min-height: 630px !important;
}

#Weddings .content
{

}

#Portraits
{
	background: url( 'img/portraits_footer.jpg' ) bottom right no-repeat #fff;
	height:796px;
}

.portfolio_list ul
{
	width:300px !important;
	margin:0px !important;
}

.portfolio_list ul li
{
	padding-top:5px;
	list-style-position: inside;
	padding-bottom:5px;
	border-bottom: 1px solid #bccee2;
}

.portfolio_list ul li a
{
	border: none;
}

.portfolio_home_section
{
	width:450px;
	display:block;
	float:left;
	position:relative;
	background: #fff;
	margin-top:2em;
}

.portfolio_home_section img
{
	float:left;
	display:block;
}

.portfolio_home_section .portfolio_home_list
{
	float: left;
	margin: 20px;
	display:block;
	position:relative;
	background: #fff;
	display:block;
}

.portfolio_home_list ul
{
	margin:0px;
}

.portfolio_home_list ul li
{
	padding-top:5px;
	list-style-position: inside;
	padding-bottom:5px;
	border-bottom: 1px solid #bccee2;
	margin:0px;
}

.portfolio_home_list ul li a
{
	border:none;
}
/* portfolio inner pages */

h2.portfolio_title {
	position:relative;
	float:left;
	background: #fff;
	width:860px;
	margin-top:3em;
	font-size: 1.2em;
	padding:20px;
	color: #69829D;
}

#main_image, #main_image img {
	width:600px;
	height:434px;
	margin-left:0px;
	margin-top:0px;
}

#main_image {
	position:relative;
	float:left;
	margin-top: 1em;
}

ul.thumbnails {
	width: 150px;
	float:left;
	display:block;
	position:relative;
	margin-top:1em;
	background: #fff;
	margin-left:0px;
}

.image_tbn {
	width: 60px;
	height: 60px;
	overflow:hidden;
	display:block;
	float:left;
	margin-left:10px;
	margin-bottom:10px;
}

.image_tbn a img {
	height:70px;
	width: 100px;
	border:none;
	margin-top: -5px;
}

/* Blog pages */

#blogWrap {
	margin-top:3em;
	margin-bottom:3em;
	position:relative;
	float:left;
	width:100%;
}

#blogWrap ul {
}

#posts {
	width:600px;
	float:left;
}

.post h2 {
	margin:0px;
	padding: 0px;
}

#sidebar {
	width:250px;
	float:right;
	background: url('img/watermark.png') no-repeat bottom right #e2eaee;
	position:relative;
	min-height:550px;
}

#sidebar h3 {
	padding-left:20px;
	padding-top:10px;
	padding-bottom:10px;
	margin:0px;
	color: #3a5775;
}

#sidebar .post_list ul {
	padding:0px;
	list-style:none;
	margin:0px;
	padding-left:20px;
	padding-right:20px;
}

#sidebar .post_list ul li a {
	padding-top:5px;
	padding-bottom:5px;
	border-bottom: 1px solid #b2c7dc;
	color: #6585a6;
	display:block;
	text-indent: 5px;
}

#sidebar .post_list ul li a:hover {
	padding-top:5px;
	padding-bottom:5px;
	border-bottom: 1px solid #b2c7dc;
	color: #6585a6;
	display:block;
	text-indent: 5px;
	background: #fff;
}

p.tags {
	font-size: 0.85em;
	padding-left:20px;
	padding-right:20px;
	color: #6585a6;
	margin:0px;
}

#sidebar #search input {
	border:1px solid #92aecc;
	padding:3px;
	width:145px;
	margin-left:20px;
	-moz-border-radius: 5px;
	color: #6585a6;
	font-family: Georgia, 'Times New Roman', 'Times', serif;
}

#sidebar #search #search_submit {
	width:inherit;
	padding:4px;
	border: none;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background: #3a5775;
	color: #fff;
	margin-left:0px;
	margin-right:20px;
	font-family: sans-serif;
}

#sidebar #search #search_submit:hover {
	cursor:pointer;
	background: #92aecc;
}
#sidebar .post_list ul li a:last-child {
	border:none;
}
.meta ul {
	list-style:none;
	margin:0px;
	padding:0px;
	list-style: none;
}

.meta ul li  {
	display:inline;
	font-size: 0.9em;
	color: #6585a6;
}

.meta ul li a {
	border:none;
	color: #6585a6;
}

#respond input, #respond textarea
{
	width: 500px;
	border:1px solid #92aecc;
	padding: 5px;
	font-family: Georgia, 'Times New Roman', serif;
	font-size: 0.9em;
	color: #3a5775;
}

#respond input {
	width:200px;
	margin-right:10px;
}

#comments h3 
{  	
	font-size: 1.2em;
	color: #69829D;
	border-bottom:1px solid #92aecc;
	padding-bottom:5px;
}

#comments ol li cite.fn { font-size: 1.2em; font-style:normal; }
#comments ol li cite.fn a { font-size: 1em; font-style:normal; color: #3a5775; border:none; }
#comments ol li { padding: 20px; }
#comments ol li.thread-alt { background: #e2eaee; }
#comments .comment-meta a { border:none; }

/** Information pages **/

.information_content
{
	display:block;
	width:100%;
	margin-top:2em;
	background: #fff;
}

.information_content .images
{
	display:block;
	float:left;
	position: relative;
	width:250px;
	padding-right: 25px;
	border-right:1px solid #e2eaee;
	margin-right:25px;
	margin:20px;
}

.information_content .images img
{
	width:250px;
}

.information_content .content
{
	float:left;
	position: relative;
	width: 500px;
}

.information_content .content h2
{
	padding-bottom:20px;
}

.information_content .content h3
{
	display:block;
	border-bottom:1px solid #e2eaee;
	margin-top:20px;
}

table
{
	width:100%;
	display:block;
	border-collapse: collapse;
	margin-top:20px;
}

th
{
	padding:10px;
	border-bottom: 1px solid #ccc;
}

td
{
	padding:10px;

	text-align:center;
}

td.first, th.first
{
	border-right: 1px solid #ccc;
	width:120px;
	text-align:left;
}

div.clearfix
{
	display:block;
	position: relative;
	width:100%;
	clear:both;
}

ul.frames img
{
	display:inline;
	float:left;
	position: relative;
	margin-right:10px;
}

ul.frames
{
	margin-left:0px;
	margin-bottom:20px;
}

ul.frames li
{
	height:50px;
	margin-bottom:5px;
	margin-left:0px;
}

ul.frames li strong
{
	display:block;
	padding-top:5px;
}

/* Contact page */

#contact_form {
	display:block;
	margin-top:20px;
}

#contact_form label {
	font-weight:bold;
	font-size: 0.9em;
	display:block;
	float:left;
	width:100px;
	position:relative;
}

#contact_form input, #contact_form textarea {
	border:1px solid #92aecc;
	padding:3px;
	width:160px;
	margin-left:10px;
}

#contact_form textarea {
	width:160px;
	height:70px;
}

#contact_form #contact_submit {
	width:inherit;
	display:block;
	padding:5px;
	border: none;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background: #3a5775;
	color: #fff;
	margin-left:205px;
}

#contact_form #contact_submit:hover {
	cursor:pointer;
	background: #92aecc;
}
/* footer */

#footer {
	background: #fff;
	width:100%;
	position:relative;
	float:left;
	height:20px;
	margin-top:100px;
	border-top: 1px solid #e2eaee;
}

#footer a {
	color: #69829D;
	text-decoration:none;
	border:none;
}

#footer a:hover {
	
}

#footer .wrap {
	width:900px;
	margin-left:auto;
	margin-right:auto;
}

#footer .wrap li {
	display:block;
	float:left;
	width:205px;
	margin-right:70px;
}

#footer .wrap li:last-child {
	margin:0px;
	float:right;
}

#footer .wrap li ul li.head {
	margin-bottom:1em;
	margin-top:1em;
	border:none;
}

#footer .wrap li ul li {
	margin-bottom:5px;
	padding-bottom:5px;
	border-bottom:1px solid #ddd;
}

#footer .wrap li.recent_photo {
	width:330px;
}

#footer .wrap li.recent_photo ul li {
	border:none;
}

#footer .wrap li.recent_photo ul li {
	background: #eee;
	display:block;
	float:left;
	position:relative;
	width:100px;
	height:75px;
	margin-right:10px;
	margin-bottom:10px;
}

#footer .wrap li.recent_photo ul li img {
	width:100px;
	height:75px;
	display:block;
}

#footer .wrap li.recent_photo ul li a {
	border:none;
}

#footer .wrap li.recent_photo ul li a:hover {
	
}

#footer .wrap li.recent_photo ul li.head {
	display:block;
	position:relative;
	clear:both;
	width:330px;
	background: #fff;
	margin-bottom:1em;
	height:auto;
}

#footer .wrap li ul li:last-child {
	border:none;
}

#newFooter {
	margin-left:auto;
	margin-right:auto;
	color: #69829D;
	width:900px;
	margin-top:20px;
}

.rightalign {
	text-align: right;
	float:right;
	position:relative;
	width:500px;
}

.leftalign {
	text-align: left;
	float:left;
	position:relative;
	width:300px;
}