body {
background: #0d0000 url(images/background-gradation.jpg) repeat-x;
color: black;
font-family: "comic sans", arial, helvetica, sans-serif;
margin: 0px 0px; 
padding:0px; 
}

#uber-container {
border: 0px solid black;
background: url(images/bg.jpg) repeat-y;
color: black;
overflow: hidden;
margin-right: auto;
margin-left: auto;
width: 1000px;
}

#uber-container-sidebar {
border: 0px solid black;
background: url(images/bg-sidebar.jpg) repeat-y top right;
color: black;
margin-right: auto;
margin-left: auto;
overflow:hidden;
width: 830px;
}



#container-home {
border: 0px solid black;
background: url(images/background_ras_indio.jpg) no-repeat;
color: black;
margin-right: auto;
margin-left: auto;
overflow: hidden;
width: 830px;
}

#content {
border: 0px solid black;
background-color: transparent;
color: yellow;
overflow: hidden;
margin: 130px 0 0 233px;
text-align: center;
}

#sidebar {
background-color: transparent;
color: yellow;
float: right;
overflow: hidden;
width: 233px;
}

#sidebar-container {
border: 0px solid red;
background-color: transparent;
font: bold 1em/1.5em arial, verdana, helvetica, sans-serif;
color: yellow;
margin: 0 15px 15px 15px;
overflow: hidden;
}





#footer {
background-color: #300;
color: yellow;
font: 12px/ 16px arial, verdana, helvetica, sans-serif;
padding: 15px;
overflow: hidden;
text-align: center;
}

.footer-smtxt {
background-color: inherit;
color: #600;
font: 11px/13px arial, verdana, helvetica, sans-serif;
margin-top: 0px;
}









/* FONT STYLES */

h1 {
color: #0f0; /* green */
font: bold 1.7em/1.2em arial, verdana, helvetica, sans-serif;
margin-top: 0px;
margin-bottom: 0px;
}

/* bright green */
h2 {
color: #fc0;
font:  oblique 1.3em/1.8em "comic sans", "comic sans ms", arial, verdana, helvetica, sans-serif;
margin-top: 5px;
}

/* dark brown */
h3 {
color: #300;
font: bold 1.1em arial, verdana, helvetica, sans-serif;
margin-top: 0;
margin-bottom: 0;
}

/* golden yellow */
h4 {
color: #c90;
font: 1.1em/1em arial, verdana, helvetica, sans-serif;
margin-top: 25px;
margin-bottom: -10px;
}

p {
background-color: transparent;
color: yellow;
font: 1em/1.6em comic sans, comic sans ms, arial, verdana, helvetica, sans-serif;
}

blockquote {
background-color: transparent;
color: yellow;
font: oblique 1em/1.6em comic sans, comic sans ms, arial, verdana, helvetica, sans-serif;
margin-right: 20px;
}




/* MISC ELEMENTS */
img {
border: 0;
}

fieldset {
border: 0;
}

#cds {
background-color: transparent;
color: black;
margin: 30px 0 -10px 0;
width: 234px;
height: 75px;
}

#shows {
background-color: transparent;
color: black;
margin-top: 30px;
width: 150px;
height: 60px;
}

hr {
border: 1px dotted red;
width: 200px;
}
/* END MISC ELEMENTS */








/* FORM */
.button {
background-color: #3F0;
border:1px solid #060;
color: #060;
font: normal 11px arial, helvetica, sans-serif;
padding: 1px;
}
/* END  */













.iconlist {
background-color: inherit;
color: #000;
font: .8em/1em arial, helvetica, Verdana, sans-serif;
list-style: none;
margin: 25px 0 0 0;
padding: 0;
}

li.mega { 
background: url(images/audio.gif) no-repeat 0 50%;
font: 1em/1.3em arial, verdana, helvetica, sans-serif;
padding: 3px 0 3px 20px;
margin: .4em 0;
}





























.lineup {
color: #FFFF00;
font-family: arial, verdana, helvetica, sans-serif;
font-size: 12px;
font-weight:600;
line-height: 14px;
padding: 10px;
vertical-align:top;
}

.clr1 {
background-color: #336600;
color:#FFFF99;
font-size: .9em;
font-family: verdana, arial, helvetica, sans-serif;
line-height: 1.2em;
padding: 3px; 
vertical-align: top;
}

.clr2 {
background-color: #387F08; 
color:#FFFF99;
font-size: .9em;
font-family: verdana, arial, helvetica, sans-serif;
line-height: 1.3em;
padding: 3px;
vertical-align: top;
}

/* content links */
a.type1:link {color:#33FF00; text-decoration:underline;}
a.type1:visited {color:#33CC00; text-decoration:underline;}
a.type1:active  {color:#FF0000; text-decoration:underline;}
a.type1:hover   {color:#FFFF00; text-decoration:underline;}

/* sidebar dark links */
a.type2:link {color:#030; text-decoration:none;}
a.type2:visited {color:#000; text-decoration:none;}
a.type2:active  {color:#c90; text-decoration:none;}
a.type2:hover   {color:#ff0; text-decoration:underline;}

/* footer links */
a.type3:link {color:#0f3; text-decoration:none;}
a.type3:visited {color:#0c3; text-decoration:none;}
a.type3:active  {color:#ff6; text-decoration:none;}
a.type3:hover   {color:#ff0; text-decoration:underline;}




















/* NAV */


.menu1 #menu2 {
background-color: #600;
color: #b39c8e;
display: block;
font: normal 1.3em arial, Helvetica, sans-serif;
height: 42px;
margin-right: auto;
margin-left: auto;
position: relative;
width: 830px;
}

.menu1 #menu2 ul {
background-color: inherit;
color: #c00;
margin: 0px;
overflow: hidden;
padding: 0;
list-style-type: none;
width: auto;
}

.menu1 #menu2 ul li {
border-right: 1px solid #4b0101;
background-color: inherit;
color: #c00;
display: block;
float: left;
margin:  0;
}

.menu1 #menu2 ul li a {
background-color: inherit;
color: #c00;
display: block;
float: left;
text-decoration: none;
padding: 10px 30px 10px 30px;
}

.menu1 #menu2 ul li a:hover,.menu1 #menu2 ul li a.current {
background-color: red;
background: url(images/fire_on.gif) no-repeat center 20px;
color: yellow;
}




#flickr-container {
border: 1px dotted #a51800;
background-color: transparent;
color: black;
width: 130px;
margin: 20px auto 20px auto;
text-align: center;
}

#flickr-gravatar {
background-color: #a51800;
color: red;
font: 12px arial, helvetica, sans-serif;
overflow: hidden;
padding: 3px;
text-align:left;
}