/*	-------------------------------------------------------------
	CSS - MAIN : 	ERIK HASSLE TWITTER DOWNLOAD
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	Filename:		main.css
	Date:			December 21, 2009
	Author:			UMRG New Media
	-------------------------------------------------------------	*/
	
	/*	-----------------------------------------------------------
	body/global/reset Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	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, 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 {
		width:100%;
		line-height:1;
		background:#917148 url(../images/body_bg.jpg) no-repeat top center;
		font:normal 14px Helvetica,Arial,Sans-Serif;
		color:#fff;
	}
	ol, ul {
		list-style:none;
	}
	blockquote, q {
		quotes: none;
	}
	blockquote:before, blockquote:after,
	q:before, q:after {
		content: '';
		content:none;
	}
	
	/* tables still need 'cellspacing="0"' in the markup */
	table {
		border-collapse:collapse;
		border-spacing:0;
	}
	.altText {
		width:0; height:0;
		display:block;
		overflow:hidden;
	}
	.cleaner {
		border:none;
		height:0px;
		margin:0; padding:0;
		background:transparent;
		font-size:1px;
		clear:both;
		overflow:hidden;
	}
	.clearfix:after {
		content: ".";
		height:0;
		display:block;
		line-height:0;
		clear:both;
		visibility:hidden;
	}
	.clearfix {
		display:inline-block;
	}	
	html[xmlns] .clearfix {
		display:block;
	}
	* html .clearfix {
		height:1%;
	}
		
	a {
		text-decoration:none;
	}
	
	/*	-----------------------------------------------------------
		MAIN
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
	#main {
		width:900px; height:774px;
		margin:0 auto;
		background:url(../images/main_bg.jpg) no-repeat 0 0;
	}
	
	/*	-----------------------------------------------------------
		CONTENT
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
	h1 {
		width:900px; height:100px;
		background:url(../images/h1_erik.jpg) no-repeat 0 0;
	}
	
	a.download {
		width:900px; height:43px;
		background:url(../images/downloadHurtful.jpg) no-repeat 0 0;
		display:block;
	}
		
	a.twitterPost {
		width:750px; height:32px;
		margin:0 auto;
		padding:5px 0 0;
		font-size:18px;
		font-weight:bold;
		text-align:center;
		color:#fff;
		display:block;
	}
		a.twitterPost:hover {
			color:#fef5b6;
		}
		a.twitterPost img {
			vertical-align:bottom;
		}
	
	a.buyLink {
		width:900px; height:222px;
		display:block;
	}
	
	ul#siteLinks {
			width:700px; height:40px;
			margin:5px auto 0 auto;
			padding:280px 0 0 30px;
		}
			ul#siteLinks li {
				margin:0 20px;
				display:inline;
				float:left;
			}
				ul#siteLinks li a {
					height:60px;
					display:block;
				}
				ul#siteLinks li#unirep a {
					width:90px; height:40px;
					margin:4px 0 0 100px;
					background:url(../images/linkUnirep.png) no-repeat 0 0;
				}
					ul#siteLinks li#unirep a:hover {
						background-position:0 -59px;
					}
				ul#siteLinks li#erik a {
					width:229px; height:20px;
					margin:15px 0 0;
					background:url(../images/linkErikHassle.png) no-repeat 0 0;
				}
					ul#siteLinks li#erik a:hover {
						background-position:0 -32px;
					}
				ul#siteLinks li#ten a {
					width:76px; height:40px;
					margin:5px 0 0;
					background:url(../images/linkTen.png) no-repeat 0 0;
				}
					ul#siteLinks li#ten a:hover {
						background-position:0 -61px;
					}
		ul#socialLinks {
			width:800px;
			margin:0 auto;
			padding:18px 0 0;
		}
			ul#socialLinks li {
				display:inline;
				float:left;
				margin:0 10px;
			}
				ul#socialLinks li a {
					height:20px;
					display:block;
				}
				ul#socialLinks li#myspace a {
					width:75px; height:20px;
					margin:3px 0 0 100px;
					background:url(../images/linkMySpace.png) no-repeat 0 0;
				}
					ul#socialLinks li#myspace a:hover {
						background-position:0 -32px;
					}
				ul#socialLinks li#facebook a {
					width:75px; height:20px;
					margin:3px 0 0;
					background:url(../images/linkFacebook.png) no-repeat 0 0;
				}
					ul#socialLinks li#facebook a:hover {
						background-position:0 -29px;
					}
				ul#socialLinks li#twitter a {
					width:75px; height:20px;
					margin:3px 0 0;
					background:url(../images/linkTwitter.png) no-repeat 0 0;
				}
					ul#socialLinks li#twitter a:hover {
						background-position:0 -32px;
					}
				ul#socialLinks li#youtube a {
					width:52px; height:20px;
					margin:3px 0 0;
					background:url(../images/linkYouTube.png) no-repeat 0 0;
				}
					ul#socialLinks li#youtube a:hover {
						background-position:0 -31px;
					}
				ul#socialLinks li#buzznet a {
					width:118px; height:12px;
					margin:8px 0 0;
					background:url(../images/linkBuzznet.png) no-repeat 0 0;
				}
					ul#socialLinks li#buzznet a:hover {
						background-position:0 -19px;
					}
				ul#socialLinks li#ilike a {
					width:38px; height:20px;
					margin:5px 0 0;
					background:url(../images/linkiLike.png) no-repeat 0 0;
				}
					ul#socialLinks li#ilike a:hover {
						background-position:0 -29px;
					}
				ul#socialLinks li#lastFM a {
					width:118px; height:20px;
					margin:3px 0 0;
					background:url(../images/linkLastFM.png) no-repeat 0 0;
				}
					ul#socialLinks li#lastFM a:hover {
						background-position:0 -32px;
					}