/*
Fuller Thomson
Main stylesheet

Chris Evans

27 June 2008
*/

body 
{
    font: 65%/1.4em Verdana, Arial, Helvetica, sans serif;    
    background: #30302d;
    color: #fff;
    margin:0;
    padding:0 0 3em 0;
}


a { color:#9ace86; text-decoration: none;}
a:hover {text-decoration: underline;}
a:visited {}

h1,h2,h3,h4,h5,h6 { margin: 0 0 1em 0; padding: 0; }

h1
{
    font-size: 130%;
}

h2
{
    font-size: 100%;
    margin:0;
}

p { margin: 0 0 1em 0; padding:0; }

#skip-navigation {position: absolute; top: -9999px; left: -9999px;}

blockquote p { margin:0; }
span.quote { font-style: italic; }

ul.navigation 
{
    list-style: none;
    padding:0;
    margin:0;
}

img { border: none; }

div#page 
{   
  width: 995px;
  margin: 0 auto;  
  background:#fefefb;
}

div#header {
	background: #fefefb;
	width:227px;
	float: left;
	min-height: 600px;
}
* html div#header { height: 600px; }


div#header img.mainlogo {
   margin: 89px 0 22px 22px;
}



div#mainmenu {
	padding-left: 22px;
}

div#header div.loginStatus { border: 1px solid #ccc; background: #f5f5f5; color:#000; padding: 10px; margin: 10px 22px; }


div#mainmenu ul.navigation
{
    
}

div#mainmenu ul.navigation li
{
	margin: 0 0 1px 0;
}

div#mainmenu ul.navigation li a
{
   display: block;
   height:20px;
   text-indent: -9999px;
}

div#mainmenu ul.navigation li.home a { background: transparent url(../images/nav/home.gif) no-repeat left bottom;}
div#mainmenu ul.navigation li.about-ft a {background: transparent url(../images/nav/about-ft.gif) no-repeat left bottom;}
div#mainmenu ul.navigation li.eating-and-drinking a {background: transparent url(../images/nav/eating-and-drinking.gif) no-repeat left bottom;}
div#mainmenu ul.navigation li.whats-on a {background: transparent url(../images/nav/whats-on.gif) no-repeat left bottom;}
div#mainmenu ul.navigation li.news-and-offers a {background: transparent url(../images/nav/news-and-offers.gif) no-repeat left bottom;}
div#mainmenu ul.navigation li.plan-an-event a {background: transparent url(../images/nav/plan-an-event.gif) no-repeat left bottom;}
div#mainmenu ul.navigation li.work-with-us a {background: transparent url(../images/nav/work-with-us.gif) no-repeat left bottom;}
div#mainmenu ul.navigation li.contact-and-register a {background: transparent url(../images/nav/contact-and-register.gif) no-repeat left bottom;}

div#mainmenu ul.navigation li ul li.ocean a {background: transparent url(../images/nav/ocean.gif) no-repeat left bottom;}
div#mainmenu ul.navigation li ul li.sky a {background: transparent url(../images/nav/sky.gif) no-repeat left bottom;}
div#mainmenu ul.navigation li ul li.tiki a {background: transparent url(../images/nav/tiki.gif) no-repeat left bottom;}
div#mainmenu ul.navigation li ul li.nobles a {background: transparent url(../images/nav/nobles.gif) no-repeat left bottom;}
div#mainmenu ul.navigation li ul li.the-holyrood a {background: transparent url(../images/nav/holyrood.gif) no-repeat left bottom;}
div#mainmenu ul.navigation li ul li.jute a {background: transparent url(../images/nav/jute.gif) no-repeat left bottom;}
div#mainmenu ul.navigation li ul li.drouthy-neebors a {background: transparent url(../images/nav/drouthy-neebors.gif) no-repeat left bottom;}

div#mainmenu ul.navigation li ul li.dukes a {background: transparent url(../images/nav/dukes.gif) no-repeat left bottom;}

div#mainmenu ul.navigation li ul li.edinburgh a {background: transparent url(../images/nav/edinburgh.gif) no-repeat left bottom;}
div#mainmenu ul.navigation li ul li.dundee a {background: transparent url(../images/nav/dundee.gif) no-repeat left bottom;}



div#mainmenu ul.navigation li a:hover 
{
  background-position:left 1px;
}

div#mainmenu ul.navigation li.selected a,
div#mainmenu ul.navigation li.childSelected a,
div#mainmenu ul.navigation li.childSelected ul li.selected a,
div#mainmenu ul.navigation li.childSelected ul li.childSelected a 
{
  background-position:left -20px;
}
div#mainmenu ul.navigation li.selected a:hover,
div#mainmenu ul.navigation li.childSelected a:hover 
{
  background-position:left -20px;
}

