@charset "UTF-8";
/* CSS Document */
    

/* BODY */

body {
    background-color: #18030B;
    padding: 0px;
    text-align: center;
    margin: 0px;
	 background-image: url(images/bg_tile.jpg);
    background-repeat: repeat-y;
	background-position:center;
	border:none;
}

body a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#b60a47;
	text-decoration:none;
	border:none;
}

/* Structure */

table #leftCol {
    height: 697px;   
    width: 131px;
    margin: 0px;
    padding: 0px;
}

table #rightCol {
    height: 697px;
   
    width: 140px;
    margin: 0px;
    padding: 0px;
}

#siteContainer {
    text-align: center;
    margin-top: 0px;
    margin-right: auto;
    margin-bottom: 0px;
    margin-left: auto;
}

table tr #tableTop {
    overflow: hidden;
    width: 100%;
    height: 177px;
}



#centerSection {
    clear: both;
    height: 100%;
    overflow: hidden;
    margin-top: 0px;
    margin-right: auto;
    margin-bottom: 0px;
	margin-left: auto;
    text-align: center;
    padding: 0px;
	padding-top:5px;
	height:697px;
	z-index:10;
}

#flashCenter
{
	overflow:hidden;
	width:1010px;
	height:690px;
	display:block;
	margin:none;
	padding:none;
	z-index:10;
}

#frameTop {
    height: 177px;
    background-image: url(images/bg_top.jpg);
    background-repeat: no-repeat;
	background-position:center;
    margin-top: 0px;
    margin-right: auto;
    margin-bottom: 0px;
    margin-left: auto;
    width: 100%;
    padding: 0px;
}

#frameBottom {
	background-image: url(images/bg_footer.jpg);
    background-repeat: no-repeat;
	background-position: top center;
    height: 200px;   
    margin-top: 0px;
    margin-right: auto;
    margin-bottom: 0px;
    margin-left: auto;
    width: 1010px;
    padding: 0px;
    overflow:hidden;
}



/* Header */

#frameTop .content
{
	width:1010px;
	margin:auto;
	text-align:left;
}

#frameTop > .content >  #backToHomepage
{
	position:absolute;
	top:145px;
}


/* Twitter */
#frameTop > .content > #twitterFeedContainer
{
	width:308px;
	height:125px;
	background-image:url(images/short-hrule.png);
	background-position:top right;
	background-repeat:no-repeat;
	position:absolute;
	margin-left:700px;
	top:40px;
	text-align:left;
}

#frameTop > .content > #twitterFeedContainer > #feedButton
{	
	position:absolute;
	left:0px;
	margin-top:-13px;
	z-index:5000;	
}

#frameTop > .content > #twitterFeedContainer > #dropDownContainer
{
	width:298px;
	height:auto;
	background-color: #18030B;
	background-image:url(images/short-hrule.png);
	background-position:228px 4px;
	background-repeat:no-repeat;
	border:solid thin #c40749;
	border-radius:5px;
	position:absolute;
	left:0px;
	margin-left:-10px;
	margin-top:-5px;
	z-index:3000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:left;
	list-style:none; 
	padding:10px;
	padding-top:40px;
	color:#FFF;
}

#frameTop > .content > #twitterFeedContainer > #twitter_update_list
{
	display:block;
	position:absolute;
	left:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:left;
	list-style:none; padding:0;	
	margin-top:45px;
	color:#FFF;
	margin-left:0px;
}
#frameTop > .content > #twitterFeedContainer > #twitter_update_list > li
{
	position:absolute;
	width:300px;
}
#frameTop > .content > #twitterFeedContainer > #dropDownContainer > li
{
	margin-top:8px;
	border-bottom:solid thin #c40749;
	padding-bottom:20px;
}

#frameTop > .content > #twitterFeedContainer > #twitter_update_list > li .twitterAgo,
#frameTop > .content > #twitterFeedContainer > #dropDownContainer > li .twitterAgo
{
	float:right;
}

#frameTop > .content > #twitterFeedContainer > #instruction
{
	position:absolute;
	margin-top:104px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#b60a47;
}

/* Footer */

#frameBottom > .content > #social
{
	margin-top:20px;
	padding:0;
}

#frameBottom > .content > #social ul{float:left; margin: 0; width:auto; list-style:none; z-index:1000; padding:0;}
#frameBottom > .content > #social ul li{float:left; font-size:90%; font-weight:normal;}
#frameBottom > .content > #social ul.social li{padding-right:14px; display:block; float:left;}


#frameBottom > .content > #social ul.social li.myspace a { width: 88px; height: 26px; float: left; }
#frameBottom > .content > #social ul.social li.myspace{background: url(images/myspace.gif) no-repeat top left; width: 88px; height: 26px; }
#frameBottom > .content > #social ul.social li:hover.myspace { background: url(images/myspace-hover.gif) no-repeat top left; width: 88px; height: 26px; }



#frameBottom > .content > #social ul.social li.youtube a { width: 58px; height: 27px; float: left; }
#frameBottom > .content > #social ul.social li.youtube{background: url(images/youtube.gif) no-repeat top left; width: 58px; height: 27px; }
#frameBottom > .content > #social ul.social li:hover.youtube { background: url(images/youtube-hover.gif) no-repeat top left; width: 58px; height: 27px; }



#frameBottom > .content > #social ul.social li.facebook a { width: 72px; height: 25px; float: left; }
#frameBottom > .content > #social ul.social li.facebook{background: url(images/facebook.gif) no-repeat top left; width: 72px; height: 25px; }
#frameBottom > .content > #social ul.social li:hover.facebook { background: url(images/facebook-hover.gif) no-repeat top left; width: 72px; height: 25px; }



#frameBottom > .content > #social ul.social li.spotify a { width: 58px; height: 27px; float: left; }
#frameBottom > .content > #social ul.social li.spotify{background: url(images/spotify.gif) no-repeat top left; width: 58px; height: 27px; }
#frameBottom > .content > #social ul.social li:hover.spotify { background: url(images/spotify-hover.gif) no-repeat top left; width: 58px; height: 27px; }



#frameBottom > .content > #social ul.social li.addthis{margin:9px 0 0 5px;}
#frameBottom > .content > #social ul.social li.addthis:hover{opacity:1.0;filter:alpha(opacity=100)}
#frameBottom > .content > #social ul.standard{width:auto; margin:5px 0 0 0; float:left; display:inline;}
#frameBottom > .content > #social ul.standard li span{padding:0 9px 0 6px;}
#frameBottom > .content > #social ul.standard li a{text-decoration:none;}
#frameBottom > .content > #social ul.standard li a:hover{text-decoration:underline;}

#frameBottom > .content >  #likeButton
{
	position:absolute;
	margin-top:30px;
	margin-left:0px;
	float:left;
}

/* credit */

#frameBottom > .content > #credit
{
	opacity:0.2;
	float:right;
	color:#b60a47;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	text-align:right;
}
#frameBottom > .content > #credit a
{
	color:#FFF;
	font-size:10px;
	float:right;
}




/* Util */
.image-fader
{
	border:none;	
}
.image-fader > img
{
	position:absolute;
	display:block;
	border:none;
}
.image-fader > img:nth-of-type(2)
{
	display:none;
}
.image-fader:hover > img:nth-of-type(2)
{
	display:block;
}
.image-fader:hover > img:nth-of-type(1)
{
	display:none;
}