.clear {display: block; clear: both;}
.left {float: left;}
.right {float: right;}


body { 
    font-family: Arial, Times, serif, Helvetica;
    color: #000;
    text-align: center;
    background-color: #263a4c;
    margin: 0;
    padding: 0;
}
    
#container {
    width: 960px;
    height: 950px;
    margin: 0 auto;
    text-align: left;
    background: #263a4c url(/images/css/container-bg.png) no-repeat scroll 0 0;
    padding-top: 24px;
}

#header { 
	margin-left: 260px; 
}

#footer {
	width: 701px;
	height: 123px;
	margin: -35px 0 0 0;
	text-align: center;
    background: transparent url(/images/css/footer.png) no-repeat scroll 0 0;
}
#footer ul {
	font-size: 12px;
	line-height: 20px;
	position: absolute;
	bottom: 12px;
	left: 218px;
	width: 460px;
    list-style: none;
    margin: 40px auto 0 auto;
    padding: 0;
}
#footer li a {
	color: #000;
	text-decoration: none;
}
#footer li a:Hover {
	text-decoration: underline;
}

#content{
    position: relative;
    width: 702px;
    background: transparent url(/images/css/content-bg.png) no-repeat scroll 0 0;
    margin: 0 0 0 90px;
	text-align: center;
}

#socialLogin {
	position: absolute;
	top: 0;
	width: 512px;
	height: 148px;
	margin-left: 166px;
	background-color: transparent;
}
#socialLogin p{
	float: left;
	width: 370px;
	margin: 30px 0 0 0;
	text-align: left;
}
#twLogin a, #twAuth a{
	float: right;
	width: 117px;
	height: 150px;
	margin: 14px 0 0 0;
    background: transparent url(/images/css/twlogin-bg.png) no-repeat scroll 0 0;
}
#twAuth a { background: transparent url(/images/css/twauth-bg.png) no-repeat scroll 0 0; }
#twLogin a:hover, #twAuth a:hover {background-position: -117px 0px; cursor: pointer;}

.artists { 
	display: inline-block;
	position: relative; 
	width: 221px;
}

.mathew {
	display: block;
	height: 448px;
	margin: 136px 0 0 0px;
    background: transparent url(/images/css/mathew-bg.png) no-repeat scroll 0 0;
}
.mathew:hover { background-position: -221px 0; }
.marc {
	display: block;
	height: 435px;
	margin: 155px 0 0 0px;
    background: transparent url(/images/css/marc-bg.png) no-repeat scroll 0 0;
}
.marc:hover { background-position: -221px 0; }
.danny {
	display: block;
	height: 416px;
	margin: 174px 0 0 0;
    background: transparent url(/images/css/danny-bg.png) no-repeat scroll 0 0;
}
.danny:hover { background-position: -221px 0; }

.itunes { 
	position: absolute;
	bottom: 16px;
	left: 15px;
	width: 191px; 
	background: transparent url(/images/css/itunes-bg.png) no-repeat scroll 0 0;
	z-index: 10;
}

.mathewItunes { 
	height: 100px; 
	background-position: 0 0; 
}
.mathewItunes:hover {
	background-position: -191px 0px;
}
.marcItunes {
	height: 106px; 
	background-position: 0 -101px; 
}
.marcItunes:hover { 
	background-position: -191px -101px; 
}
.dannyItunes {	
	height: 108px; 
	background-position: 0 -208px; 
}
.dannyItunes:hover { 
	background-position: -191px -208px; 
}

#socialForm, .thanks {
	position: absolute;
	top: 36px;
	width: 536px;
	height: 148px;
	margin-left: 136px;
    background: transparent url(/images/css/twpost-bg.png) no-repeat 0 0;
}
.thanks { background-image: none; text-align: center; font-size: 24px; margin: 0; width: 100%; }
#socialForm ul { list-style: none; padding: 0; margin: 0; }
#socialForm ul li { text-align: left; }
#charsLeft { float: right; display: none; }
#usertext { padding: 3px; width: 340px; }
#prepend { width: 386px; padding: 8px 12px; font-size: 16px; line-height: 22px; }
#append { display: none; }
#submit { 
	position: absolute;
	top: -22px;
	right: -5px;
	width: 117px;
	height: 150px;
	margin: 0 0 0 0;
	border: none;
    background: transparent url(/images/css/twlogin-bg.png) no-repeat scroll 0 0;
	cursor: pointer; 
}
#submit:hover { background-position: -117px 0; }
#message {display: none;}

a#oniLogo {
	display: inline-block;
    width: 115px;
    height: 25px;
    background: transparent url(/images/css/siteby-bg.png) no-repeat 0 0;
}
a:hover#oniLogo { background-position: -114px 0; }