/* Pride Vermont - base.css
 * Base styles for Pride Vermont (www.pridevt.com)
 *
 * Date Created:  25 Jan 2009
 * Author:  Randall Morey (www.distilldesign.com)
 */

/* =generic classes */
.block{ clear: both; float: none; margin-bottom: 20px; }
.geo{ display: none; }
.info{ display: block; }
.hide{ display: none; visibility: hidden; position: absolute; left: -9999px; }
.security{ padding: 0 24px 0 24px; background-repeat: no-repeat; background-position: 2px 2px; }
.button{ float: left; display: block; margin: 0 0 10px 0; padding: 0 20px 0 0; line-height: 2.308; background-repeat: no-repeat; background-position: 100% -30px; }
	.button span{ display: block; padding: 0 20px 0 20px; line-height: 2.308; background-repeat: no-repeat; background-position: 0 -30px; }
	.button:hover{ background-position: 100% -90px; }
		.button:hover span{ background-position: 0 -90px; }
	.button:active{ background-position: 100% -150px; }
		.button:active span{ background-position: 0 -150px; }
.button_download{ float: left; display: block; margin: 0 0 10px 0; padding: 0 10px 0 0; line-height: 2.308; background-repeat: no-repeat; background-position: 100% -65px; }
	.button_download span{ display: block; padding: 25px 10px 0 70px; line-height: 2.308; background-repeat: no-repeat; background-position: 0 -65px; }
	.button_download:hover{ background-position: 100% -185px; }
		.button_download:hover span{ background-position: 0 -185px; }
	.button_download:active{ background-position: 100% -305px; }
		.button_download:active span{ background-position: 0 -305px; }
.thumbs{ overflow: hidden; margin: 0 0 20px 0; }
	.thumbs a{ float: left; display: block; width: 55px; margin: 0 10px 5px 0; }
		.thumbs a img{ display: block; width: 55px; }
.feeds li{ padding-left: 24px; background-repeat: no-repeat; background-position: 2px 2px; }

/* =typography
 * base font-size:  13px
 * vertical rhythm:  20px
 * base line-height:  1.538
 */
body{ font-family: "Lucida Grande", "Lucida Sans", Helvetica, Arial, sans-serif; }
h1,h2,h3,h4{ font-family: Helvetica, Arial, sans-serif; font-weight: bold; }
h1{ text-indent: -9999px; }
h2{ margin-top: 5px; margin-bottom: 15px; font-size: 277%; line-height: 1.667; }
h3{ margin-bottom: 10px; font-size: 182%; line-height: 1.25; }
#comments h3{ margin-bottom: 0; font-size: 108%; line-height: 1.429; }
h4{ margin-bottom: 10px; font-size: 108%; line-height: 2.143; }
#primary_content h4{  font-family: "Lucida Grande", "Lucida Sans", Helvetica, Arial, sans-serif; font-size: 108%; font-weight: normal; }
#breadcrumbs{ font-size: 92%; line-height: 1.667; }
h5{ font-weight: bold; line-height: 1.538; }
p, ul, li, div, span, strong{ line-height: 1.538; }
p{ margin-bottom: 20px; }
a{ outline: 0; text-decoration: none; }
	a:hover{ text-decoration: underline; }
strong{ font-weight: bold; }
#comments h4{ margin: 0 0 20px 0; font-size: 100%; line-height: 1.538; }
form label strong{ font-family: Helvetica, Arial, sans-serif; font-size: 108%; line-height: 1.429; }	
form label span span{ font-size: 85%; line-height: 1.818; }
form label input{ font-size: 197%; }
#header .omega p{ font-size: 92%; line-height: 1.667; }
#footer{ font-size: 92%; line-height: 1.667; }

/* =layout */
body{ background-repeat: repeat-x; }
h1{ width: 167px; height: 33px; margin: 10px 0; padding: 0 0 7px 0; background-repeat: no-repeat; }
	h1 a{ display: block; height: 33px; }
