/* Expression Engine Theme
-----------------------------------------------------------------
Theme Name: Wesley
Stylesheet: wes_layout
Author: Marcus Kielly - marcus@deckchair.co.uk
Company: http://www.deckchair.co.uk/
Version: 1.0
Date: 19 March 2009
-----------------------------------------------------------------
This sheet sets defaults up for site wide rendering
*/

/*width*/ 
 .sub_footer, .contentwrap
	{
	width: 900px;
	}

/*centering */	
.sub_wrapper, .sub_footer, .contentwrap, #masthead
	{
	margin: 0 auto;
	}

.bgwrap
    {
    padding-top:20px;
    }

.contentwrap
     {
     text-align: left;
     }


#clear
    {
    clear: both;
    width: 100%;
    height: 20px;
    }
/* MASTHEAD*/
/*-----------------------------------------------------------------------*/

#masthead
     {
     width: 900px;
     height: 130px;	
     }

.masthead_sub h1 a
     {
     width: 290px;
     height: 58px;
     float: left;
     margin: 26px 0px 0px 26px
      }
	
#masthead h2
	{
	position: relative;
	top: 100px;
	left: 30px;
	}
	
#mast_nav li 
     {
     display: inline;
     }

#mast_nav 
     {
     float: right;
     padding: 10px;
     margin: 60px 10px 0px 0px;
     }

/* CONTENT*/
/*-----------------------------------------------------------------------*/

#content
     {
     width: 515px;
     float: right;
     padding: 0px 25px 0px 0px;
     margin-left: 10px;
     }

#flashcontent
     {
     text-align: center;
      display: block;
      width: 514px;
      height: 325px;
      border: none;
      margin: 0px 0px 25px 0px;
float: left;
clear: both;
      }

#vimeo
     {
     text-align: center;
      display: block;
      width: 515px;
      height: 389px;
      border: none;
margin-bottom: 20px;
      }

#content p
     {
     padding-bottom: 25px;
     }

#content a
     {
     margin: 0px 0px 20px 0px;
      }

#content img
     {
      margin: 25px 0px 25px 0px;
      }

#content li
      {
      padding: 6px 0px 6px 10px;
      }

#content .mce li
      {
      padding: 6px 0px 6px 20px;
      } 

.section
     {
     margin-bottom: 40px;
     }

table 
     {
     width: 515px !important;
margin-bottom: 30px;
     }

#content td, #content th, #content tr
     {
     height: 20px;
     padding: 8px 0px 8px 10px;
     }

/* MCE */
#content .mce li
     {
     padding-bottom: 25px;
line-height: 20px;
     }

/* HEADERS */

#content h2
     {
     width:515px;
     padding: 12px 0px 0px 15px;
     height: 33px;
     margin-bottom: 25px;
     }

#content h3
     {
     clear: left;
     width:515px;
     padding: 0px 0px 15px 0px;
     }

#content h6
     {
     padding: 0px 0px 20px 18px;
     }


/* SPECIAL OFFERS*/
/*-----------------------------------------------------------------------*/
div.special
    {
     margin-bottom: 35px;
     padding-bottom: 20px;
     }


#content .special h3
     {
     width: 495px;
     padding: 8px 0px 8px 20px;
     }

#content .special .post
     {
     padding-left: 18px;
     padding-right: 18px;
     }

#content h4
     {
     margin-bottom: 18px;
     }

#content .special h4
     {
     margin-top: 20px;
     }

#content .special h5.date
     {
     margin-top: 5px;
     }

#content .special p
     {
     margin-top: 18px;
     }

/* NEWS*/
/*-----------------------------------------------------------------------*/
#content .news_archive, #content .news_story
     {
     padding: 0px 0px 25px 0px;
    margin-bottom: 20px;
     }

#content .news_archive h3, #content .news_story h3
     {
     padding: 0px 0px 5px 0px;
     }

#content .news_story h4.date
     {
     padding: 0px 0px 0px 0px;
     }

#content .news_archive p, #content .news_story p
    {
    padding: 0px;
    }

#content .news_archive a
    {
    display: block;
    margin: 12px 0px 0px 0px;
    }

#content .news_story a 
    {
    display: block;
    margin: 30px 0px 0px 0px;
    }

#content h3.except
     {
     padding-top: 0px;
     }

#content a.maplink 
     {
float: left; 
clear: left; 
     margin-bottom: 25px;
     }

#content img.maplinkimg
     {
     margin-top: 0px;
     }

