html, body {
margin: 0;
padding: 0;
color: #000; 
font-family: Verdana, Arial, Tahoma, sans-serif;
background: #000000 url('images/background.jpg') repeat-x;
text-align: center; /*** Centers the design in old IE versions ***/
height: 100%;
}

body, td {
font-size: 70%;
}

#layout {
position: relative; /* needed for footer positioning*/
width: 980px;
margin: 0 auto; /* Centers the design */
height: auto !important; /* real browsers */
height: 100%; /* IE6: treated as min-height*/
min-height: 100%; /* real browsers */
background: #333333;
}

#wrap {
width: 980px;
margin: 0 auto; /* Centers the design */
padding-bottom: 15px;
text-align: left;
}

#header {
height: 160px;
background: #000000 url('images/background.jpg') repeat-x;
}

#logo {
float: left;
width: 330px;
}

#head_right {
float: left;
width: 640px;
}

#h1tag {
width: 640px;
height: 25px;
text-align: right;
}

#nav_top {
padding: 95px 10px 0 0;
width: 640px;
height: 40px;
text-align: right;
color: #9900cc;
font-family: Arial;
font-size: 1.5em;
}

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

#nav_top a:hover {
color: #9900cc;
}

#footer {
position: absolute;
width: 980px;
height: 133px;
bottom: 0; /* stick to bottom */
}

#footer_top {
width: 980px;
height: 34px;
background: #333333 url('images/footer_top.gif');
}

#footer_left {
float: left;
margin-left: 15px;
width: 620px;
height: 65px;
background: #000000;
}

#footer_nav {
padding-left: 15px;
color: #9900cc;
text-align: left;
font-family: Arial;
font-size: 1.5em;
}

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

#footer_left a:hover {
color: #9900cc;
}

#footer_fun {
width: 565px;
margin-top: 6px;
background: #000000;
color: #666666;
font-family: Trebuchet MS, Helvetica, Verdana;
font-size: 2.6em;
text-align: right;
}

#footer_mid {
float: left;
width: 250px;
height: 65px;
background: #000000;
}

#footer_addr {
padding: 3px;
border: 1px solid #333333;
color: #666666;
font-family: Arial;
font-size: 1.3em;
text-align: left;
}

#footer_right {
float: left;
width: 80px;
height: 65px;
background: #333333 url('images/footer_moon.gif');
}

#footer_bot {
width: 980px;
height: 14px;
background: #333333 url('images/footer_bot.gif');
}

#footer_copy {
float: left;
margin-left: 25px;
width: 465px;
text-align: left;
color: #ffff99;
}

#footer_wd {
float: left;
margin-right: 30px;
width: 460px;
text-align: right;
color: #ffff99;
}

#footer_wd a {
font-family: Verdana;
font-size: 1em;
color: #ffff99;
text-decoration: none;
}

#footer_wd a:hover {
color: #ffff99;
}

#fpad {
height: 133px; /* equals footer height */
}

#error {
margin: 30px 0px 0px 225px;
padding: 15px;
width: 500px;
background: #ffcccc;
border: 1px solid #ff0000;
text-align: center;
}

#success {
margin: 30px 0px 0px 225px;
padding: 15px;
width: 500px;
background: #ffff99;
border: 1px solid #9900cc;
text-align: center;
}

#category h2 {
color: #ffffff;
font-size: 1.4em;
}

#header_photos {
padding-left: 24px;
height: 21px;
background: #000000 url('images/image_sm.gif') no-repeat;
}

#header_photos h1 {
color: #ffffff;
font-size: 1.4em;
}

#header_videos {
padding-left: 24px;
height: 21px;
background: #000000 url('images/video_sm.gif') no-repeat;
}

#header_videos h1 {
color: #ffffff;
font-size: 1.4em;
}

#header_video {
width: 480px;
height: 21px;
background: #000000;
}

#header_video h1 {
color: #ffffff;
font-size: 1.4em;
}

#header_music {
padding-left: 24px;
height: 21px;
background: #000000 url('images/music_sm.gif') no-repeat;
}

#header_music h1 {
color: #ffffff;
font-size: 1.4em;
}

#header_song h1 {
color: #ffffff;
font-size: 1.4em;
}

.clear {
clear: both;
}

img {
border: 0;
}

.hrline {
height: 1px;
margin: 4px 0 4px 0;
background-color: #000000;
clear: both;
}

.hrline hr {
display: none;
}