div#mainmenu ul.navigation li ul { margin:0; padding:8px 0; }



div#content { float: left; }
div#content,div#content div.inner 
{   
	width: 768px;	
	min-height: 600px;
}

* html div#content { height: 600px; }
* html div#content div.inner { height: 600px; }


div#content div.about { background:#9acc85 url(../images/bg/about-inner.gif) repeat-y left top; }
div#content div.news-innercol { background:#9acc85 url(../images/bg/news-inner.gif) repeat-y left top; }

div#content div.inner div.maincontent { width:475px; margin-left: 18px; float: left; padding-left: 33px; }

div#content div.inner div.full-column { padding-right:42px; }

div#content div.inner div.image-column { width:196px; margin-left: 1px; float: left; }
div#content div.inner div.image-column img { float: left; clear: left; margin: 0 0 1px 0; }

div#content div.inner div.supplementary-column { width: 156px; padding: 0 20px; margin-left: 1px; float: left; background:#85b073; min-height:600px; }
* html div#content div.inner div.supplementary-column { height: 600px; }

* html div#content div.inner div.maincontent { display: inline; }

div#content div.inner div.image-column img.final { margin:0; }

div#content div.inner div.flush { border-left: 1px solid #525144; }
div#content div.inner div.flush, div#content div.inner div.flush img { margin:0; }

div#content p {  }

div#slideshow1 { position: relative; }
div#slideshow1 img.upper-slide { position: absolute; top:0; left:0; z-index: 500; }
div#slideshow1 img.lower-slide { position: absolute; top:0; left:0; z-index: 400; }

div#content div.venues { position: relative; min-height:771px; }
* html div#content div.venues { height:771px; }
div#content div.venues div#slideshow1 { position: absolute; top:0; left:0; z-index: 300; }

div#content div.venues div.venue-content { 
	position: absolute; 
	top:0; 
	left: 400px; 
	width: 269px; 
	padding: 0 24px;
	min-height:771px; 
	background:transparent url(../images/bg/ocean.png) repeat left top; 
	z-index: 900; 
}
* html div#content div.venues div.venue-content { height: 771px; }


div#content div.ocean div.venue-content { background:transparent url(../images/bg/ocean.png) repeat left top; }
div#content div.sky div.venue-content { background:transparent url(../images/bg/sky.png) repeat left top; }
div#content div.tiki div.venue-content { background:transparent url(../images/bg/tiki.png) repeat left top; }
div#content div.jute div.venue-content { background:transparent url(../images/bg/jute.png) repeat left top; }
div#content div.drouthy-neebors div.venue-content { background:transparent url(../images/bg/drouthys.png) repeat left top; }

div#content div.nobles div.venue-content { background:transparent url(../images/bg/nobles.png) repeat left top; }
div#content div.holyrood div.venue-content { background:transparent url(../images/bg/holyrood.png) repeat left top; }
div#content div.dukes div.venue-content { background:transparent url(../images/bg/dukes.png) repeat left top; }

div#content div.dukes div.venue-content a { color: #fff; text-decoration: underline; }

* html div#content div.ocean div.venue-content { background:#217898; }
* html div#content div.sky div.venue-content { background:#6a824d; }
* html div#content div.jute div.venue-content { background:#9e283e; }
* html div#content div.drouthy-neebors div.venue-content { background:#666768; }
* html div#content div.nobles div.venue-content { background:#c7d7d7; }
* html div#content div.holyrood div.venue-content { background:#cfcac3; }
* html div#content div.dukes div.venue-content { background:#bf070e; }

p.punchy { font-size: 120%; line-height: 1.4em; }
p.myspace-link { padding-top: 12px; padding-bottom: 20px; margin:0; }

h1.graphical { 
	display: block; 
	margin:0; 
	padding:0; 
	text-indent: -9999px;
	width:402px;
	height:98px;
	margin-top:78px;
	margin-bottom: 12px;	
	}
	
	div.supplementary-column h1.graphical { margin-top:122px; }
	div.supplementary-column h1.discount-voucher { margin-top:91px; }
	div.supplementary-column h1.event-calendar { margin-top:118px; }
	div.supplementary-column h1.menus { margin-top:50px; }

h1.youre-always-learning {
	background: transparent url(../images/headings/youre-always-learning.gif) no-repeat left top;
	}
	
h1.eating-and-drinking {
	background: transparent url(../images/headings/eating-and-drinking-and-gigs.gif) no-repeat left top;
	}	
	
