/*
Theme Name: NG Photography
Theme URI: http://ngphotography.ca
Description: The theme for the NG photography blog and company web-site
Version: 1.0
Author: Thomas J Bradley
Author URI: http://thomasjbradley.ca
Tags: turquoise, black, grey, wide
*/

/**
 *	NG Photography
 *	Primary Screen and Print Styles
 *	@media		screen,print
 *	
 *	@project	ngphotography.ca
 *	@author		Thomas J Bradley <theman@thomasjbradley.ca>
 *	@link		http://thomasjbradley.ca
 *	@copyright	2009- Thomas J Bradley
 *	@version	$Id: style.css 376 2009-06-01 18:31:42Z thomasjbradley $
 *	
 *	@colordef	#016972; aqua
 *	@colordef	#e0e0e0; grey
 */


/**
 *	@section	General
 */

@media screen,print {

html {
	margin: 0;
	padding: 0;
	
	background: #004d55 url("images/common/footer-bg.gif") repeat left top;
	
	font: normal 100.01%/137.5% "Helvetica Neue",Helvetica,Arial,Corbel,sans-serif;
	}

body {
	margin: 0;
	padding: 0;
	
	background: transparent none no-repeat left top;
	}

} /* END MEDIA: screen */



/**
 *	@section	Layout
 */

@media screen {
	
.wrapper {
	margin: 0 auto;
	min-height: 1px;
	padding: 0 80px;
	width: 820px;
	}
	
	.wrapper:after {
		clear: both;
		display: block;
		height: 0;
		overflow: hidden;
		visibility: hidden;
		
		content: ".";
		font-size: 0;
		}
	
#content {
	padding-top: 20px;
	padding-bottom: 20px;
	
	background: #fff none no-repeat center bottom;
	}
	
#footer {
	height: 100px;
	margin: 0;
	padding: 0;
	
	border-top: 6px solid #000;
	
	color: #fff;
	font-size: 0.75em;
	}
	
	#footer-inner {
		height: 100px;
		
		background: transparent none no-repeat left 20px;
		}
		
	#footer-core {
		height: 100px;

		background: transparent none no-repeat right bottom;
		}
	
	#footer .wrapper {
		padding: 25px 0 0;
		width: 820px;
		}
	
.col {
	display: inline;
	float: left;
	margin-left: 20px;
	padding: 0;
	width: 260px;
	}

.col-group {
	clear: both;
	overflow: hidden;
	}
	
.col-double {
	display: inline;
	float: left;
	margin-left: 20px;
	padding: 0;
	width: 540px;
	}
	
.first {
	margin-left: 0;
	}
	
.pricing {
	font-size: 0.875em;
	line-height: 1.375;
	}
	
} /* END MEDIA: screen */



/**
 *	@section	Typography
 */

