/* CSS RESET FROM ERIC MEYER. LOVE THAT BRO. v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	background: #FFF;
	line-height: 1;
}
ol, ul {
	list-style: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/*** BEGIN GLOBAL STYLES ***/
body {
	color: #666;
	font-family: "ff-dagny-web-pro-1","ff-dagny-web-pro-2", Lucida Grande, Helvetica, Arial, Sans-Serif;
	font-size: 12px;
	height: 100%;
}

.container {
	height: 100%;
	margin: 0 auto;
	width: 900px;
}

/*** HEADER ***/
.header {
	border-bottom: 4px solid #adadad;
	height: 68px;
	width: 900px;
}
h1 {
	margin: 30px 0 0 0;
}
h1 a {
	background: url(images/header.gif) 0 0 no-repeat;
	display: block;
	height: 0;
	overflow: hidden;
	padding: 25px 0 0 0;
	width: 211px;
}
h1 a:link { }
h1 a:visited {}
h1 a:hover { background-position: 0 -25px; }
h1 a:active { }

.header-bloginfo {
	display: block;
	float: left;
	font-family: "ff-tisa-web-pro-1","ff-tisa-web-pro-2", Georgia, Serif;
	font-size: 18px;
	font-style: italic;
	font-weight: normal;
	margin: 10px 0 0 0;
}

/*** BEGIN MAIN NAVIGATION ***/
.nav-main ul {
	float: right;
	height: 30px;
	margin: 6px 20px 0 0;
	width: 270px;
}
.nav-main li {
	float: left;
}
	.nav-main li a {
		display: block;
		padding: 30px 0 0 0;
		height: 0;
		overflow: hidden;
	}
	
	#nav-all a { background: url(images/nav-all.gif) 0 0 no-repeat; width: 43px; }
	#nav-all a:link { background-position: 0 0; }
	#nav-all a:visited { background-position: 0 0; }
	#nav-all a:hover { background-position: 0 -30px; }
	#nav-all a:active { background-position: 0 -30px; }

	#nav-contribute a { background: url(images/nav-contribute.gif) 0 0 no-repeat; width: 89px; }
	#nav-contribute a:link { background-position: 0 0; }
	#nav-contribute a:visited { background-position: 0 0; }
	#nav-contribute a:hover { background-position: 0 -30px; }
	#nav-contribute a:active { background-position: 0 -30px; }

	#nav-about a { background: url(images/nav-about.gif) 0 0 no-repeat; width: 57px; }
	#nav-about a:link { background-position: 0 0; }
	#nav-about a:visited { background-position: 0 0; }
	#nav-about a:hover { background-position: 0 -30px; }
	#nav-about a:active { background-position: 0 -30px; }


/*** BEGIN CONTRIBUTOR NAVIGATION ***/
.nav-talker {
	border-bottom: 1px solid #adadad;
	float: left;
	height: 68px;
	margin: 0 0 10px 0;
	width: 900px;
}
	.nav-talker-current {
		float: left;
		width: 500px;
	}
	.nav-talker-prev {
		float: right;
		width: 140px;
	}
	.nav-talker-next {
		float: right;
		margin-right: 10px;
		width: 140px;
	}
	
	.nav-talker h3 {
		color: #5dc20e;
		font-size: 10px;
		letter-spacing: 1px;
		text-transform: uppercase;
		margin: 10px 0 8px 0;
		padding: 10px 0 0 10px;
	}
		
	.nav-talker p {
		font-family: "ff-tisa-web-pro-1","ff-tisa-web-pro-2", Georgia, Serif;
		font-size: 11px;
		padding: 0 0 0 10px;
	}
	
	.nav-talker a {
		color: #666;
		display: block;
		font-family: "ff-tisa-web-pro-1","ff-tisa-web-pro-2", Georgia, Serif;
		height: 24px;
		padding: 30px 0 0 10px;
		margin: -30px 0 0 0;
		text-decoration: none;
		width: 130px;
	}
	
	.nav-talker a:link { }
	.nav-talker a:visited { }
	.nav-talker a:hover {
		background-color: #eef9e6;
		color: #5dc20e;
	}
	.nav-talker a:active { }
	
	.nav-talker-current { margin: 0 0 0 -10px; }

/*** BEGIN SEARCH BOX ***/
.search {
	font-family: "ff-dagny-web-pro-1","ff-dagny-web-pro-2", Lucida Grande, Helvetica, Sans-Serif;
	float: right;
	width: 280px;
}
.search-title {
	display: block;
	float: left;
	margin: 14px 0 -16px -10px;
}
#searchsubmit {
	background-color: #f0f0f0;
	border: 1px solid #adadad;
	display: block;
	float: left;
	height: 20px;
	margin: 20px 0 0 8px;
	width: 40px;
}

#searchbox {
	border: 1px solid #adadad;
	clear: left;
	display: block;
	float: left;
	height: 16px;
	margin: 20px 0 0 0;
	width: 180px;
}

