/* 
Theme Name: Freedom Festival 2010
Theme URL: http://rowdesign.com/
Description: Custom designed for Freedom Festival by RowDesign. 
Author: Brad Rowberry
Author URI: http://rowdesign.com
Version: .1	

*/

/*  The following CSS Reset was written by Dejan Cancarevic
http://stylizedweb.com/2008/02/14/10-best-css-hacks/         */

html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, del, dfn, em, font, img, ins, kbd, q, s, samp, acronym, address, big, cite, code,small, strike, strong, sub, sup, tt, var,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {font-size:100%;font-family:inherit;vertical-align:baseline;margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;}caption, th, td {text-align:left;font-weight:normal;}table {border-collapse:separate;border-spacing:0;}blockquote:before,blockquote:after,q:before,q:after {content: "";}blockquote, q {quotes: "" "";}
{margin:0;padding:0;}




/*universal typography*/
html {
	/*font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;*/
	font-family:"Times New Roman", Times, serif;
	font-size: 62.5%;
	color: #333;
}
#container {
	font-size: 1.3em;	
}
#content a, #content a:visited {color: #c02d1a; text-decoration:none;}
#content a:hover {	color: #022156;}

.ft h1 { clear:both; font-size: 2.4em; clear:none;}
.ft h2 { clear:both; font-size: 2.0em; color:#c02d1a;}
.ft h2 a {color: #c02d1a;}
.ft h3 { clear:both; font-size: 1.7em; font-weight:bold; color:#022156;}
.ft h4 { clear:both; font-size: 1.5em; font-weight:bold; color:#022156;}
.ft h5 { clear:both; font-size: 1.3em; color:#022156;}
.ft h6 { clear:both; font-size: 1.3em; color:#022156;}
.ft p {line-height: 1.8em; margin-bottom: .6em; font-size:1.1em;}
.ft ul {list-style-position: outside;  margin-left: 50px;}
.ft ol {list-style-position: outside; margin-left: 50px;}
.ft li {line-height: 1.8em; font-size: 1.1em; }
.ft a {border-bottom: 1px dashed;}
.ft s {text-decoration: line-through;}
.ft strong {font-weight: bold;}
.ft em {font-style:italic;}
.ft u {border-bottom: 1px solid;}
.ft img {padding: 10px; border: 1px dotted #dddddd; background-color: #fff;}
.ft .clean {border: 0;}
.ft blockquote {
	margin:22px 40px;
	padding:3px;
	padding: 0 50px;
	background: transparent url("images/blockquote.png") no-repeat 0 0;}


.image-thumbnail {padding: 10px; border: 1px dotted #dddddd; background-color: #fff;}

img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}
	
	
.left {float: left;}
.right {float: right;}

.ft .divider { width: 90%; background-color: #c02d1a; height: 2px; clear:both; margin: 0 auto;
}
	
	
/*comments */
#respond {
	clear: none;
	min-height: 300px;
}
	
	
/*table styling*/
#styledtable{
	font-size: 12px;
	background: #fff;
	width: 720px;
	border-collapse: collapse;
	text-align: left;
}
#styledtable th{
	font-size: 14px;
	font-weight: normal;
	color: #333;
	padding: 10px 8px;
	border-bottom: 2px solid #022156;
}
#styledtable td{
	color: #333;
	padding: 6px 8px 6px 8px;
	border-bottom: 1px dotted #999;
}
#styledtable tbody tr:hover td{
	color: #fff;
	background:#c02d1a;
}

#styledtable tbody tr:hover a{
	color: #fff;
}
#styledtable a {

}
#styledtable a:hover {
	color: #ffffff;	
}
/*end of table style*/
	

/*random fixes*/
.carouselBtn {
	position: left !important;}



/*functional divs*/
.clear {
	clear: both; 
	height: 1px;
}
.cleardiv {
	clear: both;
	height:1px;
}

/*universal structure*/

