/*
Theme Name: Amanda Sage
Theme URI: http://amandasage.ca/
Description: The default WordPress theme for amandasage.ca
Version: 1.0
Author: Thomas J Bradley
Author URI: http://thomasjbradley.ca/
Tags: green, grey, custom header, fixed width, two columns
*/
/**
 *	Amanda Sage
 *	General Styles
 *	
 *	@author		Thomas J Bradley <theman@thomasjbradley.ca>
 *	@link		http://thomasjbradley.ca
 *	
 *	
 *	COLOURS:
 *		GREY; Dark, Background: 333
 *		TURQUIOSE; Dark, Borders: 3d525b
 *		TEAL; Medium, Logo: 71a39f
 *		PURPLE; Medium, Backgrounds: 988f9e
 *	
 *	
 *	CONTENTS:
 *		Layout
 *		Typography
 *		Forms
 *		Images
 *		Elements
 *			Masthead
 *		Misc
 *	
 */

/*----- =Layout -----*/

@media screen {
	
html {
	min-height: 100%;
	
	background: #333 url("images/common/body-bg.png") repeat-x left bottom;
	}
	
body {
	margin: 0;
	min-height: 100%;
	padding: 0 0 60px 0;
	
	background: transparent url("images/common/bg.png") no-repeat center top;
	
	color: #fff;
	font: normal 100.01%/135% "Helvetica Neue",Helvetica,Arial,"Corbel",sans-serif;
	}

.wrapper {
	margin: 0 auto;
	min-height: 1px;
	padding: 0;
	width: 980px;
	}
	
	.wrapper:after {
		clear: both;
		display: block;
		height: 0;
		overflow: hidden;
		visibility: hidden;
		
		content: ".";
		font-size: 0;
		}
		
.content {
	background: #988f9e url("images/common/content-bg.gif") repeat-x left top;
	}
	
	.content .wrapper {
		padding: 25px 0 0 0;
		}
		
	.content #foliage {
		background: transparent url("images/common/content-foliage.gif") no-repeat right top;
		}
		
	.content#blog-wrapper {
		display: inline;
		float: right;
		margin: 15px 0;
		overflow: hidden;
		padding: 1em;
		width: 32.2em;
		
		background: #3d525b none;
		}

.col {
	display: inline;
	float: left;
	margin: 0 5px 0 0;
	width: 220px;
	}
	
.search {
	width: 300px;
	}
	
}



/*----- =Typography -----*/

@media screen,print {

h1 {
	font-size: 1.874em;
	line-height: 1.1em;
	}
	
h2,
h1.alternate {
	margin: 1em 0;
	padding: 0;

	font-size: 1.5em;
	font-weight: bold;
	line-height: 1.1em;
	}
	
h2.alternate,
h1.alternate {
	padding-left: 35px;
	background: transparent url("images/common/leaf.gif") no-repeat left center;
	
	text-transform: lowercase;
	}

h3 {
	margin: 0 0 1em 0;
	padding: 0;
	
	font-size: 1.125em;
	font-style: italic;
	font-weight: normal;
	line-height: 1.1em;
	}
	
p {
	margin: 0 0 1.375em 0;
	padding: 0;
	}
	
small {
	color: #333;
	font-size: 0.875em;
	line-height: 1.375em;
	}
	
small.alternate {
	display: block;
	margin: -1.375em 0 1.375em 0;
	padding: 0;
	
	color: #e2e2e2;
	}
	
	.content small a,
	.content small a:link,
	.content small a:visited {
		color: #fff;
		}

blockquote {
	margin: 0;
	padding: 0;
	
	font-style: italic;
	}
	
blockquote.home {
	bottom: 0.5em;
	margin: 0;
	padding: 0;
	position: absolute;
	width: 375px;
	}

cite {
	display: block;
	margin: 1.375em 0 0 0;
	padding: 0;
	
	font-style: normal;
	}
	
ul,
ol {
	margin-bottom: 1.375em;
	margin-top: 0;
	}
	
a,
a:link {
	color: #71a39f;
	text-decoration: underline;
	}
	
a:visited {
	color: #e2e2e2;
	text-decoration: underline;
	}
	
a:focus,
a:hover,
a:active {
	color: #fff;
	text-decoration: underline;
	}
	
.content a,
.content a:link {
	color: #333;
	text-decoration: underline;
	}
	
.content a:visited {
	color: #444;
	text-decoration: underline;
	}
	
.content a:focus,
.content a:hover,
.content a:active {
	color: #e2e2e2;
	text-decoration: underline;
	}
	
.content#blog-wrapper a,
.content#blog-wrapper a:link {
	color: #fff;
	text-decoration: underline;
	}
	
.content#blog-wrapper a:visited {
	color: #e2e2e2;
	text-decoration: underline;
	}
	
.content#blog-wrapper a:focus,
.content#blog-wrapper a:hover,
.content#blog-wrapper a:active {
	color: #fff;
	text-decoration: underline;
	}
	
a[rel="external"]:after {
	content: " ""\2197 ";
	
	color: inherit;
	font-size: 85%;
	}
	