@media screen,print {

h1 {
	margin: 0 0 0.6em 0;
	padding: 0 0 0.1em 0;
	
	background: transparent none no-repeat right bottom;
	border-bottom: 3px solid #016972;
	
	color: #333;
	font: normal 1.875em/1 "Helvetica Neue",Helvetica,Arial,Corbel,sans-serif;
	text-transform: lowercase;
	}
	
h1.blog-title {
	margin: 0 0 0.6em 0;
	font-weight: bold;
	}
	
	.pricing h1 {
		font-size: 2.2em;
		}
	
h2 {
	margin: 0 0 0.6em 0;
	padding: 0 0 0.1em 0;
	
	background: transparent none no-repeat right bottom;
	border-bottom: 3px solid #016972;

	color: #333;
	font: italic normal 1.5em/1.3 "Helvetica Neue",Helvetica,Arial,Corbel,sans-serif;
	text-transform: lowercase;
	}
	
	.pricing h2 {
		margin-bottom: 0;
		padding: 0;
		
		background-image: none;
		
		text-transform: none;
		}
		
h3 {
	color: #333;
	font: italic normal 1.275em/1.375 "Helvetica Neue",Helvetica,Arial,Corbel,sans-serif;
	text-transform: lowercase;
	}

	.blog-footer h3 {
		margin: 0 0 0.7em 0;
		padding: 0 0 2px 0;
	
		background: transparent none no-repeat right bottom;
		border-bottom: 1px solid #333;
		}

h4 {
	color: #333;
	font: italic normal 1.125em/1.375 "Helvetica Neue",Helvetica,Arial,Corbel,sans-serif;
	text-transform: lowercase;
	}

h5 {
	color: #333;
	font: italic normal 1em/1.375 "Helvetica Neue",Helvetica,Arial,Corbel,sans-serif;
	text-transform: lowercase;
	}

h6 {
	color: #333;
	font: italic normal 1em/1.375 "Helvetica Neue",Helvetica,Arial,Corbel,sans-serif;
	text-transform: lowercase;
	}
	
p {
	margin: 0 0 1.375em 0;
	padding: 0;
	}
	
p.intro {
	color: #999;
	font-style: italic;
	}
	
p.fine-print {
	margin: 0;
	
	text-align: center;
	}
	
ol {
	margin: 0 0 1.375em 0;
	padding: 0 0 0 1.5em;
	}
	
ol.steps {
	color: #46adc1;
	font-size: 1.5em;
	font-weight: bold;
	}
	
ol.blue {
	color: #475295;
	}
	
ol.blue li {
	background: none;
	}
	
	ol.steps p {
		margin: 0;
		padding: 0;
		
		color: #000;
		font-size: 0.7em;
		font-weight: normal;
		}

ul {
	margin: 0 0 1.375em 0;
	padding: 0;
	
	list-style-type: none;
	}
	
	ul li {
		margin: 0;
		padding: 0 0 0 15px;
		
		background: transparent url("images/common/bullet.gif") no-repeat left 0.3em;
		}
	
a,
a:link {
	color: #016972;
	text-decoration: none;
	}
	
a:visited {
	color: #3f888e;
	}
	
a:focus,
a:hover,
a:active {
	text-decoration: underline;
	}
	
.blog-author {
	display: block;
	margin: 0 0 1.5em;
	padding: 0;
	
	color: #333;
	}
	
.coming-soon {
	margin: 5em 0;
	padding: 0;

	color: #333;
	font: italic normal 1.875em/5 "Helvetica Neue",Helvetica,Arial,Corbel,sans-serif;
	text-transform: lowercase;
	text-align: center;
	}
	
.n-symbol span {
	font-size: 70%;
	
	text-decoration: underline;
	vertical-align: top;
	}
	
address {
	margin: 0 0 1.375em 0;
	padding: 0;
	
	font-style: normal;
	}
	
sub,
sup {
	line-height: 0.5;
	}
	
} /* END MEDIA: screen,print */

@media print {

a:link:after,
a:visited:after,
a:hover:after,
a:active:after {
	content: " <http://ngphtography.ca/"attr(href)"> ";
	
	color: #808080;
	font-style: italic;
	font-weight: normal;
	}

a[href^="/"]:after {
	content: " <http://ngphotography.ca"attr(href)"> ";
	}
	
a[href^="http"]:after {
	content: " <"attr(href)"> ";
	}

/* Use this one if the link text does not have the e-mail address inside */
a[href^="mailto"]:after {
	content: " <"attr(href)"> ";
	}

/* Use this only if the link text always has the e-mail address inside */
/*
a[href^="mailto"]:after {
	content: "";
	}
*/

} /* END MEDIA: print */



/**
 *	@section	Forms
 */

@media screen,print {

form,
fieldset {
	display: block;
	margin: 0;
	padding: 0;
	
	border: 0;
	}

input,
select {
	font: normal 1em/1.375em "Helvetica Neue",Helvetica,Arial,Corbel,sans-serif;
	vertical-align: middle;
	}

textarea {
	font: normal 1em/1.375em "Helvetica Neue",Helvetica,Arial,Corbel,sans-serif;
	}

label {
	vertical-align: middle;
	}
	
#search input {
	margin: 0;
	padding: 0.2em;
	width: 12em;
	
	border: 1px solid #ccc;
	
	font-size: 1em;
	line-height: 1.375em;
	}
	
#search button {
	margin: 0;
	padding: 0.3em 0.6em;
	
	background-color: #999;
	border: 0;
	cursor: pointer;
	
	color: #fff;
	font: bold 1em/1.375em "Helvetica Neue",Helvetica,Arial,Corbel,sans-serif;
	vertical-align: middle;
	}

#client-form,
#contact-form {
	margin: 0;
	padding: 10px;
	
	background: #e0e0e0 none no-repeat left top;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	
	font-size: 1.125em;
	line-height: 1.375;
	}
	
#contact-form {
	padding: 25px 20px;
	}

#client-form label,
#contact-form label {
	display: block;
	margin: 0 0 0.3em;
	padding: 0;
	
	color: #016972;
	}
	
