/*
Theme Name: VGSA
Theme URI: http://www.vgsa.com/
Description: Created for Vermont Gay Social Alternatives
Version: 1.0
Author: Appleseed Solutions
*/

    
/* Begin Structure */
   
	html, body {
 		min-height: 100%;
 		margin:0;
 		padding:0;
 		height:100%;  
 	  }
 	   
	body {
        background-color: white;
        position: relative;
        min-width: 900px;
        border:0;			/* This removes the border around the viewport in old versions of IE */
        width:100%;
		font-size: 62.5%; /* Resets 1em to 10px */
		font-family: 'Lucida Grande', Tahoma, 'Trebuchet MS',Verdana, Arial, Sans-Serif;
		color: #333333;
    }
    
	#header {
        background-color: white;
        text-align: right;
        z-index: 1;
        left: 0px;
        top: 0px;
        margin: 0px;
        position: relative;
        height: 40px;
        padding: 0px;
        width: 100%;        
    }
    
    #logo {
		background-position: 0px 0px;
		background-image: url(images/bg-logo.png);
		background-repeat: no-repeat;
		padding: 0px;
		margin: 0px;
		top: 5px;
		z-index: 10;
		left: 60px;
		position: absolute;
		height: 61px;
		width: 484px;
	}
	
    #search {
		top: 20px;
		right: 60px;
		z-index: 5;
		position: absolute;
		padding: 0px;
		margin: 0px;
	}
		
	.menu {
		float: left;
		width: 100%;
		top: 0px;
		padding-left: 0px;
		padding-bottom: 5px;
		padding-right: 0px;
		padding-top: 5px;
		background-color: #f8f8f8;
		border-right-style: none;
		border-left-style: none;
		border-right-width: 0px;
		border-left-width: 0px;
		border-bottom-color: #e5e5e5;
		border-top-color: #e5e5e5;
		border-bottom-style: solid;
		border-top-style: solid;
		border-bottom-width: 1px;
		border-top-width: 1px;
		margin: 0px;
		clear: both;
		left: 0px;
		position: relative;
	}
	
	#menu1 { text-align: right;}
	
	#menu2 { text-align: left;}
	
	#footer {
		margin-left: 0px;
		margin-bottom: 0px;
		margin-right: 0px;
		margin-top: 1em;
		top: 0px;
		float: left;
		clear: both;
		z-index: 0;
		text-align: center;
		width: 100%;
		padding-left: 0px;
		padding-bottom: 5px;
		padding-right: 0px;
		padding-top: 5px;
		border-right-style: none;
		border-left-style: none;
		border-right-width: 0px;
		border-left-width: 0px;
		border-bottom-style: none;
		border-top-style: none;
		border-bottom-width: 0px;
		border-top-width: 0px;
		left: 0px;
		position: relative;
	}

    #banner {
		background-color: white;
		margin: 0px;
		clear: both;
		float: left;
		left: 0px;
		top: 0px;
		position: relative;
		padding: 0px;
		height: 180px;
		width: 100%;
		background-position: center center;
		background-repeat: repeat-x;
		overflow:hidden;		/* This chops off any overhanging divs */
	}
	
    .banner-default {
		background-image: url(images/banner-photos-1.jpg);
	}
	
    .banner-special {
		background-image: url(images/banner-nye.jpg);
	}
	
    .pad {
		background-color: white;
		margin: 0px;
		clear: both;
		float: left;
		left: 0px;
		top: 0px;
		position: relative;
		padding: 0px;
		width: 100%;
	}
	
	#pad1 {
		height: 20px;
	}
	
	.content {
		min-width: 900px;
		background-color: white;
		padding: 0px;
		margin: 0px;
		background-repeat: no-repeat;
		background-position: right top;
		background-image: url(images/bg-col3.png);
		line-height: 1.2em;
		clear: both;
		float: left;
		position:relative;		/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
        width: 100%;				
		overflow:hidden;		/* This chops off any overhanging divs */
	}

    .threecol .colmid {
        background-image: url(images/bg-col2.png);
        background-position: right top;
        background-repeat: no-repeat;
        float:left;
        width:200%;
        margin-left: -270px; 	/* Col3 */
        position:relative;
        right:100%;    	
    }
    
   .threecol .colleft {
        float:left;
        width:100%;
        margin-left:-220px; 	/* Col2 */
    }
    
   .threecol .col1wrap {
        float:left;
	    width:50%;
	}
	
	.threecol .col1 {	
        padding-bottom: 30px;	
        margin-left: 550px;	    /* Col1 leftpad + Col2 + Col3 */                          
        margin-bottom: 0;	                              
        margin-right: 10px;	    /* Col1 rightpad */                          
        margin-top: 0;	        
        position:relative;
	    left:100%;
	    overflow:hidden;
	}
	
    .threecol .col2 {
        float:right;
        width: 180px;        	/* Col3 content */
        position:relative;
        left:200px;         	/* Col2 content + Col2 leftpad */
    }
    
    .threecol .col3 {
        float:right;
        width: 180px;        	/* Col3 content */
        position:relative;
        left: 600px; 			/* Col2 + Col3 leftpad + Col2 content + Col3 content */
    }
        
	.twocol .colleft {
        float:left;
        width:200%;
        margin-left:-270px;		 /* Col2 */
        position:relative;
        right:100%;
    }
    
    .twocol .col1wrap {
	    float:left;
	    width:50%;
	    position:relative;
	    left:50%;
	}
	
	.twocol .col1 {
        padding-bottom: 30px;
        margin-left: 330px;			/* Col1 leftpad + Col2 */ 
        margin-bottom: 0;
        margin-right: 15px;		    /* Col1 rightpad */ 
        margin-top: 0px;
        overflow:hidden;
	}
	
    .twocol .col2 {
        float:right;
        width:180px;			/* Col2 content */
        position:relative;
        left:200px; 			/* Col2 content + Col2 leftpad */
    }
    


