@charset "utf-8";
@import url('http://apps.resonantsolutions.net/ri/css/reset.css'); /*Clear all browser defaults */
@import url('http://apps.resonantsolutions.net/ri/css/jquery.countdown.css'); /*Countdown Styles */
@import url('http://apps.resonantsolutions.net/ri/css/jquery.jtweetsanywhere-1.2.1.css'); /*twitter feed styles */
body{ 
	margin:0; 
	padding:0;
	background-color:#4B0B01; 
	color:#fff; 
	font:normal 14px/1.8em "Liberation sans", Arial, Helvetica, sans-serif;
	background-image: url('http://apps.resonantsolutions.net/ri/images/bg7.jpg');
	background-position:top-center;
	background-repeat:no-repeat;
	background-attachment:fixed;
}
html, .main { 
	padding:0; 
	margin:0;
	
}

/* Clear Float Styles */
.clr { 
	clear:both; 
	padding:0; 
	margin:0; 
	width:100%; 
	font-size:0px; 
	line-height:0px;
}
/*Main Page Settings */
#main{
	height:100%;
}
/* Header Styles */
#header{
}
/*counter bar Opacity controls */
#header-counter {
	background:rgb(0,0,0);
	background: rgba(63,2,1,0.4);
	height:auto;
	min-height:40px;
	/* For IE   resetting background color hack */
	background: transparent\9;
	/* For IE 5.5   7*/
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
	/* For IE 8*/
	-ms-filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000) 
}


#header-counter-resize{
	margin:0px auto;
	padding:0px;
	width:930px;
}
#defaultCountdown { 
	float:right;
	width:300px;
	background:none;
	margin:7px 0px 5px 0px;
}

#header-resize{
	margin:0px auto;
	padding:0px;
	width:930px;
	background-image: url('http://apps.resonantsolutions.net/ri/images/masthead_n6.png');
	height:auto;
	min-height:170px;
}
.head-text{
	float:right;
	margin:140px 30px 0px 0px;
}
.head-text p{
	font-family: 'Orbitron', arial, serif;
	color:#ffffff;
	padding:5px 0px 0px 0px;
}
/*Main Nav Styles*/
#main-nav{
	margin:5px 0px 10px 0px;
}

#main-nav-resize{
	margin:0px auto;
	padding:0px;
	width:930px;
}

#main-nav-resize ul{
	margin: 0px auto;
	padding: 0px;
	width:800px;
	list-style-type: none;
	text-align: center;
}

#main-nav-resize li{
	display: block;
	float:left;
	font-family: 'Quattrocento', arial, serif;
	font-size:1.8em;
	line-height:1.5em;
	font-weight:bold;
}

#main-nav-resize li a{
	padding:5px 15px 5px 15px;
	text-decoration:none;
	color:#4b0800;
}

#main-nav-resize li a:hover{
	/*background: rgba(63,2,1,0.3);*/
	color:#FAC541;
}
/*Main Content box Styles */
#main-content{
}
.main-content-resize-space{
	margin:0px auto;
	padding:0px;
	width:930px;
	height:auto;
	min-height:30px;
	background: rgba(63,2,1,0.4);
	border-width:2px;
	border-color:#999999;

}
.main-content-resize{
	margin:0px auto;
	padding:0px;
	width:930px;
	height:auto;
	min-height:400px;
	background: rgba(63,2,1,0.4);
	border-width:2px;
	border-color:#999999;
	/*-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;*/
	/*IE DOES NOT SUPPORT BORDER RADIUS*/
	/*-moz-box-shadow:0px 0px 10px #000000;*/
	/*-webkit-box-shadow:0px 0px 10px #000000;*/
	/*box-shadow:0px 0px 10px #000000;*/
	/*IE DOES NOT SUPPORT BLUR PROPERTY OF SHADOWS*/
}
/*Live Stream Styles */
#live-stream-video{
	margin:0px auto;
	width:640px;	
	height:auto;
	
}
/*facebook-comments*/
.facebook-comments{
	margin:0px auto;
	width:640px;
	height:auto;
	min-height:500px;
}

/*Video Styles*/
#main-content-resize-video{
	width:100%;
	height:auto;
	padding-top:40px;
}
#main-content-resize-video-left, #main-content-resize-col-left{
	float:left;
	width:290px;
	height:auto;
}

