﻿body 
{              
    font-family: Verdana, Arial, Sans-Serif;
    background: #cccccc;
    font-size: smaller;
    color: #666666; 
}

#border 
{	        
    position: relative;
    margin: 0 auto;
    width: 916px;
    background: #cccccc url(../images/outterbackground.gif) 0 top no-repeat; 
}

#content 
{          
    margin: 0 auto;
    width: 800px;
    height: 620px;
    background: url(../images/homepagebackground.gif) 0 top no-repeat; 
}		

#top_clear
{
    padding: 0; 
    margin: 0;
}        

/* links */

a 
{                 
    color: #8BC53F;
    text-decoration: none; 
}

a:hover 
{           
    color: #CCCCCC;
    text-decoration: underline; 
}                

input 
{             
    border: solid 1px #cccccc; 
} 

.textbox 
{          
    font-family: Verdana, Arial, Sans-Serif;
    color: #666666;
    font-size: small; 
    border: 1px solid #cccccc;
} 

#homepage_ad
{
    float: left;
    margin-top: 250px;
    margin-left: 20px;
    width: 180px;
    height: 140px;
    font-size: 11px;
}

#homepage_ad h2
{
    font-size: 20px;
    color: #8BC53F;
    margin-bottom: 0.5em;
}

#homepage_ad img
{
    float: left;
    padding-right: 8px;
    padding-bottom: 60px; 
    padding-top: 5px;
    border: 0;}



#homepage_welcome
{
    float: right;
    margin-top: 180px;
    margin-right: 95px;
    width: 107px;
    height: 190px;
    font-size: 11px;
}

#homepage_welcome b
{
    font-size: 14px;
    color: #8BC53F;
}



/* navigation */


#navigation 
{       
    margin: 0 auto;
    width: 800px; 
    height: 45px;
    color: #666666;
    font-size: 11px;
    background: white;
    margin-bottom: 0; 
}

.navitem 
{    	    
    float: left;
    width: 100px;
    margin: 0 5px;
    text-align: center; 
}

.navitem a 
{	    
    color: #666666;
    text-decoration: none;
    padding-bottom: 32px;
    display: block; 
}

.navitem a:hover 
{  
    background-image: url(../images/navigation/green.gif);  
}


 
/* media_player */
 

#media_player
{	    
    position: absolute;
    top: 200px;
    left: 276px;
    width: 365px;
    height: 255px;
}


#player_instructions
{
    color: #8BC53F;
    text-align: center;
    margin-top: 390px;
    width: 800px;
    font-size: 10px;
}

#episode_scroller 
{	
    width: 800px;
    height: 85px;
    margin-top: 15px;
    margin-bottom: 20px; 
}	

#annotation 
{
    position: absolute;
    top: 462px;
    xmargin-left: 335px;    /* for 2 buttons */
    xwidth: 335px;          /* for 2 buttons */
    margin-left: 300px;
    width: 365px;
    height: 25px;
} 
    
#annotation a 
{     
    display:block;
    text-decoration: none;
    height: 15px;
    width: 64px; 
}

#discuss 
{          
    background-image: url("../images/mediaplayer/discuss.gif");
    float:left;
    margin-left: 52px;
}   
    
#discuss:hover
{    
    background-image: url("../images/mediaplayer/discuss_over.gif");
}

#share 
{            
    background-image: url("../images/mediaplayer/share.gif");                    
    float:left;
    margin: 0 8px;  
} 
      
#share:hover 
{      
    background-image: url("../images/mediaplayer/share_over.gif");
}

#buynow 
{       
    background-image: url("../images/mediaplayer/buynow.gif");                    
    float:left; 
}   
    
#buynow:hover 
{ 
    background-image: url("../images/mediaplayer/buynow_over.gif");
}

#additional 
{       
    background-image: url("../images/mediaplayer/additional.gif");                    
    float:left; 
}   
    
#additional:hover 
{ 
    background-image: url("../images/mediaplayer/additional_over.gif");
}



/* ------------ footer --------------*/


#footer
{
    background: #231F20 url("../images/edgeslogobasebar.gif") 10px 10px no-repeat;
    width: 800px;
    height: 60px;
    margin: 0 auto;
    margin-top: 10px;
    font-size: 10px;
    clear: both;
}

#footer_links
{
    float: left;
    margin-left: 250px;
    padding-top: 10px;
}

#footer_links2
{
    float: left;
    margin-left: 50px;
    padding-top: 10px;
}

#footer_internal_links
{
    float: right;
    padding-top: 10px;
    padding-right: 10px;
    text-align: right;
}

#footer a:hover
{   
    text-decoration: none;
}


/* ------------ twitter uc --------------*/

/*
#twitter
{
    width: 300px;
    margin: 0 auto;
    margin-top: 20px;
    text-align: center;
    font-size: 10px;
    xborder: 1px dashed #e2e2e2;
    vertical-align: top;
    
}
#twitter a
{
    color: #6BD3E7;
    color: White;
}

*/

/* ------------ header login uc --------------*/


#login_header
{
    text-align: right;
    font-size: 10px;
    text-align: right;
    padding-top: 20px;
    height: 50px;
    width: 450px;
    margin-left: 350px;
    
}

#login_header_extras
{
    text-align: right;
    padding-top: 1px;
}

#login_header a
{
    color: #8BC53F;
}

#login_header input 
{             
    font-size: 10px;
     
} 

#login_header table
{
    float: right;
    margin-right: 30px;
}



/* ------------ twitter uc --------------*/


#moostick
{
    padding: 7px;
    font-size: 11px;
    overflow: hidden;
    line-height: 1.6em;
    height: 11px;
    width: 625px;
}

#twitter_div
{
    background-color: #9FDAEA;
    height: 28px;
    width: 800px;
    margin: 0 auto;
    xoverflow: hidden;
    margin-top: -11px;
    position: relative;
    
}

#moostick li
{
    display: block;         
	list-style-type: none; 
}

#more
{

    margin-top: -25px;
    font-size: 10px;
    position: absolute;
    bottom: 6px;
    right: 15px;
}

#more a
{
    color: #888888;
}

#more a:hover
{
    color: White;
    text-decoration: underline;
}


.twitter_added
{
    color: #666666;
    text-decoration: none;
}

.twitter_added:hover
{
    color: #666666;
    text-decoration: none;
}


.tweet
{
    color: white;
}

.tweet a
{
    color: white;
    font-weight: normal;
    
}

#twitter_link
{
    color: #333333;
    text-decoration: none;
    font-size: 11px;
}

#twitter_follow_link
{
    color: white;
    text-decoration: none;
    float: right;
    display: none;
}

.twitter_perma_link
{
    color: White;    
}

.twitter_perma_link:hover
{
    color: white;    
}

#twitter_div #moostick a
{
    color: White;
}
