html, body {
	margin: 0px;
	font-size: 11px;
	font-family:  verdana, Helvetica, sans-serif;	
	color: #222222;

	line-height: 18px;
	background: url(graphics/bg_big.jpg) top center #000 repeat-x;
	}
	
	#site-wrapper{
	background: url(graphics/bg.jpg) no-repeat top center #000;
	position: relative;
	margin: 0 auto 0 auto;
	width: 1050px;
}

.clear{
	clear: both;
}


/* MUSIC BOX _______________________________ 
*/
#musicbox{
	position: absolute;
	top: 10px !important;
	left: 600px;
	height: 40px;
	width: 150px;	
}

/*home
____________________________________________________*/
.videoofweek h2{
	margin:5px 0 0 0;
	font-size: 23px;
}




.summary{
	position: relative;
	top: px;
}
h3{
	font-size: 18px;
}



#eventbox h3{
	margin: 0 0 15px 0;
}

#home #blog-item{
	position: relative;
	left: -10px;
	top: -10px;
}

#home #blog-item img{
	margin-top: 6px;
}

body#home #blogbox .content #blog-item .summary{
	
	
	padding-top: 0px;
	position: relative;
	display: block;
	top:-15px;
	
}

/*MENU*/
/* ------ */ /* ------ *//* ------ */ /* ------ */

ul#topnav {
	position: relative;
	margin: 54px 0 0 36px; padding: 0;
	list-style: none;
	float: left;
	width: 649px;
}

ul#topnav li {
	float: left;
	margin: 0; padding: 0;
}

/*--CSS Sprites - Default State--*/
ul#topnav a {
	float: left;
	display: block;
	height: 69px; /*--Specify height of navigation--*/
	text-indent: -99999px; /*--Shoot the text off the page--*/
	background-position: left 1px;
}
/*--CSS Sprites - Hover State--*/
ul#topnav a:hover {
	background-position: left 139px;
}
/*--Assign an image and width to each link--*/
ul#topnav li.home a {
	background-image: url(graphics/a_home.png);
	width: 65px;
}
ul#topnav li.events a {
	background-image: url(graphics/a_events.png);
	width: 87px;
}
ul#topnav li.blog a {
	background-image: url(graphics/a_blog.png);
	width: 67px;
}
ul#topnav li.video a {
	background-image: url(graphics/a_video.png);
	width: 80px;
}
ul#topnav li.photo a {
	background-image: url(graphics/a_photo.png);
	width: 87px;
}

ul#topnav li.about a {
	background-image: url(graphics/a_about.png);
	width: 81px;
}

ul#topnav li.contact a {
	background-image: url(graphics/a_contact.png);
	width: 86px;
}

/*-- avtive state --*/
#home li.home a, /*--home Page > home Link--*/
#events li.events a, /*--eventt Page > events Link--*/
#blog li.blog a, /*--blog Page > blog Link--*/
#video li.video a, /*--video Page > video Link--*/
#photo li.photo a, /*--photos Page > photos Link--*/
#about li.about a, /*--about Page > about Link--*/
#contact li.contact a /*--contact Page > contact Link--*/
{
	background-position: left 279px; !important;
}




/* LAYOUT */
/* ------ */ /* ------ *//* ------ */ /* ------ */


#header{
	
	height: 269px;
}

#twitter{
	position:absolute;
	font-size: 10px;
	color: #453426;
	margin:10px 0 0 260px;
	height: 50px;
	width: 300px;
	line-height: 12px;
}

.twitter-id{
	color: #c1bdba;
	font-size: 10px;
}


.twitter-id a:link, .twitter-id a:hover, .twitter-id a:visited{
	color: #c1bdba;	
	text-decoration: none;	
}



#feature_box{
	position: relative;
	z-index: 10;
	top: 12px;
	width: 740px;
	left: 36px;
	height: 269px;
	background: url('graphics/feature_bg.png') no-repeat;
}



#feature_content{
	padding: 8px;
}

#feature_content .summary{
	position: relative;
	top:10px;
}

/* added */
#feature_content .article{
float: left;
width: 190px;
padding: 2px 60px 0 10px;
}

#feature_content .article h3 a:link{
	color: #608aa7;
	

}
	#feature_content .video{
	float: left;
	width: 453px;
	height: 255px;
		
	}
	
	#feature_content .video object{
	float: left;
	width: 453px;
	height: 255px;
		
	}
	
	#feature_content .video embed{
	float: left;
	width: 453px;
	height: 255px;
		
	}

#feature_content .title{
	font-size: 20px;
}

#feature_content .tag{
	font-size: 10px;
	}



/*events*/
#eventbox {
	float: left;
	width: 322px;
	margin: 40px 0px 0 36px;
}

#event-item{
	
	padding: 20px;
}

