/******************************************/
/* CSS powered by clock - www.clock.co.uk */
/******************************************/

/**
 * main.css
 */

body {
}
#container {
}
#wrapper {
}


/**
 * header
 */
#header {
  background-repeat: repeat-x;
}
#header h1 {
  _height: 1px; /* fix for I.E. */
  width: 390px;
  float: left;
}
#header h1 a {
  display: block;
  width: 400px;
  height: 100px;
  background-image: url("/resource/image/header.jpg");
  background-repeat: no-repeat;
  background-position: 0px 10px;
}
#header h1 a span {
  display: none;
}
#header #up-coming-events {
  float: left;
  color: #f7a526;
  margin: 10px 0px 0px 0px;
}
#header #up-coming-events ul li {
  background-image: url("/resource/image/icon/bullet.gif");
  background-repeat: no-repeat;
  background-position: left center;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 15px;
  text-transform: uppercase;
  line-height: 14px;
}
#header #up-coming-events li a:hover {
  color: #ffffff;
}
#header #up-coming-events li span {
  color: #ffffff;
}
#header #up-coming-events li a {
  color: #f7a526;
  text-decoration: none;
  font-size: 11px;
}
#header li {

}
#header #social {
  float: left;
  margin: 10px 0px 0px 20px;
}
#header #social p a.twitter {
  margin-right: 8px;
}
#header #social h2 {
  color: #f7a526;
  font-size: 14px;
  margin: 0px 0px 5px 0px;
}

/**
 * footer
 */
#footer {
  height: 20px;
  clear: both;
}
#footer h2 {
  display: none;
}
#footer ul {
  text-align: center;
}
#footer li {
  display: inline;
  font-size: 11px;
  float: left;
  margin: 5px 5px 0px 10px;
}
#footer li#clock {
  float: right;
}
#footer li a {
  padding: 0px 5px 0px 5px;
  text-decoration: none;
}
#footer li a:hover {
  color: #ffffff;
}


/**
 * Menu
 */
#navigation {
  padding: 0px 0px 0px 0px;
}
.index #navigation { /* shrinks (0 padding) the menu for the admin homepage as there is no pinned menu */
  padding: 0px 0px 0px 0px;
}
#menu-main {
  position: relative;
  padding: 0px 0px 0px 0px;
  _margin-bottom: -14px;
  background-image: url("/resource/image/menu/menu-backing.jpg");
  background-position: 0px -1px;
  background-repeat: repeat-x;
  height: 30px;
  width: 100%;
}
#menu-main a {
  font-weight: bold;
  font-size: 11px;
  text-decoration: none;
  color: #ffffff;
  text-transform: uppercase;
}
#menu-main ul {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  float: left;
}
#menu-main li {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}
#menu-main li span {
  display: none;
}
#menu-main li.main-menu {
  background-image: url("/resource/image/menu/seperator.jpg") !important;
  background-repeat: no-repeat;
  background-position: right -1px;
}
#menu-main li.main-menu a {
  background-position: 0px 0px;
  background-repeat: no-repeat;
  height: 20px;
  display: block;
  margin: 0px 0px 0px 0px;
  padding: 5px 10px 5px 10px;
}
#menu-main ul:hover li.main-menu a {
  color: #ffffff;
}
#menu-main ul:hover li.main-menu a:hover {
}
#menu-main ul li.sub-menu ul,
#menu-main ul li.sub-menu ul ul {
  position: absolute;
  display: none;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  background-color: #424242;
}
#menu-main ul:hover li.sub-menu ul {
  z-index: 100;
  display: block;
}
#menu-main ul li.sub-menu ul li:hover {
}
#menu-main ul:hover li.sub-menu ul ul {
  display: none;
}
#menu-main ul li.sub-menu ul li:hover ul {
  display: block;
  margin: -29px 0px 0px 177px;
  *margin: 0px 0px 0px 0px;
  _margin: -29px 0px 0px 177px;
}
#menu-main ul ul li a {
  background-color: #454545;
  background-position: -400px 0px;
  background-repeat: repeat-x;
  height: 13px;
  margin: 0px 0px 0px 0px;
  padding: 7px 16px 7px 11px;
  border-bottom: 1px solid #333333;
  border-top: 1px solid #666666;
  min-width: 150px;
  _width: 150px;
  white-space: nowrap;
}
#menu-main ul ul a {
  display: block;
  padding: 3px 7px 3px 7px;
  margin: 0px 0px 0px 0px;
  text-decoration: none;
}
#menu-main ul ul li a:hover {
  background-color: #393939;
}

