/* Default styles for main elements */
body
{
background: #ffffff;
margin: 0;
padding: 0;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

h1
{
background-color:#eeeeee;
border:lightgrey 1px solid;
font-weight: bold;
font-size:120%;
}

h3, h4, h5
{
font-weight: bold;
font-size: 1em;
}

h2{
font-weight: bold;
font-size: 1em;
background-image:url('images/tinyhead.gif');
background-repeat: no-repeat;
padding-left:30px;
}

h3 
{

margin: 15px 5px 5px 5px;
border-bottom: 1px #000 dotted;
border-top: 1px #000 dotted;
}

p
{ 
font-size: 1em; 
margin-left: 15px;
margin-bottom: 0px;
}
table, img
{
border: 0px;
}

a:link
{
font-weight: bold;
color: #3300cc;
text-decoration:none;
}

a:visited
{
font-weight: bold;
color: #3366cc;
text-decoration:none;
}

a:hover
{
font-weight: bold;
color: #3366cc;
text-decoration:underline;
}


/* Styles for the top banner */

.banner
{
background-color:black;
/* position: absolute; */
left:0px;
top:0px;
margin: 10px;
padding-top: 0.5em;
height: 145px;
height: 70px;
height: 50px;
}

.mainright
{
color:white;
background-color:black;
position: absolute;
left:379px;
top:0px;
margin-top: 10px;
padding: 0px;
padding-left: 20px;
padding-top:5px;
height: 145px;
height: 70px;
height: 50px;
}

a{text-decoration:none;}

.advertbar
{
vertical-align: bottom;
font-size: 1em;
color:  #000000;
background-color: #eeeeee;
margin-left: 10px;
margin-right: 10px;
margin-top:0px;
padding-top: 0px;
padding-left: 5px;
padding-right: 5px;
}

/* Style for the main site navigation */

.navigation
{
display:none;
vertical-align: bottom;
font-size: 1em;
color:  #000000;
background-color: #eeeeee;
margin: 10px;
padding: 5px;
}

.navigation a
{
background-color: transparent;
font-weight: normal;
}
.navigation a:link
{
color: blue;
}

.navigation a:visited
{
color: #3366cc;
}


/* Footer styles */

.footer
{
border-top: 1px solid black;
text-align: center;
margin-top: 40px;

}

.footer p
{
margin: 0;
margin-top: 5px;
}


/* Styles for the sidebars in boxes */

.sidebar
{
border: 1px solid grey;  
background-color: #faf9f6;
padding: 5px;
margin-bottom:5px;
}

.sidebar a
{
font-weight: normal;
}

.sidebar ul
{
list-style: none;
margin-top: 0; 
margin-left: 0;
padding-left: 0;
font-size: .8em;

}

.sidebar h2
{
margin-top: 0;
margin-bottom: 1em;
font-weight: bold;
text-align: center;
}

li.show{ padding-left:1em;
	font-size: 1em;}


/* Styles for the section navigation */

.sections li
{
margin-bottom: 1.33em;
font-weight: bold;
}

.sections a:link, .sections a:visited
{
font-weight: bold;
}




/* Styles for the 3 Column Layout */


.container
{
width: 100%;
position: relative;
}

.centercolumn
{
position: relative;
margin-left: 5px;
margin-right: 5px;
margin-bottom: 0px;
}

.leftcolumn
{
margin-top: 0px;
padding-left: 10px;
padding-right: 10px;
position: absolute;
left: 0px;
top: 0px;
width: 180px;
}

.rightcolumn
{
margin-top: 0px;
padding-left: 10px;
padding-right: 10px;
position: absolute;
right: 0px;
top: 0px;
width: 190px;
}

.tokens{
border:1px solid grey;
margin:0px;
padding:5px;
}

.mainpage
{
border:1px solid black;
background-color:white;
position: relative;
margin-top: 10px;
padding: 5px;
margin-left: 195px;
margin-right: 205px;
}

a.topbar{
color:#ffff00;
text-decoration:none;
}

a.topbar:hover
{
text-decoration:underline;
}


.topbar
{
color : #ffffff;
}

.channel-container{
background-color:white;
border: 1px black solid;
}

.channels{
background-color:white;
padding-left:1em;
padding-right:1em;
padding-top:1px;
padding-bottom:1px;
}

#channels ul{
list-style-type: none;
text-align: left;
font-size:95%;
}

span.stream-details {
 font-size:75%;
}

#channels ul li a{
background: transparent url(play_off.gif) left center no-repeat;
padding-left: 18px;
text-align: left;
}

#channels ul li a:hover{
background: transparent url(play_on.gif) left center no-repeat;
text-decoration:none;
color:black;
}

.sarcasm{
font-style:italic;
}