/*** BEGIN CONTRIBUTOR CONTENT ***/
.talker {
	border-bottom: 1px solid #adadad;
	float: left;
	height: 504px;
	margin-bottom: 16px;
	width: 900px;
}
	.talker-video {
		float: left;
		height: 484px;
		width: 612px;
	}
	.talker-info {
		float: right;
		height: 484px;
		line-height: 18px;
		position: relative;
		width: 280px;
	}
		/*
		.talker-info h3 {
			background: url(images/carlos-segura.gif) 0 0 no-repeat;
			display: block;
			height: 0;
			text-indent: -9999px;
			margin: 30px 0 -10px 0;
			padding: 22px 0 0 0;
			overflow: hidden;
			width: 176px;
		}
		*/
		.talker-info h3 {
			font-size: 18px;
			font-weight: bold;
			margin: 30px 0 -10px 0;
		}
		.talker-info strong {
			color: #5dc20e;
			display: block;
			font-family: "ff-tisa-web-pro-1","ff-tisa-web-pro-2", Georgia, Serif;
			font-size: 11px;
			font-weight: normal;
			letter-spacing: 3px;
			margin: 20px 0 6px 0;
			text-transform: uppercase;
		}
		
		.talker-info em {
			color: #999;
			font-size: 9px;
		}
		
		.talker-info a { padding: 2px; margin: 0 -2px 0 -2px; text-decoration: none; }
		.talker-info a:link { color: #5dc20e; }
		.talker-info a:visited { color: #5dc20e; }
		.talker-info a:hover { background-color: #5dc20e; color: #FFF; }
		.talker-info a:active { color: #5dc20e; }
		
	#HOW-trophy {
		bottom: 0;
		right: 0;
		position: absolute;
	}

	
/*** BEGIN QUOTE ***/
.quote {
	border-bottom: 1px solid #adadad;
	float: left;
	font-family: "ff-tisa-web-pro-1","ff-tisa-web-pro-2", Georgia, Serif;
	height: auto;
	margin: 0 0 10px 0;
	padding: 0 0 20px 0;
	width: 900px;
}
	.quote blockquote {
		font-size: 36px;
		font-style: italic;
		font-weight: normal;
		letter-spacing: 0;
		line-height: 44px;
		margin: 0 0 0 0;
		quotes: "\201C" "\201D";
		text-indent: -0.5em;
	}
		.quote blockquote:before {
			content: "\201C";
			margin: 0 -0.1em 0 0;
		}
		.quote blockquote:after {
			content: "\201D";
			margin: 0 0 0 -0.2em;
		}

/*** BEGIN POSTED ***/
.posted {
	line-height: 14px;
	margin: 0 0 10px 0;
	padding-top: 10px;
	width: 612px;
}

	.posted a { padding: 2px; margin: 0 -2px 0 -2px; text-decoration: none; }
	.posted a:link { color: #5dc20e; }
	.posted a:visited { color: #5dc20e; }
	.posted a:hover { background-color: #5dc20e; color: #FFF; }
	.posted a:active { color: #5dc20e; }

/*** BEGIN COMMENTS ***/
.comments {
	clear: right;
	float: left;
	line-height: 18px;
	margin: 10px 0 20px 0;
	padding-top: 10px;
	width: 612px;
}

	.comment {
		padding: 0 0 0 0;
	}
	.comments h3 {
		display: block;
		clear: left;
	}
	#show-love {
		background: url(images/show-love.gif) 0 0 no-repeat;
		display: block;
		float: left;
		height: 16px;
		margin: 0 0 10px 0;
		text-indent: -9999px;
		width: 100px;
	}
	#comments-head {
		margin: 0 0 10px 0;
	}

	.comments a { padding: 2px; text-decoration: none; }
	.comments a:link { color: #5dc20e; }
	.comments a:visited { color: #5dc20e; }
	.comments a:hover { background-color: #5dc20e; color: #FFF; }
	.comments a:active { color: #5dc20e; }
	
	.vcard img {
		border: 1px solid #adadad;
		float: left;
		margin: 0 20px 10px -70px;
	}
	
	.comment-name {
		font-size: 11px;
		font-style: normal;
		font-weight: bold;
		margin: 0 0 0 -2px;
	}
	
	.comment-time {
		display: block;
		font-family: "ff-tisa-web-pro-1","ff-tisa-web-pro-2", Georgia, Serif;
		font-size: 11px;
		margin: 0 0 10px 0;
	}
	
	.commentlist p {
		display: block;
		margin: 0 0 10px 0;
		padding: 0 0 0 0;
		width: 504px;
	}
	
	.comments input {
		border: 1px solid #adadad;
		margin-bottom: 10px;
		padding: 3px;
		width: 200px;

	}
	
	.comments textarea {
		border: 1px solid #adadad;
		margin-bottom: 10px;
		padding: 3px;
		width: 572px;
	}
	
		/* If I want alternating colors
		.thread-odd {
			background-color: #eef9e6;
		}
		*/
		
	.comment-body {
		border-bottom: 1px solid #CCC;
		margin: 0 0 20px 70px;
		padding: 0 0 10px 0;
		width: 504px;
	}
	.comment-text p {
		margin: 0 0 10px 0;
	}
	
	#respond h3 {
		font-size: 14px;
		margin: 20px 0 10px 0;
	}
	
/*** BEGIN SHARE ***/
.share {
	float: right;
	margin: 18px 0 0 0;
	width: 280px;
}
	#pie-others {
		background: url(images/pie-others.gif) 0 0 no-repeat;
		display: block;
		clear: right;
		float: left;
		height: 17px;
		margin: 0 0 10px 0;
		text-indent: -9999px;
		width: 98px;
	}
	#share-fb {
		clear: left;
		display: block;
	}
	#share-twitter {
		margin: 10px 0 0 0;
	}
	
/*** BEGIN BASIC PAGE ***/
.page {
	width: 900px;
}

/*** PAGE : INDEX ***/
.home-preview {
	margin: 10px 0 0 0;
}
.home-more {
	border-top: 1px solid #adadad;
	float: left;
	margin: 10px 0 0 0;
	width: 900px;
}
	.home-more-title {
		float: left;
		height: 68px;
		margin: 0 0 10px 0;
		width: 900px;
	}
	.home-more-title h3 {
		color: #5dc20e;
		font-size: 10px;
		letter-spacing: 1px;
		text-transform: uppercase;
		margin: 10px 0 8px 0;
		padding: 10px 0 0 10px;
	}
		
	.home-more-title p {
		font-family: "ff-tisa-web-pro-1","ff-tisa-web-pro-2", Georgia, Serif;
		font-size: 11px;
		padding: 0 0 0 10px;
	}
	
	.home-more-title a {
		color: #5dc20e;
		padding: 2px;
		margin-left: -2px;
		text-decoration: none;
	}

	.home-more-title a:link { }
	.home-more-title a:visited { color: #5dc20e; }
	.home-more-title a:hover { background-color: #5dc20e; color: #FFF; }
	.home-more-title a:active { color: #5dc20e; }

/*** PAGE : ALL ***/
#content-all {
	float: left;
	height: 100%;
	margin: 20px 0 0 0;
	width: 900px;
}
.all-entry {
	float: left;
	height: 250px;
	line-height: 14px;
	margin: 0 0 20px 0;
	width: 225px;
}
	.all-entry-home {
		height: 210px;
		margin: 0;
	}
	.all-entry h2 {
		display: block;
		float: left;
		font-family: "ff-tisa-web-pro-1","ff-tisa-web-pro-2", Georgia, Serif;
		font-size: 14px;
		font-weight: normal;
		font-style: italic;
		margin: 0 0 0 -2px;
	}
	.all-entry blockquote {
		display: block;
		float: left;
		quotes: "\201C" "\201D";
		padding: 0 0 0 -0.5em;
		text-indent: -0.45em;
	}
		.all-entry blockquote:before { content: "\201C"; margin: 0 -0.2em 0 0; }
 		.all-entry blockquote:after { content: "\201D"; margin: 0 0 0 -0.1em; }
 		
.all-entry-time {
	clear: left;
	float: right;
}
.all-entry-info {
	clear: both;
	display: block;
	float: left;
	padding: 0 10px 0 10px;
}
	.all-entry-info a {
		color: #5dc20e;
		padding: 2px;
		text-decoration: none;
	}

	.all-entry-info a:link { }
	.all-entry-info a:visited { color: #5dc20e; }
	.all-entry-info a:hover { background-color: #5dc20e; color: #FFF; }
	.all-entry-info a:active { color: #5dc20e; }
	
	.all-entry-quote {
		float: left;
		clear: both;
		margin: 10px 0 10px 0;
	}
	.all-entry-love {
		clear: left;
		margin: 4px 0 0 -2px;
	}

/*** PAGE : ABOUT ***/
#content-about img {
	margin: 20px 0 0 0;
}

/*** PAGE : COMPLETE ***/
.complete-entry {
	float: left;
	height: 110px;
	padding: 20px;
	margin: 0 0 20px 0;
	width: 260px;
}
	.complete-entry h2 {
		color: #5dc20e;
		font-size: 16px;
	}
	.complete-entry:hover {
		background-color: #eef9e6;
	}
.complete-title {
	font-size: 11px;
	margin: 4px 0 0 0;
}
.complete-quote {
	font-family: "ff-tisa-web-pro-1","ff-tisa-web-pro-2", Georgia, Serif;
	font-size: 16px;
	font-style: italic;
	line-height: 20px;
	margin: 10px 0 0 0;
}

/*** BEGIN FOOTER ***/
.footer {
	border-top: 1px solid #adadad;
	float: left;
	font-size: 9px;
	margin: 20px 0 20px 0;
	padding: 10px 0 20px 0;
	width: 900px;
}
	.footer a { padding: 2px; margin: 0 -2px 0 -2px; text-decoration: none; }
	.footer a:link { color: #5dc20e; }
	.footer a:visited { color: #5dc20e; }
	.footer a:hover { background-color: #5dc20e; color: #FFF; }
	.footer a:active { color: #5dc20e; }
	
	.footer img {
		margin: 0 0 -2px 0;
	}
	
	.footer p { margin: 8px 0 0 0; }