/*  

Theme Name: Avalon Live 1.0

Description: Customized Theme

Author: Mellowtown

*/



@import url('gigpress.css');



/*---------- Reset Stuff ----------*/

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,dd, dl, dt, li, ol, ul,fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {

	margin: 0px;

	padding: 0px;

	border: 0px;

	font-weight: inherit;

	font-style: inherit;

	font-size: 100%;

	font-family: inherit;

}

a img, :link img, :visited img {

	border: 0px;

}

table {

	border-collapse: collapse;

	border-spacing: 0px;

}

ol, ul {

	list-style: none;

}



.clear {

	clear:both;

}



.bk {

	background:gray;

}



a {color:#30779c;}





/*---------- Basic Setup ----------*/





body {

	font-family: Verdana, Arial, sans-serif;

	font-size: 12px;

	color: #fff;

	margin: 0;

	background: #CDD2D5 url(images/bg.jpg) repeat-x;

}



html, body {    

   height: 100%; 

}





/* Menu */



.menu {}



.menu h3 {}



.menu li {

	margin-bottom:20px;

}



.menu ul {}



.menu li li {

	margin:0;

}







/*---------- Main Design ----------*/



#wrapper {

	background-image:url(images/pageBg.jpg);

	background-repeat:no-repeat;

   	position: relative;

	width: 880px;

	margin: 0 auto; 

	}



#header {

	height: 150px;

	width: 100%;

	margin-bottom: 34px;

}



#logo	{

	background-image:url(images/avalon-logo.png);

	background-repeat:no-repeat;

	width:395px;

	height:81px;

	position:absolute;

	top:65px;

	left:25px;

}





#middleBox	{

	background-image:url(images/middleBox.jpg);

	background-repeat:no-repeat;

	width:850px;

	height:304px;

	margin:auto;

}







#middleBoxInterior	{

	background-image:url(images/interior-pageBg-bottom.png);

	background-repeat:repeat-y;	

	width:865px;

	height:100%;

	margin:auto;

	display:block;

	padding-bottom:15px;

	min-height:600px;

}





#middleBoxInteriorContent {

	padding-top:20px;

}



._page #middleBoxInteriorContent {padding-top:0;}





middleBoxInteriorContent	{

	background-image:url(images/interior-pageBg.png);

	background-repeat:no-repeat;

	background-position:top;

	width:865px;

	min-height:400px;

	margin:auto;

}



#sidebar {

	position:absolute;

	right:40px;

	width:275px;

	top: 200px;

}



#sidebar #newAlbum,

#sidebar #twitter {



}



#sidebar #twitter {

	margin-top:25px;

}



.sidebarCategoryHeader {

	background-image:url(images/blog-categories-sidebar.png);

	background-repeat:no-repeat;

	width:275px;

	height:42px;

	margin:0px auto 10px auto;

	display:block;

	text-indent: -9000px;

	overflow: hidden;

	z-index: 5000;

}



#sidebar ul {

margin-left:10px;

}



#sidebar a:link, 

#sidebar a:visited {

	adding-top:2px;

	font-family:Verdana, Geneva, sans-serif;

	font-size:12px;

	color:#3d4346;

	text-decoration:underline;

	}

#sidebar a:hover, 

#sidebar a:focus  {

	adding-top:2px;

	font-family:Verdana, Geneva, sans-serif;

	font-size:12px;

	color:#30779c;

	text-decoration:underline;

}







.newAlbumSidebar {

	background-image:url(images/newAlbum-sidebar.png);

	background-repeat:no-repeat;

	width:275px;

	height:42px;

	margin:0px auto 10px auto;

	display:block;

}

.twitterSidebar {

	background-image:url(images/twitter-sidebar.png);

	background-repeat:no-repeat;

	width:275px;

	height:42px;

	margin:0px auto 10px auto;

	display:block;

}



.spacer50{

	height: 50px;

	width: 100%;

	display: block;

}



.spacer20{

	height: 20px;

	width: 100%;

	display: block;

}



#twitterSidebarWrap {

        margin-left:10px;

}





	

/*---------- Nav --------------*/



#navWrap {

	width: 880px;

	float:left;

}





.nav {

	width: 688px;

	height: 30px;

	position: absolute;

	float:left;

	display:block;

	margin-left: -14px;

}

.nav li {

	display: inline;

}