html {

}
body {
	background: url(images/ff-background.jpg) top no-repeat #000000;	
	border-top: #c02d1a 6px solid;
}

#container {
	width: 960px;
	margin: 0 auto;
	margin-top: 40px;
	margin-bottom: 20px;
}

#header {
	width: 960px;
	height: 120px;
	clear: none;
	background:url(images/ff-header-blue.jpg) no-repeat left top;
}

	#logo { margin-left: 20px; width: 300px; float:left; height: 120px;}
	#topnavigation{margin-top: 58px; width: 560px; float:left;  z-index: 400; }

#content {
	width: 960px;
	background-color: #eee;
	margin-top: 10px;
	height: 100%;
}

#footer{
	width: 960px;
	background-color: #F99;
	clear: both;
	padding-bottom: 20px;
}

#afterfooter {
	color: #CCC;
	font-size: .8em;
	text-align: right
}

#footerlinks {
	margin-left: 10px; 
	color: #c02d1a;
	font-size: 1em;
	margin: 0 auto;
}

/*default page layout*/
#leftwidgets {
	width: 200px;
	float: left;
	background: url(images/sidebar-gradient.png) repeat-x #eee;
}
#centercontent {
	width: 540px;
	float: left;
	padding: 10px;
	background-color: #fff;
	
}
#rightwidgets {
	width: 200px;
	float: left;
	background: url(images/sidebar-gradient.png) repeat-x #eee;
}

/*graphic splash layout*/
#splashcontent {
	width: 940px;
	margin: 10px;
	clear:none;
	background-color:#fff;
	
}

#splashwidgetbar{
	width: 960px; 
	height: 200px;
	background: #eee;
	padding-bottom: 5px;
	border-bottom: 4px solid #c02d1a;
	
}

/*1 right event template*/
#leftcontent {
	width: 740px;	
	float: left;
	padding: 10px;
	background-color: #fff;
	
}

/*home page styling*/
#hometop {
	width: 760px;
	float: left;
	background-color:#eee;
}
	#hometopleft {
		width: 200px;
		float: left; 
			background: url(images/sidebar-gradient.png) repeat-x #eee;
				  
	}
	#hometopright {
		width: 740px;
		padding: 10px;
		float: left;
			background: #eee;
	}
	#hometopbottomleft {
		width: 750px;
		height: 180px;
		clear: none;
		float:left;
		background-color:#eee;
		margin-top: 10px;
		margin-bottom: 10px;
		margin-left: 10px; 
		z-index:0;
		position:relative;
	}
	
	.homefeaturewidget {
		margin-top: 10px;	
	}

#homeright {
	width: 200px;
	float: left;
	background: url(images/sidebar-gradient.png) repeat-x #eee;
}

#homebarwidgets{
	width: 960px; 
	background-color:#eee;
	margin-bottom: 15px;
}


.scrollingeventbar {
	height: 490px;
	overflow:auto;
}

.eventbar {
	padding-bottom: 2px;	
	padding-top: 2px;
}
.eventbardate {
	font-size: 80%;	
}


/*blog styling*/
#blogcontent {
	width: 740px;
	float: left; 
	padding: 10px;
}
#blogtitle {
	margin-bottom: 35px;	
}

.eightyfive {
	font-size: 85%;	
}
.post {
	margin-bottom: 15px;
	border-bottom: 1px dotted #c02d1a;
	padding-bottom: 20px;
	clear: both;
}
.post h2, .post h2 a{
	color: #022156 !important;
	font-weight:bold;
	border-bottom: none;
	
}
.post h2 a:hover {
	border-bottom: 1px dashed;	
}

.newoldbutton {
	padding: 15px;
	background-color: #c02d1a;
	border: 1px solid #ddd;
	color: #fff;
}


/*foot styling */
#footer {
		background: url(images/sidebar-gradient.png) repeat-x #eee;
	
}
#footerwidgets {
	width: 960px; 
	height: 150px;	
}

