/* ========================================
Weezee.com
Copyright Creating Genius, Inc. 2009

Swatch Colors
#fdce40 - yellow orange
#348293 - blue
#1c4953 - dark blue

==========================================*/


/*  CSS Resets 
=================*/
* {margin:0px; padding:0px;
    text-align: center;
}
a {outline:none; }
img {border:0px; }

/*  CSS Positioning
=================*/
.clear {clear:both; }
.float-left {float:left; }
.float-right {float:right; }

/* Headings 
=================*/
h2 {margin:0 0 10px 0; }
h3 {font-size:16px; }

/* Links
=================*/
a {text-decoration:underline; color:#000000; }
a:hover {text-decoration:none; }

/*  General Page Classes 
==========================*/
body {
background-image:url(../images/bg.png);
background-repeat:repeat-x;
background-color:#fdce40;
font-family:Arial, Helvetica, sans-serif;
font-weight:normal;
font-size:12px;
color:#000000;
}

#page-container {
width:1000px;
margin:0 auto;
}


/*  Header Classes
====================*/
.weezee-logo {
width:430px;
text-align:center;
margin:20px 0 0 30px;
}

.weezee-info {
width:450px;
margin:15px 50px 0 0;
}

#ad-1 {
margin:15px 0 0 0;
}


/*  Navigation Bar 
=================*/
#menu-container {
width:1000px;
height:45px;
background-image:url(../images/menu_bg.png);
background-repeat:no-repeat;
margin:8px 0 0 0;
}

#menu-container ul {
margin:0 0 0 70px;
}

#menu-container ul li {
list-style:none;
float:left;
text-align:center;
font-size:18px;
position:relative;
display:inline;
}

#menu-container ul li a {
color:#FFFFFF;
display:block;
height:30px;
text-decoration:none;
margin:8px 5px 0 5px;
padding:2px 25px 0px 25px;
}

#menu-container ul li a:hover {
color:#333333;
}

#menu-container ul li.drop-down {
background-image:url(../images/arrow.png);
background-repeat:no-repeat;
background-position:168px 12px;
color:#FFFFFF;
display:block;
height:30px;
text-decoration:none;
margin:8px 5px 0 5px;
padding:2px 25px 0px 25px;
}

#menu-container ul li.drop-down:hover{
background-image:url(../images/dd_bg.png);
background-repeat:no-repeat;
background-position:15px 0;
}

#menu-container ul li.drop-down div {
display:none;
}

#menu-container ul li.drop-down:hover div {
display:block;
background-color:#1c4953;
position:absolute;
width:450px;
z-index:500;
left:15px;
top:30px;
padding:5px;
}

#menu-container ul li.drop-down:hover div ul {
float:left;
width:150px;
padding:0px;
margin:0px;
height:auto;
}


#menu-container ul li.drop-down:hover div ul li a {
display:block;
text-align:left;
width:140px;
padding:5px;
margin:0px;
height:auto;
font-size:14px;
font-weight:bold;
}

#menu-container ul li.drop-down:hover div ul li a:hover {
background-color:#348293;
}

/*  Main Content  
=================*/
.main-content {
width:655px;
margin-right:20px
}

.main-text {
width:655px;
margin:10px 0 0 0;
font-size:10px;
}


.side-content {
width:320px;
margin-right:5px;
}

h4 {
font-size:24px;
text-indent:20px;
margin:10px 0 0 0;
}

table.video-grid td{
padding:10px;
}

.search-box {
border:1px solid #000;
background-color:#FFFFFF;
width:100%;
margin:10px 0 0 0;
}

input.search {
font-size:16px;
background:transparent;
border:0px;
padding:5px;
width:285px;
}

input.search-button {
vertical-align:middle;
}

.border-box-outer {
margin:20px 0 0 0;
border:1px solid #348293;
padding:5px;
}

.border-box-inner {
background-color:#FFFFFF;
}

.sign-in {
background-image:url(../images/turtle.png);
background-position:95% 10%;
background-repeat:no-repeat;
padding:15px 0 15px 0;
}

input.sign-in-textbox {
border:1px solid #000;
background-color:#FFFFFF;
width:150px;
margin:5px;
font-size:14px;
padding:5px;
}

input.sign-in-button {
margin:5px 0 0 5px;
}

.sign-in-checkbox {
margin:0 5px 0 0;
}

.sign-up {
font-size:18px;
text-align:center;
padding:15px 0 15px 0;
}


/* Footer   
=================*/
#footer-container {
text-align:center;
}

#ad-2 {
margin:30px auto;
width:468px;
}

ul#footer-menu {
width:900px;
text-align:center;
margin:0 auto;
}

ul#footer-menu li {
list-style:none;
float:left;
padding:0 15px 0 15px;
}
