html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}

html, body
{
height: 100%;
}

/* div {border:1px solid red;} */

body {
background: #fff;
font-size: 62.5%;
line-height: 140%;
font-family: Verdana,Geneva,sans-serif;
color: #000;
/* margin: 0 10px 0 10px; */
}

p, table, th, td, input, select {
font-size: 1.1em;
margin: 0 0 1.1em 0;
line-height: 140%;
color: #000;
}

#container {
height: 100%;
position: relative;
margin: 0 auto;
text-align: center;
width: 940px;
}

#header {
text-align: left;
overflow: hidden;
position: relative;
width: 100%;
padding: 70px 0 0 0;
}

#logo {
position: absolute;
float: left;
padding: 30px 0 10px 0;
height: 154px;
z-index: 30;
top: 0px;
}

#superfun {
position: absolute;
z-index: 20;
padding: 0;
top: 109px;
left: 250px;
}

#social_mail_box {
overflow: hidden;
position: relative;
float: right;
width: 400px;
z-index: 10;
}

#social_links {
width: auto;
position: relative;
float: right;
padding: 0 0 3px 0;
}

#mailing_list {
width: 185px;
position: relative;
float: right;
background-color: #CC0001;
padding: 5px 8px 5px 0;
text-align: right;
}

.social_text {
padding: 0 5px 0 0;
}

.envelope {
padding: 0 10px 0 0;
}

.title {
color: #003366;
}

#home_center {
overflow: hidden;
width: 940px;
}

#center_left {
position: relative;
float: left;
}

#center_right {
position: relative;
float: right;
height: 377px;
width: 460px;
margin-left: 10px;
}

#center_right_upper {
position: relative;
background: #B99873 url(/images2/cork_board.jpg) repeat-y;
overflow-y: auto;
height: 325px;
width: 100%;
}

#lefthand {position: absolute; top: 1px; left: 5px; z-index: 30;}
#righthand {position: absolute; top: 1px; left: 400px; z-index: 35;}

#datesbox {
position: absolute;
z-index: 25;
background-color: #fff;
filter:alpha(opacity=75); /* IE's opacity*/
opacity: 0.75;
width: 86%;
margin: 25px 0px 5px 20px;
padding: 15px 0 10px 15px;
min-height: 285px;
text-align: left;
}

#datestable {
font-family: Verdana,Geneva,sans-serif;
font-size: .90em;
color: #333;
margin-left: 5px;
width: 365px;
}

#datestable td {
padding: 5px;
}

#center_right_lower {
position: relative;
height: 52px;
background-color: #56b055;
width: 464px;
padding-right: 25px;
}

#center_right_lower img {
padding: 7px 0 0 0;
}

#threeboxes {
overflow: hidden;
width: 940px;
}

#threeboxes div {
float: left;
}

#fan_club {
padding: 0 21px 0 22px;
}

/* about page styles */

#about_main {
position: relative;
overflow: hidden;
width: 936px;
min-height: 300px;
border: 2px solid #22b24c;
text-align: left;
}

#about_main2 {
border:2px solid #22B24C;
height:420px;
overflow-y:scroll;
position:relative;
text-align:left;
width:936px;
}

#about_photo {
position: relative;
float: left;
padding: 10px 0 10px 10px;
}

#photos_downloads {
position: relative;
padding: 10px 0 60px 60px;
width: auto;
overflow: hidden;
}

.photo_item {
float: left;
width: 165px;
height: 195px;
padding: 20px 40px 0 0;
}

.photo_item a, .photo_item a:hover {
text-decoration: none;
}

#about_right {
position: relative;
overflow: hidden;
width: auto;
}

#about_subnav {
text-align: center;
position: relative;
width: auto;
background-color: #22b24c;
padding: 5px 0 5px 0;
}

#about_subnav ul {
list-style-type: none;
width: auto;
}

#about_subnav li {
margin: 0;
display: inline;
padding: 0 10px;
font-family: Verdana,Geneva,sans-serif;
font-size: 1.0em;
color: #ffffff;
border-right: 1px solid #fff; 
width: auto;
}

#about_subnav a:link {
color: #fff;
text-decoration: none;
}

#about_subnav a:visited {
color: #fff;
text-decoration: none;
}

#about_subnav a:hover {
color: #fff;
text-decoration: underline;
}

#about_text {
position: relative;
width: auto;
padding: 30px;
text-align: left;
}

.about_subnav_on {
text-decoration: underline;
font-weight: bold;
}

.line_divider {
border-bottom: 2px dotted #666;
margin-bottom: 15px;
}

