/*

HTML Framework 
Version 0.1 Beta, July 14, 2009
Author: JD Graffam, http://jdgraffam.com/
Source: http://htmlframework.com/
Documentation: http://htmlframework.com/documentation.html

*/

/* Accessibility
--------------------------------------------------------- */
#access{
	position:absolute;
	top:-500px;
	text-indent:-65613px;
	padding:0;
	}

	#access:focus{
		text-indent:0;
		color:#FFFFFF;
		background-color: #f36f21;
		text-decoration:none;
		outline:1px dotted #000000;
		padding:5px;
		top:0px;
		left:0px;
		}

a:focus{
	outline:1px dotted;
	overflow:hidden;
	}

/* Typography
--------------------------------------------------------- */
body{
	font-family:Georgia, Cambria, "Times New Roman", Times, serif;
	font-size:11px;
	line-height:20px;
	color: #666666;
	margin: 0;
	padding: 0;
	}
	
	a{
		color: #666666;
		}
	a:hover{
		color: #222222;
		}
	a:active{
		color: #000000;
		}
	a:visit{
		color: #666666;
		}
		
	p{
		margin-bottom: 20px;
		}
	
/* Site Styles
--------------------------------------------------------- */
html{
	background: #ece8d9;
	}
	
	html, body, #content {height: 100%;}
	
	body > #content {height: auto; min-height: 100%;}
	
	#main { padding-bottom: 30px; }  /* must be same height as the footer */
	
	#footer {
	        margin-top: -30px; /* negative value of footer height */
	        height: 30px;
	        clear:both;
	        bottom: 0;
			position: fixed;
			width: 100%;
	        } 
	body{
		background:
		url(i/header-dots.gif) top left no-repeat,
		url(i/header-bkg.gif) top center repeat-x,
		url(i/body-dots.gif) top right no-repeat;
		}
		#content{
			margin: 0 auto;
			width: 1140px;
			}
		#sidebar{
			float: left;
			width: 450px;
			margin-top: -80px;
			}
			#sidebar .from{
				text-align: center;
				font-style: italic;
				font-size: 16px;
				}
				#sidebar .book-img{
					margin: 0 auto;
					display: block;
					}
				#sidebar .order-btn{
					display: block;
					width: 351px;
					height: 76px;
					margin: 60px auto 25px auto;
					background: url(i/order-btn.png) no-repeat;
					background-position: 0 0;
					}
					#sidebar .order-btn:hover{
						background-position: 0px -76px;
						}
					#sidebar .order-btn:active{
						background-position: 0px -152px;
						}
			#sidebar .order{
				text-align: center;
				margin: 15px;
				font-size: 16px;
				}
				#sidebar .order a{
					padding: 0 10px;
					}
		#content h1 a{
			float: right;
			width: 650px;
			margin-right : 40px;
			height: 143px;
			background: url(i/css4pd-header.png) no-repeat left;
			}
		
		#main{
			float: right;
			margin-right: 40px;
			width: 650px;
			font-size: 16px;
			line-height: 24px;
			font-weight: 300;
			}
			#main a{
				color: #e3672a;
				text-decoration: none;
				}
				#main a:hover{
					color: #f37536;
					}
				#main a:active{
					color: #f58047;
					}
				#main a:visit{
					color: #e3672a;
					}	
					
		
	.snipe{
		bottom: 0;
		width: 100%;
		height: 30px;
		line-height: 30px;
		background-color: #000000;
		position: relative;
		}
		.new-logo{
			height: 100px;
			width: 120px;
			display: block;
			position: absolute;
			top: -80px;
			background: url(i/new-riders-logo.png) no-repeat;
			}
		.voices-mark{
			float: right;
			height: 20;
			width: 160px;
			background: url(i/voices-logo.png) no-repeat center;
			margin-right: 20px;
			}
					
		#header .brand,
		#header .accessibility,
		#navigation ul,
		#content .primary,
		#content .misc,
		#footer .copyright,
		#footer .meta{
			overflow:hidden;
			}

			