/* Admin Menu - Pinned menu
#menu-main ul li.sub-menu ul {
display: none;
width: 100%;
top: 30px;
_top: 24px;
left: 0px;
}*/
#menu-main ul li.sub-menu {
}
#menu-main ul li.sub-menu ul li {

}

/* Menu - behaviors */

#menu-main li#menuitem-home a {
  background-image: url("/resource/image/menu/menu-title-home.gif");
  background-repeat: no-repeat;
  width: 35px;
}
#menu-main li#menuitem-news a {
  background-image: url("/resource/image/menu/menu-title-news.gif");
  width: 35px;
}
#menu-main li#menuitem-features a {
  background-image: url("/resource/image/menu/menu-title-features.gif");
  width: 56px;
}
#menu-main li#menuitem-about a {
  background-image: url("/resource/image/menu/menu-title-about-us.gif");
  width: 55px;
}
#menu-main li#menuitem-awards a {
  background-image: url("/resource/image/menu/menu-title-awards.gif");
  width: 140px;
}
#menu-main li#menuitem-tv a {
  background-image: url("/resource/image/menu/menu-title-tv.gif");
  width: 110px;
}
#menu-main li#menuitem-events a {
  background-image: url("/resource/image/menu/menu-title-events.gif");
  width: 60px;
}
#menu-main ul:hover li.main-menu a,
#menu-main li.main-menu a:hover {
  background-position: -400px 0px;
}
.awards #menu-main ul:hover li#menuitem-awards a,
.awards #menu-main li#menuitem-awards a:hover,
.awards li#menuitem-awards a,

.events li#menuitem-events a,
.events #menu-main ul:hover li#menuitem-events a,
.events #menu-main li#menuitem-events a:hover,

.news li#menuitem-news a,
.news #menu-main ul:hover li#menuitem-news a,
.news #menu-main li#menuitem-news a:hover,

.about li#menuitem-about a,
.about #menu-main ul:hover li#menuitem-about a,
.about #menu-main li#menuitem-about a:hover,

.feature li#menuitem-features a,
.feature #menu-main ul:hover li#menuitem-features a,
.feature #menu-main li#menuitem-features a:hover {
  /*
  background-position: -400px 0px;
  */
}
.awards #menu-main ul#awards ul,
.events #menu-main ul#events ul,
.news #menu-main ul#news ul,
.about #menu-main ul#about ul,
.feature #menu-main ul#features ul {

}
/* RSS FEED */
#menu-main #rss {
  display: none;
  float: right;
  margin: 36px 10px 0px 655px;
  position: absolute;
  z-index: 999;
}
#menu-main #rss ul li a#add-rss {
  display: block;
  float: left;
  padding: 2px 7px 0px 0px;
  background-image:url(/resource/image/menu/menu-seperator.jpg);
  background-position: right 3px;
  background-repeat: no-repeat;
}
#menu-main #rss ul li a#what-is-rss {
  display: block;
  float: left;
  height: 15px;
  background-image: url("/resource/image/icon/rss-icon.gif");
  background-position: right 0px;
  background-repeat: no-repeat;
  padding: 2px 22px 0px 7px;
}
/*Utility*/
#paper-talk ul li span {
  font-style:italic;
}

li.share {
  padding: 0px;
  margin: 1px 0px 0px 10px!important;
}
li.share span.stbuttontext {
  line-height: 22px!important;
  padding-left: 15px!important;
}

#header #social {position:relative;}
#header #social h2 {margin-bottom:0;}
#header #social .fblike {position:absolute;right:-30px;top:32px;}
#header #social .IN-widget {height:25px;}
.twitter-follow-button {margin-top:5px;}
.twitter-follow-button #screen-name {display:none;}

#control_overlay {
  background-color:#000;
}

.modal {
  background-color:#fff;
  padding:10px;
  border:1px solid #333;
}

.thankyoumodal {
  width:500px;
  border:1px solid #333333;
  background-color:#fff;
  padding:20px;
  text-align:center;
  color:#333;
  position:relative;
}

.thankyoumodal #modal_close {
  width:25px;
  height:25px;
  background: url("/resource/image/close_button.gif") left top no-repeat;
  position:absolute;
  top:-30px;
  right:-30px;
  z-index:1;
  cursor: pointer;
}

.thankyoumodal h4 {
  color:#333;
  margin-bottom: 10px;
}

.thankyoumodal .sharing {
  margin-top: 20px;
}

