/*	-------------------------------------------------------------
	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:#000000 url(../images/body2_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:775px;
		margin:0 auto;
		background:url(../images/main_bg.jpg) no-repeat 0 0;
	}
	
	/*	-----------------------------------------------------------
		CONTENT
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
	h1 {
		width:900px; height:136px;
		background:url(../images/h1_violent.jpg) no-repeat 0 0;
	}
	
	a.download {
		width:900px; height:18px;
		background:url(../images/downloadSOS.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:35px;
			margin:5px;
			padding:271px 0 0 37.5%;
		}
			ul#siteLinks li {
				margin:0 20px;
				display:inline;
				float:left;
			}
				ul#siteLinks li a {
					height:20px;
					display:block;
				}
				ul#siteLinks li#unimo a {
					width:198px; height:20px;
					margin:15px 0 0;
					background:url(../images/linkUniMo.png) no-repeat 0 0;
				}
					ul#siteLinks li#unimo a:hover {
						background-position:0 -32px;
					}

		ul#socialLinks {
			width:800px;
			margin:0 auto;
			padding:18px 0 0;
		}
			ul#socialLinks li {
				display:inline;
				float:left;
				margin:0 22px;
			}
				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#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;
					}