﻿@font-face {
	font-family: 'MuseoSlab500Italic';
	src: url('/fonts/museo_slab_500italic-webfont.eot');
	src: local('☺'), url('fonts/museo_slab_500italic-webfont.woff') format('woff'), url('/fonts/museo_slab_500italic-webfont.ttf') format('truetype'), url('/fonts/museo_slab_500italic-webfont.svg#webfontNPpduW0l') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'MuseoSlab500';
	src: url('/fonts/museo_slab_500-webfont.eot');
	src: local('☺'), url('fonts/museo_slab_500-webfont.woff') format('woff'), url('/fonts/museo_slab_500-webfont.ttf') format('truetype'), url('/fonts/museo_slab_500-webfont.svg#webfontzBSmD4Jd') format('svg');
	font-weight: normal;
	font-style: normal;
}

fieldset{padding:0 15px 10px 15px;} 
h1{font-size:2.4em;margin:0;color:#f8a136;}
h2{font-size:1.7em;margin:0;color:#dd6142;} 
h3{font-size:1.2em;margin:10px 0 0 0;color:#000000;} 
#content{margin:0 0 0 2%;position:relative;}
.content-container{background:#FFF; margin-top:8px;padding:10px;position:relative;}
body { margin:0; font-family:'Nobile', Calibri, Verdana; color:#000; font-size: 62.5%; line-height: 1.5; background:#6f7072; }

img { border:0; }

a:link,a:visited	{ color:#dd6142; }
a:hover	{ color:#f8a136; }


h1  { font-size:26px; font-weight:bold; }

h2  { font-size:20px; }

h3  { font-size:16px; }

hr  { height:10px; background-color:#35686b; border:0; }





#framework			{ width:1000px; margin:0 auto; }

#header             {width:1000px; margin:0; padding:0; clear: both; font-family: "trebuchet MS", Verdana, sans-serif; color:#FFF; background: url(/App_Themes/SunnysideMusicFest/Images/hdr_bg.png) top right no-repeat; }


#container			{ width:1000px; background:#d4d5d7; padding:16px 0 0 0; /*margin:0 auto; min-height:782px; height:auto !important; height:782px;*/ }

#containertop       { width: 1000px; height: 16px; background: url(/App_Themes/SunnysideMusicFest/Images/container_top_bg.png) top left no-repeat; }

#nav                { width: 960px; margin: 0 auto; height: 29px; padding: 0; }

#nav ul             { width: 960px; height: 29px; margin: 0; padding: 0; }

#nav ul li          { width: 160px; height: 29px; display: block; float: left; margin: 0; padding: 0; text-align: center; line-height: 29px; vertical-align: middle; list-style: none; font-family: 'MuseoSlab500', serif; font-size: 16px; }

#nav a:link, #nav a:visited { display: block; color: #6f7072; background: url(/App_Themes/SunnysideMusicFest/Images/nav_bg_sprite.png) top left no-repeat; background-position: 0 0;text-decoration: none; }

#nav a:hover { display: block; color: #6f7072; background: url(/App_Themes/SunnysideMusicFest/Images/nav_bg_sprite.png) top left no-repeat; background-position: -160px 0; text-decoration: none; }


#left				{ float:left; width:246px; }

#leftContent		{ float:left; padding:0 0 10px 15px; }

#right				{ float:right; width:734px; }

#headerImage		{ float:left; margin:20px 0 0 3px; }

#topNav				{ float:left; margin:0 0 0 1px; height:47px; width:719px; }

#topNavLeft			{ float:left; background:#b3d9ac url(/App_Themes/SunnysideMusicFest/Images/topNavLeft.gif) no-repeat; height:47px; width:16px; }

#topNavMiddle		{ float:left; width:681px; background:#b3d9ac; height:37px; padding:10px 0 0 6px; color:#35686b; font-size:24px; }

#topNavMiddle ul	{ float:left; margin:0; padding:0 0 0 10px; list-style:none; text-transform:uppercase;}

#topNavMiddle li	{ float:left; padding:0 39px; }

#topNavRight		{ float:right; background:#b3d9ac url(/App_Themes/SunnysideMusicFest/Images/topNavRight.gif) no-repeat; height:47px; width:16px; }



#upcomingEventsHeader	{ float:left; background: url(/App_Themes/SunnysideMusicFest/Images/upcomingEventsHeader.png) no-repeat; height:45px; width:228px; }

#upcomingEventsMiddle	{ float:left; clear:both; background:#ffffff; width:212px; padding:8px; }

.upcomingEvent			{ float:left; clear:both; width:212px; margin:0 0 5px 0; background:#ffffff; border-bottom:dashed 2px #35686b; font-size:14px; }

.upcomingEvent h2		{ font-size:1em; font-weight:bold; margin:15px 0 5px 0; }

.upcomingEvent a		{ text-decoration:none; }

.upcomingEvent p		{ margin-top:0; }

#upcomingEventsFooter	{ float:left; clear:both; background: url(/App_Themes/SunnysideMusicFest/Images/upcomingEventsFooter.png) no-repeat; height:10px; width:228px; }


#social				{ float:left; width:213px; margin:15px 0 15px 0; }

#social img			{ float:left; margin:0 0 0 12px; }



#sponsors			{ background: #fff; float:left; width:228px; margin:0; font-size:14px; }

#sponsors p	 		{ margin:15px 0 15px 0; text-align:center; }
#sponsors h3        { text-transform:uppercase; font-family:'MuseoSlab500', Times, Calibri, Verdana; text-align: center;}
#sponsortop         {float: left; width: 228px; height: 10px; background: url(/App_Themes/SunnysideMusicFest/Images/sponsortop.png) top left no-repeat; }
#sponsorbottom      {float: left; width: 228px; height: 10px; background: url(/App_Themes/SunnysideMusicFest/Images/upcomingEventsFooter.png) top left no-repeat; margin: 0; padding: 0;  }

#topSponsors		{ float:left; width:680px; margin-bottom:20px; }

.topSponsor			{ float:left; width:220px; text-align:center; }

.topSponsor h2		{ font-size:16px; border:none; margin:15px 13px 10px 13px; text-transform:none; text-align:center; font-family:Times, Calibri, Verdana; }

.topSponsor h3		{ font-size:20px; font-weight:bold; margin-top:75px; text-align:center; color:#ca6e4a; }



#content			{ float:left; width:713px; margin:13px 0 0 0; }

#contentTop			{ float:left; width:720px; height:46px; background: url(/App_Themes/SunnysideMusicFest/Images/contentTop.png) no-repeat; }

#contentMiddle		{ float:left; width:693px; min-height:400px; background:#ffffff; padding:10px 18px 0 9px; }

#contentMiddle h1	{ border-bottom:dashed 2px #35686b; margin:15px 13px 10px 13px; text-transform:uppercase; font-family:'MuseoSlab500', Times, Calibri, Verdana; }

#contentMiddle h2	{ margin-left:10px; }

#contentMiddle h3	{ margin-left:10px; font-size:18px; }

#contentMiddle .rockstar { font-size:16px; }

#contentMiddle .headerImage	{ margin-bottom:15px; }

#contentMiddle p, table	{ padding:0 13px 0 13px; font-size:14px; }

#contentMiddle ul	{ font-size:14px; }

#contentBottom		{ float:left; width:720px; height:21px; background: url(/App_Themes/SunnysideMusicFest/Images/contentBottom.png) no-repeat; }



#footerBoxes		{ float:left; width:713px; margin: 0 0 16px 0; }

.footerBox 			{ float:left; margin:0 17px 0 0; }

.footerBoxLast		{ float:left; margin:0; }



.band				{ float:left; clear:both; margin:10px 10px 0 0; width:100%; border-bottom:solid 7px #c0e1b9; }

.band .bandImage	{ float:right; padding:20px 0 20px 20px; }

.band p				{ float:left; width:435px; display:inline; }

.player	{ float:left; padding:0 13px;}

.clear { clear: both;}
				



/*#headerContainer	{ float:left; padding:16px 0 20px 245px; display:inline; }

#contentContainer	{ float:left; padding:0 19px 20px 19px; }

#contentFramework	{ float:left; background:#ffffff; }



/*#mainNav			{ float:left; height:49px; max-height:49px; background:#78d0e8; width:944px; }

#mainNav ul			{ float:left; margin:0; padding:12px 0 0 10px; list-style:none; color:#701721; text-transform:uppercase;}

#mainNav li			{ float:left; padding:0 32px 0 32px; }

#teaser				{ float:left; display:inline; margin:0; padding:0;}

#teaser img			{ float:left; margin:0; padding:0; }

#botb				{ float:left; display:inline; margin:0; padding:0;}

#botb img			{ float:left; margin:0; padding:0; }

#sponsors			{ float:left; clear:left; display:inline; background:#afd122; width:288px; height:166px; margin:0; padding:0;}

#sponsors .img		{ float:left; padding:0; }

*/



/*#content			{ float:right; clear:none; background:#ffffff; min-height:450px; height:auto !important; height:450px; margin:0; padding:20px 20px 20px 255px; width:600px; }

/*#content h1			{ font-size:24px; font-weight:bold; }

#content h2			{ font-size:18px; font-weight:bold; }

#content h2 a		{ text-decoration:none; }

#content p			{ font-size:14px; }

*/



/*#bottomNav			{ float:right; height:49px; max-height:49px; background:#78d0e8; width:650px; }

#bottomNav ul		{ float:left; margin:0; padding:8px 0 0 20px; list-style:none; color:#701721; text-transform:uppercase;}

#bottomNav li		{ float:left; padding:0 40px 0 40px; }

*/



#copyright			{ float:right; display:inline; margin:15px 25px 20px; font-size:12px; }

#copyright a			{ text-decoration:none; }

#playlist	{ padding-left:10px; }
