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

body{
background:url(../images/bg.jpg) no-repeat #000 top center;
font-family:"Trebuchet MS";
}

h1{font-size:2em; color:#eaff6d; text-align:center; margin:4px;}
h2{font-size:1.5em; color:#eaff6d;text-align:center; margin:0px;}
h3{font-size:1.3em; font-weight:bold; color:#459301;}

#wrapper{
margin:0 auto;
width:790px;
overflow:hidden;
}

/* MENU */

#menu{
float:right;
width:400px;
margin-right:20px;
overflow:hidden;
}
* html #menu{
width:600px;
margin-right:10px;
}

#menu ul{
float:right;
width:400;
height:50px;
overflow:hidden;
}

#menu li {
display:block;
float:left;
width:80px;
}

#menu a{
display:block;
width:80px;
height:50px;
text-indent:-50000px;
text-decoration:none;
color:#000066;
}

#menu a.home{
margin-left:35px;
margin-top:2px;
background:url(../images/home.png) no-repeat;
}
*html #menu a.home{
margin-right:-20px;
}
#menu a.home:hover{
background-position:0px -46px;
}

#menu a.about{
margin-left:20px;
background:url(../images/about.png) no-repeat;
}
*html #menu a.about{
margin-left:0px;
}
#menu a.about:hover{
background-position:0px -50px;
}

#menu a.schedule{
margin-left:15px;
background:url(../images/schedule.png) no-repeat;
}
*html #menu a.schedule{
margin-left:-5px;
}
#menu a.schedule:hover{
background-position:0px -52px;
}

#menu a.teams{
margin-left:15px;
background:url(../images/teams.png) no-repeat;
}
*html #menu a.teams{
margin-left:-5px;
}
#menu a.teams:hover{
background-position:0px -50px;
}

#menu a.contact{
background:url(../images/contact.png) no-repeat;
}
*html #menu a.contact{
margin-left:-15px;
}
#menu a.contact:hover{
background-position:0px -50px;
}

/* TOP (where logo and signup buttons are) */

a.logo{
width:290px;
height:65px;
background:url(../images/logo.png) no-repeat;
float:left;
margin-left:50px;
margin-top:75px;
alt: Watch Live Video Streaming
}
*html a.logo{margin-top:30px;}

a.login{
width:136px;
height:60px;
background:url(../images/login.png) no-repeat;
float:left;
margin-left:130px;
margin-top:25px;
}

a.login:hover{background-position: 0px -80px;}

a.signup{
width:140px;
height:100px;
background:url(../images/signup.png) no-repeat;
float:left;
margin-top:6px;
}

a.signup:hover{background-position: 0px -116px;}

/* HEADERS (the Preview Box) */

#header{
margin:0 auto;
margin-top:170px;
background-image:url(../images/preview.png);
width:785px;
height:300px;
overflow:hidden;
}

*:first-child+html #header{
margin-top:130px;
}

* html #header{
margin-top:30px;
}

#photo{
float:left;
margin-top:17px;
margin-left:15px;
background:url(../images/preview_photo.jpg) no-repeat;
width:425px;
height:265px;
}

* html #photo{
margin-left:7px;
}

#post{
padding-top:30px;
float:right;
padding-right:20px;
}

#post ul{
margin-top:40px;
margin-left:45px;
}

#post ul li{
background:url(../images/watch-button.png) no-repeat;
width:210px;
height:52px;
padding-top:15px;
padding-top /*\**/:19px\9;
text-align:center;
}

*:first-child+html #post ul li{padding-top:15px;}
#post a{
font-family:"trebuchet MS";
font-weight:bold;
color:#003300;
text-decoration:none;
text-transform:uppercase;
font-size:0.8em;
}

#post a:hover{color:#006600;}

/* CONTENT */

#content{
margin:0 auto;
width:790px;
overflow:hidden;
}

#article{
margin-top:30px;
width:439px;
float:left;
}

#article_top{background:url(../images/article_top.png) top center no-repeat; width:439px; height:24px;}
#article_bottom{background:url(../images/article_bottom.png) bottom center no-repeat; width:439px; height:24px;}

#article_middle{
margin:0 auto;
background:url(../images/article.png) top center repeat;
color:#459301;
width:403px;
padding-left:20px;
overflow:hidden;
font-weight:bold;
}

#article_middle p{
line-height:1.2em;
font-size:0.8em;
text-align:justify;
margin-top:10px;
margin-left:15px;
margin-right:15px;
}

#article_middle a{
margin-top:10px;
color:#eaff6d;
text-decoration:none;
float:right;
}
#article_middle a:hover{
text-decoration:underline;
}

#sidebar{
margin-top:27px;
width:348px;
float:left;
}

#sidebar_top{background:url(../images/sidebar_top.png) top center no-repeat; width:348px; height:30px;}
#sidebar_bottom{background:url(../images/sidebar_bottom.png) top center no-repeat; width:348px; height:48px;}


#sidebar_middle{
margin:0 auto;
margin-left:9px;
background:url(../images/article.png) top center repeat;
color:#459301;
width:312px;
padding-left:20px;
overflow:hidden;
font-weight:bold;
}

#sidebar_middle p{
line-height:1.4em;
font-size:0.8em;
text-align:justify;
margin-top:10px;
margin-left:15px;
margin-right:15px;
}

#sidebar_middle a{
margin-top:10px;
color:#eaff6d;
text-decoration:none;
float:right;
}

#sidebar_middle a:hover{
text-decoration:underline;
}

/* FOOTER */

#footer, #footer a{
margin:0 auto;
color:white;
text-decoration:none;
}

#footer{
margin-top:150px;
margin-bottom:20px;
line-height:1.4em;
font-size:0.8em;
}

#footer a:hover{text-decoration:underline;}