/* Settlement Perpective CSS - Written by Nathan Ford for Unit Interactive 08/11/08

---------------------------------------------------- globals ----------------------------------------------------

---------- colors --------

blue:		#00abba
lt blue:	#bfeaee
brown:		#58302a
lt grey:	#eee
dk grey:	#666


--------------------------*/

@import "cssReset.css";

body {
	font-size: 62.5%;
	background: #eee;
}

h1, h2, h3 {
	font: normal normal 2.5em/1.2em Palatino, "Palatino Linotype", "Hoefler Text", Times, "Times New Roman", serif;
	color: #58302a;
	margin-bottom: 20px;
}

h1 {
	text-transform: capitalize;
}

h1 em a:link, h1 em a:visited {
	font-size: 12px;
	color: #00abba;
	font-style: normal;
}

h1 em a:hover {
	border-bottom-color: #00abba;
}

h2 {
	font-size: 1.2em;
	color: #666;
	line-height: 1.2em;
}

h3 {
	font-size: 1.6em;
	line-height: 1.0em;
	margin: 0;
}

a:link, a:visited {
	text-decoration: none;
}

a:hover {
	border-bottom: 1px dotted #00abba;
	padding: -1px;
}

a img {
	border: none;
}

p, div.articles h2, h4, div.commentbox label, h5, input, textarea, div.post ul li, div.post ol li, div.post blockquote p {
	font: normal normal 1.2em/1.7em "Helvetica Neue", Arial, Helvetica, sans-serif;
}

p, h4 {
	color: #333;
}

p a:link, p a:visited, h4 a:link, h4 a:visited, div.post ul li a:link, div.post ul li a:visited, div.post ol li a:link, div.post ol li a:visited {
	color: #00abba;
}

div.quotesmain blockquote p, div.sidebar blockquote p, blockquote p {
	font: normal normal 2.1em/1.5em Palatino, "Palatino Linotype", "Hoefler Text", Times, "Times New Roman", serif;
	color: #58302a;
	text-indent: -1.0em;
	overflow: visible;
	margin: 0;
}

blockquote em {
	display: block;
	font-size: 0.8em;
	line-height: 1.2em;
	margin-top: 1.0em;
	text-indent: 0;
}

input, textarea {
	border: 1px solid #00abba;
	background: #eee;
	padding: 2px;
}

cite {
	font-style: normal;
}

.alignleft {
	float: left;
}

.inner {
	width: 990px;
	margin: 0 auto;
}
	

/*---------------------------------------------------- logonav ----------------------------------------------------*/

div.logonav {
	position: relative;
	background: url(../images/browngrad.jpg) no-repeat 250px 0px #000;
	padding-top: 30px;
	height: 240px;
	border-bottom: 6px solid #00abba;
}

	div.logonav .inner {
		position: relative;
	}
	
		#splogo {
			position:absolute;
			top: 33px;
			left: 58px;
		}
		
		#splogo:hover {
			border: none;
		}
		
		#splogo-print {
			display: none;
		}
		
		p.tagline {
			position: absolute;
			padding-bottom: 5px;
			top: 56px;
			.top: 54px; /* to fix IE */
			left: 263px;
			width: 410px;
			font: normal normal 1.5em/1.0em Palatino, "Palatino Linotype", "Hoefler Text", Times, "Times New Roman", serif;
			color: #fff;
		}
		
		div.logonav ul {
			position: absolute;
			right: 23px;
		}
		
			div.logonav li {
				float: left;
				margin-right: 3px;
			}
			
			div.logonav li.last {
				margin-right: 0;
			}
			
				div.logonav li a:link, div.logonav li a:visited {
					font: normal normal 1.4em "Helvetica Neue", Arial, Helvetica, sans-serif;
					color: #fff;
					background: url(../images/navbg.png) repeat-x 0 0;
					height: 50px;
					display: block;
					padding: 54px 12px 0;					
					overflow: hidden;
				}
				
				div.logonav li a:hover {
					background: url(../images/navbg.png) repeat-x 0 -109px;
					border: none;
				}
				
				#blog #nblog, #blog #nblog:hover, #resources #nresources, #resources #nresources:hover, #quotes #nquotes, #quotes #nquotes:hover {
					background: url(../images/navbgon.png) repeat-x 0 0;
					color: #fff;
				}

/*---------------------------------------------------- content ----------------------------------------------------*/

div.content {
	padding-bottom: 30px;
	position: relative;
	width: 990px;
	display: block;
}

/*---------------------------------------------------- sidebar (left) ----------------------------------------------------*/