#eventbox .title {
	background: url(graphics/ti_events.jpg) no-repeat;
	height: 50px;
	text-indent: -9999px;
}

#eventbox .content {
	background: url(graphics/home_content_bg.jpg) no-repeat #fff;
	padding-bottom: 15px;
}


#event-item{
	
	padding: 20px;
}



/*blog ___________________________________________ */
#blogbox {
	float: left;
	width: 322px;
	margin: 40px 0px 0 30px;
}

#blog-item{	
	padding: 11px 35px 30px 30px;
	
}

#blogbox h3{
		margin: 0 0 10px 0 !important;
	
}

#blogbox .post-info{
	color: #777;
	font-size: 10px;
	position: relative;
	bottom: 10px;
	display: block;
	}


.bloglist-content #blog-item .post-info, #blog #blog-item .post-info{
	color: #777;
	font-size: 10px;
	position: relative;
	bottom: 5px;
	left: 1px;
	display: block;
	}	


#blogbox .title {
	background: url(graphics/ti_blog.jpg) no-repeat;
	height: 50px;
	text-indent: -9999px;
}

#blogbox .content {
	background: url(graphics/home_content_bg.jpg) no-repeat #fff;
	padding-bottom: 15px;
}

#blog-item img{	
	padding: 4px;
	border: 1px #dedede solid;
	position: relative;
	top: 5px;
	background: #fff;
}

/*single blog page ___________________________________________ */
#blog-item h2 {
	font-size: 21px;
	margin-bottom: 5px;
}

#blog-item {
	font-size: 11px;
	line-height: 22px;
}

#blog-item .post-info{
	color: #777;
	font-size: 10px;
	position: relative;
	bottom: 10px;
	display: block;
	}

#pagebox  #hr_singleDot {
	background: url(graphics/hr_singleDot.png) repeat-x ;
	height: 1px;
	width: 610px;
	margin-left:0px;
	}
	







/*EVENT LIST _________________________________________________*/

.eventlist-content{
	float: left;
	width: 322px;
	margin: 0px 0px 0px 0px;
}

.eventlist-content #hr_singleDot {
	background: url(graphics/hr_singleDot.png) repeat-x ;
	height: 1px;
	width: 280px !important;
	margin-left:0px;
	}
	
	
.title h2{
		height: 48px;
}


/*PHOTO PAGE _________________________________________________*/


.flickr_highslide {
	overflow: visible !important;
}
/*	
.photo-title{
		display: inline;
		margin-right: 120px;
		
}

.photo-title2{
		display: inline;
		
}
*/	
	



/*VIEDO PAGE _________________________________________________*/



#video-item{	
	padding: 11px 35px 30px 30px;
	
}


#videobox .post-info{
	color: #777;
	font-size: 10px;
	position: relative;
	bottom: 10px;
	display: block;
	}


.videolist-content #video-item .post-info{
	color: #777;
	font-size: 10px;
	position: relative;
	bottom: 15px;
	left: 1px;
	display: block;
	}	

.videolist-content .summary{
	position: relative;	
	display: block;
	top: 0px;
}

.videolist-content #hr_singleDot{
	position: relative;
	top: -10px;	
}



/*CONTACT PAGE _________________________________________________*/
#contact #pagebox #blog-item img{
	margin: 0px -8px 0px 0px !important;
	
	
}


/*sidebar*/

#sidebar{
	margin-top:128px ;
	float: right;
	margin-right: 36px;
}

#home #sidebar{
	margin-top:-141px ;
	float: right;
	margin-right: 36px;
}

#sidebar-social{

	background: url(graphics/social_bg.jpg) repeat-y ;	
}

#sidebar .icon{
	float: left;
	padding-right:10px;
}

#sidebar .text{
	padding-top: 1px;
}

#sidebar .social-link{
	color: #444;
}
#sidebar h3{
	margin: 0;	
}

#sidebar .content{
	padding-left: 20px;	
}

#get-social{
	background: url(graphics/ti_social.jpg);
	width: 272px;
	height: 65px;
	text-indent: -9999px;
}

#sidebar .content{
	background: url(graphics/social_bg_bottom.jpg) no-repeat left bottom ;
}


#sidebar-mod{
	width: 272px;
	margin-top: 35px;
}

#video-side{
	background: url(graphics/ti_video.jpg);
	width: 272px;
	height: 51px;
	text-indent: -9999px;
}

#sidebar-mod .content{
	background: url(graphics/side_bg.jpg) left top no-repeat #fbfaf8;
}


/*FOOTER ------------------------------------------*/
#footer-wrapper{
		width: 100%;
		background: url(graphics/footer_bg.jpg) left top repeat-x #000;
}

#footer{
	position: relative;
	margin: 0 auto 0 auto;
	width: 1050px;
	color: #fff;
}