#content div#event_pdf a
{
margin-bottom: 0;
}

#content div#event_pdf a, #content div#event_pdf p
{
margin-bottom:5px;
padding: 0;
}

#content div#event_pdf 
{
margin-bottom:20px;
}

/* BUTTONS */
/*-----------------------------------------------------------------------*/
#content a#btn_pdfmap 
     {
     margin: 20px 0px 20px 0px;
     width: 264px;
     height: 33px;
     display: block;
     }

#btn_contact, #btn_special
     {
     margin-top: 0px;
     height: 33px;
     display: block;
     float: left;
     }

#btn_styles
     {
     margin-top: 0px;
     width: 379px;
     height: 33px;
     display: block;
     float: left;
     }

#freeform #btn_sendmail
     {
     margin-top: 10px;
     width: 109px;
     height: 34px;
     display: block;
     float: left;
     }

#content #btn_contact
     {
     margin: 20px 0px 20px 0px;
     width: 142px;
     }

#content #btn_special
     {
     margin: 20px 0px 20px 15px;
     width: 167px;
     }

a#btn_special_side
     {
    width: 132px;
    height: 25px;
    margin: 20px 0px 0px 12px;
     }


a#btn_link_conference
{
margin-top: 20px;
width: 383px;
height: 33px;
float: left;
}

a#btn_link_main
{
width: 210px;
height: 33px;
float: left;
}

a#btn_link_headingley
{
width: 262px;
height: 33px;
float: left;
margin-left: 20px;
}

/*-----------------------------------------------------------------------*/
/* TESTIMONIALS*/
/*-----------------------------------------------------------------------*/
#content img.img_article
     {
     float: right;
     margin: 0px 0px 20px 25px; 
     }

div.icondiv
     {
float: left; 
clear: left;
     padding: 50px 0px 50px 0px;
     }

#content img.icon
     {
     float: left;
     margin: 0px 25px 15px 0px; 
     }


.testimonial blockquote, .testimonial span, #content .testimonial p
     {
     margin: 0px;
     padding: 0px;
     }

.testimonial blockquote, .testimonial span
     {
     margin-bottom: 20px;
     }

div.testimonial
     {
     padding: 20px 0px 20px 0px;
     }

/*-----------------------------------------------------------------------*/
/* CONTACT*/
/*-----------------------------------------------------------------------*/
#contact_details 
     {
     width: 475px;
     }

#contact_details 
     {
      margin-bottom: 25px;
     }

#contact_details dl
     {
     float: left; 
     margin-bottom: 20px;
     }

#contact_details dl.left_dl 
     {
     width: 180px;
     }

#contact_details dl.right_dl 
     {
     width: 290px;
     }

#contact_details dl.low_dl
     {
     width: 450px;
     }

#contact_details dt
     {
     margin-bottom: 10px;
     }

#content .errors
     {
     float: left; 
     clear: left; 
    width: 495px;
    margin-bottom: 25px;
     }

#content .errors h3
     {
     margin: 0px;
    padding: 0px;
     }

 .errors ul
     {
     margin-top: 12px;
     }

 .errors li
     {
     margin-bottom: 5px;
     }

.errors, #response
     {
     padding : 18px 0px 20px 20px;
     }

#response 
     {
width: 495px;
float: left; 
clear: left;
     }

#response h3
     {
     margin: 0px;
     padding: 0px 0px 20px 0px;
     }

#response p
     {
     padding: 0px;
     }

#content h4.info
     {
     margin: 20px 0px 10px 0px;
     }

/*-----------------------------------------------------------------------*/
/* NEWS_ARCHIVE */
/*-----------------------------------------------------------------------*/

.news_archive h3
     {
     margin: 0px;
     }

/*-----------------------------------------------------------------------*/
/* RESTAURANT */
/*-----------------------------------------------------------------------*/

#menufiles
     {
     float: left; clear: left; margin: 0px 0px 60px 0px;
     }

/* SIDEBARS */
/*-----------------------------------------------------------------------*/
/* SIDE_NAV */
/*-----------------------------------------------------------------------*/

#side_nav
       {
       width: 165px;
       float: left; 
       clear: left;
       }

#side_nav a
      {
      width: 145px;
      display: block;
      padding: 12px 0px 12px 23px;
      }

div#mod_events
{
margin-top: 15px;
float: left;
clear: left;
width: 166px;
padding-bottom: 15px;
}

#side_nav #mod_events h3
{
      padding: 12px 0px 0px 15px;
      width: 151px;
      height: 30px;
}