/* End Structure */

/* Begin Typography */
    
    #header p{
    	padding-left: 0px;
    	padding-bottom: 0px;
    	padding-right: 60px;  /* 60 160 */
    	padding-top: 20px;
    	margin: 0px;
    }
	
	small {
		font-family: Arial, Helvetica, Sans-Serif;
		font-size: 0.9em;
		line-height: 1.5em;
	}

	h1, h2, h3 {
		font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
		font-weight: bold;
	}

	h1, h2 {
		font-size: 2.1em;
	}

	.col1 h1, .col1 h2 {
		margin-left: 0px;
		margin-bottom: 0px;
		margin-right: 0px;
		margin-top: .5em;
		padding: 0px;
		line-height: 1.5em;
	}

	h3 {
		font-size: 1.3em;
	}
	
	.store h3 {margin-bottom: .5em;}
	
	.sidebar h2, .sidebar h3 {
		padding-left: 0px;
		padding-bottom: .6em;
		padding-right: 0px;
		padding-top: .8em;
		margin: 0px;
		font-size: 1.2em;
	}
	
	small, .storebutton, #sidebar ul ul li, #sidebar ul ol li, .nocomments, .postmetadata, #footer p, #footer li {
		font-weight: normal;
		font-size: 1em;
		color: #777777;
	}


	.storebutton {
		font-size: .85em;
	}
	a {
		text-decoration: none;
		color: #356aae;
	}
		
	a:hover {
		text-decoration: underline;
	}
	
	h1 a, h2 a, h3 a {
		color: #356aae;
	}
	
	h1 a:hover, h2 a:hover, h3 a:hover {
		text-decoration: none;
		color: #356aae;
	}
	
	.menu li {
		font-size: 1.1em;
		font-weight: bold;
	}

	.col1 p, .col1 li {
		margin-left: 0px;
		margin-bottom: 0em;
		margin-right: 0px;
		margin-top: .7em;
		padding: 0px;
		line-height: 1.3em;
		font-size: 1.1em;
	}
	
	.private-cal {
		color: #555555;
		line-height:
		1.2em;
		font-size:
		1em;
	}
	                          

/* End Typography */

/* Start Menus and Lists */
    
	.menu ul, .footer ul {
		padding-left: 60px;
		padding-bottom: .3em;
		padding-right: 50px; /* 50 150 */
		padding-top: .3em;
		margin: 0px;
		display: block;
	}

	.menu li, .footer li {
		padding: 0px;
		margin: 0px;
		display: inline;
	}

	.menu a, .footer li {
		padding-left: 1em;
		padding-bottom: 0em;
		padding-right: 1em;
		padding-top: 0px;
	}
	
	.menu a, .footer li {
		border-right-style: none;
		border-left-color: #aaaaaa;
		border-left-style: solid;
		border-left-width: 1px;
	}


	a.menu-first, li.footer-first {
		border-style: none;
		padding-left: 0;
	}
	

	html>body .col1 ul {
		margin-left: 0px;
		padding: 0 0 0 30px;
		list-style: none;
		padding-left: 10px;
		text-indent: -10px;
		} 
	
	html>body .col1 li {
		margin: 7px 0 8px 10px;
		}
	
	.col1 ul li:before, .sidebar ul ul li:before {
		content: "\00BB \0020";
		}
	
	.col1 ol {
		padding: 0 0 0 35px;
		margin: 0;
		}
	
	.col1 ol li {
		margin: 0;
		padding: 0;
		}
	
	.postmetadata ul, .postmetadata li {
		display: inline;
		list-style-type: none;
		list-style-image: none;
		}
	
	.sidebar ul, .sidebar ul ol {
		list-style-position: outside;
		margin: 0;
		padding: 0;
		}
	
	.sidebar ul li {
		list-style-position: outside;
		list-style-type: none;
		list-style-image: none;
		margin-bottom: .7em;
		}
	
	.sidebar ul p, .sidebar ul select {
		list-style-position: outside;
		margin: 5px 0 8px;
		}
	
	.sidebar ul ul, .sidebar ul ol {
		list-style-position: outside;
		margin: 5px 0 0 10px;
		}
	
	.sidebar ul ul ul, .sidebar ul ol {
		list-style-position: outside;
		margin: 0 0 0 10px;
		}
	
	ol li, .sidebar ul ol li {
		list-style-position: outside;
		list-style: decimal outside;
		}
	
	.sidebar ul ul li, .sidebar ul ol li {
		list-style-position: outside;
		margin: 4px 0 0;
		padding: 0;
		}