#video_content {
position: relative;
overflow: hidden;
width: auto;
}

#video_content a, #video_content a:hover {
text-decoration: none;
}

#video_big {
position: relative;
width: auto;
float: left;
margin: 20px 20px 20px 20px;
padding: 00px 0px 0 0px;
}

#video_inner {
background: #ffcc33;
padding: 8px 10px 1px 10px;
text-align: center;
}

#vid_description {
width: 480px;
padding: 10px 0 10px 0;
}

#video_big h1 {
font-weight: normal;
color: #666;
margin: 0;
}

.video {
position: relative;
width: 162px;
float: left;
padding: 0 15px 15px 0;
}

.video a {
text-decoration: none;
}

#thumbs_container {
float: left;
position: relative;
width: 375px;
margin: 20px 0 0 0;
overflow: hidden;
}

#thumbs_container img {
border: 1px solid #000;
}

#listen_songs {
background: white;
width: 520px;
margin-left: 40px;
margin-top: 50px;
padding: 30px;
text-align: center;
}

/* parents_corner section styles */

#parents_corner_main {
position: relative;
overflow: hidden;
width: 936px;
min-height: 300px;
border: 2px solid #22b24c;
background-image: url(/images2/blog_greenborder_bg.gif);
text-align: left;
}

#parents_corner_main ul {
margin: 0 0 15px 0;
font-size: 1.1em;
line-height: 1.2em;
list-style-type: none;
}

#plain_right p {
margin: 0;
}

#plain_left {
position: relative;
float: left;
overflow: hidden;
width: 640px;
padding: 15px 10px 10px 15px;
}

#plain_right {
position: relative;
float: right;
width: 220px;
padding: 10px 15px 0 0;
}

.blogphoto {
position: relative;
float: right;
margin: 0 0 10px 0;
}

.pc_rule {
color: #22b24c;
/* background-color: #22b24c; */
height: 1px;
margin: 15px 0 10px 0;
border-style:solid none;
}

/* links */

a {font-weight: normal; outline: none;}
a:link {color: #0066CC; text-decoration: none;}
a:visited {color: #0066CC; text-decoration: none;}
a:hover {color: #003300; text-decoration: underline;}

/* text styles */

.bluetext {color: #0066CC;}
.greentext {color: #22B24C;}
h1.spacebelow {font-size: 1.1em; margin-bottom: 1.8em; font-weight: normal;}
.greytext {color: #9a9a9a;}


/* .clearfix {clear: both;} */

/* top links */

#navbar {
position: relative;
padding: 5px 8px 5px 40px;
background-color: #0B67BE;
width: 740px;
float: right;
margin: 10px 0 10px 0;
z-index: 1;
}

.nav {
text-align: right;
}

.nav ul {
margin: 10px 0 10px 0;
list-style-type: none;
}

.nav li {
margin: 0;
display: inline;
padding: 4px 10px;
font-family: Verdana,Geneva,sans-serif;
font-size: 1.0em;
color: #ffffff;
border-right: .15em solid #fff; 
}

.nav img {vertical-align: middle;}

.nav li a, .nav li a:hover { 
color: #0066CC;
text-decoration: none;
}

.nav li.noborder, #footer .nav li.noborder {
border: 0; 
}

/* footer nav */

#footer .nav {
text-align: center;
}

#footer .nav li {
border-right: 1px solid #B3B4B3; 
letter-spacing: 0em;
}

#footer .nav li.last, .nav li.last, #about_subnav li.last {
border:none; 
}

#footer ul.nav li, #credit, .creditee a:link, .creditee a:visited {
color: #666;
font-family: Verdana,Geneva,sans-serif;
text-transform: none;
font-size: .90em;
text-decoration: none;
}

#footer .nav li a { 
color: #666;
}

#footer .nav li a:hover { 
color: #0066CC;
}

#creditstuff {
font-family: Verdana,Geneva,sans-serif;
color: #B3B4B3;
margin-left: 20px;
}

#creditstuff a:link,#creditstuff a:visited {
color: #B3B4B3;
text-decoration: none;
}

#creditstuff a:hover, .creditee a:hover {
color: #0066CC;
text-decoration: none;
}

#credit {
padding: 10px 0 10px 0;
font-size: .90em;
}

.creditee {
padding: 0 10px 0 10px;
position: relative;
}



/* bossy frog club styles */

#club_main {
position: relative;
overflow: hidden;
width: 936px;
min-height: 450px;
border: 2px solid #22b24c;
text-align: left;
background: #66ccff url(/images2/games_background.jpg) no-repeat;
}

