/*
Theme Name: Hallmark Photography 
Theme URI: http://www.hallmarkphotography.co.uk
Description: Theme for Hallmark Photography
Author: Mayfly Internet Marketing
Author URI: http://www.mar-fly.co.uk
*/


/* 
# CSS contents ###################
* 1 Reset defaults
* 2 Layout
* 3 Nav
* 4 Headings
* 5 Lists
* 6 Images
* 7 Links
* 8 Forms
* 9 Tables
* 10 Typography 
* 11 Other
*/
 
 
/*
# Reset defaults ################### 
*/

html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td { margin: 0; padding: 0; } /* Reset margins and padding */

a:link, a:visited{text-decoration:none;outline:none;} /* Reset link styles */

html {overflow: -moz-scrollbars-vertical;} /* Mozilla scrollbar fix */

.clearfix:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
.clearfix {display: inline-block;}
html[xmlns] .clearfix {display: block;}
* html .clearfix {height: 1%;}

/*
# Layout ################### 
*/

body{font:13px/1.5  Arial, sans-serif;background:#666 url(images/bodybg.jpg);color:#fff;}
#container {margin-top: 20px;}
#header-wrap {height: 140px; background: url(images/headbg.png) repeat-x top; width: 100%;}
#header {position: relative; width: 940px; margin: 0 auto;}

#top-nav {clear: both; background: url(images/nav-bg.png) no-repeat top; height: 58px; margin-bottom: 15px;}

#slideshow-home {margin-bottom: 40px; width: 920px; padding: 10px; background: url(images/opacity-40.png);}
#slideshow-services {padding: 10px; background: url(images/opacity-40.png); width: 440px; margin-bottom: 30px;}	
#page-banner {margin-bottom: 40px; padding: 10px; background: url(images/opacity-40.png); width: 920px; height: 272px;}

#page-content {margin-bottom: 150px;}

#sidebar {margin-bottom: 100px;}
	#sidebar div {margin-bottom: 30px;}
	#sidebar div.sidebar-news-item {background-image: url(images/opacity-40.png); padding: 15px; margin-bottom: 15px; cursor: pointer; border-bottom: 1px solid #707070; border-right: 1px solid #707070; }
	.sidebar-news-item:hover {background-image: none; background-color: #555; color: #ffc824!important}
	
#footer-wrap {width: 100%; background: url(images/footerbg.png) repeat-x top; padding-top: 15px; padding-bottom: 15px;}
#footer {width: 940px; padding: 0 10px; overflow: hidden;}

/*
# Nav ################### 
*/

#nav {list-style: none; width: 940px; margin: 0 0 0 10px;}
#nav li {display: inline;}
#nav li a {font-family:'PTSansBold'; color: #fff; display: block; float: left; line-height: 40px; font-size: 1.028em; padding: 0 16px; margin-top: 1px;}
#nav li a#current, #nav li a:hover {color:#ffc824; text-decoration: none;}

/*
# Headings ################### 
*/

@font-face {
	font-family: 'PTSansBold';
	src: url('type/PT_Sans_Bold-webfont.eot');
	src: local('☺'), url('type/PT_Sans_Bold-webfont.woff') format('woff'), url('type/PT_Sans_Bold-webfont.ttf') format('truetype'), url('type/PT_Sans_Bold-webfont.svg#webfonttr1X6ZwX') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'PTSansItalic';
	src: url('type/PT_Sans_Italic-webfont.eot');
	src: local('☺'), url('type/PT_Sans_Italic-webfont.woff') format('woff'), url('type/PT_Sans_Italic-webfont.ttf') format('truetype'), url('type/PT_Sans_Italic-webfont.svg#webfontYtPqKeMF') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'PTSansRegular';
	src: url('type/PT_Sans-webfont.eot');
	src: local('☺'), url('type/PT_Sans-webfont.woff') format('woff'), url('type/PT_Sans-webfont.ttf') format('truetype'), url('type/PT_Sans-webfont.svg#webfont6MwxiJev') format('svg');
	font-weight: normal;
	font-style: normal;
}


h1,h2,h3,h4,blockquote {font-family: 'PTSansRegular'; font-weight: normal; text-shadow: #4d4e4c 1px 1px;}

h1{font-size: 1.6em /* 22px */; font-weight: normal; margin-bottom: 28px;}
h2{font-size: 1.45em; margin-bottom: 20px;}
h3{font-size: 1.3em; margin-bottom: 16px;}

#logo{position: relative; top: 32px;width:380px;height:82px; background:url(images/logo.png) no-repeat; float: left;}
#logo a{display:block;height:100%;width:100%;}
#logo a span{position:absolute;left:-9999px;top:-9999px;}

#telephone {position: relative; top:32px; width:270px; height:82px;; background:url(images/photocentre.png) no-repeat; float: right;}
#telephone a {display: block; height:100%; width:100%;}
#telephone a span {position: absolute; left:-9999px; top: -9999px;}

#sidebar h3 {font-size: 1.571em; margin-bottom: 20px;}

.sidebar-news-item h4 { font-size: 1.2em;}



/*
# Lists ################### 
*/

ul, ol {margin: 10px 0 20px 15px;}
ul li {list-style: disc; margin-bottom: 6px;}
ol li {list-style: decimal;}

ul.blogroll {list-style: none;}
ul.blogroll li {margin-bottom: 30px;}

/* Blog Specific */
#sidebar-blog ul {margin: 0 0 30px 0;}
#sidebar-blog li h2 {margin: 10px 0;}
#sidebar-blog ul li {list-style: none; margin-bottom: 4px;}

h1.post-title, .post h2 {margin-bottom: 0;}
.post {margin-top: 30px; padding: 0 0 15px 0; background: url(images/line-rule.png) repeat-x bottom;}

.date {font-family:'PTSansRegular'; margin-bottom: 0; font-size: 0.9em; text-shadow: #4d4e4c 1px 1px;} /* Blog Post Date */
	#page-content .date {margin-bottom: 25px;}


ul.contact-details {margin-left: 0;}
ul.contact-details li {list-style: none; padding-left: 25px; margin-bottom: 8px;}
ul.contact-details li.tel 	{background: url(images/icon-phone.png) no-repeat 0 33%;}
ul.contact-details li.fax 	{background: url(images/icon-fax.png) no-repeat 0 40%;}
ul.contact-details li.email {background: url(images/icon-mail.png) no-repeat 0 50%;}

ul.footer-nav {font-family:'PTSansRegular'; list-style: none; text-align: center; font-size: 0.9em; margin: 10px 0 0 0;}
ul.footer-nav li {display: inline;}
ul.footer-nav li a {color: #fff; float: left; margin-right: 25px;}
ul.footer-nav li a:hover {color: #ffc824; text-decoration: none;}

/*
# Images ################### 
*/

img{border:none;}
img.left{margin:0 10px 10px 0;}
img.right{margin:0 0 10px 10px;}

.special-offers img {padding: 15px; background: url(images/opacity-40.png);}

/*
# Links ################### 
*/

a {color: #ffc824; text-decoration: none;}
a:hover{text-decoration: underline;}

.post h2 a {color: #fff;}
.post h2 a:hover {color: #ffc824; text-decoration: none;}


.sidebar-news-item a {color: #fff!important;}
.sidebar-news-item a:hover {text-decoration: none;}


/* Links Page*/
.links-list {margin-left: 0;}
.links-list li {list-style: none; margin-bottom: 25px;}
.links-list li a {display: block; margin-bottom: 5px;}

a#footer-facebook  {margin-left: 50px;}

a#footer-mayfly {width:102px; height:19px; text-indent: -9999px; background: url(images/footer-may-fly.png) no-repeat bottom ; display: block; overflow: hidden; float: right; margin-top: 8px;}
a#footer-mayfly:hover {background-position: top;}


/*
# Forms ################### 
*/

/* Quick Contact Form */
#gform_1, #gform_2, #gform_3 {background: url(images/opacity-40.png); padding: 20px; margin-bottom: 40px; border-bottom: 1px solid #707070; border-right: 1px solid #707070; }
.gform_body ul {margin: 0;}
.gform_body li {list-style: none; margin-bottom: 15px; text-shadow: #4d4e4c 1px 1px;}

label {margin-bottom: 7px;}
textarea, input {color: #fff; font:12px Arial, sans-serif;}

/* Form Send Button */
.button {width: 76px!important; height: 34px; text-indent: -9999px; border: 0 !important; cursor: pointer; background: transparent url(images/btn-send.png) no-repeat top!important; overflow: hidden;}
.button:hover {background-position: bottom!important;}
.button:active {position: relative; top: 2px;}


#gform_2, #gform_3 .gform_body {margin-top: 25px;}
.gform_body input {padding: 10px; width: 250px; background: #4b4c4b; border: none; border-bottom: 1px solid #676767; color: #fff; text-shadow: #645c5e 1px 1px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;}
.gform_body input:focus {outline: none; background: #4b4c4b;}
.gform_body textarea {width: 330px; height: 150px; padding: 10px; background: #4b4c4b; border: none; border-bottom: 1px solid #676767;}
.gform_body textarea:focus {background: #4b4c4b no-repeat bottom; text-shadow: #645c5e 1px 1px;} 
.gform_wrapper span.ginput_total {
color: #fff !important;
}
.validation_message {color: red; text-shadow: none;}

/* Voucher Form */

#voucher{
width: 600px;
float: right;
}

#vouchertext{
width: 290px;
float: left;
background: url(images/opacity-40.png); 
padding: 20px; 
margin-top: 10px; 
margin-bottom: 0px; 
border-bottom: 1px solid #707070; 
border-right: 1px solid #707070; 
}

.top_label input.small, .gform_wrapper .top_label select.small{

width: 300px;
}

#gform_3 .gform_body input {padding: 0px; width: 147px; background: #4b4c4b; height: 40px!important; border: none; border-bottom: 1px solid #676767; color: #fff; text-shadow: #645c5e 1px 1px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; font-size: 14px!important; }

#gform_3 .gform_body textarea {width: 330px; height: 150px!important; padding: 10px!important; background: #4b4c4b; border: none; border-bottom: 1px solid #676767;}
#gform_3 .gform_body textarea:focus {background: #4b4c4b no-repeat bottom; text-shadow: #645c5e 1px 1px;} 

#gform_3 .button {padding: 0px!important; width: 147px!important; height: 46px; border: 0 !important; cursor: pointer;}

#gform_3 .button:hover {color: #fff!important;}
#gform_3 .button:active {color: #fff!important;}
#gform_3 button.input {color: #fff!important;}

#gform_3 .validation_message {color: red; text-shadow: none;}

#gform_3 .gfield_checkbox li label, .gform_wrapper .gfield_radio li label{
vertical-align: middle!important; padding-top: 12px;}

.gform_wrapper li.gfield.gfield_error {background-color: transparent!important; margin-bottom:6px!important; padding:6px 6px 4px 6px!important; border:0px dotted #C89797!important;}

.gform_wrapper .top_label .gfield_error .ginput_container {max-width:99%}
.gform_wrapper .top_label .gfield_error {width:97%}
.gform_wrapper .top_label .gfield_error input,
.gform_wrapper .top_label .gfield_error textarea,
.gform_wrapper .top_label .gfield_error select {border:1px solid #9b9b9b!important;}
.gform_wrapper .top_label .gfield_error input.large,
.gform_wrapper .top_label .gfield_error select.large,
.gform_wrapper .top_label .gfield_error textarea.textarea {width:100%}
.gform_wrapper .right_label .gfield_error input.large,
.gform_wrapper .right_label .gfield_error select.large,
.gform_wrapper .right_label .gfield_error textarea.textarea,
.gform_wrapper .left_label .gfield_error input.large,
.gform_wrapper .left_label .gfield_error select.large,
.gform_wrapper .left_label .gfield_error textarea.textarea {width:66%}
.gform_wrapper .gfield_error .gfield_label {color:#fff!important;}
.gform_wrapper .validation_error {color:#ffc824!important; font-weight:bold; font-size:14px; line-height:1.5em; margin-bottom:16px}
.gform_wrapper .validation_message {color:#ffc824!important; font-size:11px; letter-spacing:normal}

/*
# Typography ################### 
*/

p {margin: 0 0 2em; text-shadow: #645c5e 1px 1px; line-height: 1.714em;}

address {font-style: normal;}

blockquote {font-size: 1.15em; background: url(images/opacity-40.png); margin-bottom: 20px; padding: 20px; border-bottom: 1px solid #707070; border-right: 1px solid #707070; }
blockquote p {margin-bottom: 0; font-style: italic; text-shadow: #4d4e4c 1px 1px;}



/*
# Other ################### 
*/

.clearboth {clear:both;}