#client-form div,
#contact-form div {
	margin: 0 0 1em;
	padding: 0;
	}
	
#client-form input,
#contact-form input {
	margin: 0;
	padding: 3px;
	width: 227px;
	
	border: 1px solid #ccc;
	
	font-size: 1.125em;
	line-height: 1.375;
	}
	
#contact-form input {
	width: 494px;
	}

#client-form .buttons,
#contact-form .buttons {
	clear: both;
	display: block;
	float: none;
	margin: 0;
	padding: 0;
	width: 100%;
	
	text-align: right;
	}
	
#contact-form .buttons {
	padding: 0.75em 3px;
	}

#contact-form div.message textarea {
	max-width: 100%;
	width: 100%;
	
	border: 1px solid #ccc;
	}

#client-form button,
#contact-form button {
	font: normal 1.5em/1.375 "Helvetica Neue",Helvetica,Arial,Corbel,sans-serif;
	}
	
.error {
	margin: 0.2em 15px 1em 0;
	padding: 0.4em 0.4em 0.6em 34px;
	
	background: #ffc url("images/common/error-message.png") no-repeat 5px 0.3em;
	
	color: #333;
	font-weight: bold;
	}
	
.success {
	margin: 0;
	padding: 0;
	
	color: #016972;
	font-size: 1.5em;
	line-height: 1.375;
	text-align: center;
	}
	
	.success span {
		font-size: 0.75em;
		}
	
} /* END MEDIA: screen,print */


/**
 *	@section	Tables
 */

@media screen,print {

table {
	margin: 0 0 1.375em 0;
	padding: 0;
	width: 100%;
	
	border: 2px solid #e0e0e0;
	border-collapse: collapse;
	
	color: #016972;
	font-size: 1.125em;
	font-weight: bold;
	text-align: center;
	}
	
th {
	padding: 0.3em;
	
	background-color: #e0e0e0;
	
	color: #000;
	}
	
td {
	padding: 0.3em;
	
	border-right: 2px solid #e0e0e0;
	}
	
.prices td {
	width: 50%;
	}
	
tr.alternate {
	background-color: #f0f0f0;
	}

} /* END MEDIA: screen,print */


/**
 *	@section	Images
 */

@media screen,print {

img {
	margin: 0;
	padding: 0;
	
	border: 0;
	}
	
a.figure,
a.figure:link,
a.figure:visited {
	display: block;
	margin: 0;
	padding: 0;
	
	color: #46adc1;
	text-align: center;
	text-decoration: none;
	}
	
	a.figure:hover,
	a.figure:focus,
	a.figure:active {
		color: #000;
		}
	
	.figure img {
		border: 5px solid #000;
		}
		
	.figure span {
		font: italic normal 0.875em/1.375 "Helvetica Neue",Helvetica,Arial,Corbel,sans-serif;
		}
	
} /* END MEDIA: screen,print */


/**
 *	@section	Misc
 */
@media screen,print {

.gallery {
	height: 500px;
	margin: 0;
	padding: 0;
	
	background: #000 none repeat-x center bottom;
	border-bottom: 6px solid #000;
	}
	
	.gallery div {
		height: 500px;
		
		background: transparent none no-repeat center top;
		}
	
	.inside-gallery {
		height: 300px;
		}
		
		.inside-gallery div {
			height: 300px;
			
			background: transparent none no-repeat center top;
			}
	
.mini-profiles {
	margin: 0 0 0.5em 0;
	padding: 0;
	position: relative;
	
	border-top: 1px solid #999;
	
	font-size: 0.875em;
	line-height: 1.375em;
	}
	
	.mini-profiles dt {
		height: 22px;
		margin: 0;
		padding: 1.7em 0 0 0;
		position: absolute;
		width: 34px;
		}
		
	.mini-profiles dd {
		margin: 0;
		padding: 1.375em 0 0 45px;
		
		border-bottom: 1px solid #999;
		}
		
.profile-links {
	margin: 0;
	padding: 0;
	
	text-align: right;
	}
	
.recent-posts {
	margin: 0;
	padding: 0;
	
	list-style-type: none;
	}
	
	.recent-posts li {
		margin: 0 0 0.5em;
		padding: 0;
		
		background: none;
		border-bottom: 1px solid #ccc;
		}
		
		.recent-posts li a,
		.recent-posts li a:link {
			display: block;
			margin: 0;
			padding: 0 15px 0.1em;
			
			background: transparent url("images/common/blog-plus.jpg") no-repeat right center;	
			}
	
#testimonials {
	margin: 0;
	height: 25em;
	overflow: hidden;
	padding: 0;
	width: 260px;
	}
		
