/*****************************************************************************
  Global
*/

/* http://komodomedia.com/blog/index.php/2007/11/05/css-png-image-fix-for-ie/ */
* html .png{
    azimuth: expression(
        this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && true?(this.runtimeStyle.backgroundImage = "none",
        this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
        this.src = "/images/transparent.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
        this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",
        this.runtimeStyle.backgroundImage = "none")),this.pngSet=true
    );
}
#Content .mainNewsItem img,
#Content .newsItem img,
#GalleryWrapper img{
    azimuth:            expression('');
    }

*{
    outline:            none;
    }
body{
    margin:             0;
    background-color:   #fffff0;
    }

h2{
    margin:             .2em 12px;
    }
h2{
    font-size:          120%;
    line-height:        1.3em;
    }
p{
    margin:             0 12px;
    }
p, table, ul{
    font-size:          79%;
    }
p, table{
    line-height:        1.7em;
    }
ul{
    list-style:         none;
    padding:            0;
    }
.hint{
    color:              #666;
    }
br.double{
    display:            block;
    margin:             .3em 0;
    }
#Page{
    width:              949px;
    margin:             6px auto;
    font-family:        Georgia, 'Times New Roman', Times, serif;
    background-color:   #BB650E;
    min-height:         600px;
    }

#Content{
    background:         #E0CD90 url(/images/content-background.jpg) 0 0 repeat;
    width:              737px;
    float:              right;
    border-left:        6px solid #FFFFF0;
    min-height:         725px;
    _height:            auto !important;
    _height:            725px;
    }
#Content .inner{
    overflow:           hidden;
    }

#Sidebar{
    float:              right;
    width:              255px;
    margin:             0 0 -32767px -20px;
	  padding-bottom:     32767px;
    }

#FindUs{
    margin-bottom:      12px;
    }

#MainContent{
    float:              left;
    width:              477px;
	  padding-bottom:     32767px;
	  margin-bottom:      -32757px;
    border-right:       5px solid #FFFFF0;
    min-height:         725px;
    _height:            auto !important;
    _height:            725px;
    }

a{
    color:              #000;
    text-decoration:    none;
    letter-spacing:     .2em;
    }
a:hover{
    color:              #890203;
    }

.more{
    display:            block;
    color:              #890203;
    text-align:         right;
    text-transform:     uppercase;
    font-size:          80%;
    }

.template{
    display:            none;
    }

#Content .newsItem p a,
#Content .mainNewsItem p a{
    color:              #890203;
    letter-spacing:     0;
    text-transform:     none;
    }

img{
    border:             0;
    }

.sectionEnd{
    clear:              both;
    }

.editButton,
.imageEditButton{
    position:           relative;
    overflow:           visible;
    padding:            1px;
    }
.imageEditButton{
    top:                -25px;
    left:               7px;
    }
.imageEditButton.noImage{
	  top: 				        0;
	  }
#Person .imageEditButton{
    font-size:          0;
    left:               -155px;
    #left:              0;
    }
.title .imageEditButton{
    top:                7px;
    }
.editButton img,
.imageEditButton img{
    position:           absolute;
    top:                0px;
    left:               0px;
    }

.hidden{
    display:            none;
    }



#Content .photographerCaption{
    display:            block;
    margin:             4px 6px 0;
    color:              #333;
    text-align:         center;
    font-style:         italic;
    font-size:          11px;
    letter-spacing:     .1em;
    }

