/* This CSS Styles page was written by Christian Vuong for VAALA.ORG and may not be duplicated or copied in anyway.
Website maintenance completed by christianvuong.com */

body {
margin: 0em;
padding: 0em;
background-color: #5F1E02;
font-family: sans-serif;
margin-top: 5px;
}


#container {
height: 100%;
/*
position: relative;
*/
width: 780px;
text-align: center;
padding: 0px;
margin-top: auto;
margin-left: auto;
margin-bottom: +0px;
margin-right: auto;
background-color: #ffffff;
}

/* Navigation (BEGIN)
----------------------------------------------- */
#nav {
background-color: #ffcc33;
}



/* Navigation (END)
----------------------------------------------- */

/* Front Page (BEGIN)
----------------------------------------------- */
#front_calendar {
text-align: left;}

#front_featured {
padding-right: 10px;
}

.front_images {
padding: +3px;
padding-right: +3px;
height: 100px;
display: inline;}


/* Front Page (END)
----------------------------------------------- */

#yellow-bar {
color: #ffcc33;
height: 25px;
width: 100%;
background-color: #ffcc33;
background-image: url(images/yellow_bg.gif);
background-repeat: repeat-x;
}

.header-images {
padding: 10px;}

/* Footer (BEGIN)
----------------------------------------------- */
#footer {
text-align: center;}

#footer ul {
list-style-type: none;
margin-top: .5em;
text-align: center;
}

#footer li {
display: inline;
padding-right: 0.7em;
text-align: center;
}

#footer a, #footer a.hover {
font-size: .7em;
color: #EEE;
background: none;}

#footer p {
font-size: 0.7em;
color: #EEE;
background: none;
}


/* Footer (END)
----------------------------------------------- */
/* Global (BEGIN)
----------------------------------------------- */

h1 {
color: #000;
font-size: 1em;
margin: 0;
padding: 0;
margin-left: 10px;
letter-spacing: -0.05em;
border-bottom: 3px #5F1E02 solid;
display: inline;}


h2 {
color: #5F1E02;
font-size: 1em;
margin: 0;
padding: 0;
}

h2 small {
color: #5F1E02;
font-size: 0.7em;
margin: 0;
padding-top: 5px;
padding: 0;
}

p {
color: #000;
font-size: 1em;
font-weight: normal;
font-family: sans-serif;}

p.artist_name {
color: #5F1E02;
font-size: 1.4em;
font-weight: bold;
font-family: sans-serif;
margin: 0;
padding: 0;
}

p.welcome {
color: #000;
font-size: 0.8em;
font-weight: normal;
font-family: sans-serif;
padding-left: 10px;
padding-right: 10px;
text-align: left;}

p.desc {
color: #000;
font-size: 0.8em;
font-weight: normal;
font-family: sans-serif;
margin: 0;
padding: 0;
}

p.feature {
color: #000;
font-size: 0.8em;
font-weight: normal;
font-family: sans-serif;
margin: 0;
padding: 0;
}

p.notes {
color: #000;
font-size: 0.8em;
font-weight: normal;
font-family: sans-serif;
font-style: italic;
padding: 10px;}

a:link {font-family: sans-serif;
font-size: 0.9em;
color: #36393D;}

a:visited {
font-family: sans-serif;
font-size: 0.9em;
color: #000;
}

a:hover {
font-family: sans-serif;
font-size: 0.9em;
background-color: #FFFF88;
color: #000;}

a:active {
font-family: sans-serif;
font-size: 0.9em;
color: #36393D;}

a.event:link,a.event:hover,a.event:active,a.event:visited {
text-decoration: underline;
font-weight: normal;
font-size: 0.7em;
}

a.event:hover {
color: #336699;
}

a.event:visited{
text-decoration: underline;
color: #336699;
}

a.resources:link,a.resources:hover,a.resources:active,a.resources:visited {
text-decoration: underline;
font-weight: normal;
font-size: 0.9em;
padding-left: 10px;}

a.resources:hover, {
color: #336699;
}

a.resources:visited{
text-decoration: underline;
color: #336699;
}

/* Global (END)
----------------------------------------------- */