#testimonials blockquote {
	margin: 0;
	padding: 0;
	}
	
#testimonials ul {
	margin: 0;
	padding: 0;
	
	list-style-type: none;
	text-align: left;
	}
	
#testimonials li {
	margin: 0;
	height: 25em;
	padding: 0;
	width: 260px;
	
	background: none;
	}
	
	#testimonials .next-previous-links {
		text-align: right;
		}
		
	#testimonials cite {
		display: block;
		margin: 0;
		padding: 0 0 0 1.3em;
		
		color: #333;
		font-size: 0.875em;
		line-height: 1.375em;
		}
		
		#testimonials cite span {
			display: inline;
			float: left;
			margin: 0 0 0 -1.3em;
			padding: 0;
			}
			
#footer p {
	display: inline;
	float: left;
	}
		
#footer a#halftone:hover,
#footer a#halftone:focus,
#footer a#halftone:active {
	background-position: right top;
	}
	
#liz,
#liz #jane {
	margin: 0 0 -36px 0;
	padding: 0;
	position: relative;
	width: 822px;
	
	background: transparent none no-repeat left bottom;
	}
	
#liz #jane {
	margin: 0;
	min-height: 1px;
	
	background: transparent none no-repeat right bottom;
	}
	
	#liz #jane:after {
		clear: both;
		display: block;
		height: 0;
		overflow: hidden;
		visibility: hidden;
		
		content: ".";
		font-size: 0;
		}
	
#liz-col,
#jane-col {
	padding-bottom: 290px;
	}
	
#process-col {
	padding-bottom: 20px;
	}
	
.blog-footer {
	color: #555;
	font-size: 0.875em;
	line-height: 1.375em;
	}
		
.blog-footer-top {
	margin-top: 1.5em;
	padding-top: 1.5em;
	
	background: transparent none no-repeat center -15px;
	border-top: 6px solid #016972;
	}
		
.tags {
	margin: 0;
	padding: 0;
	
	color: #999;
	font-size: 0.875em;
	}
	
.blog-post {
	margin: 0 0 1.375em 0;
	padding: 0;
	}
	
#comments-box {
	margin: 1em 0 0 0;
	padding: 10px 0 0 0;
	
	background: transparent none no-repeat right top;
	border-top: 3px solid #016972;
	}
	
#comments-box textarea {
	width: 100%;
	}
	
	.commentlist {
		margin: 0;
		overflow: hidden;
		padding: 0;
		
		font-size: 0.875em;
		line-height: 1.375;
		list-style-type: none;
		}
		
		.commentlist li {
			display: inline;
			float: left;
			margin: 0 2% 1em 0;
			padding: 0;
			width: 48%;
			}
		
		.commentlist div {
			margin: 0;
			padding: 0 0 0 42px;
			}
			
			.commentlist .comment-author {
				color: #999;
				}
				
			.commentlist .comment-meta {
				margin: 0 0 0.5em;
				}
			
			.commentlist .avatar {
				display: inline;
				float: left;
				margin: 0 0 0 -42px;
				padding: 0;
				}
			
			.commentlist div div {
				margin: 0;
				padding: 0;
				}

#post-next-previous {
	margin: 0;
	overflow: hidden;
	padding: 0;
	
	font-weight: bold;
	}
	
	#post-next-previous .post-pager {
		display: inline;
		float: left;
		margin: 0;
		padding: 0;
		width: 390px;
		}

	#post-next-previous .sep {
		display: inline;
		float: left;
		margin: 0;
		padding: 0;
		width: 40px;
	
		color: #ccc;
		text-align: center;
		}
	
	#post-next-previous #post-previous {
		text-align: right;
		}
	
.callout {
	margin: 1em 0;
	padding: 15px;
	
	background: #e0e0e0 none no-repeat left top;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	
	color: #016972;
	}
	
	.callout h2 {
		margin: 0 0 0.8em 0;
		padding: 0;
		
		color: #000;
		font-size: 1.125em;
		line-height: 1;
		text-transform: none;
		}
		
	.callout ul,
	.callout p {
		margin: 0;
		}
		
		.callout li {
			background-image: url("images/common/bullet-b.gif");
			}
			
.callout-alternate {
	background: #9b75b4 none no-repeat right center;
	
	color: #fff;
	font-size: 1.125em;
	font-weight: bold;
	line-height: 1.375;
	}
			