/* Home Styles
--------------------------------------------------------- */

	.page-template-home-php #main h2{
		display: none;
		}
	.page-template-home-php #sidebar{
		background: url(i/dots.png)	no-repeat bottom center;	 
		}
		
	.page-template-home-php .quotes{
		min-height: 280px;
		margin-bottom: 60px;
		background: url(i/paper.png) no-repeat top center;
		overflow: hidden;
		text-align: center;
		}
		.page-template-home-php .quotes li{
				padding: 60px;
				width: 525px; 
				text-align: center;
			}
		.page-template-home-php .quotes li blockquote{
			font-style: italic;
			color: #e36629;
			font-weight: 100;
			font-size: 24px;
			line-height: 30px;
			}
		.page-template-home-php .quotes li p{
			text-transform: uppercase;
			color: #666666;
			margin: 15px;
			font-size: 14px;
			line-height: 18px;
			}
		.page-template-home-php .quotes li a{
			display: block;
			background-color:#E36629;
			color: #FFFFFF !important;
			padding: 3px;
			margin: 20px auto 0 auto;
			-moz-border-radius: 20px;
			border-radius: 20px; 
			width: 220px;
			}
		.page-template-home-php .quotes li a:hover{
			background-color: #f07330;
			}
		
		.page-template-home-php .quotes li a:active{
			background-color: #ec5913;
			position: relative;
			top: 1px;
			}
		.page-template-home-php #main a:active{
			background-color: #ec5913;
			position: relative;
			top: 1px;
			}
		.page-template-home-php #main blockquote {
			quotes:"\201C""\201D""\2018""\2019";
			}
		.page-template-home-php #main blockquote:before {
				content:open-quote;
				font-size:1.2em;
				line-height:.1em;
				margin-right:.15em;
				}
		.page-template-home-php #main blockquote:after {
				content:close-quote;
				line-height:.1em;
				margin-left:.15em;
				}
			
		.page-template-home-php .title-about{
			background: url(i/about.gif) left center no-repeat;
			height: 30px;
			width: 100%;
			margin-bottom: 30px;
			}
		.page-template-home-php .title-author{
			background: url(i/about-auth.gif) left center no-repeat;
			height: 30px;
			width: 100%;
			margin: 30px 0;			
			}
		.page-template-home-php .title-contents{
			height: 30px;
			width: 100%;
			background: url(i/toc.gif) left center no-repeat;
			margin: 30px 0;			
			}

			.page-template-home-php .ToC:last-child {
				margin-right: 0;
				}
			.page-template-home-php .ToC ul{
				width: 295px;
				float: left;
				margin-right: 30px;
				}
				.page-template-home-php .ToC ul li{
					line-height: 30px;
					border-bottom: 1px solid #cbc9c1;
					}
					.page-template-home-php .ToC ul li:last-child { border-bottom:0px; }



/* Page Styles
--------------------------------------------------------- */
.page-template-default #main{
	padding-top: 60px;
	}
	.page-template-default #main h2{
		font-size: 1.6em;
		font-weight: normal;
		margin-bottom: 20px;
		}
	.page-template-default #main h3{
		font-size: 1.3em;
		font-weight: normal;
		margin-bottom: 20px;
		}
	.page-template-default #main p{
		margin-bottom: 40px;
		}
		
	.page-template-default #main ol{
		list-style-type: decimal;
		margin-bottom:20px;
		margin-left: 20px;
		list-style-position: inside;
		
		}	
		
	.page-template-default #main ul{
		list-style-type: disc;
		margin-bottom:20px;
		margin-left: 20px;
		list-style-position: inside;
		}
		
		.page-template-default #main blockquote {
			margin:1.5em 10px 0 20px;
			padding:.5em 10px;
			quotes:"\201C""\201D""\2018""\2019";
			}
			.page-template-default #main blockquote:before {
				color:#c4bda2;
				content:open-quote;
				font-size:4em;
				line-height:.1em;
				margin-right:.15em;
				vertical-align:-.4em;
				}
			.page-template-default #main blockquote:after {
				color:#c4bda2;
				content:close-quote;
				font-size:4em;
				line-height:.1em;
				margin-left:.15em;
				vertical-align:-.6em;
				}
			.page-template-default #main blockquote p {
				display:inline;
				}
			
			.page-template-default #main cite{
				padding-left:30px;
				display:block;
				margin-bottom:2.5em;
				}


		
		
/* Misc.
--------------------------------------------------------- */	
.ir{
	overflow: hidden;
	text-indent: -9999px;
	}
body #main .post-edit-link{
	display: block;
	background: #f36f21;
	color: #FFFFFF ;
	padding: 5px;
	width: 60px;
	text-align: center;
	margin: 30px 0;
	}

.clearfix:after {content: ".";
        display: block;
        height: 0;
        clear: both;
        visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* Code Samples */
pre {
 white-space: pre-wrap;
 white-space: -moz-pre-wrap;
 white-space: -o-pre-wrap;
 background: #faf8f0;
}
code {
 display: block;
 padding: 0.5em 1em;
 border: 1px solid #bebab0;
}