hr{ display: none; }
.container_12{ position: relative; left: -10px; }
.slides{ height: 300px; }
#primary_content{ margin-top: 20px; }
	#primary_content ul{ list-style: disc; margin: 0 0 20px 40px; }
	#primary_content .link_list,
	#primary_content .link_list ul{ list-style: none; }
	#primary_content .sponsors{ list-style: none; margin: 0; }
		#primary_content .sponsors li{ float: left; width: 230px; }
		#primary_content .sponsors a{ display: block; width: 230px; height: 225px; text-align: center; text-indent: -9999px; background-repeat: no-repeat; background-position: 50% 50%; }
			#primary_content .sponsors span{ display: block; text-align: center; text-indent: 0; }
#secondary_content{ margin-top: 40px; }
.post_search_form,
#secondary_content .post_search_form{ height: 20px; margin: 0 0 20px 0; }
	.alpha .post_search_form{ margin: 0 0 20px 0; }
	.post_search_form #search{ width: 125px; }
	.post_search_form fieldset{ margin: 0; padding: 0; border: 0; }
#comments{ padding: 19px 0 0 0; border-top: 1px solid; }
.comment_count{ position: relative; top: -20px; margin-bottom: 0; }
.link_list li{ margin: 0 0 20px 0; padding: 0 0 0 20px; background-repeat: no-repeat; background-position: 6px 6px; }
.facebook{ margin: 0 0 20px 0; padding: 1px 0 0 24px; background-repeat: no-repeat; background-position: 0 2px; }
	.link_list li span{ display: block; }
#secondary_content.grid_6{ margin-top: 0; }
	#secondary_content .ad{ display: block; height: 60px; margin: 4px 0 20px 0; border: 1px solid; text-indent: -9999px; background-position: 50% 50%; }
.directions fieldset{ margin-top: 20px; }
	.directions fieldset li{ margin-bottom: 0; }
.vevent{ background-repeat: no-repeat; background-position: 100% 2px; }
	.vevent h3{ padding-right: 55px; }
	.vevent .date{ clear: both; display: block; padding: 0 0 0 24px; background-repeat: no-repeat; background-position: 2px 0; }
	.vevent .place{ clear: both; display: block; margin: 0 0 10px 0; padding: 0 0 0 24px; }
	.vevent .button{ margin: 0 0 10px 20px; }
		.vevent .button span{ padding: 0 10px 0 15px; }
	.vevent .description{ clear: both; }
#primary_content .question_list{ margin-left: 0; }
	.question_list li div{ overflow: hidden; height: 0; border-bottom: 1px solid; }
	.question_list .active div{ height: auto; }
#primary_content .series{ list-style-type: none; margin: 0; border-top: 1px solid; border-bottom: 1px solid; height: 218px; }
	.series li{ display: none; padding: 10px 0; }
	.series .first{ display: block; }
	.series .sponsor-logo{ float: left; width: 200px; }
		.series .sponsor-logo *{ display: block; margin: 0 auto; }
	.series .sponsor{ float: left; width: 240px; padding: 0 0 0 20px; }
		#primary_content .series .sponsor h4{ font-size: 182%; line-height: 1.25; }
ul.sponsors,
	ul.sponsors li{ height: 200px; }
ul.sponsors li a{ display: block; height: 200px; }
	ul.sponsors li a span{ display: table-cell; vertical-align: middle; height: 200px; }
.map{ height: 360px; }
form{ margin: 0 0 20px 0; }
	form fieldset{ padding-top: 19px; border-top: 1px solid; }
		form li{ clear: both; margin-bottom: 20px; }
		#primary_content form ol ul{ float: left; width: 60%; margin: 0 0 20px 0; }
			#primary_content form ol ul li{ list-style-type: none; overflow: hidden; float: none; clear: both; width: auto; height: 20px; margin: 0 10px 0 0; }
				#primary_content form ol ul li label{ display: block; }
				form ol ul label input{ width: auto; height: auto; margin: 0 5px 0 0; padding: 0; border: 0; }
			form label strong{ display: block; padding: 0 20px 0 0; }
			form label span{ float: left; width: 34%; padding: 0 10px 0 0; }
				form label span span{ display: block; float: none; width: auto; padding: 0; }
				#recaptcha_instructions_image{ float: none; }
			form label textarea{ width: 58%; height: 90px; padding: 4px 5px; border: 1px solid; }
			form label input{ width: 58%; height: 30px; margin: 0 0 6px 0; padding: 1px 5px; border: 1px solid; }
			form label input[type=checkbox]{ width: auto; }
			form label .file{ border: 0; font-size: 100%; }
			form .errorlist{ clear: both; margin-left: 36%; }
		form .submit{ clear: both; float: right; }