.package {
	margin: 1.375em 0 0 0;
	padding: 1em 0 0;
	
	background: transparent none no-repeat center top;
	}
	
.first-package {
	margin: 0;
	padding: 0;
	
	background: none;
	}
	
	.package h2 {
		margin-top: 0;
		
		line-height: 1.2;
		}
		
		.package li p {
			margin: 0;
			
			font-size: 0.875em;
			}
			
.taxes {
	margin: 1.375em 0 0 0;
	
	text-align: center;
	}
	
dl.faq {
	margin: 0;
	padding: 0;
	}
	
	dl.faq dt {
		margin: 0;
		padding: 0;
		
		color: #999;
		font-size: 1.125em;
		font-weight: bold;
		line-height: 1.375;
		}
		
	dl.faq dd {
		margin: 0 0 1.375em 0;
		padding: 0;
		}

} /* END METHOD: screen,print */


/**
 *	@section	Misc
 *	@subsection	Nav
 */

@media screen,print {
	
#nav {
	position: relative;
	
	background: #e0e0e0 none repeat-x left bottom;
	border-bottom: 6px solid #000;
	}
	
	#nav .wrapper {
		position: relative;

		background: transparent none no-repeat right bottom;
		}
	
	#nav ul {
		margin: 0;
		padding: 0;

		list-style-type: none;
		}
		
	#nav ul:after {
		clear: both;
		display: block;
		height: 0;
		overflow: hidden;
		visibility: hidden;

		content: ".";
		font-size: 0;
		}
		
		#nav li {
			display: inline;
			float: left;
			margin-left: 6px;
			min-height: 25px;
			padding: 0;
			
			background: none;
			}
			
			#nav a,
			#nav a:link,
			#nav a:visited {
				display: block;
				margin: 0;
				padding: 0.6em 1em 0.6em 0;
				
				background: transparent none no-repeat left top;
				
				color: #016972;
				font-weight: normal;
				text-decoration: none;
				text-transform: uppercase;
				}
				
			#nav a.active,
			#nav a.active:link,
			#nav a.active:visited {
				font-weight: bold;
				}
				
			#nav a:hover,
			#nav a:focus,
			#nav a:active {
				text-decoration: underline;
				}
					
#gallery-toolbar {
	margin: 0;
	padding: 0;
	
	background-color: #e0e0e0;
	border-bottom: 5px solid #000;
	}
	
	#gallery-toolbar ul {
		margin: 0 auto;
		padding: 0.6em 0;
		overflow: hidden;
		width: 820px;
		
		list-style-type: none;
		}
		
		#gallery-toolbar li {
			display: inline;
			float: left;
			margin: 0;
			padding: 0 16px 0 6px;
			
			background: none;
			}
			
			#gallery-toolbar a,
			#gallery-toolbar a:link,
			#gallery-toolbar a:visited {
				display: block;
				margin: 0;
				padding: 0;
				}
				
			#gallery-toolbar a:hover,
			#gallery-toolbar a:focus,
			#gallery-toolbar a:active {
				text-decoration: underline;
				}
				
			#gallery-toolbar a.current,
			#gallery-toolbar a.current:link,
			#gallery-toolbar a.current:visited {
				font-weight: bold;
				}

		
} /* END MEDIA: screen,print */


/**
 *	@section	Misc
 *	@subsection	Masthead
 */

@media screen,print {

#masthead {
	display: block;
	margin: 20px 0 0 0;
	padding: 0 0 5px;
	
	background: #000 none no-repeat center top;
	}
	
	#badge {
		height: 120px;
		margin: 0 auto;
		padding: 0;
		width: 820px;
		
		background: none;
		border: none;
		}
	
} /* END MEDIA: screen,print */


/**
 *	@section	Misc
 *	@subsection	Banners
 */

@media screen,print {

#flashgallery {
	border-bottom: 0;
	}

#flashgallery div {
	background-color: #000;
	background-image: url("images/noflash.jpg");
	}
	
#contact div {
	background-color: #bbbab5;
	background-image: url("images/banners/contact.jpg");
	}
	
#about div {
	background-color: #3e683a;
	background-image: url("images/banners/about.jpg");
	}
	
#pricing div {
	background-color: #000;
	background-image: url("images/banners/pricing.jpg");
	}
	
#clients div {
	background: #000 url("images/banners/clients.jpg") no-repeat left center;
	}
	
}