div.sidebar {
	width: 202px;
	margin: 0 20px;
	display: block;
	position: relative;
	float: left;
	clear: none;
}

	div#langs {
		position: absolute;
		left: 30px;
		z-index: 100;
	}

	a.languages:link, a.languages:visited {
		background: url(../images/arrow.gif) no-repeat 125px 5px #00abba;
		.background-position: 125px 8px; /* to fix IE */
		font: normal normal 1.2em Palatino, "Palatino Linotype", "Hoefler Text", Times, "Times New Roman", serif;
		text-transform: capitalize;
		color: #fff;
		display: block;
		width: 122px;
		padding: 2px 10px;
	}
	
	a.languages:hover {
		background-color: #ccc;
		border: none;
		padding: 2px 10px;
	}
	
	ul.langsbox {
		background: #fff;
		width: 122px;
		padding: 10px;
	}
		
		ul.langsbox li {
			margin-bottom: 10px;
		}
		
		ul.langsbox li a:link, ul.langsbox li a:visited {
			font: normal normal 1.1em "Helvetica Neue", Arial, Helvetica, sans-serif;
			padding: 0 5px;
			margin-left: -5px;
			color: #666;
		}
		
		ul.langsbox li a:hover {
			background: #00abba;
			color: #fff;
		}
	
	div.sidebar blockquote {
		position: relative;
		top: 223px;
		background: url(../images/quotes.jpg) no-repeat center 5px;
		text-align: center;
		display: block;
		width: 202px;
	}
	
	div.sidebar p {
		position: relative;
		font-size: 1.1em;
		color: #666;
		display: block;
		padding-bottom: 15px;
	}
	
	div.sidebar div.hosting {
		margin-top: 500px;
		padding-bottom: 40px;
	}
	
	div.sidebar div.legal {
		border-top: 2px solid #00abba;
		padding: 10px 0 20px;
		width: 202px;
	}

/*---------------------------------------------------- main ----------------------------------------------------*/

div.main {
	position: relative;
	width: 708px;
	min-height: 1570px;
	padding: 30px 20px;
	margin: -139px 0 10px;
	background: #fff;
	display: block;
	clear: none;
	float: left;
}
	

/*---------------------------------------------------- articles ----------------------------------------------------*/

div.articles {
	float: left;
	width: 465px;
	display: block;
	margin-right: 20px;
}

	div.post {
		padding-bottom: 30px;
	}
		
		h1 a:link, h1 a:visited {
			color: #58302a;
		}
		
		h1 a:hover {
			border-bottom: 1px dotted #58302a;
			padding-bottom: -1px;
		}
		
		div.post h1 {
			margin-bottom: 12px;
		}
		
		div.post a img {
			border: none;
			display: block;
			margin: 8px 0 20px;
		}
		
		div.post p, h4 {
			padding-bottom: 15px;
		}
		
		div.post ul {
			margin: 0 0 20px 33px;
			list-style: url(../images/bluedot.gif) outside;
		}
		
			div.post ul li, div.post ol li {
				color: #333;
				margin-bottom: 10px;
			}
			
		div.post ol, div.post li ul {
			margin: 0 0 20px 33px;
			list-style: decimal outside;
		}
		
			div.post li ul {
				color: #666;
				margin-bottom: 10px;
			}
		
			div.post li ul {
				margin: 10px 0 0 0;
				list-style: none;
			}
			
				div.post li ul li {
					border-left: 3px solid #eee;
					padding-left: 10px;
					display: block;
					font-size: 0.9em;
				}
		
		div.post h4 {
			font-size: 1.2em;
		}
		
		div.post h3 { 
			margin:10px 0;
		}
		
		div.post p.postcat {
			color: #999;
		}
	
		div.post h2 {
			border-top: 2px solid #bfeaee;
			width: 465px;
			display: block;
		}
		
		div.post blockquote p {
			padding-left: 30px;
			font-style: italic;
			font-size: 1.3em;
			text-indent: 0;
		}
		
		div.post h2 a:link, div.post h2 a:visited {
			border-top: 2px solid #00abba;
			margin-top: -2px;
			color: #00abba;
			float: right;
		}
		
		div.recenter p, div.recentest p {
			font-size: 1.3em;
		}
		
		div.recenter h4 {
			font-size: 1.3em;
		}
		
		div.post h3 a:link, div.post h3 a:visited, div.post h4 a:link, div.post h4 a:visited {
			color: #00abba;
		}
		
		div.recenter h1 {
			font-size: 3.2em;
		}
		
		div.recentest h1 {
			font-size: 4.0em;
		}
		
		div.recentest h2 {
			border: none;
			background: #bfeaee;
			padding: 2px 0 2px 10px;
			width: 455px;
			display: block;
			margin-bottom: 35px;
		}
		
		div.recentest h2 a:link, div.recentest h2 a:visited {
			border: none;
			background: #00abba;
			color: #fff;
			padding: 2px 10px;
			margin: -2px 0;
		}
		
		div.recentest h2 a:hover {
			border: none;
			background: #fff;
			color: #00abba;
		}
				
		div.recentest h4 {
			font-size: 1.6em;
			line-height: 1.6em;
		}