/* End Menus and Lists */

/* Begin Images */

	.sidebar p, .sidebar h1. p img {
		padding: 0;
		max-width: 100%;
		}
	
	img {
		border-color: #e5e5e5;
		border-style: solid;
		border-width: 1px;
		background-color: #f8f8f8;
		padding: 4px;
		}
		
	img.img-plain {
		border-style: none;
		border-width: 0px;
		padding: 0px;
	}
		
	img.centered {
		display: block;
		margin-left: auto;
		margin-right: auto;
		}
	
	img.alignright {
		margin: 0 0 2px 7px;
		display: inline;
		}
	
	img.alignleft {
		margin: 0 7px 2px 0;
		display: inline;
		}
	
	.alignright, .align-right {
		float: right;
		}
	
	.alignleft, .align-left {
		float: left
		}
		
/* End Images */

/* Start Misc */
    
	iframe.calendar {
		padding-top: 20px;
		width: 100%;
	}
	
	#search input {
		display: block;
		float: right;
	}
	
	.paypal {
		background-position: 0px 0px;
		background-image: url(images/paypal.png);
		background-repeat: no-repeat;
		height: 80px;
		width: 180px;
	}
	
	.p7AB, .p7ABtrig, .p7ABcontent {
		padding: 0px;
		margin: 0px;	
	}
	
	#adserve {
		margin-left: 0px;
		margin-bottom: 10px;
		margin-right: 0px;
		margin-top: 10px;
		padding: 0px;
		border-width: 1px;
		border-style: solid;
		border-color: #e5e5e5;
		background-color: white;
		height: 178px;
		width: 178px;
		overflow: hidden;
	}
	#adserve img {
		margin-left: -1px;
		margin-bottom: 0px;
		margin-right: 0px;
		margin-top: -1px;
		border-width: 0px!important;
		padding: 0px!important;!important;
		height: 180px!important;
		width: 180px!important;
	}
	
	#banner a {height: 180px; width: 100%; display: block;}
		
	#logo a {height: 61px; width: 484px; display: block;}
	
	#banner a span, #logo a span {display: none;}
	
	.highlight, blockquote { margin-right: 0px; margin-left: 0px; padding-left: 1em; padding-bottom: 1em; padding-right: 1em; padding-top: .5em; margin-bottom: 1em; margin-top: 1em; border-color: #356aae; border-style: solid; border-width: 1px; background-color: #e4ebf7;}

	form {
		display: inline;
		padding: 0px;
		margin: 0px;
	}
	
	.paypal-btn button {
		background-color: transparent;
		padding: 0px;
		margin: 0px;
		display: inline;
		border-style: none;
	}

	.paypal-btn input {
		font-size: 1em;
	}
	
	.show-cornerbanner .menu ul {
		padding-right: 149px; /* 50 150 */
	}

  	.show-cornerbanner  #header p{
    	padding-right: 160px;  /* 60 160 */
    }

	.show-cornerbanner #cornerbanner {
		padding: 0px;
		margin: 0px;
		right: 0px;
		background-position: right top;
		background-image: url(images/cornerbanner.png);
		background-repeat: no-repeat;
		z-index: 30;
		position: absolute;
		top: 0px;
		width: 172px;
		height: 172px;
	
	}
	
	.show-cornerbanner #cornerbanner a {
		width: 172px;
		height: 172px;
		display: block;
	}

	.show-cornerbanner #cornerbanner a span{
		display:none;
	}

	.clear{
		clear: both;
	}

	p.align-left{
		margin-right: 15px;
		float: left;
		display: inline;
	}

	hr{
		border-bottom-color: white;
		border-bottom-style: solid;
		height: 1px;
		background-color: #e5e5e5;
		border-bottom-width: 1px;
		border-top-width: 0px;
		border-right-width: 0px;
		border-left-width: 0px;
	}

	/* End Misc */