#footer #contact{
	margin: 5px 30px 0 40px;
	float: left;
	width: 205px;
}

#footer #contact h3{
	margin-top: 30px;
	float: left;
	background: url(graphics/ti_contact.jpg) repeat-y;
	text-indent: -9999px;
	width: 161px;
	height: 17px;
	 
	 
}

#footer #contact h4{
	position: relative;
	bottom: -20px;
	background: url(graphics/sitebuilt.png) repeat-y;
	text-indent: -9999px;
	width: 177px;
	height: 87px;
	 
	 
}

#footer #about{
	margin: 5px 30px 0 0;
	float: left;
	width: 457px;
}

#footer #about h3{
	margin-top: 30px;
	background: url(graphics/ti_about.jpg) repeat-y;
	text-indent: -9999px;
	width: 161px;
	height: 16px;	 
}

#footer #about img{
	float: left;
	margin-right: 20px;
}

#footer #about p{
	float: left;
	margin: -5px 0 0 0;
	width: 320px;
	line-height: 15px;
}


#footer #friends{
	margin: 5px 0 0 0;
	float: left;
	
	width: 272px;
}

#footer #friends h3{
	margin-top: 30px;
	float: left;
	background: url(graphics/ti_online.jpg) repeat-y;
	text-indent: -9999px;
	width: 161px;
	height: 16px;
	 
	 
}



/*LINK COLORS*/
a:link, a:visited{
	color: #608aa7;
	text-decoration: underline;
	}

a:hover{
	color: 	#90acc0;		
	}

h3 a:link, h3 a:visited, #sidebar-social h3 a:link, #sidebar-social h3 a:visited, #blog-item h3 a:link, #blog-item  h3 a:visited{
	color: #222222 ;
	text-decoration: none;
}

h3 a:hover, #sidebar-social h3 a:hover, #blog-item h3 a:hover{
	color: #608aa7;
	text-decoration: none;
}


#feature_content h3 a:link, #feature_content h3 a:visited {
	color: #608aa7;
}

#feature_content h3 a:hover {
	color:#222;
}

#blog-item h2 a:link, #blog-item  h2 a:visited{
	color: #222222 ;
	text-decoration: none;
	}
	
	#blog-item h2 a:hover{
		color: #608aa7;
		text-decoration: none;
		}

img, a:link img, a:link img, a:hover img{
	border: none 0px;
}


#hr_singleDot {
	background: url(graphics/hr_singleDot.png) no-repeat ;
	height: 1px;
	width: 297px;
	margin-left:12px;
	}

.hr_sidebar{
	background: url(graphics/hr_side.png) no-repeat;
	height: 1px;
	margin: 0 0  15px 0;
	}
	
.hr_white{
	background: url(graphics/hr_white.png) no-repeat;
	height: 1px;
	
	margin: 6px 0  6px 0;
	}	


.hr_doubleDot{
	background: url(graphics/hr_doubleDot.png) no-repeat;
	height: 4px;
	width: 190px;
	margin: 8px 0 0px 0;
	float: left;
	}



/*-- PAGE TITLES ------------------------------------------*/
/* -----------------------------------------*/
#pagebox .title {
	height: 50px;
	margin-top: -13px;
	text-indent: -9999px;
}

#events  #pagebox .title { background: url(graphics/ti_page_events.jpg) no-repeat;}

#blog    #pagebox .title { background: url(graphics/ti_page_blog.jpg) no-repeat;}

#video  #pagebox .title { background: url(graphics/ti_page_videos.jpg) no-repeat;}

#photo  #pagebox .title { background: url(graphics/ti_page_photos.jpg) no-repeat;}

#about   #pagebox .title { background: url(graphics/ti_page_about.jpg) no-repeat;}

#contact #pagebox .title { background: url(graphics/ti_page_contact.jpg) no-repeat;}



/*-- eventpage ------------------------------------------*/
/* -----------------------------------------*/
#pagebox {
	float: left;
	width: 666px;
	margin: 40px 0px 0px 36px;
	background: url(graphics/bg_page.jpg) no-repeat left 40px #fff;
	border: 1px solid #a1a1a1;

}


#pagebox #eventbox {
	float: left;
	width: 320px;
	margin: 0 0 20px 10px;
	border-right: 1px solid #c1c1c1;

}

#pagebox #eventbox .content {
	float: left;
	background: none;
	padding-bottom: 15px;
}

#posterbox{
	float: left;
	margin: 16px 0 0 8px;	
}

/* GALLERY STYLE _____________________________________________________*/
#gallery-1 img {

	padding: 4px;
	border: 1px #dedede solid !important;
	position: relative;
	top: 5px;
	background: #fff;
}	


/* IMAGE FLOAT _____________________________________________________*/
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}