.nav li.current_page_item {

	background-position: 100% -30px;

} 

.nav li a:link, 

.nav li a:visited {

	position: absolute;

	height: 30px;

	text-indent: -9000px;

	overflow: hidden;

	z-index: 5000;

	left: 14px;

}



.nav .home a:link, 

.nav .home a:visited {margin-left:7px; width: 95px; background: url(images/nav.png) no-repeat -7px -0px;}

.nav .home a:hover, 

.nav .home a:focus  {background: url(images/nav.png) no-repeat -7px -30px}





.nav .about a:link, 

.nav .about a:visited {margin-left:102px; width: 72px; background: url(images/nav.png) no-repeat -102px -0px;}

.nav .about a:hover, 

.nav .about a:focus  {background: url(images/nav.png) no-repeat -102px -30px}





.nav .tour a:link, 

.nav .tour a:visited {margin-left:174px; width: 65px; background: url(images/nav.png) no-repeat -174px -0px;}

.nav .tour a:hover, 

.nav .tour a:focus  {background: url(images/nav.png) no-repeat -174px -30px}



.nav .blog a:link, 

.nav .blog a:visited {margin-left:239px; width: 65px; background: url(images/nav.png) no-repeat -239px -0px;}

.nav .blog a:hover, 

.nav .blog a:focus  {background: url(images/nav.png) no-repeat -239px -30px}



.nav .pictures a:link, 

.nav .pictures a:visited {margin-left:302px; width: 96px; background: url(images/nav.png) no-repeat -302px -0px;}

.nav .pictures a:hover, 

.nav .pictures a:focus  {background: url(images/nav.png) no-repeat -302px -30px}



.nav .discography a:link, 

.nav .discography a:visited {margin-left:398px; width: 124px; background: url(images/nav.png) no-repeat -398px -0px;}

.nav .discography a:hover,

.nav .discography a:focus  {background: url(images/nav.png) no-repeat -398px -30px}



.nav .media a:link, 

.nav .media a:visited {float:left;margin-left:522px; width: 70px; background: url(images/nav.png) no-repeat -522px -0px;}

.nav .media a:hover,

.nav .media a:focus  {background: url(images/nav.png) no-repeat -522px -30px}





.nav .contact a:link, 

.nav .contact a:visited {margin-left:592px; width: 96px; background: url(images/nav.png) no-repeat -596px -0px;}

.nav .contact a:hover,

.nav .contact a:focus  {background: url(images/nav.png) no-repeat -596px -30px}





/*---------- Audio Player --------------*/





.audio {

	width: 880px;

	height: 20px;

	position: absolute;

	margin-left:-14px;

	float:left;

	display:block;

	

}

.audio li {

	display: inline;

}



.audio li a:link, 

.audio li a:visited {

	position: absolute;

	height: 30px;

	text-indent: -9000px;

	overflow: hidden;

	z-index: 5000;

	left: 702px;

}



.audio .audioPlayer a:link, 

.audio .audioPlayer a:visited {margin-left:0px; width: 177px; background: url(images/audioPlayer.png) no-repeat -0px -0px;}

.audio .audioPlayer a:hover,

.audio .audioPlayer a:focus  {background: url(images/audioPlayer.png) no-repeat -0px -30px;}







/*---------- Network --------------*/



.network {

	width: 880px;

	height: 20px;

	position: absolute;

	float:left;

	display:block;

}

.network li {

	display: inline;

}



.network li a:link, 

.network li a:visited {

	position: absolute;

	height: 20px;

	text-indent: -9000px;

	overflow: hidden;

	z-index: 5000;

	left: 470px;

	top:50px;

}



.network .facebook a:link, 

.network .facebook a:visited {margin-left:0px; width: 90px; background: url(images/network.png) no-repeat -0px -0px;}

.network .facebook a:hover, 

.network .facebook a:focus  {background: url(images/network.png) no-repeat -0px -21px}





.network .twitter a:link, 

.network .twitter a:visited {margin-left:102px; width: 86px; background: url(images/network.png) no-repeat -102px -0px;}

.network .twitter a:hover, 

.network .twitter a:focus  {background: url(images/network.png) no-repeat -102px -21px}





.network .myspace a:link, 

.network .myspace a:visited {margin-left:200px; width: 108px; background: url(images/network.png) no-repeat -200px -0px;}

.network .myspace a:hover, 