#login_area {
position: absolute;
top: 80px;
left: 270px;
background: url(/images2/login_yellow_frame.png) no-repeat;
width: 414px;
height: 303px;
}

#login_form {
position: relative;
width: 310px;
height: 200px;
background: #fff;
padding: 20px;
top: 30px;
left: 30px;
}

#login_form p {
margin: 1px 0 1px 0;
}

#club_main {
position: relative;
overflow: hidden;
width: 936px;
min-height: 450px;
height: auto;
border: 2px solid #22b24c;
text-align: left;
background: #66ccff url(/images2/games_bluebackground.jpg) no-repeat;
}

/*
#games_main {
position: relative;
overflow: hidden;
width: 936px;
height: auto;
border: 2px solid #339933;
text-align: left;
background: #66ccff url(/images2/games_bluebackground.jpg) repeat-y;
}
*/

#games_arrow {
position: absolute;
top: 10px;
left: 10px;
}

#games_arrow2 {
position: absolute;
top: 40px;
left: 20px;
}

#watch {
position: absolute;
top: 10px;
left: 240px;
}

#draw {
position: absolute;
top: 10px;
left: 568px;
}

#listen {
position: absolute;
top: 200px;
left: 130px;
}

#games {
position: absolute;
top: 250px;
left: 580px;
}

#games_content {
position: absolute;
left: 213px;
top: 40px;
width: 670px;
background: #333366;
margin-bottom: 20px;
}

#game_big {
padding: 20px;
}

#games_thumbs {
position: absolute;
left: 515px;
top: 0px;
padding: 20px;
}

#games_thumbs a {
color: white;
text-decoration: none;
}

#games_thumbs a:hover {
text-decoration: none;
color: red;
}

#drawing_orange_box {
width: 480px;
background: #ffcc33;
color: #000;
padding: 10px;
margin-bottom: 30px;
margin-top: 10px;
}

#drawing_thumbs {
vertical-align: middle;
}

#drawing_thumbs img {
padding: 0 10px 10px 10px;
}

/*
.games_background {
background: #66ccff url(/images2/games_bluebackground.jpg) no-repeat;
}
*/


/* calendar page styles */

#calendar_main {
/*
position: relative;
overflow: hidden;
*/
width: 936px;
min-height: 375px;
border: 2px solid #22b24c;
text-align: left;
background: #22b24c;
}

#calendar_photo {
position: relative;
float: left;
width: 252px;
}

#calendar {
position: relative;
float: right;
width: 684px;
background: #cdd9fc;
}

#under_calendar {
position: relative;
float: right;
background: #22b24c;
padding: 5px;
width: 674px;
text-align: left;
}

#under_calendar a:link, #under_calendar a:visited {
color: white;
text-decoration: none;
}

#under_calendar a:hover {
color: white;
text-decoration: underline;
}

#member_stuff {
margin: auto;
width: auto;
padding: 0 50px 30px 0px;
}

#member_login {
position: absolute;
top: 110px;
right: 220px;
z-index: 20;
}

.store_item {
position: relative;
float: left;
width: 230px;
margin: 20px 50px 20px 20px;
color: gray;
height: 320px;
}

.store_item_single {
position: relative;
width: 900px;
margin: 20px 20px 20px 20px;
color: gray;
}

.store_info {
position: relative;
float: left;
width: 430px;
padding: 20px 50px 20px 15px;
color: gray;
}

.redlink, .redlink a:link, .redlink a:hover, .redlink a:visited  {
color: red;
}

.bluelink, .bluelink a:link, .bluelink a:hover, .bluelink a:visited  {
color: blue;
}

#wimpy_player_homepage {
float: right;
margin-right: 5px;
}

#wimpy_liberate, #wimpy_liberate2 {
float: left;
width: 30px;
padding: 5px 0 0 5px;
color: white;
}

#wimpy_liberate a, #wimpy_liberate a:link {
color: white;
text-decoration: none;
}

#wimpy_liberate2 a, #wimpy_liberate2 a:link {
color: green;
text-decoration: none;
}

/* checkout and store stuff */

.store_block {
background-color: #daf7de;
margin-bottom: 12px;
margin-top: 12px;
padding: 12px;
margin: 20px;
}

.store_block p {
margin: 0;
}

legend {
font-weight: bold;
padding-top: 15px;
}

#cdinfo {
float: left;
padding-left: 20px;
width: 400px;
}

#cdlargeimage {
float: left;
}