#main-content-resize-col-right-small{
	float:right;
	width:290px;
	height:auto;

}
#main-content-resize-col-right{
	float:right;
	width:640px;
	height:auto;

}

#main-content-resize-col-left-big{
	float:left;
	width:640px;
	height:auto;

}
#main-content-resize-video-right {
	float:right;
	width:640px;
	height:380px;
}

.facebook{
	margin:0px auto;
	width:270px;
	height:auto;
	padding:20px 0px 10px 0px;
	
}

.subitasong{
	margin:0px auto;
	width:270px;
	height:auto;
	padding:5px 0px 0px 0px;
	background: rgba(0, 0, 0, 0.5);
	
}

/* Blog List style */
.blog-list-item{
	margin:0px auto;
	width:600px;
	height:auto;
	padding:20px 0px 5px 0px;
}
.blog-list-item-image{
	width:130px;
	height:130px;
	float:left;
	padding:10px 0px 0px 0px;
}

.blog-list-item-image img{
	margin:0px auto;
	border:1px #d5d5d5 solid;
}
.blog-list-item-blurb{
	width:470px;
	height:auto;
	float:right;
}

.blog-list-item-blurb h1{
	font-family: 'Quattrocento', arial, serif;
	font-size:1.6em;
	font-weight:bold;
	color:#FAC541;
	padding:10px 0px 10px 0px;
}

.blog-list-item-date{
	font-family: 'Quattrocento', arial, serif;
	font-size:0.9em;
	color:#555555;
}
.blog-list-item-blurb p{
	font-family: 'Quattrocento', arial, serif;
	font-size:1.2em;
	line-height:1.3em;
	padding:5px 0px 5px 0px;
}


.blog-list-item-readmore a{
	font-size:1.2em;
	color:#FAC541;
	text-decoration:none;
}

.blog-list-item-readmore a:hover{
	
	color:#555555;
	text-decoration:none;
}

.content-right{
	margin:0px auto;
	width:620px;
	height:auto;
	padding-top:20px;
}

.content-right hr{
	border:1px #555555 dotted;
}

.content-right h1{
	font-family: 'Quattrocento', arial, serif;
	font-size:1.6em;
	font-weight:bold;
	color:#FAC541;
	padding:10px 0px 10px 0px;
}

.content-right-img-left{
	float:left;
	padding:2px;
	border:1px #000 solid;
	margin-right:15px;
	margin-top:10px;
}

.content-right-img-right{
	float:right;
	border:2px #000 solid;
	margin:0px 10px 0px 10px;
}

.content-right p{
	font-family: 'Quattrocento', arial, serif;
	font-size:1.2em;
	line-height:1.3em;
	padding:5px 0px 5px 0px;
}
.video{
	background-color:#000;
	margin:0px auto;
	width:620px;
	height:360px;
}
/*Follow Styles */
.main-content-resize-video-left-follow{
	margin:0px auto;
	width:300px;
	min-height: 60px;
	height:auto;
}
/*
.main-content-resize-video-left-follow h1{
	font-family: 'Quattrocento', arial, serif;
	font-size:1.8em;
	font-weight:bold;
	color:#FAC541;
	padding-left:40px;
}
*/
.main-content-resize-video-left-follow ul{
	margin: 0px auto;
	padding: 0px;
	width:75%;
	list-style-type: none;
}
/* Follow Icon Controls */
.fb a, .fb a:hover, .tw a, .tw a:hover, .ma a, .ma a:hover, .main-content-resize-video-left-follow li,.main-content-resize-video-left-follow li a {
	background-repeat:no-repeat;
	height:47px;
	width:47px;
	margin:5px 10px 5px 10px;
}

.main-content-resize-video-left-follow li{
	display:block;
	float:left;
}

.main-content-resize-video-left-follow li a{
	text-decoration:none;
	display:block;
	float:left;
}

