/*
 * http://twiteye.com
 * 
 * by Ambient Age, 2009 (www.ambientage.com) 
 * Author www.davidkelly.ie (@davkell)
 * 
 * 
 */

/**
 * Resets 
 */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var, 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-weight: inherit;	font-style: inherit; font-size: 100%; font-family: inherit;	vertical-align: baseline;
}
:focus {outline: 0;}

/**
 * Elements
 */
	body{font-family: helvetica, arial, sans-serif; font-size: .88em; line-height: 1.6em;}
	p{margin-bottom: 1em; line-height: 1.9em;}

	a:link{color: #333; }
	a:visited{color: #333;}
	a:hover{color: #999;}
	a:active{color: #999;}
/**
 * Generic classes
 */
	span.alt-text{display: none;}
	.noScript{width: 800px; border: 1px dotted #ff80c0; background-color: #ffecf5; padding: 5px 20px; text-align: center; margin: 20px 0px 0 0;}
	.left{float: left;} 
	.error{width: 75%; text-align: center; padding: 3px 0; background-color: #ffd2e9; border: 1px dotted #ff62b0; margin:5px;}
 /**
  * Layouts
  */
 body{background: url('../images/bg-body.jpg') repeat-x top;}
 
 
 #container{width: 960px; min-height: 650px; margin: 20px auto 0 auto; }
 	
 	#header{width: 100%; margin: 0px auto; height: 159px;}
		#main-logo{float: left; margin-top: 0; width: 500px;}
                     #facebook-like{width: 100%; float: left; clear: both; margin-top: 40px;}
		#logo{width: 449px; margin: 70px 0 0 0; float: right; }
			
 	#wrapper{width: 100%; float: left; margin: 0px 0 2em 0; clear: both; min-height: 600px;}	

 #footer{width: 100%; height: 148px; clear: both; background: url('../images/bg-footer.jpg') repeat-x; margin-top: 2em;}
	#footer-wrapper{width: 1000px; margin: 1em auto 0 auto;}
		#ambientage{margin-top: 20px;}
		#footer-wrapper #foot-about{float: left; width: 500px; font-size: .85em; margin-top: 20px; color: #333; }
			#foot-about p{margin: 2em 0 0 0; font-size: 1.2em;}
		#footer-wrapper #ambientage{width: 400px; float: right; text-align: right; }
			.fine-print{font-size: .8em; margin-bottom: 20px;}
	#footer a:link{color: #fff; font-weight: bold;}
	#footer a:visited{color: #fff;}
	#footer a:hover{color: #333;}
	#footer a:active{color: #333;}
	
 /**
  * Homepage
  */
 	div#home-panel{width: 960px; height: 347px; background: #fff url('../images/bg-content-bottom.jpg') no-repeat bottom; float: left;}
 	div#home-panel-lower{width: 960px; margin: 30px 0 0 0; padding: 0; float: left; font-size: .9em;}
		div#home-panel-lower h2{margin-bottom: 10px;}
		#home-tags{width: 460px; float: left; clear: both; min-height: 100px;}
		#home-feedback{width: 460px; float: left; clear: both; }
			div.this-is-what-i-think{line-height: 22px;}
				div.this-is-what-i-think div{display: inline; }
					div.this-is-what-i-think div label{margin-bottom: 10px;}
					.funkyText{background: #efefef; border: 0 none; color: #777; padding: 2px 0;}
					.funkyTextFocus{background-color: #fefefe; border: 1px solid #ccc; padding: 2px 0;}
					input{-moz-border-radius: 3px; -webkit-border-radius: 2px;}
					input#tellme{width: 170px; background-color: #7FBC1E; color: #fff; border: 1px solid #333; padding: 3px 0; cursor: pointer;}
					input#tellme:hover{background-color: #689818; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc;}
					
		#home-blurb{width: 460px; float: right; }
			#home-blurb h3{margin-top: 30px;}
	
	div#home-display{width: 900px; height: 240px; overflow: hidden; float: left; margin: 40px 0 0 60px;}
	div.display-row{width: 960px; height: 240px; float: left; overflow: hidden;}
		div.list-block{width: 200px; height: 150px; float: left; margin: 20px; padding: 20px 20px 0 20px; background-color: #efefef; border: 2px solid #dbdbdb; line-height: 1.3em;}
			.list-block .mug{float: left; width: 36px; height: 36px;}
				.mug img{width: 36px; height: 36px; }
			.list-block .tweet{float: right; font-size: .8em; width: 140px; min-height: 80px;}
			.list-block .link-block{width: 200px; float: left; clear: both; background-color: #333; color: #fff; padding: 5px}
				.link-block a:link{font-size: .8em; color: #fff; text-decoration: none; line-height: 1em;}
				.link-block a:visited{font-size: .8em; color: #fff; text-decoration: none;}
				.link-block a:hover{font-size: .8em; color: #fff; text-decoration: underline;}
				.link-block a:active{font-size: .8em; color: #fff; text-decoration: underline;}
				a.expand-link{float: right; text-align: right;}
		
		
		#next-button{width: 42px; height: 37px; margin: 20px 0 0 468px; float: left;}