a[rel="external"][hreflang]:after {
	content: " ""\2197" " (" attr(hreflang) ")";
	
	color: inherit;
	font-size: 85%;
	}
	
a[rel="external"].no-mark-external:after {
	content: "";
	}
	
}

@media print {

/*----- =Typography -----*/

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

a[href^="/"]:after {
	content: " <http://amandasage.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: "";
	}

}



/*----- =Forms -----*/

@media screen,print {

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

input,
select {
	width: 25em;
	vertical-align: middle;
	
	font-size: 1em;
	}

label {
	display: block;
	margin: 0.8em 0 0 0;
	vertical-align: middle;
	}
	
textarea {
	max-width: 32em;
	width: 32em;

	font-size: 1em;
	}
	
button {
	margin: 0;
	padding: 0;
	
	background: none;
	border: 0;
	cursor: pointer;
	
	color: #fff;
	font: bold 1em "Helvetica Neue",Helvetica,Arial,"Corbel",sans-serif;
	text-decoration: underline;
	}
	
form.order {
	display: inline;
	height: auto;
	margin: 0;
	padding: 0;
	width: auto;
	}
	
	form.order fieldset {
		display: inline;
		height: auto;
		width: auto;
		}
	
	form.order img {
		width: 1px;
		height: 1px; 
		}
		
	small.ship {
		display: block;
		
		color: #fff;
		}
		
p.order {
	margin-bottom: 0;
	}
	
}
	


/*----- =Images -----*/

@media screen,print {

img {
	margin: 0;
	padding: 0;
	
	border: 0;
	}
	
}



/*----- =Elements -Masthead -----*/

@media screen,print {

.logo {
	display: inline;
	float: left;
	margin: 108px 0 0 0;
	}

#nav {
	display: inline;
	float: right;
	margin: 0;
	min-height: 1px;
	padding: 0;
	
	list-style-type: none;
	}
	
	#nav:after {
		clear: both;
		display: block;
		height: 0;
		overflow: hidden;
		visibility: hidden;
		
		content: ".";
		font-size: 0;
		}
		
	#nav li {
		display: inline;
		float: left;
		
		font-size: 1.125em;
		font-weight: bold;
		text-transform: lowercase;
		}
	
	#nav a,
	#nav a:link,
	#nav a:visited {
		display: block;
		margin: 0;
		padding: 0;
		
		color: #fff;
		text-decoration: none;
		}
	
	#nav.home a,
	#nav.home a:link,
	#nav.home a:visited {
		padding-bottom: 18em;
		
		background: transparent none no-repeat center -300px;
		}
		
	#nav.home a#home,
	#nav.home a#home:link,
	#nav.home a#home:visited {
		background-image: url("images/common/nav/home.jpg");
		}
		
	#nav.home a#writing,
	#nav.home a#writing:link,
	#nav.home a#writing:visited {
		background-image: url("images/common/nav/writing.jpg");
		}
		
	#nav.home a#film,
	#nav.home a#film:link,
	#nav.home a#film:visited {
		background-image: url("images/common/nav/film.jpg");
		}
		
	#nav.home a#photography,
	#nav.home a#photography:link,
	#nav.home a#photography:visited {
		background-image: url("images/common/nav/photography.jpg");
		}
		
	#nav.home a#publishing,
	#nav.home a#publishing:link,
	#nav.home a#publishing:visited {
		background-image: url("images/common/nav/publishing.jpg");
		}
		
	#nav.home a#blog,
	#nav.home a#blog:link,
	#nav.home a#blog:visited {
		background-image: url("images/common/nav/blog.jpg");
		}
		
	#nav.home a:focus,
	#nav.home a:hover,
	#nav.home a:active {
		background-color: #988f9e;
		background-position: center 8.8em;
		}
		
		#nav a span,
		#nav a:link span,
		#nav a:visited span {
			display: block;
			margin: 0;
			padding: 120px 0.8em 0.8em 0.8em;
		
			border-bottom: 8px solid #333;
		
			color: #fff;
			text-decoration: none;
			}
		
		#nav .active a span,
		#nav .active a:link span,
		#nav .active a:visited span {
			color: #988f9e;
			}

		#nav a:focus,
		#nav a:hover,
		#nav a:active {
			background-color: #988f9e;
			}
		
		#nav a:focus span,
		#nav a:hover span,
		#nav a:active span,
		#nav .active a:focus span,
		#nav .active a:hover span,
		#nav .active a:active span {
			background-color: #988f9e;
			border-color: #3d525b;
		
			color: #fff;
			}
	
}



/*----- =Misc -----*/

@media screen,print {

#terms {
	display: block;
	margin: 1.375em 0;
	
	color: #fff;
	}

.reviewed {
	color: #62737a;
	font-size: 0.75em;
	}

.readmore {
	margin: 1.375em 0;
	padding: 1.375em 0;
	
	font-size: 0.875em;
	font-weight: bold;
	}
	
	.readmore a,
	.readmore a:link,
	.readmore a:visited {
		color: #e2e2e2;
		}