h1.plan-an-event {
	background: transparent url(../images/headings/plan-an-event.gif) no-repeat left top;
	}	
	
h1.login {
	background: transparent url(../images/headings/login.gif) no-repeat left top;
	}		

h1.work-with-us {
	background: transparent url(../images/headings/work-with-us.gif) no-repeat left top;
	}	
	
h1.news-and-offers {
	background: transparent url(../images/headings/news-and-offers.gif) no-repeat left top;
	}
	
h1.whats-on {
	background: transparent url(../images/headings/whats-on.gif) no-repeat left top;
	}	
	
h1.contact-and-register {
	background: transparent url(../images/headings/contact-and-register.gif) no-repeat left top;
	}	
	
h1.discount-voucher {
	background: transparent url(../images/headings/drinks-voucher.gif) no-repeat left top;
	width:163px;
	height:94px;
	}	
	
h1.event-calendar {
	background: transparent url(../images/headings/event-calendar.gif) no-repeat left top;
	width:164px;
	height:69px;
	}	
	
h1.menus {
	background: transparent url(../images/headings/menus.gif) no-repeat left top;
	width:125px;
	height:26px;
	margin-top:50px;
	}	
		
h1.news-and-offers-alt {
	background: transparent url(../images/headings/news-and-offers-alt.gif) no-repeat left bottom;
	padding:36px 0 0 0;
	margin:0 0 25px 0;
	height: 33px;
	clear: both;
	}			
	
div.inner-columns { float: left; }
div.main-column { width: 247px; padding-right: 23px;  }
div.side-column { width: 170px; }

ul.linklist { list-style: none; margin:0 0 1.33em 0; padding:0; }
ul.linklist li { margin:0; padding: .25em 0 .25em 0; }