.network .myspace a:focus  {background: url(images/network.png) no-repeat -200px -21px}



.network .flickr a:link, 

.network .flickr a:visited {margin-left:314px; width: 75px; background: url(images/network.png) no-repeat -314px -0px;}

.network .flickr a:hover, 

.network .flickr a:focus  {background: url(images/network.png) no-repeat -314px -21px}



/* -------------- HOME Middle Content ------------------*/





#videodiv {

	width: 336px;

	height: 223px;

	padding-top: 11px;

	padding-left: 11px;

}



.joinDiv {

	background-image:url(images/join.png);

	background-repeat:no-repeat;

	margin-left:11px;

	width: 336px;

	height: 59px;

	overflow:hidden;

	float:left;





}



.joinDiv li {

	display: inline;

}



.joinDiv li a:link, 

.joinDiv li a:visited {

	position: absolute;

	height: 23px;

	text-indent: -9000px;

	overflow: hidden;

	z-index: 5000;

	left: 249px;

	top: 445px;

	background-image: url(images/joinButton.png);

	float:left;

}



.joinDiv .join a:link, 

.joinDiv .join a:visited {margin-left:0px; width: 101px; background: url(images/joinButton.png) no-repeat -0px -0px;}

.joinDiv .join a:hover, 

.joinDiv .join a:focus  {background: url(images/joinButton.png) no-repeat -0px -23px}







#imageSlideshow {

	border:0px;

	position:absolute;

	margin-left:11px;

	margin-top:12px;

	width: 480px;

	height: 282px;

	left: 363px;

	top: 183px;

}



/* ----------- Home Bottom Content --------------*/



#bottomContent {

	background-image:url(images/bottom-content-bg.png);

	background-repeat:no-repeat;

	width:850px;

	margin-top:30px;

	margin-left:auto;

	margin-right:auto;

	height:308px;

}



/* - Flickr - */



#flickr	{

	height:80px;

	width:260px;

	margin-top:45px;

}



.flickrHome {

	padding:0 0 0 4px;

	background:#181717;

}



.flickrHome a {

	display:block;

	padding:5px 3px 5px 3px;

	float:left;

}



.flickrHome img {

	border:solid 1px #000;

}



#flickr .post {

	text-align:right;

}





/* - News - */



#news	{

	height:135px;

	width:260px;

	padding-top:34px;

	overflow:hidden;

}



h2	{

	font-family:Verdana, Geneva, sans-serif;

	font-size:13px;

	color:#30779c;

	text-transform:uppercase;

	font-weight:normal;

}



h2 a {

	color:#30779c;

	text-decoration:none;

}



.postInterior h2 {

	padding-left:20px;
	width:430px;


}



h2._page {

	width:830px;

	height:45px;

	background:url('images/title_bk.png') center top repeat-x;

}



h2._page .title {

	font-size:25px;

	height:26px;

	display:block;

	float:left;

	background:url('images/title_bk.png');

	padding:13px 10px;

	padding-bottom:0px;

	margin-left:25px;

	color:#e7e9ea;

	font-weight:normal;

	letter-spacing:1px;

}



.postInterior	{

	width:650px;

	/*padding-top:10px;*/

	padding-left:7px;

	font-family:Verdana, Geneva, sans-serif;

	font-size:12px;

	color:#3d4346;

}



.entry	{

	width:465px;

	padding-top:10px;

	padding-left:20px;

	font-family:Verdana, Geneva, sans-serif;

	font-size:12px;

	color:#3d4346;

	text-align:justify;

}



.entry h6 {

	color:#30779C;

	font-family:Verdana,Geneva,sans-serif;

	font-size:13px;

	font-weight:normal;

	text-transform:uppercase;

	text-decoration:none;

}



.entry .spacer {

	height:15px;

}



.entry p {

	padding-bottom:10px;

}



.wide .entry {

	width:800px;

}





.post	{

	padding-top:2px;

	font-family:Verdana, Geneva, sans-serif;

	font-size:12px;

	color:#3d4346;

}



.post p {

	padding-bottom:10px;

}



/*.post a {

	padding-top:2px;

	font-family:Verdana, Geneva, sans-serif;

	font-size:12px;

	color:#3d4346;

	text-decoration:underline;

}

*/



.post a:link, 