p.postfooter {
	padding: 10px 0;
	border-top: 1px solid #ccc;
	margin-top: 10px;
}

	p.postfooter em {
		font-size: 1.0em;
	}
		
/*---------------------------------------------------- mainsidebar ----------------------------------------------------*/

div.mainsidebar {
	float: left;
	width: 223px;
	display: block;
}

	div.about, div.newslettersignup {
		background: #00abba;
		padding: 10px;
		width: 200px;
		margin-bottom: 47px;
	}
	
	div.long {
		height: 462px;
	}
	
		div.about h2, div.newslettersignup h2 {
			font-size: 1.6em;
			line-height: 1.4em;
			color: #333;
			margin-bottom: 21px;
		}
		
			div.about a:link, div.about a:visited { 
				color: #fff;
			}
			
			div.about a:hover {
				border-bottom-color: #fff;
			}
			
		div.about p, div.newslettersignup p {
			font-size: 1.1em;
			line-height: 1.9em;
			color: #333;
			display: block;
			padding-bottom: 10px;
		}
		
		a.email:link, a.email:visited {
			font-size: 1.4em;
		}
	
	ul.categories, ul.selected, ul.bookmarks {
		border-top: 2px solid #00abba;
		padding-top: 20px;
		margin: 10px 0 40px;
	}
	
		ul.categories li {
			float: left;
			margin: 0 10px 10px 0;
			width: 100px;
		}
		
		ul.categories li.alt {
			margin-right: 0;
		}
		
		ul.categories li a:link, ul.categories li a:visited {
			color: #00abba;
			font: normal bold 1.2em/1.5em "Helvetica Neue", Arial, Helvetica, sans-serif;
		}
	
	div.newslettersignup {
		background: #bfeaee;
	}
		
		div.newslettersignup h2 {
			margin-bottom: 10px;
		}
		
		div.newslettersignup input {
			position: relative;
			width: 135px;
			float: left;
		}
		
		div.newslettersignup input#email {
			color: #999;
			background: #fff !important;
			.padding: 2px 2px 8px 2px; /* to fix IE */
		}
		
		div.newslettersignup input#shady {
			display: none;
		}
				
		div.newslettersignup input#submit {
			width: 50px;
			color: #fff;
			background: #00abba;
			margin: 0 0 0 7px;
			padding: 1px 2px;
			text-align: center;
			cursor: hand; cursor: pointer;
		}
		
			div.newslettersignup input#submit:hover {
				border: 1px solid #00abba;
				color: #00abba;
				background: #eee;
			}
			
	div.mainsidebar input#s {
		width: 215px;
		margin: 10px 0 40px;
	}
	
	ul.selected {
		margin-bottom: 20px;
		padding-bottom: 10px;
		border-bottom: 1px solid #ccc;
	}
	
	ul.selected li {
		margin-bottom: 20px;
	}
		
		ul.selected li a:link, ul.selected li a:visited {
			color: #00abba;
			font: normal normal 1.5em/1.2em "Helvetica Neue", Arial, Helvetica, sans-serif;
		}
	
	ul.bookmarks {
		margin-bottom: 40px;
	}
	
	ul.bookmarks li {
		margin-bottom: 20px;
	}
		
		ul.bookmarks li a:link, ul.bookmarks li a:visited {
			color: #00abba;
			font: normal normal 1.2em/1.0em "Helvetica Neue", Arial, Helvetica, sans-serif;
			padding: 0 0 3px 25px;
		}
		
		#spmark {
			background: url(../images/sp.gif) no-repeat left top;
		}
		
		#delmark {
			background: url(../images/delicious.gif) no-repeat left top;
		}
	
	p.rss {
		background: url(../images/rss.gif) no-repeat;
		color: #00abba;
		font: normal normal 1.2em/1.0em "Helvetica Neue", Arial, Helvetica, sans-serif;
		padding:0 0 5px 20px;
		display: block;
		overflow: visible;
		width: 150px;
	}
	
	ul.modules {
		margin-top: 40px;
		background: #eee;
		padding: 10px 0;
	}
	
	li.module {
		display: block;
		margin: 0;
		text-align: center;
		padding: 10px 0;
		width: 100%;
	}
	
	li.module a:hover {
		border-bottom: none;
	}
	
a.jdbutton {
	height: 61px;
	display: block;
	width: 173px;
	overflow: hidden;
	text-indent: -5000px;
	background: url(../images/button-jd.png) no-repeat 0 0;
}