ul.menus-list li { padding: 3px 0; }
ul.menus-list li a { background:#729762; color:#fff; padding: 2px 5px 4px; }
ul.menus-list li.selected a { background:#597e49; }

a.voucher-link { color:#fff;}

img.venue-logo { margin: 96px 0 24px 0; }
div.jute img.venue-logo { margin-top: 110px; margin-bottom: 28px; }
div.sky img.venue-logo { margin-top: 46px; margin-bottom: 36px; }
div.drouthy-neebors img.venue-logo { margin-top: 117px; }
div.nobles img.venue-logo { margin-top: 36px;  }
div.holyrood img.venue-logo { margin-top: 12px; margin-bottom: 12px;  }

div.nobles p,
div.nobles h2,
div.holyrood p,
div.holyrood cite,
div.holyrood h2 { color: #000; }

div.nobles a,
div.holyrood a { color: #000; text-decoration: underline; }

p.link-button a { background: #1b607a; font-weight: bold; color: #fff; padding: 2px 4px 3px; }

div.sky p.link-button a { background:#56683f; }

div.tiki p.link-button a { background:#56683f; }
div.jute p.link-button a { background:#7a1d2e; }
div.drouthy-neebors p.link-button a { background:#4e5052; }
div#content div.dukes p.link-button a { background: #a5060e; color:#fff; text-decoration: none; }
div#content div.dukes p.link-button a:hover { text-decoration: underline; }
div#content div.dukes p.link-button { margin: 18px 0; }

div.nobles p.link-button a { background:#b9c9c9; color:#000; text-decoration: none; }
div.nobles p.link-button a:hover { text-decoration: underline; }

div.holyrood p.link-button a { background:#b5b1ab; color:#000; text-decoration: none; }
div.holyrood p.link-button a:hover { text-decoration: underline; }

div.info-box { background:#4a493f; padding:10px 10px 5px; border: 1px solid #5e5d4f;}
div.info-box h2 { }
div.info-box p {}

div.business-opportunities {margin-top: 30px; min-height: 100px; }
* html div.business-opportunities { height: 100px; }

div#content div.venues div.venue-content ul.sub-nav { margin-bottom:20px;}
div#content div.venues div.venue-content ul.sub-nav li {display: block; float: left; }
div#content div.venues div.venue-content ul.sub-nav li a { display: block; float: left; height:25px; text-indent: -9999px; margin-right: 3px;}

div#content div.venues div.venue-content ul.sub-nav li.menus a { width:66px; }
div#content div.venues div.venue-content ul.sub-nav li.offers a { width:54px; }
div#content div.venues div.venue-content ul.sub-nav li.whats-on a { width:87px; }
div#content div.venues div.venue-content ul.sub-nav li.myspace a { width:78px; }

div#content div.ocean div.venue-content ul.sub-nav li.menus a { background: transparent url(../images/nav/sub/ocean/menus.gif) no-repeat left top; }
div#content div.ocean div.venue-content ul.sub-nav li.offers a { background: transparent url(../images/nav/sub/ocean/offers.gif) no-repeat left top; }
div#content div.ocean div.venue-content ul.sub-nav li.whats-on a { background: transparent url(../images/nav/sub/ocean/whats-on.gif) no-repeat left top; }

div#content div.sky div.venue-content ul.sub-nav li.menus a { background: transparent url(../images/nav/sub/sky/menus.gif) no-repeat left top; }
div#content div.sky div.venue-content ul.sub-nav li.offers a { background: transparent url(../images/nav/sub/sky/offers.gif) no-repeat left top; }
div#content div.sky div.venue-content ul.sub-nav li.whats-on a { background: transparent url(../images/nav/sub/sky/whats-on.gif) no-repeat left top; }

div#content div.tiki div.venue-content ul.sub-nav li.menus a { background: transparent url(../images/nav/sub/tiki/menus.gif) no-repeat left top; }
div#content div.tiki div.venue-content ul.sub-nav li.offers a { background: transparent url(../images/nav/sub/tiki/offers.gif) no-repeat left top; }
div#content div.tiki div.venue-content ul.sub-nav li.whats-on a { background: transparent url(../images/nav/sub/tiki/whats-on.gif) no-repeat left top; }

div#content div.nobles div.venue-content ul.sub-nav li.menus a { background: transparent url(../images/nav/sub/nobles/menus.gif) no-repeat left top; }
div#content div.nobles div.venue-content ul.sub-nav li.offers a { background: transparent url(../images/nav/sub/nobles/offers.gif) no-repeat left top; }
div#content div.nobles div.venue-content ul.sub-nav li.whats-on a { background: transparent url(../images/nav/sub/nobles/whats-on.gif) no-repeat left top; }

div#content div.holyrood div.venue-content ul.sub-nav li.menus a { background: transparent url(../images/nav/sub/holyrood/menus.gif) no-repeat left top; }
div#content div.holyrood div.venue-content ul.sub-nav li.offers a { background: transparent url(../images/nav/sub/holyrood/offers.gif) no-repeat left top; }
div#content div.holyrood div.venue-content ul.sub-nav li.whats-on a { background: transparent url(../images/nav/sub/holyrood/whats-on.gif) no-repeat left top; }

div#content div.jute div.venue-content ul.sub-nav li.menus a { background: transparent url(../images/nav/sub/jute/menus.gif) no-repeat left top; }
div#content div.jute div.venue-content ul.sub-nav li.offers a { background: transparent url(../images/nav/sub/jute/offers.gif) no-repeat left top; }
div#content div.jute div.venue-content ul.sub-nav li.whats-on a { background: transparent url(../images/nav/sub/jute/whats-on.gif) no-repeat left top; }

div#content div.drouthy-neebors div.venue-content ul.sub-nav li.menus a { background: transparent url(../images/nav/sub/drouthys/menus.gif) no-repeat left top; }
div#content div.drouthy-neebors div.venue-content ul.sub-nav li.offers a { background: transparent url(../images/nav/sub/drouthys/offers.gif) no-repeat left top; }
div#content div.drouthy-neebors div.venue-content ul.sub-nav li.whats-on a { background: transparent url(../images/nav/sub/drouthys/whats-on.gif) no-repeat left top; }

div#content div.dukes div.venue-content ul.sub-nav li.menus a { background: transparent url(../images/nav/sub/dukes/menus.gif) no-repeat left top; }
div#content div.dukes div.venue-content ul.sub-nav li.offers a { background: transparent url(../images/nav/sub/dukes/offers.gif) no-repeat left top; }
div#content div.dukes div.venue-content ul.sub-nav li.whats-on a { background: transparent url(../images/nav/sub/dukes/whats-on.gif) no-repeat left top; }
div#content div.dukes div.venue-content ul.sub-nav li.myspace a { background: transparent url(../images/nav/sub/dukes/myspace.gif) no-repeat left top; }

div#content div.dukes div.venue-content ul.sub-nav li.menus a { width:55px; }
div#content div.dukes div.venue-content ul.sub-nav li.offers a { width:50px; margin:0; }
div#content div.dukes div.venue-content ul.sub-nav li.whats-on a { width:76px; }
div#content div.dukes div.venue-content ul.sub-nav li.myspace a { width:78px; }


blockquote { margin: 0 0 1em 0; padding:0; font-style: italic; }
blockquote cite { display: block; margin: 0 0 1em 0; padding:0; font-style: normal; }

div.login { width: 66%; }
div.login em { font-style: normal; }
div.userPanel, div.passwordPanel { margin: 0 0 .5em 0;  }
div.userPanel label, div.passwordPanel label { float: left; width: 40%; }
div.userPanel input, div.passwordPanel input { float: right; width: 55%;}
div.submitPanel { text-align: right; }

fieldset { border: none; margin:0; padding:1em 0 0 0; }

fieldset.news-edit-form { width: 700px; }

fieldset div.row input,
fieldset div.row select,
fieldset div.row textarea { border: 1px solid #7b7b7b; padding: 3px 0; font-size: 100%; font-family: Verdana, Arial, Helvetica, Sans-Serif; }

fieldset div.row select.date-select { width: auto; margin-right: 3px; }

div.submitrow { text-align: right; padding-right: 115px; padding-top: 20px; padding-bottom: 40px; }

span.formerror { display: block; padding: 10px; background:#f5f5f5; color:#ff0000; margin: 1em 0; }
span.success { display: block; padding: 10px; background:#f5f5f5; color:#009900; margin: 1em 0; }

fieldset div.submitrow { text-align: right; padding:40px 0; width:458px; }
fieldset div.submitrow input.button { width: auto; margin: 0 0 0 15px; }

fieldset div.row { padding:0; margin: 4px 0;}
fieldset div.row label { width:90px; float: left; font-weight: normal;}
fieldset div.wide label { display: block; float: none; width: auto; padding-bottom: 6px; padding-top: 6px; }
fieldset div.row input {width: 208px; float: left; padding: 3px 4px;}
fieldset div.row select {width: 212px; float: left;}
fieldset div.row select.small { width: 115px;  }
fieldset div.row textarea { width: 264px; float: left;}

fieldset.news-edit-form div.row label { display: block; float: none; }

fieldset div.wide input,
fieldset div.wide select,
fieldset div.wide textarea { margin-left: 122px; }

fieldset.news-edit-form div.row input { width:450px; }
fieldset.news-edit-form div.row textarea { width:458px; }

fieldset div.row input.button { width: auto; float: none; }
fieldset div.submit { text-align: right; padding-right: 42px; }

fieldset div.current-image-display { clear: both; width:450px; padding-top: 5px; }
fieldset div.current-image-display h3 { padding: 0; font-size: 120%; }
div#content fieldset div.current-image-display label,
div#content fieldset div.current-image-display input { display: inline; width: auto; float: none; border: none; }

fieldset div.checkPanel { line-height: 1.66em; }
fieldset div.checkPanel input,
fieldset div.checkPanel label { width: auto; border: none; }
fieldset div.checkPanel label { padding-right: 9px; }

div#content div.inner div.news-full { padding-right: 28px; }
div#content div.inner div.news-article div.paging { padding-top: 20px; }

div.news h1 {color:#94c97b; font-size: 150%;}

div.news-item { padding-bottom: 1em; }
div.news-item p.location { font-size: 120%; margin:.25em 0 .25em 0; }
div.news-item h3 { font-size: 100%; margin:.25em 0 .25em 0; }
div.news-item img { float: left; margin: .25em 10px 5px 0; }
div.news-item div.news-inner { float: left; width: 365px; }

div.news-maincolumn div.news-item div.news-inner { width: auto; }

div.validation-summary, .failurePanel { background: #f5f5f5; border: 1px solid #333; padding: 10px; margin-right: 42px; }

.failurePanel { margin:8px 0; color:#ff0000; }

img.news-article-image { float: right; margin: 0 0 5px 15px; }

div.validation-summary ul { margin-top:0; margin-bottom:0; padding-top:0; padding-bottom:0; }

div.paging ul { margin:0 0 3em 0; padding:0; list-style: none; }
div.paging ul li {display: block; float: left; width: 45%;}
div.paging ul li.next { text-align: right; float: right; }
div.paging ul li a { background:#30302d; padding: 2px 5px 4px; float: left;}
div.paging ul li a.previous-link { }
div.paging ul li a.next-link {  float: right;}

div#page:after,
div#content div.inner:after,
div#content div.venues div.venue-content ul.sub-nav:after,
div.row:after,
div.news-item:after,
div.paging ul:after,
div.userPanel:after, div.passwordPanel:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

div#page,
div#content div.inner,
div#content div.venues div.venue-content ul.sub-nav,
div.row,
div.news-item,
div.paging ul,
div.userPanel, div.passwordPanel 
{
    display: inline-block;    
    height: 1%;    
    display: block; 
}