#side_nav #mod_events h4
{
      padding: 12px 0px 0px 15px;
}

#side_nav #mod_events a
{
      margin: 12px 0px 0px 15px;
}


/* SIDE_ACT*/
/*-----------------------------------------------------------------------*/
#side_act
      {
      width: 165px;
      float: right; 
      clear: right;
      }

#side_act span
     {
     width: 125px;
     float: left; 
     clear: left; 
     }

span.sa_link
     {
     padding: 0px 10px 15px 15px;
     }

#side_act span.sa_header_h3, #mod_offer h3
      {
      padding: 12px 0px 0px 15px;
      width: 140px;
      height: 33px;
      }

#mod_contact span.sa_para
      {
      padding: 10px 10px 10px 15px;
      }

#mod_offer h4
      {
      padding: 10px 10px 0px 15px;
      }

#mod_offer 
     {
     padding: 0px 0px 15px 0px;
     }

#mod_offer p
     {
     padding: 10px 10px 0px 15px;
     }

#mod_contact, #mod_location, #mod_offer
     {
     margin-bottom: 20px;
     width: 155px;
     float: left;
     clear: left;
     }

#mod_contact span.sa_header_h4
     {
     padding: 0px 0px 0px 15px;
     }

#mod_location span.sa_header_h3
     {
     padding: 7px 0px 0px 10px;
     width: 145px;
     height: 23px;
     }

#mod_location
     {
     height: 79px;
     }

/* FOOTER MODULES */
/*-----------------------------------------------------------------------*/

#footer
       {
        float: left;
        width: 100%;
       clear: both;
	height: 180px; 
       padding: 25px 0px  25px 0px;
       }

#footer_links, #footer_news, #footer_testimonial, #footer_nav
     {
     float: left;
     display: block;
     }

#footer h4
     {
     padding-bottom: 20px;
     }

#footer_news p
     {
     padding-bottom: 10px;
     }

#footer_links
     {
     width: 195px;
     }

#footer_links a
     {
     margin-bottom: 10px;
     }

#link_wesley 
     {
     width: 100px;
     height: 29px;
     display: block;
     }

#link_tourism
     {
     width: 100px;
     height: 27px;
     display: block;
     }

#link_hudoq
     {
     width: 87px;
     height: 15px;
     display: block;
     }

/* MAPS */

#map
     {
     text-align: center;
      display: block;
      width: 515px;
      height: 330px;
      border: none;
      }

#map_main
     {
     width: 860px;
     height: 661px;
     }

#map_headingley
     {
     width: 860px;
     height: 782px;
     }

.mapcontainer
     {
     position: relative;
     }


#mainkitchen
     {
     position: absolute;
     top: 302px;
     left: 167px;
     }

#headnorth
     {
     position: absolute;
     top: 161px;
     left: 398px;
     }

#headeast
     {
     position: absolute;
     top: 294px;
     left: 599px;
     }

#headchapel
     {
     position: absolute;
     top: 460px;
     left: 231px;
     }

#headwest
     {
     position: absolute;
     top: 299px;
     left: 205px;
     }

#headplenary
     {
     position: absolute;
     top: 374px;
     left: 402px;
     }

#mainlibrary
     {
     position: absolute;
     top: 159px;
     left: 447px;
     }

#mainepworth
     {
     position: absolute;
     top: 297px;
     left: 723px;
     }

#mainkingswood
     {
     position: absolute;
     top: 421px;
     left: 572px;
     }

#mainentrance
     {
     position: absolute;
     top: 447px;
     left: 505px;
     }

#mainreception
     {
     position: absolute;
     top: 400px;
     left: 432px;
     }

#mainstacey
     {
     position: absolute;
     top: 365px;
     left: 323px;
     }

#mainrestaurant
     {
     position: absolute;
     top: 410px;
     left: 166px;
     }


#icon_main
     {
     position: absolute;
     top: 123px;
     left: 236px;
     width: 256px;
     height: 145px;
     }

#icon_headingley
     {
     position: absolute;
     top: 147px;
     left: 47px;
     width: 141px;
     height: 135px;
     }

#footer_news
     {
     width: 175px;
     padding-right: 60px;
     }

#footer_testimonial
     {
     width: 270px;
     padding-right: 35px;
     }

#footer_nav
     {
     width: 150px;
     }

#footer_nav a
      {
     float: left;
     clear: left;
     padding-bottom: 5px;
     }

ul.sitemap
     {
     margin-top: 20px;
     clear: both;
     }








