/*
Viva La Art!
Copyright (c) 2010, Viva La Art! All rights reserved.
version: 2.0
*/

body {
	background-color: #FFF;
	color: #000000;
	font: 12px Arial, Helvetica, sans-serif;
	margin: 0;
 	padding: 0;}

a:link, a:visited {
	color: #000000;
	text-decoration: none;
	font-weight: bold;
}

a:hover {
	color: #e20f04;
	font-weight: bold;
}

/* Begin Header */

#headerRepeat {
	margin-top: 0px;
	width: auto;
	height: 159px;
	background: url(../images/header_repeat.gif) repeat-x;
}

.vivaHeader {
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	background: url(../images/viva_header.jpg) no-repeat;
	width: 900px;
	height: 159px;
}

.vivaHeader a {
	height: 159px;
	width: 900px;
	display: block;
	background: transparent;
}		

/* End Header */


/* Begin Nav */

#navRepeat {
	margin-top: 0px;
	width: auto;
	height: 20px;
	background: url(../images/nav_repeat.gif) repeat-x;
}

#mainNav {
	display: block;
	margin-left: auto;
	margin-right: auto;
	height: 20px;
	width: 900px;
	background: transparent;
}

#mainNav a {
	float: right;
	margin-top: 0px;
	margin-right: 0px;
  	height: 20px;
}

#homeButton {
	width: 28px;
	margin-left: 15px;
  	background: url(../images/home.gif) no-repeat 0 0;

}

#homeButton:hover { 
  	background-position: 0 -20px;
}

#aboutButton {
	width: 33px;
	margin-left: 15px;
  	background: url(../images/about.gif) no-repeat 0 0;

}

#aboutButton:hover { 
  	background-position: 0 -20px;
}

#artistsButton {
	width: 41px;
	margin-left: 15px;
  	background: url(../images/artists.gif) no-repeat 0 0;

}

#artistsButton:hover { 
  	background-position: 0 -20px;
}

#partnersButton {
	width: 54px;
	margin-left: 15px;
  	background: url(../images/partners.gif) no-repeat 0 0;
}

#partnersButton:hover { 
  	background-position: 0 -20px;
}

#mediaButton {
	width: 31px;
	margin-left: 15px;
  	background: url(../images/media.gif) no-repeat 0 0;

}

#mediaButton:hover { 
  	background-position: 0 -20px;
}

#charitiesButton {
	width: 51px;
	margin-left: 15px;
  	background: url(../images/charities.gif) no-repeat 0 0;

}

#charitiesButton:hover { 
  	background-position: 0 -20px;
}

/* End Nav */


/* Begin Tagline */

#tagLine {
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	width: 900px;
	height: 143px;
	background: url(../images/tag.jpg) no-repeat;
	background-position: center;
}

/* End Tagline */


#content {
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 45px;
	width: 900px;
	height: overflow;
}


/* Begin Side Nav */

#sideNav {
	float: left;
	margin-top: 0px;
	width: 180px;
	background: transparent;
}

#sideNav a {
	float: left;
	margin-top: 0px;
	width: 180px;
}

#emailAnimate {
	height: 15px;
	width: 80px;
  	background: url(../images/email_static.gif) no-repeat;

}

#emailAnimate:hover { 
  	background: url(../images/email_over.gif) no-repeat;
}

#events {
	height: 56px;
	width: 180px;
  	background: url(../images/events.gif) no-repeat 0 0;
	background-position: top;

}

#events:hover { 
  	background-position: 0 -56px;
}

#gallery {
	height: 56px;
	width: 180px;
  	background: url(../images/gallery.gif) no-repeat 0 0;
	background-position: top;

}

#gallery:hover { 
  	background-position: 0 -56px;
}

#friends {
	height: 56px;
	width: 180px;
  	background: url(../images/friends.gif) no-repeat 0 0;
	background-position: top;
}

#friends:hover { 
  	background-position: 0 -56px;
}

#philanthro {
	height: 56px;
	width: 180px;
  	background: url(../images/philanthro.gif) no-repeat 0 0;
	background-position: top;

}

#philanthro:hover { 
  	background-position: 0 -56px;
}

/* End Side Nav */


#divider {
	float: right;
	margin-top: 0px;
	height: 7px;
	width: 678px;
	background: url(../images/divider.gif) repeat;
}
#banner {
	float: right;
	margin-top: 10px;
	width: 678px;
}
#contentPost {
	float: right;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	width: 678px;
	height: overflow;
	line-height: 18px;
}

#artistPost {
	margin-top: 0px;
	width: 678px;
	height: 150;
	line-height: 18px;
}

#partnerPost {
	margin-top: 0px;
	width: 678px;
	height: 200;
	line-height: 18px;
}

#galleryThmbs {
	margin-top: 0px;
	width: 678px;
	height: 50;
	margin-right: 7px;
}
.footnote {
	font-size: 12px;
	color: #565656;
	font-style: italic;
}
#twitter {
	width: 150px;
	font-size: 10px;
}
#twitter img {
	padding: 0px 0px 10px 0px;
}
p.twitter-message {
	padding: 5px 0px 5px 0px;
	margin: 5px 0px 5px 0px;
}
.twitter-timestamp {font-size: 10px; color: #666666;}
a.twitter-link{ font-weight: normal; font-size: 11px;}
a.twitter-user{color: #2cc9fc;}
#facebook iframe {
	margin-top: 25px;
	height: 120px;
	margin-bottom: 25px;
}
#footer {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #fff;
	text-align: center;
	width: 100%;
	background-color: #c0c0c0;
	height: 18px;
	padding-top: 6px;
	text-transform: uppercase;
	margin-top: 65px;
}
#footer a {
	color: #666;
	font-weight: normal;
}
#footer a:hover {
	color: #e20f04;
	font-weight: normal;
}