/* WebDragonBall.com CSS Document */
body {
 margin:0px;
 padding:0px;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size:12px;
 color:#000000;
}

a { color:#F36E00; text-decoration:underline }
a:hover { color:#F36E00; text-decoration:none }

#container {
 width:797px;
 margin:0px auto;
 padding:0px;
 background-image:url(images/container-background.gif);
 background-repeat:repeat-y;
}

#header {
 width:100%;
 background-color:#F36E00;
 color:#FFFFFF;
 background-image:url(images/header-background.gif);
 background-repeat:no-repeat;
 overflow:hidden;
 padding-bottom:8px
}

html>body #header { padding-bottom:10px }

h1 a { color:#FFFFFF; text-decoration:none }
h1 a:hover { color:#FFFFFF; text-decoration:none }

#header h1 {
 font-size:25px;
 margin:0px;
 padding:20px 0px 0px 30px;
}

#header h3 {
 font-size:16px;
 color:#FFFFFF;
 margin:0px;
 padding:0px;
}

#header #vidprev {
 float:left;
 width:300px;
 height:250px;
 background-color:#000000;
 color:#FFFFFF;
 margin:15px 0px 0px 5px;
 padding:0px;
}

html>body #header #vidprev { margin:15px 0px 0px 10px }

#watching {
 width:450px;
 margin:15px 0 0 35px;
}

#welcome {
 float:left;
 width:250px;
 margin:15px 0 0 5px;
}

#welcome p {
 color:#FFFFFF;
 margin:0px;
 padding:5px 0px 15px 0px;
}

#welcome ul {
 margin:10px 0px 30px 10px;
 padding:0px;
 width:210px;
 list-style-position:inside;
 color:#FFFFFF;
 font-size:13px;
}

#welcome ul li, #welcome ul li a {
 margin-bottom:4px;
 color:#FFFFFF;
 text-decoration:none
}

#welcome ul li a:hover {
 text-decoration:underline
}

#menu {
 clear:both;
 list-style-type:none;
 margin:0px;
 padding:43px 0px 0px 0px;
}

#menu li {
 float:left;
 margin:0px;
 padding:0px 15px 0px 15px;
 border-left:1px solid #FFFFFF;
 text-transform:uppercase;
 font-weight:bold
}

#menu li.first {
 border-left:0px;
}

#menu li a {
 color:#FFFFFF;
 text-decoration:none;
 font-weight:bold
}

#menu li a:hover {
 color:#FFFFFF;
 text-decoration:underline
}

/*---- Content ---*/
#wrapper {
 width:790px;
 margin:0px auto;
 padding:0px;
}

#content {
 float:left;
 width:525px;
}

#content h2 {
 font-size:18px;
 color:#000000;
 margin:25px 0px 5px 15px;
 padding:0px;
}

#content p {
 margin:0px;
 padding:10px 15px 0px 15px;
}

#content img.center {
 margin:0px auto;
 text-align:center
}

#sidebar {
 float:left;
 width:265px;
 margin-top:10px
}

/*--- #Footer ----*/
#footer {
 width:100%;
 clear:both;
 background:#FFFFFF url(images/footer-background.gif) no-repeat bottom;
 text-align:center
}

#footer p {
 padding:5px 0px 10px 0px;
 margin:0px; 
}