* {
font-family: verdana, arial, helvetica;
}

img {
	border: 0px;
}
form {
	padding: 0px; margin: 0px;
}
z{font-size: 110%;}
em{color: red;}
.clear {
clear: both;
}

body{
	margin: 0;
	padding: 0;
	font-size: 9px;
	font-family: "Trebuchet MS", Georgia, "Times New Roman", Times, serif;
	zbackground: #809FFF url(top1.gif) repeat-x left top;
	zbackground: #809FFF url(starbg1.jpg) repeat left top;
	background: #809FFF url(PURPBG1.png) repeat left top;
	zbackground: #4488ff url(grbg1.png) repeat-x;
	zbackground: url('SCALEWb.gif') repeat left top;
	color: #000000;
}

.tube10 {padding: 10px;}

textarea {
border: 1px solid gray;
overflow: auto;
}
.input8 {
font-size: 8pt;
}

/* Page Layout */

#maincontainer{
width: 940px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/
}

#topsection{
zheight: 90px; /*Height of top section*/
	background: url('SCALE20.gif') repeat-x repeat-y left top;
}

#topsection h1{
margin: 0;
padding-top: 15px;
}

#contentwrapper{
float: left;
width: 100%;
background: #FFF;
zbackground: url('BGFADE1.jpg') repeat-x fixed;
zbackground: url("DANCERS.jpg") no-repeat fixed;
zbackground: url("stars.gif") repeat fixed;
background: #809FFF url(starbg1.jpg) repeat fixed;
margin-top: 20px;
min-height: 750px;
}

#contentcolumn{
margin-right: 260px; /*Set right margin to RightColumnWidth*/
zbackground: url(BTOP654.gif) #fff  no-repeat; border-left: 1px solid #808080; 
zborder-right: 1px solid #808080;
zbackground: url(bgpeep2.jpg) no-repeat fixed #b83808;
}

#leftcolumn{
float: left;
width: 180px; 
margin-left: -420px;
margin-top: 20px;
background-color: #CF3;
}

#rightcolumn{
float: left;
width: 260px; /*Width of right column*/
margin-left: -260px; /*Set left margin to -(RightColumnWidth) */
margin-top: 20px;
background-color: #FC3;
background-color: #FFDF80;
}

#rightcolumn h2 {
	font-size: 14pt;
}

#footer{
clear: left;
width: 100%;
background: black;
color: #FFF;
text-align: center;
padding: 4px 0;
}

#footer a{
color: #FFFF80;
}

.innertube{
margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;
}

.error {
	border: 2px solid blue;
	background-color: #c0c0f0;
	color: black;
	font-size: 9pt;
	text-align: center;
	padding: 10px;
}

#rightcolumn h3 {
font-size: 10pt;
}

a.boldbuttons{
background: transparent url('roundedge-blue-left.gif') no-repeat top left;
display: block;
float: left;
font: bold 13px Arial; /* Change 13px as desired */
line-height: 22px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 30px) */
height: 30px; /* Height of button background height */
padding-left: 8px; /* Width of left menu image */
text-decoration: none;
}

a:link.boldbuttons, a:visited.boldbuttons, a:hover.boldbuttons, a:active.boldbuttons{
color: white; /*button text color*/
}

a.boldbuttons span{
background: transparent url('roundedge-blue-right.gif') no-repeat top right;
display: block;
padding: 4px 10px 4px 2px; /*Set 10px to be equal or greater than'padding-left' value above*/
}

a:hover.boldbuttons
text-decoration: underline;
}

.buttonwrapper{ /* Container to clear float */
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
zidth: 100%;
}

.idolrow {
zmargin-bottom: 20px;
}
#idol, .idol {
width: 603px;
zbackground-color: #f0f0f0;
zborder: 1px solid gray;
}
.xidoltube {
adding: 0 10px;
}
.twitterer {
float: left;
font-size: 7pt;
height: 1%;
width: 83px;
}
.tweetcolumn {
overflow: hidden;
width: 520px; /* idol width - twitterer width (inelegant as it should be possible to make this 100% of something) */
float: left;
}

.idolname {
font-size: 14pt;
font-weight: bold;
ztext-align: center;
xackground-color: #f0f0f0;
margin-bottom: 14px;

}
.tweet {
xborder-bottom: 1px solid black;
margin: 0; padding: 0;
}
.thumb {
zpadding: 0 10px 10px 0;
width: 48px;
border: 0px;
}
.tweetcontent {
overflow: hidden;
float: left;
font-weight: bold;
color: blue;
color: black;
font-size: 10pt;
width: 520px;
background-color: #fff;
padding: 0; margin: 0;
}
.tweetcontent .innertube {
padding: 10px;
}
.tweettime {
background: URL("arrow.gif") 20px 0 no-repeat; 
display: block;
overflow: hidden;
color: #444;
font-style: italic;
font-size: 9pt;
padding-left: 58px;
padding-top: 1px;
zpadding-bottom: 4px; /* not needed while reply icons are too high */
margin-bottom: 2em;
}