#recaptcha_area{ float: right; margin-bottom: 20px; }
#paypalForm{ height: 60px; margin: 0; } /* paypal is the only form which appears in the sidebar */
#header .omega p{ padding: 5px 10px; -moz-border-radius: 0 0 5px 5px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; }
#nav, #content{ width: 980px; padding: 0 0 0 29px; }
#nav .grid_12{ padding-bottom: 20px; }
	#nav .grid_12 .grid_12{ padding-bottom: 0; }
	#nav ul{ position: relative; top: -10px; }
		#nav li{ float: left; margin: 10px 5px 0 0; -moz-border-radius: 5px 5px 0 0; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; }
			#nav a{ display: block; height: 20px; padding: 5px 20px; }
#subfooter{ width: 980px; padding: 20px 0 20px 29px; }
	#subfooter .block li{ float: none; }
		#subfooter .block li li{ float: left; }
	#subfooter strong{ display: block; float: left; margin: 0 10px 0 0; }
	#subfooter li{ float: left; margin: 0 10px 0 0; }
	#subfooter a{ padding: 0 10px 0 0; border-right: 1px solid; }
		#subfooter li:last-child a{ border: 0; }
		#subfooter li:last-child li a{ border-right: 1px solid; }
		#subfooter li:last-child li:last-child a{ border: 0; }
#footer{ width: 980px; margin-bottom: 20px; padding: 0 0 20px 29px; }
	#footer .grid_12{ margin: 0; padding: 0 10px; }
		#footer .alpha{ padding-top: 15px; padding-bottom: 25px; }
		
/* =home page */
.home_slideshow{ position: relative; top: -20px; height: 300px; margin-bottom: -20px; background: url(../img/slideshow-bg.gif) no-repeat 50% 50%; }
	.home_slideshow ul{ position: relative; overflow: hidden; width: 490px; height: 240px; margin: 29px 0 0 25px; }
		.home_slideshow ul li{ position: absolute; top: 0; left: 0; }
