@charset "UTF-8";
body { background: transparent url(/img/bkgd_body.jpg) repeat center top; margin: 0px; padding: 0 0 10px 0; font-size:62.5%; font-family:tahoma, geneva, sans-serif; position: relative; }

#header {position:relative; background:transparent url(/img/bkgd_header.jpg) repeat-x center top; margin: 0; padding: 10px 0; }
	#headerContent {width: 850px; margin: 0 auto; position:relative;  }
	#logoVFG {float: left; }
	#intro {float: left; width:450px; margin: 10px 0 0 30px; color:#303; font:bold 2em/1.2em tahoma, genva, sans-serif; }
	
#content {position:relative; background:transparent url(/img/bkgd_content.jpg) repeat center top; margin: 0; }

	#contentHeader {position:relative; background:transparent url(/img/bkgd_content_header.jpg) repeat center top; height: 60px;margin: 0;  }
	
	#contentBody {width: 850px; margin: 0 auto; position: relative; }
		.columnLeft {width: 180px; float: left; text-align: right; }
			#BtnSubmitVideo {float: right; margin-top:30px; }
		.columnMiddle {width: 450px; float: left; margin: 0 0 0 20px; }
		.columnRight { width: 170px; float: right; }
		.columnDouble {width: 640px; margin-left: 20px; float: left;  }
	
	#contentFooter {position:relative; background:transparent url(/img/bkgd_content_footer.jpg) repeat center top; height: 50px; }

.moduleWrapCenter {width: 850px; margin: 0 auto; }
	#comments, #trackbacks {width:640px; float: right; maring-bottom: 40px; }
	
#footer {width:850px; margin:10px auto; clear: both; padding: 30px 0 30px 0; background: transparent url(/img/bkgd_footer_bar.png) no-repeat 0 15px;  }

/* COMMENTS */
.comment {margin-bottom: 30px; }

/* VIDEO */
.videoFrameLg {width: 450px; height: 370px; text-align: center; padding-top:14px; padding-left:1px;  background: transparent url(/img/frame_video_lg.png) no-repeat 0 0; }

#miniVideosRow {width: 850px; margin: 10px auto; }

.videoWrapSmall {width: 145px;  float: left; display:inline; margin: 0 0 20px 18px; }
	.videoFrameSmall {width:132px; height: 113px; padding: 12px 0 0 12px; background: transparent url(/img/frame_small_home.png) no-repeat 0 0; position: relative; display: inline-block; }
		.darkContent .videoFrameSmall {background: transparent url(/img/frame_small_dark.png) no-repeat 0 0; }

.videoListWrap {width: 668px;  float: left; position:relative;  }
	.videoListWrap .videoWrapSmall {height: 200px; overflow: hidden;}

.ytLocalRedirect {width: 130px; height:110px; display: block; position: absolute; top: 6px; left: 6px; z-index:10;   }
	.ytLocalRedirect:hover {background: none; }
	.ytLocalRedirect span { display: none; }

/* NAV */ 
ul#nav {font:bold 2.1em/1.2em tahoma, geneva, sans-serif; margin: 0 ;padding: 0; float: left; width: 170px; list-style: none;  }	
	ul#nav li {text-align:right; margin: 0 ;padding: 0 0 10px 0;}
		ul#nav li a {text-decoration: none; color:#303; }
		ul#nav li a:hover { color:#eec; }


/* TEXT */
h1 {font:bold 2.7em/1.33em tahoma, geneva, sans-serif; }
h2 {font:bold 2em/1.1em tahoma, geneva, sans-serif; margin: 12px 0 5px 0; color: #303;}
h3 {font:bold 1.6em/1.4em tahoma, geneva, sans-serif; margin: 5px 0 2px 0; }
h4 {font:bold 1.4em/1.5em tahoma, geneva, sans-serif; margin: 5px 0 2px 0; }
p, td {font:normal 1.3em/1.5em tahoma, geneva, sans-serif; margin: 0px 0 5px 0; color:#330; }
	p.postFooter {margin-top: 10px; border-top: #eec solid 1px; padding-top: 8px; font-size: 1.1em;  }
	
a {color:#303; text-decoration:none; }
a:hover {color:#eec; background:#303; }

	/* text colors */
	.darkContent h1, .darkContent h2, .darkContent h3, .darkContent h4 {color:#303; }
	.darkContent p, .darkContent td {color:#ffd; }

	.lightContent h1, .lightContent h2, .lightContent h3, .lightContent h4 {color:#440; }
	 .lightContent p  {color:#440; }


	
/* COMMENTS */
#comments label {display: block; font: normal 1.2em/1.2em Tahoma, Geneva, San-serif; color:#330; margin:12px 0 5px 0;  }

#comments-open-footer {margin-top:20px; }	
	


/* KNITS and GNATS */

.clear {clear:both; }
.floatL {float: left; }
img, img a {border: none; }

.flush {text-align: right; }
.flushTop {margin-top: 0; }
.left20px {margin-left: 20px;  }


#libart { opacity: .25; filter:alpha(opacity=25);  }	
a:hover #libart  { opacity: 1; filter:alpha(opacity=100); background: none;   }

/* MINI GALLERY */
#moreMiniGallery { height:120px; float: right;  position:relative;   width: 170px; }

#moreMiniGallery img { display:none; position:absolute; top:0; left:0; }


/* 
_____________________________________
END OF MAIN CSS FILE: NO CODE BELOW 

*/