.tweetcontent A:link, .tweetcontent A:active, .tweetcontent A:visited,  .tweetcontent A:hover {
text-decoration: none;
color: blue;
color: black;
}

.tweetcontent A:hover {
color: blue;
background-color: #ffffff;
zbackground: url("STARBG1.gif") left top no-repeat;
border-top: 1px solid #000;
border-right: 1px solid #000;
idth: 100%;
padding: 10px;
}

.twitterer A:link, .twitterer A:active, .twitterer A:visited,  .twitterer A:hover {
font-weight: bold;
text-decoration: none;
}

.twitterer A:hover {
color: blue;
}
.tweettime A:link, .tweettime A:active, .tweettime A:visited,  .tweettime A:hover {
#text-decoration: none;
font-weight: bold;
zcolor: #e0e0ff;
zcolor: #c08080;
color: #fff;
}
.tweettime A:hover {
color: #ffa0a0;
}
.nounderline A:link, .nounderline A:active, .nounderline A:visited {
text-decoration: none;
font-weight: bold;
}
.nounderline A:hover {
color: #808080;
}
.whitenounderline A:link, .whitenounderline A:active, .whitenounderline A:visited {
text-decoration: none;
font-weight: bold;
color: white;
}
.whitenounderline A:hover {
color: gray;
}

.twitterinputform {
width: 603px;
background-color: #f0f0ff;
margin: 5px 0 10px 0;
font-size: 9pt;
}

.twitterinputform .instruction {
font-weight: bold; 
font-size: 14pt;
padding-bottom: 4px;
}

.twitterinputform .instructionsbottom {
background-color: #e0e0ff;
padding: 4px; border: #d0d0ff solid 1px;
font-size: 8pt;
font-weight: bold;
}

.tiwwterinputform input {
font-size: 8pt;
}

.selectors {
font-size: 8pt;
padding: 4px;
font-weight: bold;
}
.selectors input {
font-size: 8pt;
}

#search {
	font-family:Arial, Helvetica, sans-serif;
	display:block;
	border: 1px solid #CCCCCC;
	width: 330px;
	height: 40px;
}
#search input {
	font-family:Arial, Helvetica, sans-serif;
	background:transparent url(search.gif) no-repeat scroll 0 0;
	border:none;
	font-size:1.0em;
	color:#444444;
	padding:6px 10px 8px 10px;
	width:182px;
	float:left;
}
#search input:focus, #search input:hover, #search button:focus, #search button:hover {
	background:transparent url(search.gif) no-repeat scroll -312px 0px;
}
#search button {
	font-family:Arial, Helvetica, sans-serif;
	background:transparent url(search.gif) no-repeat scroll -202px 0px;
	border:none;
	font-size:1.0em;
	color:#952200;
	padding:0px 10px 0px 10px;
	font-weight: bold;
	height:32px;
	width:110px;
	float:left;
}
#search button:focus, #search button:hover {
	background:transparent url(search.gif) no-repeat scroll -514px 0px;
	color:#fff;
}

.nextpage {
background-color: #f0f0f0;
width: 100%;
padding: 8px;
text-align: center;
margin: 0 auto;
}

.underlinemenu {
font-weight: bold;
width: 100%;
font-size: 9pt;
float: left;
}

.underlinemenu ul{
padding: 6px 0 7px 0; /*6px should equal top padding of "ul li a" below, 7px should equal bottom padding + bottom border of "ul li a" below*/
margin: 0;
text-align: left; //set value to "left", "center", or "right"*/
}

.underlinemenu ul li{
display: inline;
}

.underlinemenu ul li a{
color: #494949;
color: #000;
padding: 6px 3px 4px 3px; /*top padding is 6px, bottom padding is 4px*/
margin-right: 20px; /*spacing between each menu link*/
text-decoration: none;
border-bottom: 3px solid gray; /*bottom border is 3px*/
}

.underlinemenu ul li a:hover, .underlinemenu ul li.selected a, .underlinemenu ul li.green a:hover {
border-bottom-color: black;
}
.underlinemenu ul li.blue a {border-bottom-color: blue;}
.underlinemenu ul li.green a {border-bottom-color: green;}
.underlinemenu ul li.yellow a {border-bottom-color: yellow;}