.home_intro h2{ padding-left: 80px; font-weight: normal; line-height: 1.2; background: url(../img/home.gif) no-repeat; }
	.home_intro h2 strong{ display: block; font-weight: bold; font-size: 115%; }
		.home_intro h2 strong em{ font-weight: bold; color: #86B81B; }
.home_intro h3{ font-weight: normal; }
	.home_intro h3 strong{ font-weight: bold; }
#home_quick_content{ margin-bottom: 20px; padding-bottom: 10px; border-bottom: 1px solid #CCC; }
	#home_quick_content .alpha{ width: 210px; padding-left: 10px; }
	#home_quick_content .button{ margin-top: 5px; }
#home_content .alpha{ width: 610px; padding-left: 10px; }
#sponsors_carousel h4{ padding-left: 10px; }
.jcarousel-container	{ position: relative; right: -3px; margin: 0 auto; }
.jcarousel-clip			{ position: relative; z-index: 2; overflow: hidden; width: 80%; margin: 0 auto; padding: 0; }
.jcarousel-list 		{ position: relative; top: 0; left: 0; z-index: 1; overflow: hidden; margin: 0; padding: 0; }
#sponsors_carousel .jcarousel-list{ height: 96px; }
#sponsors_carousel .jcarousel-item			{ list-style: none; float: left; width: 128px; height: 96px; }
#sponsors_carousel .jcarousel-item a,
#sponsors_carousel .jcarousel-item a span	{ height: 96px; }
.jcarousel-next			{ cursor: pointer; position: absolute; top: 40px; right: 40px; z-index: 3; display: none; width: 15px; height: 15px; background: url(/media/img/buttons-previous-next.png) no-repeat -15px -15px; }
.jcarousel-prev			{ cursor: pointer; position: absolute; top: 40px; left: 40px; z-index: 3; display: none; width: 15px; height: 15px; background: url(/media/img/buttons-previous-next.png) no-repeat -45px -15px; }
.jcarousel-next-disabled,
.jcarousel-prev-disabled{ visibility: hidden; }
.jcarousel-next:hover	{ background-position: -15px -45px; }
.jcarousel-prev:hover	{ background-position: -45px -45px; }

/* =clearing */
.block:after, form li:after,
#primary_content .series:after,
#nav:after, #content:after,
#subfooter:after, #footer:after{ content: "."; clear: both; display: block; visibility: hidden; overflow: hidden; height: 0;}

/* =color */
body{ background-color: #ABDA4D; }
a{ color: #BF2E64; }
h2 a, h3 a, h4 a, .button, .button_download, .link_list a{ color: #000; }
.button{ text-shadow: 1px 1px #FFF; }
.info, .date, .security, .link_list li, .blog_categories a, .vevent .place, form label span span{ color: #808080; }
.position_list li{ color: #000; }
.position_list li a{ color: #BF2E64; }
.question_list li div{ border-color: #FFF; }
#primary_content .series{ border-color: #E5E5E5; }
form fieldset{ border-color: #98D11F; }
form label input, form label textarea{ border-color: #808080; }
	form label input:focus,
	form label textarea:focus{ border-color: #000; }
	form .errorlist{ color: #C00; }
#header{ color: #FFF; background-color: #000; }
	#header .omega p{ color: #000; background-color: #FFF; }
#nav li{ opacity: 0.6; background-color: #FFF; }
	#nav li.selected{ opacity: 1; }
	#nav li a{ color: #000; }
#subfooter a{ color: #000; }
#footer{ color: #FFF; background-color: #000; }
#home_quick_content h3 a{ color: #98D11F; }
#secondary_content .trc{ border-color: #AAA; }

/* =image */
body{ background-image: url(../img/bg.gif); }
h1{ background-image: url(../img/pridevt-logo.png); }
.button{ background-image: url(../img/button.gif); }
	.button span{ background-image: url(../img/button.gif); }
.button_download{ background-image: url(../img/button-download.gif); }
	.button_download span{ background-image: url(../img/button-download.gif); }
.link_list li{ background-image: url(../img/bullet.gif); }
.link_list li.active{ background-image: url(../img/bullet-down.gif); }
.facebook{ background-image: url(../img/facebook-icon.gif); }
.vevent span.date{ background-image: url(../img/calendar.gif); }
.security{ background-image: url(../img/icon_padlock.gif); }
.feeds li{ background-image: url(../img/feed.png); }
.event0{ background-image: url(http://www.google.com/mapfiles/markerA.png); }
.event1{ background-image: url(http://www.google.com/mapfiles/markerB.png); }
.event2{ background-image: url(http://www.google.com/mapfiles/markerC.png); }
.event3{ background-image: url(http://www.google.com/mapfiles/markerD.png); }
.event4{ background-image: url(http://www.google.com/mapfiles/markerE.png); }
.event5{ background-image: url(http://www.google.com/mapfiles/markerF.png); }
.event6{ background-image: url(http://www.google.com/mapfiles/markerG.png); }
.event7{ background-image: url(http://www.google.com/mapfiles/markerH.png); }
.trc{ background-image: url(../img/logos/trc.png); }
#header{ background-image: url(../img/header-bg.png); background-repeat: repeat-x; }
#nav{ background-image: url(../img/nav-bg.png); }
#content, #subfooter{ background-image: url(../img/content-bg.png); }
#footer{ background-image: url(../img/footer-bg.gif); }

/* =ie */
* html .block, * html .thumbs, * html form li,
* html #nav, * html #content, * html #subfooter, * html #footer{ height: 1%; }
* html .container_12 .grid_3, * html .container_16 .grid_4{ width: 219px; }
* html .map{ height: 360px; }
* html .directions{ display: none; }
* html #primary_content .block{ overflow: hidden; width: 100%; }
* html .link_list li{ margin-bottom: 10px; }
* html body{ background-image: none; }
* html h1{ background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://media.pridevt.com/img/pridevt-logo.png',sizingMethod='crop'); }
* html form label input, * html form label textarea{ width: 57%; }
* html #nav{ background-image: url(../img/ie-nav-bg.gif); }
	* html #nav li{ float: left; width: 100px; margin-top: 0; filter: alpha(opacity = 60); }
		* html #nav li.selected{ filter: alpha(opacity = 100); }
		* html #na li a{ position: relative; }
* html #content, * html #subfooter{ background-image: url(../img/ie-content-bg.gif); }