.post a:visited {

	adding-top:2px;

	font-family:Verdana, Geneva, sans-serif;

	font-size:12px;

	color:#3d4346;

	text-decoration:underline;

	}

.post a:hover, 

.post a:focus  {

	adding-top:2px;

	font-family:Verdana, Geneva, sans-serif;

	font-size:12px;

	color:#30779c;

	text-decoration:underline;

}





a.read_more {float:right;}



.postingDateSmall	{

padding-top:2px;

	font-family:Verdana, Geneva, sans-serif;

	font-size:11px;

	color:#2b3236;

	font-style:italic;

	

}



#blog .postingDateSmall {

	

	padding-top:10px;

}



.postInterior .postingDateSmall {

	padding-left:20px;

}



/* - Blog - */



#blog	{

	position:absolute;

	left:308px;

	width:260px;

	top: 552px;

}



.postSeperation	{

	height:40px;

	

}



#content {

	width:830px;

	margin:0 auto;

}



#content a {

	color:#3d4346;

}



#respond {

	padding-top:35px;

	color:#3d4346;

}



/* - New Album - */



#newAlbum	{

	position:absolute;

	left:600px;

	width:260px;

	top: 560px;

}



.albumIcon	{

	background-image:url(images/home-album-icon.png);

	background-repeat:no-repeat;

	width:98px;

	height:99px;

	float:left;

}



.albumLogo	{

	background-image:url(images/home-album-logo.png);

	background-repeat:no-repeat;

	width:147px;

	height:50px;

	margin-left:14px;

	float:left;

}





.albumBuy {

	padding-left:30px;

	padding-top:10px;

	width: 111px;

	height: 27px;

	float:left;





}



.albumBuy li {

	display: inline;

}



.albumBuy li a:link, 

.albumBuy li a:visited {

	position: absolute;

	height: 27px;

	text-indent: -9000px;

	overflow: hidden;

	z-index: 5000;

}



.albumBuy .buyNow a:link, 

.albumBuy .buyNow a:visited {margin-left:0px; width: 111px; background: url(images/buy.png) no-repeat -0px -0px;}

.albumBuy .buyNow a:hover, 

.albumBuy .buyNow a:focus  {background: url(images/buy.png) no-repeat -0px -27px}





/* ----------- Twitter ------------- */



#twitter {

	position:absolute;

	left:600px;

	width:260px;

	top: 710px;

	min-height:30px;

}



#twitter a {color:#30779c;}



.vc_mtweets_follow {

	display:block;

	clear:both;

	padding-top:7px;

}



.vc_mtweets_follow a {

	display:block;

	height:20px;

	width:200px;

	text-indent:-9999px;

	background:url('images/twitter_follow.png') center top no-repeat;

}



.follow_title {

	display:none;

}



.vc_mtweets_time {

	display:block;

}





/* ----------- FOOTER --------------*/



#footer {

	width:850px;

	margin-top:30px;

	margin-left:auto;

	margin-right:auto;

	height:60px;

	background-image:url(images/dotted-line.png);

	background-position:top;

	background-repeat:no-repeat;

}





.footerClass {

	margin-left:2px;

	margin-top:20px;

	width: 141px;

	height: 35px;

	float:left;





}



.footerClass li {

	display: inline;

}



.footerClass li a:link, 

.footerClass li a:visited {

	position: absolute;

	height: 35px;

	text-indent: -9000px;

	overflow: hidden;

	z-index: 5000;

}



.footerClass .westoneLink a:link, 

.footerClass .westoneLink a:visited {margin-left:0px; width: 142px; background: url(images/westone.png) no-repeat -0px -0px;}

.footerClass .westoneLink a:hover, 

.footerClass .westoneLink a:focus  {background: url(images/westone.png) no-repeat -0px -35px}





.footerClass .mellowtownLink a:link, 

.footerClass .mellowtownLink a:visited {margin-left:156px; margin-top:2px; width: 122px; background: url(images/mellowtown.png) no-repeat -0px -0px;}

.footerClass .mellowtownLink a:hover, 

.footerClass .mellowtownLink a:focus  {background: url(images/mellowtown.png) no-repeat -0px -35px}


a#footerBanner	{
	background: url(images/avalon_kt11bnr.gif) no-repeat 0 0;
	width: 845px;
	height:213px;
	display: block;
	margin: 16px 0 20px 0;
	padding: 0;
	float:left;

}