.fb a{
	background-image:url(http://apps.resonantsolutions.net/ri/images/fb.png);
}

.fb a:hover{
	background-image:url(http://apps.resonantsolutions.net/ri/images/fb_hover.png);
}

.tw a{
	background-image:url(http://apps.resonantsolutions.net/ri/images/tw.png);
}

.tw a:hover{
	background-image:url(http://apps.resonantsolutions.net/ri/images/tw_hover.png);
}
.ma a{
	background-image:url(http://apps.resonantsolutions.net/ri/images/ma.png);
}

.ma a:hover{
	background-image:url(http://apps.resonantsolutions.net/ri/images/ma_hover.png);
}
/*Middle Bar Styles*/
#middlebar{
	margin:0px auto;
	Width:960px;
	height:44px;
	
}

.middlebar-thingy{
	background-image:url(http://apps.resonantsolutions.net/ri/images/thingy2.png);
	background-repeat:no-repeat;
	float:right;
	width:16px;
	height:44px;
	}

.middlebar-text{
	float:right;
	width:929px;
	height:44px;
	background: rgba(63,2,1,0.4);/*
	border-width:2px;
	border-color:#999999;*/
}

.middlebar-text-fg{
	margin-top:13px;
	/*opacity: 0.54;*/
	float: right;
	width: 883px;
	height: 31px;
	background-image:url(http://apps.resonantsolutions.net/ri/images/mid-bar.png);
	}

.middlebar-text-fg p{
	color:#ffffff;
	font-family: 'Michroma', arial, serif;
	font-size:1.4em;
	text-transform:uppercase;
	padding-left:5px;
}
/*footer Styles */
#footer{
	margin-top:10px;
}

#footer-resize{
	margin:0px auto;
	padding:0px;
	width:930px;
	height:auto;
	min-height:40px;
}

#footer-resize p{
	font-family: 'Quattrocento', arial, serif;
	text-align:center;
	padding:10px 0px 10px 0px;
	color:#fff;
}
#tweetFeed{
	width:90%;
	margin:0px auto;
	
}
#tweetFeed h1{
	font-family: 'Quattrocento', arial, serif;
	font-size:1.8em;
	font-weight:bold;
	color:#FAC541;
	text-align: center;
	padding:10px 0px 10px 0px;
}

/*Main Page Boxes */
.main-page-box-resize{
	width:98%;
	margin:0px auto;
	padding-top:25px;
	
}
.main-page-box-1, .main-page-box-2, .main-page-box-3, .main-page-box-4{
	float:left;
	width:227px;
	height:auto;
	min-height:150px;
	
}
.main-page-box-image-outer{
	width:100%;
	background: rgba(0, 0, 0, 0.5);
	padding:15px 0px 15px 0px;
}

.main-page-box-1-image,.main-page-box-2-image,.main-page-box-3-image,.main-page-box-4-image{
	margin:0px auto;
	width:205px;
	height:146px;
}

.main-page-box-header-1{
	width:100%;
	padding-top:100px;
}

.main-page-box-header-2{
	width:100%;
	padding-top:20px;
}
.main-page-box-header-1 h1,.main-page-box-header-2 h1{
	text-align:center;
	font-family: 'Quattrocento', arial, serif;
	text-transform:uppercase;
	color:#000;
	width:100%;
	background: rgba(250, 197, 65, 0.8);
	text-decoration:none;
}
.main-page-box-header-1 h1 a,.main-page-box-header-2 h1 a{
	text-decoration:none;
	color:#000;
}

.main-page-box-header-1 h1 a:hover,.main-page-box-header-2 h1 a:hover{
	color:#4b0800;
}
.main-page-box-txt{
	margin:0px auto;
	width:205px;
	height:auto;
	font-family: 'Quattrocento', arial, serif;
}

.main-page-box-txt h1, .main-page-box-txt h1 a{
	padding:5px 5px 5px 5px;
	font-size:1.1em;
	text-decoration: underline;
	color:#fff;
}

.main-page-box-txt h1 a:hover{
	color:#FAC541;
}
.main-page-box-txt p{
	text-align:justify;
	line-height:1.3em;
	padding:5px 5px 5px 5px;
}
.main-page-box-1-image{
	background-image:url(http://apps.resonantsolutions.net/ri/images/pic1.jpg);
}

.main-page-box-2-image{
	background-image:url(http://apps.resonantsolutions.net/ri/images/pic2.jpg);
}

.main-page-box-3-image{
	background-image:url(http://apps.resonantsolutions.net/ri/images/pic3.jpg);
}

.main-page-box-4-image{
	background-image:url(http://apps.resonantsolutions.net/ri/images/RegionalEventMap.jpg);
}


/*video slider container */
.slide1, .slide1 a, .slide1 a:hover {
	background-repeat:no-repeat;
	width:620px;
	height:360px;
	display:block;
	text-decoration: none;
}

.slide1 a{
	background-image:url(http://apps.resonantsolutions.net/ri/images/slide1_g.jpg);
}

.slide1 a:hover{
	background-image:url(http://apps.resonantsolutions.net/ri/images/slide1_r.jpg);
}

#Video-Container{
	width:960px;
	height:540px;
	
}
/* Easy Slider */

	#slider ul, #slider li,
	#slider2 ul, #slider2 li{
		margin:0;
		padding:0;
		list-style:none;
		float:left;
		}
	/*#slider2{margin-top:1em;}*/
	#slider li, #slider2 li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:620px;
		height:360px;
		
		}	
/*	#prevBtn, #nextBtn,
	#slider1next, #slider1prev{ 
		display:block;
		width:30px;
		height:77px;
		position:absolute;
		left:-30px;
		top:71px;
		z-index:1000;
		}	*/
/*	#nextBtn, #slider1next{ 
		left:696px;
		}	*/													
	#prevBtn a, #nextBtn a,
/*	#slider1next a, #slider1prev a{  
		display:block;
		position:relative;
		width:30px;
		height:77px;
		background:url(../images/btn_prev.gif) no-repeat 0 0;	
		}	
	#nextBtn a, #slider1next a{ 
		background:url(../images/btn_next.gif) no-repeat 0 0;	
		} */	
		
	/* numeric controls */	

	ol#controls{
		margin:1em 0;
		padding:0;
		height:28px;	
		}
	ol#controls li{
		margin:0 10px 0 0; 
		padding:0;
		float:left;
		list-style:none;
		height:28px;
		line-height:28px;
		}
	ol#controls li a{
		float:left;
		height:28px;
		line-height:28px;
		border:1px solid #ccc;
		background:#DAF3F8;
		color:#555;
		padding:0 10px;
		text-decoration:none;
		}
	ol#controls li.current a{
		background:#5DC9E1;
		color:#fff;
		}
	ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}
	