#footerwidgets ul, #footerwidgets li {margin-left: 0; float:left;}


/*widget styling*/
.defaultwidget, .splashwidget, .homebarwidget, .footerwidget {
	font-size: 1.1em;	
}

.defaultwidget {
	width: 180px;
	margin: 9px;
	padding-bottom: 10px;
	background: #fff;
	text-align: center;
	border: 1px solid #ddd;
	padding-top: 4px;
}

.defaultwidget a {
	color: #c02d1a;	
	text-decoration: none;
	width: 100%;
	display:block;
}

.defaultwidget ul { 
	list-style-position:inside;	
	list-style-type: none;
}

.defaultwidget ul li {
	width: 100%; 
	border-bottom: 1px solid #eee;
}

.defaultwidget h5, .homebarwidget h5{
	font-size: 1.2em;
	font-weight:bold;
	color: #022156;
	margin-bottom: 4px;
}

.defaultwidget ul li:hover, .defaultwidget ul li a:hover  {
	background-color: #c02d1a;	
	color: #fff !important;
}

.splashwidget ul, .homebarwidget ul, .footerwidget ul { 
	list-style-position:inside;	
	list-style-type:circle;
}

.splashwidget, .homebarwidget {
	width: 	208px;
	float: left;
	background-color:#fff;
	border: 1px solid #ddd;
	margin: 10px;
	padding: 5px;
	height: 120px;
}

.homebarwidget {
	text-align: center;	
}

.footerwidget {
	width: 208px;
	padding: 5px; 
	height: 150px;
	margin: 10px;
	background-color:#fff;
	float: left;
	border: 1px solid #ddd;
}

.footerwidget a {
	color: #c02d1a;	
	text-decoration: none;
	width: 100%;
	display:block;
}

.footerwidget ul { 
	list-style-position:inside;	
	list-style-type: none;
}

.footerwidget ul li {
	width: 100%; 
	border-bottom: 1px solid #eee;
}

.footerwidget h5 {
	font-size: 1.2em;
	font-weight:bold;
	color: #022156;
	margin-bottom: 4px;
}

.footerwidget ul li:hover , .footerwidget ul li a:hover  {
	background-color: #c02d1a;	
	color: #fff !important;
}

.sponsorlink a{
	float: right; color: #333; margin-right: 10px; font-weight:bold; text-decoration:none; border-bottom: 1px dotted;	
}



/*twitter widget*/
.twitter-item  {list-style:none; display: block;}
.twitter h5 a {color:#022156 !important;  }
.twitter-timestamp {}


/*sprite css*/
.mainsponsors {
	padding-left: 80px;
	text-align:center;
	margin-top: 10px;
}

.mainsponsors li {
	display: inline;
	list-style:none;
}
.mainsponsor {
	height: 50px;
	float: left;
	background-image:url(images/main-sponsor-sprite.png);
	margin-left: 15px;
	margin-right: 15px;
	clear: none;
	
}

.zions {width: 135px;background-position: 0px 0px;}				.zions:hover {background-position: 0px -50px;}
.utahvalley {width: 115px;background-position: -135px 0px;}		.utahvalley:hover {background-position: -135px -50px;}
.nuskin {width: 140px;background-position: -250px 0px;}			.nuskin:hover {background-position: -250px -50px;}
.herald {width: 145px;background-position: -390px 0px;}			.herald:hover {background-position: -390px -50px;}
.utahcounty {width: 55px;background-position: -545px 0px;}		.utahcounty:hover {background-position: -545px -50px;}
.provo {width: 138px;background-position: -600px 0px;}			.provo:hover {background-position: -600px -50px;}


.socialsprite a {float: left;}
a.socialsprite {float: left;}
p.socialsprite {display: none;}
.socialsprite p {display:none;}

#socialdiv {
height: 150px;
overflow:hidden;
}
.socialsprite {
	height: 150px;
	background-image:url(images/buttons-sprite-new.jpg);
	float: left; 
	clear:none;

}