.box_wrap { position: relative; color: #000000; }
.box_wrap2 { position: relative; color: #ffffff; }
.clearbox {font-size: 1px; height: 1px; }

.bl_w {background: url(images/box_w_bl.gif) 0 100% no-repeat #ffffff; width: 100%; }
.br_w {background: url(images/box_w_br.gif) 100% 100% no-repeat; }
.tl_w {background: url(images/box_w_tl.gif) 0 0 no-repeat; }
.tr_w {background: url(images/box_w_tr.gif) 100% 0 no-repeat; padding: 15px; text-align: left; }

.bl_p {background: url(images/box_p_bl.gif) 0 100% no-repeat #660099; width: 100%; }
.br_p {background: url(images/box_p_br.gif) 100% 100% no-repeat; }
.tl_p {background: url(images/box_p_tl.gif) 0 0 no-repeat; }
.tr_p {background: url(images/box_p_tr.gif) 100% 0 no-repeat; padding: 15px; text-align: left; }

.shadowed { 
float: left;
background: url('images/shadow.png') no-repeat bottom right !important;
background: url('images/shadow.gif') no-repeat bottom right;
margin: 8px 0 0 8px !important;
margin: 8px 0 0 4px;
}

.shadowed img {
display: block;
position: relative;
background-color: #fff;
border: 1px solid #999;
margin: -6px 6px 6px -6px;
padding: 4px;
}

ul {
margin: 0 0 0 1em;
padding: 0 0 0 1em;
line-height: 150%;
}

li {
color: #ffffff;
font-family: arial,helvetica,tahoma;
font-size: 1.1em;
}

li a {
color: #999999;
text-decoration: underline;
}

li a:hover {
color: #666666;
}


/* --------------------------------- */
/* FONTS */


h1 {
color: #666666;
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
font-size: 1.2em;
margin: 0;
display: inline;
}

h2 {
color: #000000;
font-family: Arial, Helvetica, sans-serif;
font-size: 1.5em;
margin: 0;
display: inline;
}

h3 {
color: #ffffff;
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
font-size: 1.4em;
margin: 0;
display: inline;
}

/* END FONTS */
/* --------------------------------- */

/* --------------------------------- */
/* LINKS */

a {
font-family: arial, helvetica;
font-size: 1em;
color: #660099;
text-decoration: none;
}

a:hover {
color: #999999;
}

a.white {
font-family: arial, helvetica;
font-size: 1.1em;
color: #fff;
text-decoration: none;
}

a.white:hover {
color: #999999;
}

a.smwhite {
font-family: arial, helvetica;
font-size: 1em;
color: #fff;
text-decoration: none;
}

a.smwhite:hover {
color: #999999;
}

/* END LINKS */
/* --------------------------------- */

/* --------------------------------- */
/* Form Items */

form {
margin: 0;
}

input.text {
font-family: Arial, Helvetica;
font-size: 1.2em;
color: #444444;
background-color: #ebebeb;
padding: 2px;
border: 1px solid #cccccc;
}

select {
font-family: Arial, Helvetica;
font-size: 1.2em;
font-weight: bold;
color: #444444;
background-color: #ebebeb;
padding: 2px;
border: 1px solid #000000;
cursor: pointer;
}

textarea {
font-family: Arial, Helvetica;
font-size: 1.2em;
color: #444444;
background-color: #ebebeb;
padding: 2px;
border: 1px solid #cccccc;
}

input.btn {
color: #fff;
background: #660099;
border: 1px outset #cccccc;
margin-left: 4px;
padding: 1px 2px 1px 2px;
font-size: 1.1em;
font-family: Arial, Helvetica;
text-align: center;
overflow: visible;
cursor: pointer;
}

/* End Form Items */
/* --------------------------------- */

/* --------------------------------- */
/* Blog */

a.blog_headline {
color: #fff;
font-family: Arial;
font-size: 1.3em;
text-decoration: none;
}

a.blog_headline:hover {
color: #999999;
}

.sblog {
margin: 15px 0 20px 0;
border-bottom: 1px solid #9900cc;
}

.sblog h1 {
color: #21202c;
font-size: 1.5em;
}

.sblogdate {
float: left;
width: 541px;
height: 15px;
padding: 3px 0 0 8px;
color: #666666;
background: #ffff99;
font-size: 1em;
}

.blogdate {
width: 590px;
height: 15px;
padding: 3px 0 0 8px;
color: #666666;
background: #ffff99;
font-size: 1em;
}

.blogtext {
margin: 10px 0 10px 0;
font-family: verdana, helvetica, arial;
font-size: 1.2em;
line-height: 1.3em;
color: #444444;
}

.blogcmtdt {
padding: 2px;
background: #888888;
color: #ffffff;
}

.blogcmt1 {
padding: 6px 4px 6px 4px;
background: #ececec;
border-bottom: 1px dashed #cccccc;
text-align: left;
font-family: verdana, arial;
font-size: 1em;
}

.blogcmt2 {
padding: 6px 4px 6px 4px;
background: #d8d8d8;
border-bottom: 1px dashed #cccccc;
text-align: left;
}

.blogcmt1 p {
margin-left: 10px;
font-family: verdana, arial;
font-size: 1.1em;
color: #444444;
}

.blogcmt2 p {
margin-left: 10px;
font-family: verdana, arial;
font-size: 1.1em;
color: #444444;
}

.rss {
float: left;
padding: 1px 4px 1px 0;
width: 45px;
height: 16px;
background: #ffff99;
text-align: right;
}

.smgr {
font-size: 0.9em;
color: #666666;
}

.smgr2 {
font-size: 0.9em;
color: #cccccc;
}

.list1 {
padding: 3px;
background: #ececec;
border-bottom: 1px dashed #cccccc;
text-align: left;
}

.list2 {
padding: 3px;
background: #d8d8d8;
border-bottom: 1px dashed #cccccc;
text-align: left;
}

/* --------------------------------- */
/* End blog items */