@charset "utf-8";

/*css by Anna Hales 2009 | http://www.annahales.com*/


*{padding:0;margin:0;}
body{background-color:#000;}
#home{background-image:url(../images/perch_home_back.jpg);background-repeat:no-repeat;background-position:top center;}
#history, #thanks{background-image:url(../images/the_perch_history.jpg);background-repeat:no-repeat;background-position:top center;}
#events{background-image:url(../images/the_perch_events.jpg);background-repeat:no-repeat;background-position:top center;}
#menu{background-image:url(../images/the_perch_menu.jpg);background-repeat:no-repeat;background-position:top center;}
#contact{background-image:url(../images/the_perch_contact.jpg);background-repeat:no-repeat;background-position:top center;}
img{border:none;}

/*basic page layout*/
#wrapper{width:900px;margin:auto;}
#header{width:135px;margin:auto;padding:10px 0 0 0;}


/*navigation*/
#navigation a{display:block;height:22px;float:left;color:#939593;font-family:arial, helvetica, sans serif;
font-size:0.8em;letter-spacing:-0.3px;text-decoration:none;padding:0 5px 0 0;margin:10px 0 0 0;}
ul{margin:10px 0 0 300px;height:30px;}
li{list-style:none;display:inline;}


/*basic typography*/
h1{color:#fff;font-size:1.9em;font-style:italic;font-weight:normal;line-height:1.1em;font-family:Georgia,"Times New Roman",Times, serif;}
h2{color:#fff;font-size:1.6em;font-style:italic;font-weight:normal;line-height:1.1em;font-family:Georgia,"Times New Roman",Times, serif;padding:0 0 15px 0;}
h3{color:#939593;font-size:0.8em;font-style:normal;font-weight:normal;font-family:arial, helvetica, sans serif;padding:5px 0 5px 0;}
h4{color:#fff;font-size:1.3em;font-family:arial, helvetica, sans serif;margin:0 0 5px 0;font-weight:normal;}
h5{color:#fff;font-size:1.8em;font-family:arial, helvetica, sans serif;text-align:center;margin:-7px 0 0 0;}
h6{color:#fff;font-size:1em;font-style:italic;font-weight:normal;line-height:1.1em;font-family:Georgia,"Times New Roman",Times, serif;padding:10px 0 10px 0;}
p{color:#fff;font-family:arial, helvetica, sans serif;text-align:left;font-size:0.8em;}
#p_date {color:#fff;font-family:arial, helvetica, sans serif;text-align:center;}
.TabbedPanelsContent a{color:#fff;}
.event a{color:#fff;}
#intro a{color:#fff;}
#rightcol h3, #leftcol h3{margin:0 0 10px 0;}


/*content layout*/
#intro {width:600px;margin:20px 0 0 300px;padding:0 0 20px 0;}
#lower_container{width:610px;margin:0 0 30px 300px;}
#leftcol{width:295px;float:left;border-top:1px solid #939593;}
#rightcol{width:295px;float:left;margin:0 0 0 10px;border-top:1px solid #939593;}
.date{width:40px;float:left;margin:10px 0 0 0;padding:3px 0 0 0;border-top:1px solid #939593;border-bottom:1px solid #939593;}
.event{width:245px;float:left;padding:0 0 0 10px;margin:7px 0 10px 0;}


/*images from flickr*/
.perch_image{width:300px;padding:10px 0 0 0;}
.perch_image img{width:66px;height:65px;border:none;margin:0 5px 5px 0;}
 
 
/*footer*/
#footer{width:900px;margin:auto;clear:both;background-color:transparent;border-top:1px solid #939593;padding:15px 0 10px 0;}
#footer img{margin-left:40px;margin-right:40px;}
#footer p{font-style:italic;margin-left:200px;}
#footer a:link, #footer a:visited{color:#fff;font-family:arial, helvetica, sans serif;text-decoration:none;font-size:0.9em;}


/*history page*/
.history_image{width:290px;float:right;padding:10px 0 10px 10px;}
.history_text{font-family:Georgia, "Times New Roman", Times, serif;padding:0 0 15px 0;font-size:0.9em;line-height:1.3em;}


/*menu page*/
#menu_container{width:600px;margin-left:300px;}
#TabbedPanels1, #TabbedPanels2 {float:left;width:290px;margin-bottom:20px;margin-right:10px;}
.TabbedPanelsTabGroup {margin:0px;padding:0px;}
.TabbedPanelsTab {position:relative;top:7px;float:left;padding:4px 10px;margin:0px 1px 0px 0px;font:0.7em sans-serif;background-color:transparent;list-style: none;border-left: solid 1px #CCC;border-bottom: solid 1px transparent;border-top: solid 1px #999;border-right: solid 1px #999;outline:none;cursor: pointer;}
li{color:#fff;}
.TabbedPanelsTabHover {background-color:transparent;}
.TabbedPanelsTabSelected {background-color:#transparent;border-bottom:1px solid #000;}
.TabbedPanelsTab a {color:black;text-decoration:none;}
.TabbedPanelsContentGroup {clear:both;border:1px solid #999;background-color:transparent;}
.TabbedPanelsContent {padding:10px;}
.VTabbedPanels .TabbedPanelsTabGroup {background-color:#transparent;}
.VTabbedPanels .TabbedPanelsTab {float:none;margin:0px;border-top:none;border-left:none;border-right: none;}
.VTabbedPanels .TabbedPanelsTabSelected {background-color:#000;border-bottom:solid 1px red;}
.VTabbedPanels .TabbedPanelsContentGroup {clear: none;float:left;padding:0px;width:30em;height:20em;}


/*events page*/
#events #rightcol{margin:0 0 0 10px;border:none;}
#events #leftcol{border:none;}
.border_top{border-top:1px solid #939593;}
#events #lower_container{margin:20px 0 0 300px;}


/*contact us page*/
#contact #lower_container{border-top:1px solid #939593;padding:10px 0 0 0;height:550px;}
#contact h4{font-style:normal;font-family:Georgia, "Times New Roman", Times, serif;line-height:1em;}
.telephone{margin:30px 0 50px 0;}
#information{width:600px;float:left;}
.padding-bottom{margin:0 0 130px 0;}
#addressbox{width:135px;float:left;padding:0 5px;}
form{margin:20px 0 30px 0;padding:0 0 20px 0;}
fieldset{border:none;margin:10px 0;}
label{display:block;width:40px;float:left;margin:0 20px 0 0;text-align:right;color:#939593;font-size:0.8em;font-style:normal;font-weight:normal;font-family:arial, helvetica, sans serif;/margin-right:10px;}
#tswcomments{width:300px;height:260px;}
#tswname, #tswemail{width:240px;}
.submit{margin:0 0 0 255px;height:25px;width:50px;background-color:#000;font-family:Georgia, "Times New Roman", Times, serif;color:#939593;border-top:1px solid #939593; font-style:italic;border-bottom:1px solid #939593;border-left:none;border-right:none;padding:2px 0 3px 0;cursor:pointer;}
#formbox{float:left;width:310px;}
.contactem{color:#939593;}
.booking{font-family:Arial, Helvetica, sans-serif;font-style:normal;font-size:1.05em;line-height:1.3em;}
.join{font-family:georgia "Times New Roman",Times, serif;margin:0 0 40px 0;clear:both;}
.opening1{color:#fff;font-size:0.9em;font-weight:normal;}
.opening2{color:#fff;font-size:0.9em;font-weight:normal;padding:0 0 10px 0;}
#opening{width:135px;float:left;padding:0 5px;}
#opening h3, #addressbox h3{padding:0 0 30px 0;}
#addressbox h4{font-size:1.2em;}
#addpic{float:left;margin:0;}

/*thank you page*/
#thanks h1{margin:50px 0 470px 0;}


/*transparent png fix for ie6*/
img {behavior: url(iepngfix.htc);}

