/**
	Confident Image
	Primary Screen and Print Styles
	
	@author		Thomas J Bradley <theman@thomasjbradley.ca>
	@link		http://thomasjbradley.ca
	@version	$Id: screen+print.css 90 2008-09-28 16:14:15Z thomasjbradley $
	
	
	COLOURS:
		Cranberry: 	9f1c3d
		Brown: 3b2313
		Dark Cranberry: 83203a
	
	CONTENTS:
		General
			Clear
		Layout
		Typography
		Forms
		Images
		Misc
			General
			Masthead
			Packages
			Services
	
*/


/*----- =General -----*/

@media screen,print {

body {
	margin: 0;
	padding: 0;
	
	background-color: #83203a;
	
	color: #555;
	font: normal 100.01%/135% arial,corbel,verdana,sans-serif;
	}

.wrapper:after,
ul.packages li ul:after,
div.services-wrapper:after,
.contact-head:after {
	clear: both;
	display: block;
	height: 0;
	overflow: hidden;
	visibility: hidden;
	
	content: ".";
	font-size: 0;
	}
	
} /* END MEDIA: screen,print */	



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

@media screen {
	
.wrapper {
	margin: 0 auto;
	max-width: 85%;
	min-width: 50%;
	padding: 2em;
	width: 50em;
	
	background-color: #fff;
	
	text-align: left;
	}

.primary {
	display: inline;
	float: left;
	width: 58%;
	}
	
.secondary {
	display: inline;
	float: right;
	width: 38%;
	}
	
#services {
	padding-top: 4em;
	
	background: #fff url("../../images/common/hr.gif") no-repeat center top;
	}
	
#contact {
	color: #fee;
	background-color: #c88b9b;
	}
	
	#contact .primary {
		float: right;
		}
		
	#contact .secondary {
		float: left;
		}
		
	#contact h2 {
		float: left;
		}
		
	#contact .ottawa {
		float: right;
		width: 58%;
		
		color: #9e1c3e;
		line-height: 3em;
		}
	
#footer {
	margin-top: 0;
	margin-bottom: 0;
	padding: 0.9em 0 0.8em 0;
	width: 54em;
	
	background-color: transparent;
	}
	
} /* END MEDIA: screen */



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

@media screen,print {
	
h2 {
	margin: 0 0 0.53em 0;
	
	color: #3b2313;
	font-size: 1.875em;
	line-height: 1.375em;
	}
	
p {
	margin: 0 0 1.375em 0;
	padding: 0;
	}
	
a,
a:link {
	color: #9f1c3d;
	text-decoration: underline;
	}
	
a:visited {
	color: #b12e50;
	text-decoration: underline;
	}
	
a:focus,
a:hover,
a:active {
	color: #b12e50;
	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: "";
	}
	
em {
	font: italic 1em georgia,times,serif;
	}
	
blockquote {
	margin: 0;
	padding: 0;
	
	background: #78152e url("../../images/common/bg.gif") repeat center top;
	border-bottom: 4px solid #78152e;
	border-top: 4px solid #78152e;
	}
	
	blockquote .wrapper {
		margin-bottom: -4px;
		margin-top: -4px;
		padding-bottom: 0;
		padding-top: 0;
		
		background: #9f1c3d url("../../images/common/blockquote-bg.gif") repeat center top;
		border-bottom: 4px solid #9f1c3d;
		border-top: 4px solid #9f1c3d;
		}
		
	blockquote cite {
		display: block;
		margin: 0 25px 1.6em 0;
		
		color: #fff;
		font-style: italic;
		text-align: right;
		}
		
	blockquote p {
		margin: 0.8em -20px 0 -20px;
		padding: 15px 0 0 20px;
		
		background: transparent url("../../images/common/quote-mark-open.gif") no-repeat left top;
		
		color: #fff;
		font-size: 1.5em;
		font-weight: bold;
		line-height: 1.375em;
		}
		
		blockquote span {
			display: block;
			margin: 0;
			padding: 0 20px 15px 0;
			
			background: transparent url("../../images/common/quote-mark-close.gif") no-repeat right bottom;
			}
	
} /* END MEDIA: screen,print */

@media print {

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

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

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

a[href^="mailto"]:after {
	content: "";
	}

} /* END MEDIA: print */



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

@media screen,print {

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

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

label {
	display: block;
	margin: 0 0 0.2em 0;
	padding: 0;
	
	vertical-align: middle;
	}
	
	form div.name,
	form div.email {
		float: left;
		width: 49%;
		}
		
	form div.name input,
	form div.email input {
		margin: 0;
		width: 94%;
		}
		
	form div.subject,
	form div.message {
		clear: both;
		padding: 0.6em 0 0 0;
		}
		
		form div.subject input,
		form div.message textarea {
			margin: 0;
			max-width: 95%;
			width: 95%;
			}
			
	form div.button {
		padding: 1em 0.9em 0 0;
		
		text-align: right;
		}
		
		form div.button small {
			float: left;
			
			font: italic 0.875em georgia,times,serif;
			}
	
} /* END MEDIA: screen,print */
	


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

@media screen,print {

img {
	margin: 0;
	padding: 0;
	
	border: 0;
	}
	
img.profile {
	display: inline;
	float: right;
	margin: 0.2em -4px 0 0.5em;
	padding: 3px;
	
	border: 1px solid #9f1c3d;
	}
	
} /* END MEDIA: screen,print */



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