/* // Easy Slider */

/*picture gallery styles */
.pic-gal, .recent-posts{
	margin:0px auto;
	width:270px;
	min-height:300px;
	height:auto;
	padding:0px 0px 15px 0px;	
}
.pic-gal-big{
	margin:0px auto;
	width:620px;
	min-height:500px;
	height:auto;	

}

.pic-gal ul{
	list-style-type:none;
	border: 1px #555555 solid;
	height:auto;
	min-height:280px;
	width:100%
}

.pic-gal-big ul{
	list-style-type:none;
	height:auto;
	min-height:500px;
	width:100%

}
.pic-gal li, .pic-gal li a, .pic-gal li a:hover{
	display:inline-block;
	float:left;
	width:60px;
	height:60px;
	text-decoration:none;
	padding:9px;
}

.pic-gal-big li, .pic-gal-big li a, .pic-gal-big li a:hover{
	display:inline-block;
	float:left;
	width:120px;
	height:120px;
	text-decoration:none;
	padding:15px;
}


.pic-gal img,.pic-gal-big img{
	border:2px #d5d5d5 solid;
	padding:2px;
	
}
.pic-gal-title, .recent-posts-title{
	width:100%;
	background: rgba(0, 0, 0, 0.5);
	margin-top:30px;
	border: 1px #555555 solid;
}

.pic-gal-title h1, .recent-posts-title h1{
	font-family: 'Quattrocento', arial, serif;
	font-size:1.8em;
	font-weight:bold;
	color:#FAC541;
	text-align: center;
	padding:10px 0px 10px 0px;
}

/*recent posts styles */
.recent-posts{
	min-height:170px;
}
.recent-posts ul{
	list-style-type:square;
	border: 1px #555555 solid;
	color:#FAC541;
	height:auto;
	min-height:70px;
	width:100%
}
.recent-posts li{
	margin-left:30px;
	font-family: 'Quattrocento', arial, serif;
	font-size:1.2em;
	line-height:1.2em;
	padding:10px 0px 0px 0px;
}
.recent-posts ul ul{
	border:none;
	list-style-type: disc;
}
.recent-posts li li{
	margin-left:15px;
	font-size:0.9em;
	padding:0px 3px 0px 0px;
}
.recent-posts li li a{
	text-decoration: none;
	color:#555555;
}

.recent-posts li li a:hover{
	color:#FAC541;
}