#Content .photographerCaption a{
    text-transform:     none;
    letter-spacing:     .1em;
    color:              #890203;
    }



    /*****************************************************************************
      Header
    */
    #Header{
        position:       relative;
        top:            0;
        left:           0;
        background-color:#C9A35C;
        height:         152px;
        border-bottom:  6px solid #FFFFF0;
        overflow:       hidden;
        }

    #Logo{
        display:        block;
        position:       absolute;
        z-index:        1;
        width:          206px;
        height:         152px;
        background:     #E0CD90 url(/images/content-background.jpg) 0 0 repeat;
        border-right:   6px solid #FFFFF0;
        }
    #Logo span{
        display:        none;
        }
        
    #Headline img{
        position:       absolute;
        top:            0;
        right:          0;
        }
	
  	#Warning{
  		width:				    300px;
  		background-color:	#FFFFFF;
  		border:				    1px solid black;
  		padding:			    10px;
  		text-align:			  center;
  		}                   
	                        
  	#Warning a{           
  		padding:			    0px 5px 0px 5px;
  		}
  	
  	#AdminButton{
  	  position:         absolute;
  	  z-index:          2;
  	  width:            10px;
  	  height:           10px;
  	  top:              114px;
  	  left:             98px;
  	  cursor:           pointer;
  	  background-color: black;
  	  opacity:          0;
  	  filter:           alpha(opacity=0);
  	  }
  	
  	#AdminForm{
  	  position:         absolute;
  	  z-index:          2;
  	  width:            160px;
  	  top:              26px;
  	  left:             15px;
  	  background-color: #ffffee;
  	  border:           1px solid #C9A35C;
  	  padding:          8px;
  	  font-size:        80%;
  	  }
  	  
  	#AdminForm h3{
  	  margin:           0 0 10px 0;
  	  padding:          0;
  	  }
  	  
  	#AdminForm div{
  	  margin:           6px 0;
  	  }
  	  
  	#AdminForm a{
  	  letter-spacing:   0.1em;
  	  text-decoration:  underline;
  	  }
  	
  	#AdminForm input{
  	  width:            85px;
  	  }

    /*****************************************************************************
      Navigation
    */
    #Navigation{
        float:          left;
        width:          206px;
        list-style:     none;
        padding:        20px 0 42px 0;
        margin:         0;
        background:     transparent url(/images/cheers.gif) 35px 100% no-repeat;
        position:       relative;
        }
    #Navigation li{
        margin:         0;
        padding:        0;
        }
    #Navigation a{
        display:        block;
        padding:        0 0 0 35px;
        height:         49px;
        }
    #Navigation span{
        position:       relative;
        top:            19px;
        height:         11px;
        display:        block;
        overflow:       hidden;
        text-indent:    -9999px;
        background:     transparent url(/images/navigation-links.gif?3-16-10) 0 0 no-repeat;
        }
    #Navigation a:hover,
    #Navigation a.active{
        background:     transparent url(/images/link-star.gif) 7% 50% no-repeat;
        }
        
    #HomeLink span{background-position:0 0}
    #AboutLink span{background-position:0 -11px}
    #BeerLink span{background-position:0 -22px}
    #BreweryLink span{background-position:0 -33px}
    #NewsEventsLink span{background-position:0 -44px}
    #TaproomLink span{background-position:0 -55px}
    #FindUsLink span{background-position:0 -110px}
    #GetLocalLink span{background-position:0 -121px}
    #GalleryLink span{background-position:0 -99px}
    #BuyLink span{background-position:0 -66px}
    #ClubBrownsLink span{background-position:0 -77px}
    #ContactUsLink span{background-position:0 -88px}
    #DonationsLink span{background-position:0 -132px}
    
    #FacebookLink{
        position:       absolute;
        top:            661px;
        left:           37px;
        width:          150px;
        height:         32px;
        }
    #FacebookLink a{
        padding:        0;
        }
    #FacebookLink a:hover{
        background:     transparent;
        }
    #FacebookLink span{
        width:          150px;
        height:         32px;
        background:     transparent url(/images/facebook-link.png) 0 0 no-repeat;
        }

    /*****************************************************************************
      Footer
    */
    #Footer{
        clear:          both;
        width:          737px;
        background-color: #B77F0C;
        margin-left:    206px;
        border-left:    6px solid #FFFFF0;
        height:         43px;
        text-align:     center;
        
        overflow:hidden;
        height:0;
        
        }
    #Footer ul{
        margin-left:    93px;
        list-style:     none;
        padding:        0;
        }
    #Footer li{
        display:        inline;
        }
    #Footer a,
    #Footer span{
        display:        block;
        float:          left;
        height:         43px;
        }