@media screen,print {

address {
	margin: 0 0 1.375em 0;
	
	font-style: normal;
	}

.vcard strong,
.vcard span {
	display: block;
	}
	
.vcard .fn {
	color: #fff;
	}

.vcard .title {
	font: italic 1em georgia,times,serif;
	}

.vcard .tel {
	margin-top: 1em;
	}
	
#footer p {
	display: inline;
	float: left;
	margin: 0;
	padding: 7px 0 0 0;
	
	color: #fff;
	font-size: 0.75em;
	vertical-align: middle;
	}
	
a.thomasjbradley,
a.thomasjbradley:link,
a.thomasjbradley:visited {
	display: block;
	float: right;
	height: 35px;
	margin: 0;
	overflow: hidden;
	padding: 0;
	width: 110px;
	
	background: transparent url("../../images/common/thomasjbradley.gif") no-repeat right top;
	
	text-indent: -999em;
	vertical-align: middle;
	}
	
a.thomasjbradley:focus,
a.thomasjbradley:hover,
a.thomasjbradley:active {
	background-position: left top;
	}
	
.error {
	margin: 0 1.2em 0.5em 0;
	padding: 0.5em;
	
	background-color: #ffc;
	border-bottom: 1px solid #e8c91d;
	border-top: 1px solid #e8c91d;
	
	color: #333;
	font: italic 1em georgia,times,serif;
	}
	
	.error b {
		display: block;
		
		color: #333;
		}

label.error {
	margin-bottom: 0.3em;
	
	font-size: 0.875em;
	}
		
p.success {
	font-size: 1.5em;
	color: #fff;
	}
	
div.newsletter {
	margin: 2em 0 0 -1em;
	padding: 1em;
	
	background-color: #c44667;
	}
	
	div.newsletter p {
		margin-bottom: 0.9em;
		}
		
	div.newsletter label {
		margin-bottom: 0.6em;
		}
		
	div.newsletter input#ea {
		width: 12em;
		}

} /* END MEDIA: screen,print */



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

@media screen,print {

div#masthead {
	margin: 0;
	padding: 0;
	
	background: #c88b9b url("../../images/common/masthead-bg.gif") repeat-x left bottom;
	}
	
	div#masthead .wrapper {
		padding-top: 30px;
		padding-bottom: 20px;
		position: relative;
		}
	
	div#masthead h1 {
		display: inline;
		float: left;
		height: 135px;
		margin: 0;
		padding: 0;
		width: 285px;
		}
		
	div#masthead blockquote {
		bottom: 45px;
		margin: 0;
		padding: 0;
		position: absolute;
		right: 2em;
		width: 30em;
		
		background: transparent none;
		border: 0;
		}
		
		div#masthead blockquote p {
			margin: 0;
			padding: 0;
			
			background: transparent none;
			
			color: #9f1c3d;
			font: italic 1.3125em/1.375em georgia,times,serif;
			text-align: right;
			}
	
} /* END MEDIA: screen,print */




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

@media screen,print {
	
ul.packages {
	margin: 0;
	padding: 0;
	
	list-style-type: none;
	}
	
	ul.packages li {
		padding: 12px 0 15px 50px;
		
		background: transparent none no-repeat left top;
		}
	
	ul.packages li#platinum {
		background-image: url("../../images/common/icons/platinum.gif");
		}
		
		ul.packages li#platinum h3 {
			color: #7d909a;
			}

	ul.packages li#gold {
		background-image: url("../../images/common/icons/gold.gif");
		}
		
		ul.packages li#gold h3 {
			color: #d7be38;
			}
		
	ul.packages li#silver {
		background-image: url("../../images/common/icons/silver.gif");
		}
		
		ul.packages li#silver h3 {
			color: #9b9da0;
			}
		
	ul.packages li#special {
		background-image: url("../../images/common/icons/special.gif");
		}
		
		ul.packages li#special h3 {
			color: #92c83d;
			}
		
	ul.packages li h3 {
		margin: 0 0 8px 0;
		padding: 0;
		
		font-size: 1.125em;
		}
		
	ul.packages li ul {
		margin: 0;
		padding: 0;
		
		list-style-type: none;
		}
		
		ul.packages li ul li {
			display: inline;
			float: left;
			margin: 0;
			padding: 0 5px 0 0;
			}
			
} /* END MEDIA: screen,print */



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

@media screen,print {

div.services-wrapper {
	margin-left: -2em;
	}

dl {
	display: inline;
	float: left;
	margin: 0 0 0 2em;
	padding: 0;
	width: 24em;
	}
	
	dl dt {
		margin: 0;
		padding: 10px 0 10px 35px;
		
		background: transparent none no-repeat left center;
		
		color: #9f1c3d;
		font-size: 1.125em;
		font-weight: bold;
		}
		
	dl dt#wardrobe {
		background-image: url("../../images/common/icons/default/wardrobe.gif");
		}
		
	dl dt#body {
		background-image: url("../../images/common/icons/default/body.gif");
		}
		
	dl dt#lifestyle {
		background-image: url("../../images/common/icons/default/lifestyle.gif");
		}
		
	dl dt#closet {
		background-image: url("../../images/common/icons/default/closet.gif");
		}
		
	dl dt#book {
		background-image: url("../../images/common/icons/default/book.gif");
		}
		
	dl dt#details {
		background-image: url("../../images/common/icons/default/details.gif");
		}
		
	dl dt#shopping {
		background-image: url("../../images/common/icons/default/shopping.gif");
		}
		
	dl dt#database {
		background-image: url("../../images/common/icons/default/database.gif");
		}
		
	dl dt#newsletter {
		background-image: url("../../images/common/icons/default/newsletter.gif");
		}
		
	dl dd {
		margin: 0 0 1.375em 0;
		padding: 0 0 0 35px;
		}
	
} /* END MEDIA: screen,print */