div.intro {
	clear: both;
	display: inline;
	float: right;
	margin: 1em 0 0 0;
	padding: 0;
	width: 34.2em;
	}
	
	div.intro strong {
		font-size: 1.5em;
		font-weight: bold;
		}
	
p.intro,
div.intro.alternate {
	clear: left;
	display: inline;
	float: left;
	margin: 0;
	padding: 2em 0 0 0;
	width: 375px;
	}
	
.footer {
	margin: 0 auto;
	padding: 1em 0;
	width: 980px;
	
	text-align: right;
	}
	
.recent {
	margin-left: 0;
	min-height: 18em;
	padding: 0;

	list-style-type: none;
	}
	
	.recent li {
		margin-bottom: 0.5em;
		}	

.details {
	display: inline;
	float: left;
	height: auto;
	margin: 0;
	padding: 0;
	position: relative;
	width: 400px;
	}
	
.recent-group {
	margin-left: 50px;
	width: 540px;
	}
	
	.details .col {
		width: 263px;
		}
	
	.details .group {
		clear: both;
		}
	
	.details h2 {
		margin-top: 0;
		padding-top: 0.8em;
		}
	
	.details img,
	.details div.object {
		display: inline;
		float: right;
		margin: 0 -580px 0 35px;
		padding: 0;
		position: relative;
		width: 545px;
		}
		
.readmore {
	margin-top: -1em;
	}
	
#searchform input {
	width: auto;
	}
	
.commentlist {
	margin: 0 0 25px 0;
	padding: 0 0 25px 40px;
	
	border-bottom: 1px solid #333;
	
	list-style-type: none;
	}
	
	.commentlist img {
		display: inline;
		float: left;
		margin: 0 0 0 -40px;
		}
	
	.commentlist cite {
		display: inline;
		}
		
.commentmetadata {
	display: block;
	margin: 0;
	
	color: #e2e2e2;
	}
	
.feature {
	display: inline;
	float: left;
	margin: 0 0 1.375em;
	padding: 0 0 0 100px;
	width: 285px;
	}
	
	.feature .img {
		display: inline;
		float: left;
		height: 128px;
		margin: 1.8em 0 0 -100px;
		width: 86px;
		}
		
	.feature h2 a,
	.feature h2 a:link,
	.feature h2 a:visited {
		color: #fff;
		text-decoration: none;
		}
		
	.feature h2 a:focus,
	.feature h2 a:hover,
	.feature h2 a:active {
		color: #fff;
		text-decoration: underline;
		}
		
.photos {
	display: inline;
	float: left;
	margin: 0 0 0 35px;
	padding: 20px 0;
	width: 545px;
	}
	
	.photos ul {
		margin: 0;
		padding: 0;
		
		list-style-type: none;
		}
		
		.photos ul li {
			display: inline;
			float: left;
			height: 77px;
			margin: 0;
			padding: 0;
			width: 77px;
			}
			
			.photos ul li a {
				display: block;
				height: 75px;
				width: 75px;
				}

ul.photo-list {
	margin: 0 0 1em -5px;
	padding: 0;

	font-size: 1.125em;
	list-style-type: none;
	}
	
	ul.photo-list li {
		margin: 0;
		padding: 0;
		}
		
	ul.photo-list li a,
	ul.photo-list li a:link,
	ul.photo-list li a:visited {
		display: block;
		margin: 0;
		padding: 0.1em 5px 0.3em;
		
		color: #fff;
		font-weight: bold;
		text-decoration: none;
		}
		
	ul.photo-list li a:focus,
	ul.photo-list li a:hover,
	ul.photo-list li a:active,
	ul.photo-list li.active a,
	ul.photo-list li.active a:link,
	ul.photo-list li.active a:visited {
		background-color: #3d525b;
		}

#testimonials-wrapper {
	display: inline;
	float: right;
	margin: 0;
	padding: 7.5em 0 0 0;
	
	text-align: right;
	}
	
	#testimonials-wrapper a,
	#testimonials-wrapper a:link,
	#testimonials-wrapper a:visited {
		color: #fff;
		font-weight: bold;
		text-decoration: none;
		text-transform: lowercase;
		}
		
	#testimonials-wrapper a:focus,
	#testimonials-wrapper a:hover,
	#testimonials-wrapper a:active {
		text-decoration: underline;
		}
		
#testimonials {
	height: 14em;
	margin: 0;
	overflow: hidden;
	padding: 0;
	width: 545px;

	list-style-type: none;
	}
	
	#testimonials ul {
		margin: 0;
		padding: 0;
		
		list-style: none;
		}
	
	#testimonials li {
		height: 16em;
		margin: 0;
		padding: 0;
		width: 545px;
		}
		
div#home-masthead {
	position: relative;
	}

.more-archived {
	margin-top: 0.875em;
	
	font-size: 0.875em;
	list-style: none;
	}

.more-archived a,
.more-archived a:link,
.more-archived a:visited {
	color: #e2e2e2;
	font-weight: bold;
	}
	
}