.facebooksprite {background-position: 0px -495px; width: 54px; }
.feedsprite{background-position: -103px -495px;  width: 50px; }
.twittersprite {background-position: -54px -495px; width: 49px; }
.youtubesprite {background-position: -153px -495px; width: 51px; }




.buttonsprite {
	background:url(images/buttons-sprite-new.jpg) top left no-repeat;
	margin: 0 auto;
}	

.emailmebutton { width: 240px; height: 150px; background-position: 0px -340px ;}
.buyticketsnowbutton { width: 170px; height: 84px; background-position: 0px 0px;}
.donatebutton { width: 204px; height: 150px; background-position: 0px -188px ;}
.updatesbutton { width: 204px; height: 150px; background-position: 0px -495px ;}
.volunteerbutton { width: 170px; height: 100px; background-position: 0px -86px ;}

.visitourstore {width:204px; height:150px; background:url(images/visit-our-store.jpg) top left no-repeat;
	margin: 0 auto;
}

.eventsponsorsprite {
	height: 100px;
	width: 150px; 
	background-image: url(images/eventsponsor-sprite.jpg);
	margin: 15px;
	clear: right;
	float: left;
	opacity: .5;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=50);
	display: inline;
}

.eventsponsorsprite:hover {
	opacity: 1;
	filter: alpha(opacity=100);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.zionsbank 		{background-position: 0px 0px;}
.ihc 			{background-position: 0px -100px;}
.utcounty 		{background-position: 0px -200px;}
.abbott 		{background-position: 0px -300px;}
.univmall 		{background-position: 0px -400px;}
.morganstanley 	{background-position: 0px -500px;}
.centerstage 	{background-position: 0px -600px;}
.comcast 		{background-position: 0px -700px;}
.dailyherald 	{background-position: 0px -800px;}
.provocity 		{background-position: 0px -900px;}
.greatharvest 	{background-position: 0px -1000px;}
.daysmarket 	{background-position: 0px -1100px;}
.hogiyogi 		{background-position: 0px -1200px;}
.tucanos 		{background-position: 0px -1300px;}
.kimac 			{background-position: 0px -1400px;}
.checkcity 		{background-position: 0px -1500px;}
.diecuts 		{background-position: 0px -1600px;}
.ncb 			{background-position: 0px -1700px;}
.maceys 		{background-position: 0px -1800px;}
.hales 			{background-position: 0px -1900px;}
.unclesam 		{background-position: 0px -2000px;}
.radio1057 		{background-position: 0px -2100px;}
.radio570 		{background-position: 0px -2200px;}
.radio1065 		{background-position: 0px -2300px;}
.kutv2 			{background-position: 0px -2400px;}
.links 			{background-position: 0px -2500px;}
.ucab 			{background-position: 0px -2600px;}
.brickoven		{background-position: 0px -2700px;}
.uvfoot			{background-position: 0px -2800px;}
.helpmegrow		{background-position: 0px -2900px;}
.maakoa			{background-position: 0px -3000px;}


.toyota 		{background-position: -150px 0px;}
.metalmart 		{background-position: -150px -100px;}
.hotelparkcity 	{background-position: -150px -200px;}
.noni 			{background-position: -150px -300px;}
.sundance 		{background-position: -150px -400px;}
.oremcity 		{background-position: -150px -500px;}
.robertscrafts 	{background-position: -150px -600px;}
.cascadegolf 	{background-position: -150px -700px;}
.wellsfargo 	{background-position: -150px -800px;}
.nuskinevent 	{background-position: -150px -900px;}
.xlear 			{background-position: -150px -1000px;}
.xango 			{background-position: -150px -1100px;}
.novell 		{background-position: -150px -1200px;}
.covey 			{background-position: -150px -1300px;}
.rotary 		{background-position: -150px -1400px;}
.youngliving 	{background-position: -150px -1500px;}
.uvu 			{background-position: -150px -1600px;}
.uccu 			{background-position: -150px -1700px;}
.actiontarget 	{background-position: -150px -1800px;}
.fillmore		{background-position: -150px -1900px;}
.utvalley		{background-position: -150px -2000px;}
.squire			{background-position: -150px -2100px;}
.goldsmith		{background-position: -150px -2200px;}
.kiwanis		{background-position: -150px -2300px;}
.radiodisney	{background-position: -150px -2400px;}
.radio995		{background-position: -150px -2500px;}
.artscouncil	{background-position: -150px -2600px;}
.multiling		{background-position: -150px -2700px;}
.marykay		{background-position: -150px -2800px;}
.ihc2			{background-position: -150px -2900px;}
.pirate			{background-position: -150px -3000px;}



.nounderline{
	border-bottom: 0px !important;	
	text-decoration: none;
}

/*top navigation style*/
#suckerfishnav {
    font-size:1.2em;
    font-weight:bold;
    width:100%;
	z-index:500;
	position:relative;

    }
