/*-------------------------------
TYPOGRAPHY.CSS
Gifts in a Bag 2008
Custom CSS by Ben Coutts
http://www.giftsinabag.com.au
-------------------------------*/
 
/*-------------------------------
General
-------------------------------*/
 
.typography {margin: 0;}


/*-------------------------------
Paragraphs
-------------------------------*/

.typography p {
 	line-height: 1.5em;
	font-size: 1.5em;
 	margin: 0 0 15px 0;
	}

#layout p {}

#Sidebar p {
 	clear: both;
 	margin: 10px 10px 0 10px;
	}

.typography blockquote {
	margin: 10px;
	font-size: 1.5em;
	color: #777;
	font-style: italic;
	}
	
.typography p.larger-text {
	font-size: 2em;
	margin: 0 0 20px 0;
	}
	

/*-------------------------------
Links
-------------------------------*/

.typography a { 
 	text-decoration: underline; 
	color: #579595;
	}

.typography a:hover { 
 	text-decoration: none;
 	color: #375f5f;
	}



/*-------------------------------
List Styles
-------------------------------*/

/* --- General Lists --- */

.typography ul, 
.typography ol {
	line-height: 1.5em;
	list-style: none;
	font-size: 1.5em;
	margin: 0 0 10px 0;
	padding: 0;
	}

.typography ul li {
	margin: 5px 0;
	background: url(../images/cjr_typography_list_icon.png) no-repeat 0 5px;
	padding: 0 0 0 18px;

} 

.typography li ul {
	font-size: 1em;
	}
	

/*-------------------------------
Header Styles
-------------------------------*/

.typography h1,
.typography h2 {}

.typography h1 {
	font-size: 2.4em;
	}
	
.typography h2 {
	font-weight: normal;
	font-size: 2.6em;
	line-height: 1.2em;
	color: #EF941D;
	padding: 0 0 10px 0;
}

.typography h2 strong {
	background: #FEF7E7;
	font-weight: normal;
}
	
.typography h3 {
	color: #46322f;
	margin: 0 0 10px 0;
	font-weight: normal;
	padding: 0 0 3px 0;
	font-size: 2em;
	background: url(../images/cjr_dashedline.png) repeat-x bottom;
	}

.typography h4 {
	}

.typography h5 {
	font-size: 2em;
	color: #46322f;
	font-weight: normal;
	margin: 0 0 10px 0;
	}

.typography h6 {

	}


/*-------------------------------
Address Styles
-------------------------------*/

.typography pre {
	font-family:"Courier New",Courier;
	display:block;
	font-size:1.2em;
	margin:2em 5em;
	padding:0.5em;
	border:1px #ccc solid;
	background:#eee;;
	}
	
.typography p.message label {
	display: block;
	font-size: 1.5em;
	margin: 25px 0 -15px 0;
	}

.typography q {
	display:block;
	font-size:0.8em;
	margin:1em 1em;
	padding:0.5em;
	border:1px #ccc solid;
	}


/*-------------------------------
Form Styles
-------------------------------*/



/*-------------------------------
Table Styles
-------------------------------*/

.typography table {
	margin: 10px;
	font-size: 1.5em;
	border-collapse: collapse;
}
	
.typography td {
	border: 1px solid #999;
	padding: 5px;
}


/*-------------------------------
Icons
-------------------------------*/

.typography a[href$=".pdf"],
.typography a[href$=".PDF"],
.typography a.pdf {
	padding: 2px 2px 2px 20px;
	background: url(../images/icons/page_white_acrobat.png) no-repeat left center;
	}
	
.typography a[href$=".ppt"],
.typography a[href$=".PPT"],
.typography a.pdf {
	padding: 2px 2px 2px 20px;
	background: url(../images/icons/page_powerpoint.png) no-repeat left center;
	}


.typography a[href$=".doc"],
.typography a[href$=".DOC"],
.typography a.doc {
	padding: 2px 2px 2px 20px;
	background: url(../images/icons/page_word.png) no-repeat left center;
	}
	
.typography a[href$=".xls"],
.typography a[href$=".XLS"],
.typography a.xls {
	padding: 2px 2px 2px 20px;
	background: url(../images/icons/page_excel.png) no-repeat left center;
	}
	
.typography a[href$=".gz"],
.typography a[href$=".GZ"],
.typography a[href$=".gzip"],
.typography a[href$=".GZIP"],
.typography a[href$=".zip"],
.typography a[href$=".ZIP"],
.typography a.archive {
	padding: 2px 2px 2px 20px;
	background: url(../images/icons/page_white_zip.png) no-repeat left center;
	}

.typography a[href$=".exe"],
.typography a[href$=".EXE"],
.typography a.application {
	padding: 2px 2px 2px 20px;
	background: url(../images/icons/application.png) no-repeat left center;
	}


/*-------------------------------
WYSIWYG Alignments
-------------------------------*/



.typography .left {text-align:left;}
.typography .center {text-align:center;}
.typography .right {text-align:right;}

.typography .image img {
	margin: 5px 0 0 0;
	background: #EEE6E0;
	padding: 4px;
	border: 1px #D3D2D0 solid;
}

.typography .right img {float:right; margin-left: 10px;}
.typography .left img {float:left; margin-right: 10px;}
.typography .leftAlone img {float: left; margin-right: 100%;}
.typography .center img {float:none; margin: 0 auto; display:block;}

.typography #latestblogpost .image img {
	width: 100px;
	height: auto;
}

.typography .blogSummary .image img {
	width: 150px;
	height: auto;
}

/*-------------------------------
Extra
-------------------------------*/

.typography p.MsoNormal, .typography p.MsoBodyText {margin: 0;}
.typography #content p.authorDate {color: #444; margin-top: -15px;}