a.jdbutton:hover {
	background-position: 0 -61px;
	border: none;
}

p.business {
	margin-top: 20px;
	padding-top: 10px;
	border-top: 1px solid #04909e;
}
	
/*---------------------------------------------------- footer ----------------------------------------------------*/

div.footer {
	display: block;
	clear: both;
}

	div.footer p {
		color: #666;
		float: right;
		margin-right: 20px;
	}
	
/*---------------------------------------------------- resources styles ----------------------------------------------------*/

#resources h1 {
	font-size: 4.8em;
	margin-bottom: 40px;
}

#resources div.articles h3 span {
	text-decoration: none;
}

#resources div.articles h3 a:link, #resources div.articles h3 a:visited {
	display: block;
	width: 465px;
	text-decoration: none;
	border-bottom: 2px solid #eee;
	padding-bottom: 10px;
	margin: 15px 0 -5px;
	color: #58302a;
	font-size: 0.8em;
}

#resources div.articles h3 a:hover {
	color: #666;
}

/*---------------------------------------------------- quotes styles ----------------------------------------------------*/

#quotes h1 {
	font-size: 4.8em;
	margin-bottom: 40px;
}

div.quotesmain {
	padding-top: 20px;
}

	div.quotesmain blockquote {	
		margin-bottom: 20px;
	}
	
		div.quotesmain blockquote p {
			font-size: 1.8em;
			text-indent: -10px;
		}
		
		div.quotesmain blockquote em {
			font-size: 0.8em;
			font-style: normal;
			color: #666;
		}

/*---------------------------------------------------- about styles ----------------------------------------------------*/

.aboutpage div.prev h1 {
	font-size: 4.8em;
	margin-bottom: 40px;
}

/*---------------------------------------------------- admin links ----------------------------------------------------*/

#dashboard {
	padding: 10px;
	background: #eee;
	width: 200px;
	margin: -35px 0 40px;
}

#dashboard ul {
	margin-top: 10px;
}
	
	#dashboard li {
		margin-bottom: 7px;
	}
	
	#dashboard li a:link, #dashboard li a:visited {
		color: #00abba;
		font: normal normal 1.2em/1.0em "Helvetica Neue", Arial, Helvetica, sans-serif;
	}

/*-------------------------------------------------- Comments --------------------------------------------------*/

div.comments h3 {
	font-size: 2.0em;
	display: block;
	margin-bottom: 20px;
	width: 465px;
	border-bottom: 2px solid #eee;
	padding-bottom: 10px; 
}

	div.comment {
		padding: 5px 10px;
		width: 445px;
		margin-bottom: 10px;
	}
	
	div.admin1 {
		border-bottom: 5px solid #ddd;
		border-right: 5px solid #ddd;
		width: 440px;
	}
	
	div.comment h5 {
		font-size: 1.4em;
		color: #666;
		padding-bottom: 10px;
	}
	
	div.comment h5 a:link, div.comment h5 a:visited {
		color: #00abba;
	}
	
		div.comment h5 span {
			font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
			font-size: .8em;
		}
		
	div.comment p, div.comment ol, div.comment ul, div.comment h1, div.comment h2, div.comment h3, div.comment h4 {
		font-size: 1.2em;
		padding-bottom: 10px;
	}
	
	div.commentStripe {
		background: #f6f6f6;
	}
	
	div.comment ol, div.comment ul, div.comment h1, div.comment h2, div.comment h3, div.comment h4 {
		font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
		color: #666;
		line-height: 1.4em;
	}
	
	div.comment ol, div.comment ul {
		padding-left: 0;
		margin: 0 0 3px 35px;
		line-height: 1.8em;
	}
	
	div.comment blockquote {
		padding: 4px 0 0 35px;
		display: block;
		margin: 5px 0 5px 0;
		font-style: italic;
	}

div.commentbox {
	width: 465px;
	display: block;
	margin-top: 40px;
	padding-top:10px;
	border-top: 2px solid #00abba;
}
	
	div.commentbox h3 {
		font-size: 2.0em;
		display: block;
		margin-bottom: 20px;
	}
	
	div.commentbox ol li {
		margin-top: 15px;
	}
	
	div.commentbox label {
		color: #999;
	}
	
	div.commentbox input, div.commentbox textarea {
		width: 459px;
		padding: 2px;
		font-size: 1.2em;
		color: #666;
		background: #eee;
		border: 1px solid #00abba;
		margin-top: 5px;
	}
	
	div.commentbox input#button {
		width: 202px;
		background: #00abba;
		color: #fff;
		cursor: hand; cursor: pointer;
	}
		
		div.commentbox input#button:hover {
			border: 1px solid #00abba;
			color: #00abba;
			background: #eee;
		}