#suckerfishnav, #suckerfishnav ul {
    float:left;
    list-style:none;
    line-height:30px;
    padding:0;
    border:1px soild #aaa;
    margin:0;
    width:600px;
		
    }
#suckerfishnav a {
	display:block;
	color: #fff;/*color:#c02d1a;*/
	text-decoration:none;
	padding:0px 8px; /*this controls the spacing of the main links*/
    }
#suckerfishnav li {
    float:left;
    padding:0;
	z-index:500;
    }
#suckerfishnav ul {
    position:absolute;
    left:-999em;
    height:auto;
    width:141px;
    font-weight:normal;
    margin:0;
    line-height:1;
    border:0;
    border-top:1px solid #666666;
    }
#suckerfishnav li li {
    width:139px;
    border-bottom:1px solid #666666;
    border-left:1px solid #666666;
    border-right:1px solid #666666;
    font-weight:bold;
    }
#suckerfishnav li li a {
    padding:8px 8px;
    width:110px;
    font-size:.8em;
    color:#fff;
    }
#suckerfishnav li ul ul {
    margin:-33px 0 0 140px;
    }
#suckerfishnav li li:hover {
    background:#fff url(images/suckerfish-gradient-hover.png) repeat-x top;
    }
#suckerfishnav li ul li:hover a, #suckerfishnav li ul li li:hover a, #suckerfishnav li ul li li li:hover a, #suckerfishnav li ul li li li:hover a {
    color:#022156;
    }
#suckerfishnav li:hover a, #suckerfishnav li.sfhover a {
    color:#022156;
	
    }
#suckerfishnav li:hover li a, #suckerfishnav li li:hover li a, #suckerfishnav li li li:hover li a, #suckerfishnav li li li li:hover li a {
    color:#fff;
    }
#suckerfishnav li:hover ul ul, #suckerfishnav li:hover ul ul ul, #suckerfishnav li:hover ul ul ul ul, #suckerfishnav li.sfhover ul ul, #suckerfishnav li.sfhover ul ul ul, #suckerfishnav li.sfhover ul ul ul ul {
    left:-999em;
    }
#suckerfishnav li:hover ul, #suckerfishnav li li:hover ul, #suckerfishnav li li li:hover ul, #suckerfishnav li li li li:hover ul, #suckerfishnav li.sfhover ul, #suckerfishnav li li.sfhover ul, #suckerfishnav li li li.sfhover ul, #suckerfishnav li li li li.sfhover ul {
    left:auto;
    background:#022156;
	opacity: .85;
	z-index: 500;
    }
#suckerfishnav li:hover, #suckerfishnav li.sfhover {
        background:#fff url(images/suckerfish-gradient-hover.png) repeat-x top;

    }
/*end top navigation*/