--- CONTENTS ---

01. All
02. General
03. Headings
04. Outer wrapper
05. Header outer wrapper
06. Header inner wrapper
07. Header
08. Primary navigation
09. Content outer wrapper
10. Primary content
    10a. The post
    10b. Populary articles
    10c. Image slider
    10d. The event
    10e. Your own events
    10f. Post detail
    10g. Comments list
    10h. Comments form
    10i. Sign up form
    10j. Bulleted list
    10k. Flash Photo Gallery
11. Secondary content
    11a. Rotating banner ads
    11b.  Side content
12. Adverts bar
13. Tertiary content
14. Footer outer wrapper
15. Footer inner wrapper

00. Clearfix

*/


/* 01. All */
/* -------------------------------------------------------------------------- */

* {
  margin: 0;
  padding: 0;
  }
  
body {	background: #202020 url(/graphics/header/freshersbackground.jpg) no-repeat top center;
color: #eee;
  font-family: VAGRounded, helvetica, verdana, arial, sans-serif;
    font-size: 14px;
    line-height: 150%;
	margin: 0;
	padding: 0;
	}
  
/* 02. General */
/* -------------------------------------------------------------------------- */

p,
dl {
  margin: 0 0 16px;
  background: transparent;
  font: normal 1em/1.4em; 
  font-family: VAGRounded, helvetica, verdana, arial, sans-serif;
  }
  
ul {
	margin: 0 0 16px;
	list-style-position: inside;
	list-style-image: none;
	list-style-type: none;
  } 

dt {font-weight: bold; color: #324f7c;}
dd {margin-bottom: 5px;}
 
 a {
  outline: 0;
font-weight:bold;
letter-spacing: 0em;
  color: #bed600;
  text-decoration: underline;
position: relative;
  } 
  
 
a:hover,
a:focus {
  text-decoration: none;
  }

a span {
  display: none;
  }

a:hover span {position: absolute;  
top: 5px;
left: 0px;
font-size: 10px;
  display: block;
  background: #d3d2c4;
color: #000;
padding: 4px 7px;
max-width: 200px; 
text-align: center; 
-moz-border-radius: 5px; 
-webkit-border-radius: 5px;
opacity:0.75;
filter:alpha(opacity=75);
  } 
  
img {
  border: none;
   margin: 0 15px 0 0;
  }
  
img.alignleft {float:left; margin:0 1em 1em 0}

img.sidebarbuttons {margin:0;}
  
div.horizontal-rule {
  display: none;
  } 

/* 03. Headings */
/* -------------------------------------------------------------------------- */

h1 {
  margin: 0;
  font: normal 2.5em/1.0 em;
  font-family: VAGRounded, helvetica, verdana, arial, sans-serif;
  letter-spacing: -0.05em;
  float: left;
  color: #bed600;
font-weight: bold;
width:540px;
  }
  
h2 {
-x-system-font:none;
color:#fff;
float:left;
font-family:'VAGRounded',helvetica,verdana,arial,sans-serif;
font-size:1.6em;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:1.8em;
margin:0;
width:540px;
}
  
body.article h1 {
  width: 470px;
  }
  
body.article h2 {
  width: 470px;
  }

h3 {
	  margin: 0 0 10px;
	  font: normal 1.4em/1em; 
	  font-family: 'VAGRounded', helvetica, verdana, arial, sans-serif;
	  color: #000;
	font-weight: bold;
  }
  
  h5 {
	  margin: 0 0 10px;
	  font: normal 1.4em/1em;
	  font-family: 'VAGRounded', helvetica, verdana, arial, sans-serif;
	  color: #000;
	font-weight: bold;
  }
  
h3.alternative {
	font-size: 0.9em;
	color: #545653;
	text-transform: uppercase;
  }
  
h3.divide {
  background: transparent url(/graphics/line.gif) no-repeast 0 0;
  padding: 10px 0 0;  
  }
  
 
 
  h3 a {
color: #000 ;
text-decoration:none;
}

  h3 a:hover {
color: #fff ;
text-decoration:none;
}
	 
/* 04. Outer wrapper */
/* -------------------------------------------------------------------------- */

div#outer-wrapper {
  margin: 0 auto;
  max-width: 100%;
  }
  
/* 05. Header outer wrapper */
/* -------------------------------------------------------------------------- */

div#header-outer-wrapper {
height: 178px;
  }
  
/* 06. Header inner wrapper */
/* -------------------------------------------------------------------------- */

div#header-inner-wrapper {
  padding: 0 15px 0 25px;
  background:transparent;
  
  }
  
/* 07. Header */
/* -------------------------------------------------------------------------- */

div#header {
  background: transparent;
  margin: 0 auto 0 auto;
  width: 960px;
  }

div#header a img {
  float: left;
  }

div#header form {
  margin: 80px 0 0;
  width: 260px;
  float: right;
  text-align: right;
  }
  
div#header form fieldset {
  border: none;
  }
  
div#header form label {
  left: -10000px;
  position: absolute;
  }

div#header form input {
  /* See ie fix in styles/ie.css */
  background: transparent url(/graphics/header/search-background.png) no-repeat 0 0;
  padding: 4px 5px 2px 22px;
  width: 183px;
  height: 17px;
  font-size: 0.7em;
  border: none;
  }
  
div#header form button {
  /* See ie fix in styles/ie.css */
  background: transparent url(/graphics/header/searchbutton.png) no-repeat 0 3px;
  width: 22px;
  height: 23px;
  border: none;
  text-indent: -10000px;
  cursor: pointer;
  }
  
div#header ul {
  /* See ie fix in styles/ie.css */
  margin: 87px 0 0 0;
  float: right;
  }
  
div#header ul li {
  display: inline;
  }
  
div#header ul li a {
  margin: 0 0 0 10px;
  font: normal 0.9em/1.2em; 
  font-family: 'VAGRounded', helvetica, verdana, arial, sans-serif;
  color: #EEE;
  float: left;
  display: block;
  }
  
div#header ul li.login a {
  background: transparent url(/graphics/header/login.gif) no-repeat 100% 5px;
  padding: 0 10px 0 0;
  }
  
 /* RSS */	
li#rss a {
	padding-left: 20px;
	background: url(/graphics/feed.gif) no-repeat 0 50%;
	font-size: 0.9em;
	line-height:1em;
	}  

/* 08. Primary navigation */
/* -------------------------------------------------------------------------- */

div#primary-navigation {
margin: 25px auto 0 auto;
width:940px;
height:40px;
background: url(/graphics/navheader.png) no-repeat top center;
border: none;
padding: 0 10px 0 10px;
  }

div#primary-navigation ul {
  /* See ie fix in styles/ie.css */
  margin: 0 auto;
  padding: 0;
  width: 940px;
  }
  
div#primary-navigation ul li {
  float: left;
  position: relative;
  }

div#primary-navigation ul li a {
	float: left;
	display: block;
	text-decoration: none;
	text-transform: uppercase;
	text-align:center;
	font-family: 'VAGRounded', Helvetica, arial, sans-serif;
	font-size: 12px;
	line-height: normal;
	font-weight: bold;
	width: 120px;
	padding: 10px 0px 10px 0px;
  }
  
div#primary-navigation ul li a
{background: #bed600;
color: #000;
}

div#primary-navigation ul li a:hover,
div#primary-navigation ul li a:focus {
background: #bed600;
color: #fff;
  }
  
body.home div#primary-navigation ul li a.home,
body.news div#primary-navigation ul li a.news,
body.union div#primary-navigation ul li a.union,
body.whatson div#primary-navigation ul li a.whatson,
body.advice div#primary-navigation ul li a.advice,
body.involved div#primary-navigation ul li a.involved {
  background: url(/graphics/selectorgreen.png) no-repeat ;
  color: #fff;
  height: 30px;
  width: 120px;
  }
  
/* Dropdown navigation */

div#primary-navigation ul ul {
	display: none;
	position: absolute;
	top: 30px;
	left: -5px;
	z-index: 10;
	padding: 0;
	width: 120px;
	background: #bed600;
	}

div#primary-navigation ul li:hover ul,
div#primary-navigation ul li.iehover ul {display: block;}

div#primary-navigation ul ul li {
	float: none;
	text-align: center;
	}

div#primary-navigation ul ul li a {
	display: block;
	float: none;
	border-top: 1px solid #5c5c5c;
	padding: 5px;
	font-weight: bold;
	font-size: 10px;
color: #fff;
	}	
		
	div#primary-navigation ul ul li a
	{
	background: #bed600;
color: #000;
	}	

div#primary-navigation ul ul li a:hover,
div#primary-navigation ul ul li a:focus {
	background: #bed600;
color: #fff;
	}		
		
/* 09. Content outer wrapper */
/* -------------------------------------------------------------------------- */

div#content-outer-wrapper {
  margin: 0 auto 0 auto;
  padding: 5px 15px 0 25px;
  width: 960px;
min-height: 600px;
  }

/* 10. Primary content */
/* -------------------------------------------------------------------------- */

div#primary-content {
  width: 525px;
margin: 0 10px 0 0;
padding: 10px;
  float: left;
background: #000000 url(/graphics/corners.png) no-repeat top center;
  }
  
   
div#content-header {padding: 10px;
background: #202020 url(/graphics/headercorners.png) no-repeat top center;
margin-top: 15px;
margin-bottom: 15px;
width: 940px;
height: 55px; }

div#primary-content h3 {
  background: #bed600 ;
  padding: 5px 10px 5px 10px;
    position: relative;
	left: -10px;
	width: 525px;
	margin-bottom: 10px;
  }
  
div#primary-content h5 {
  background: #93dfe6 ;
  padding: 5px 10px 5px 10px;
    position: relative;
	left: -10px;
	width: 525px;
	margin-bottom: 10px;
  }
  
div#content-header a.avatar img {
  margin: 0;
  background: #FFF;
  padding: 1px;
  border: 1px solid #CBC9CA;
  float: left;
display: none;
  }
  
div#content-header a.avatar:hover img,
div#content-header a.avatar:focus img {
  border: 1px solid #0B84D5;
  }
  
div#primary-content ul {
	margin: 0 0 16px 0;
	padding: 0;
	font-size: 0.9em;
	line-height: 1.4em;
	list-style-position: inside;
	list-style-type: disc;
  }
  
div#primary-content ol {
  margin: 0 0 16px 27px;
  font-size: 0.9em;
  line-height: 1.4em;
  }
  
div#primary-content blockquote p {
  background: #FAFAFA;
  margin: 0 27px 16px;
  padding: 10px;
  font-style: italic;
  border: 1px solid #EEE;
  }
  
/* 10a. Primary content - The post */
/* ------------------------------------------------------- */
  
div.the-post {
  background: transparent url(/graphics/line.gif) no-repeat 0 0;
  padding: 10px 0 20px 0;
  }
    
div.the-post div.the-post-content {
  width: 525px;
  float: left;
  }
  
div.the-post div.the-post-image-holder a img {
  background: #FFF;
  padding: 1px;
  border: 1px solid #CBC9CA;
  }
  
div.the-post div.the-post-image-holder a:hover img,
div.the-post div.the-post-image-holder a:focus img {
  border: 1px solid #0B84D5;
  }
  
div.the-post div.the-post-image-holder p span {
  left: -10000px;
  position: absolute;
  }
  
div.the-post div.the-post-image-holder p {
  /* See ie fix in styles/ie.css */
  background: transparent url(/graphics/comment.png) no-repeat 0 0;
  margin: -2px 0 0;
  padding: 4px 0 0 15px;
  }

div.the-post div.the-post-content p.post-blog {
  margin: 0;
  font-size: 0.9em;
  }
  
div.the-post div.the-post-content h3 {
  margin: 5px 0 5px;
  }
  
div.the-post div.the-post-content h3 a {
  color: #000;
  text-decoration: none;
  }
  
div.the-post div.the-post-content h3 a:hover,
div.the-post div.the-post-content h3 a:focus {
  color: #fff;
  }
  
div.the-post div.the-post-content p {
  margin: 0 0 5px;
  }
  
  div.the-post div.the-post-content p.wp-caption-text {
  font-style: italic;
  }
  
div.the-post div.the-post-content ul.meta-data {
  margin: 0 0 20px;
  }
  
div.the-post div.the-post-content ul.meta-data li {
  display: inline;
  font: normal 0.7em/1.4em;
  font-family: 'VAGRounded', helvetica, verdana, arial, sans-serif;
  }
  
div.the-post div.the-post-content ul.meta-data li a {
  /* See ie fix in styles/ie.css */
  padding: 0 8px 0 0;
  border-right: 1px solid #9A9A9C;
  }
  
/* 10b. Primary content - Popular articles */
/* ------------------------------------------------------- */

div#popular-articles {
  background: transparent url(/graphics/line.gif) no-repeat 0 0;
  padding: 10px 0 0;
  }
  
div#popular-articles h3 {
  font-size: 0.9em;
  text-transform: uppercase;
  letter-spacing: 0;
  color: #575354;
  }
  
div#popular-articles h4 {
  margin: 10px 0 0;
  font: bold 0.9em/1em;
  font-family: 'VAGRounded', helvetica, verdana, arial, sans-serif;
  }
  
div#popular-articles ul li {
  /* See ie fix in styles/ie.css */
  padding: 0 8px 0 0;
  font-size: 0.7em;
  border-right: 1px solid #9A9A9C;
  display: inline;
  }
  
div#popular-articles ul li.last {
  border: none;
  }
  
div#popular-articles ul li.category {
  text-transform: uppercase;
  }
  
div#popular-articles ul li.author,
div#popular-articles ul li.date {
  font-family: 'VAGRounded', helvetica, verdana, arial, sans-serif;
  }
  
div#popular-articles ul li span {
  left: -10000px;
  position: absolute;
  }
  
div#popular-articles ul li.comments {
  background: transparent url(/graphics/comment.png) no-repeat 0 2px;
  padding: 0 0 0 15px;
  }
  
/* 10c. Primary content - Image slider */
/* ------------------------------------------------------- */

div#image-slider {
  background: transparent url(/graphics/line.gif) no-repeat 0 0;
  padding: 10px 0 0;
  width: 540px;
  }
  
div#image-slider h3 {
  margin: 10px 0 5px;
  font-size: 0.9em;
  text-transform: uppercase;
  letter-spacing: 0;
  color: #575354;
  }
  
/* 10d. Primary content - The event */
/* ------------------------------------------------------- */
  
div.the-event {
  background: transparent url(/graphics/footer/line.gif) no-repeat 0 0;
  padding: 10px 0 20px;
  }
  
div.the-event div.the-event-content {
  width: 304px;
  float: right;
  }
  
div.the-event div.the-event-image-holder {
  width: 216px;
  float: left;
  }
  
div.the-event div.the-event-image-holder a img {
  background: #FFF;
  padding: 1px;
  border: 1px solid #CBC9CA;
  }
  
div.the-event div.the-event-image-holder a:hover img,
div.the-event div.the-event-image-holder a:focus img {
  border: 1px solid #0B84D5;
  }
  
div.the-event div.the-event-image-holder p {
  /* See ie fix in styles/ie.css */
  background: transparent url(/graphics/content/primary-content/event-image-shadow.jpg) no-repeat 0 0;
  margin: -2px 0 0;
  padding: 4px 0 0;
  font-size: 0.7em;
  color: #5F615E;
  text-transform: uppercase;
  }
  
div.the-event div.the-event-content h3 {
  margin: 0 0 5px;
  }
  
div.the-event div.the-event-content h3 a {
  color: #708608;
  text-decoration: none;
  }
  
div.the-event div.the-event-content h3 a:hover,
div.the-event div.the-event-content h3 a:focus {
  color: #000;
  }
  
div.the-event div.the-event-content p.the-date {
  margin: 0 0 5px;
  color: #555;
  }
  
div.the-event div.the-event-content p {
  margin: 0 0 10px;
  }
  
div.the-event div.the-event-content ul li {
  font-size: 0.9em;
  display: inline;
  }
  
div.the-event div.the-event-content ul li a {
  float: left;
  }
  
div.the-event div.the-event-content ul li a.tickets {
  /* See ie fix in styles/ie.css */
  background: transparent url(/graphics/content/primary-content/event-ticket-button.jpg) no-repeat 0 0;
  padding: 6px 15px 7px;
  width: 65px;
  height: 15px;
  font-size: 0.98em;
  font-weight: bold;
  color: #3A3A3A;
  text-decoration: none;
  display: block
  }
  
div.the-event div.the-event-content ul li a.tickets:hover,
div.the-event div.the-event-content ul li a.tickets:focus {
  color: #0B84D5;
  }
  
div.the-event div.the-event-content ul li a.facebook {
  background: transparent url(/graphics/content/primary-content/facebook-icon.gif) no-repeat 0 1px;
  margin: 7px 0 0 10px;
  padding: 0 0 0 18px; 
  }
  
/* 10e. Primary content - Your own events */
/* ------------------------------------------------------- */ 

div#your-own-events {
  background: transparent url(/graphics/footer/line.gif) no-repeat 0 0;
  padding: 10px 0 0;
  width: 540px;
  }
  
div#your-own-events h3 {
  margin: 0 0 5px;
  font-size: 0.9em;
  text-transform: uppercase;
  letter-spacing: 0;
  color: #575354;
  }
  
/* 10f. Primary content - Post detail */
/* ------------------------------------------------------- */
  
div#post-detail {
  background: transparent url(/graphics/footer/line.gif) no-repeat 0 0;
  padding: 10px 0 0;
  }
  
div#post-detail ul#meta-data {
  margin: 0 0 10px;
  }
  
div#post-detail ul#meta-data li {
  margin: 0 5px 0 0;
  font-size: 0.7em;
  display: inline;
  float: left;
  }
  
div#post-detail ul#meta-data li.first {
  text-transform: uppercase;
  color: #fff;
  }
  
div#post-detail ul#meta-data li.last-category,
div#post-detail ul#meta-data li.date {
  margin: 0 8px 0 0;
  padding: 0 8px 0 0;
  border-right: 1px solid #fff;
  }
  
div#post-detail ul#meta-data li.date {
  color: #bed600;
  }

  
div#post-detail ul#meta-data li a {
  text-transform: uppercase;
  }
  
div#post-detail ul#meta-data li.comments {
  border: none;
  }
  
div#post-detail ul#meta-data li.comments span {
  left: -10000px;
  position: absolute;
  }
  
div#post-detail ul#meta-data li.comments a {
  background: transparent url(/graphics/comment.png) no-repeat scroll 0pt 2px;
  padding: 0 0 0 15px;
  }
 
div#post-detail h3 {
  color: #000;
  }
  
/* 10g. Primary content - Comments list */
/* ------------------------------------------------------- */
  
div#comments-list {
  background: transparent url(/graphics/footer/line.gif) no-repeat 0 0;
  padding: 10px 0 0;
  width: 540px;
  float: left;
  }
  
div#comments-list h3 {
  font-size: 0.9em;
  text-transform: uppercase;
  color: #545653;
  }
  
div#comments-list h4 {
  margin: 0 0 10px;
  color: #000;
  }
  
div.the-comments ul {
  width: 140px;
  float: left;
  }
  
div.the-comments ul li {
  margin: 0 0 2px;
  font-size: 0.9em;
  color: #545454;
  }
  
div.the-comments ul li.date {
  background: transparent url(/graphics/comment.png) no-repeat scroll 0pt 2px;
  padding: 0 0 0 15px;
  }
  
div.the-comments p {
  width: 376px;
  float: right;
  }
  
/* 10h. Primary content - Comments form */
/* ------------------------------------------------------- */
  
div#comments-form {
  background: transparent url(/graphics/footer/line.gif) no-repeat 0 0;
  padding: 10px 0 0;
  width: 540px;
  float: left;
  }
  
div#comments-form h3 {
  font-size: 0.9em;
  text-transform: uppercase;
  color: #545653;
  }
  
div#comments-form h4 {
  margin: 0 0 10px;
  color: #bed600;
  }
  
div#comments-form fieldset {
  border: none;
  margin: 0;
  padding: 0;
  width: 525px;
  }
  
div#comments-form label {
  margin: 0 0 5px;
  width: 525px;
  font-size: 0.9em;
  display: block;
  }
  
div#comments-form label span {
  font-size: 0.98em;
  color: #708608;
  }
  
div#comments-form input {
  margin: 0 0 15px;
  padding: 2px;
  width: 296px;
  }
  
div#comments-form input#remember-me {
  margin: 0 5px 5px 0;
  padding: 0;
  width: auto;
  }
  
div#comments-form textarea {
  margin: 0 0 15px;
  width: 525px;
  height: 100px;
  }
  
div#comments-form button {
  /* See ie fix in styles/ie.css */
  background: transparent url(/graphics/comment.png) no-repeat 0 0;
  margin: 0 0 10px;
  padding: 5px 5px 7px;
  width: 122px;
  height: 30px;
  font-size: 0.7em;
  font-weight: bold;
  color: #fff;
  border: none;
  cursor: pointer;
  }
  
div#comments-form button:hover,
div#comments-form button:focus {
  color: #0B84D5;
  }
  
/* 10i. Primary content - Sign up form */
/* ------------------------------------------------------- */

form#signup-form {margin-bottom: 15px;}
form#signup-form legend {display: none;}
form#signup-form fieldset.hidden-fields {border: none;}  

div.form-left {
	clear: left;
	float: left;
	margin: 10px 0pt 6px;
	text-align: left;
	width: 150px;
	}

div.form-right {
	clear: right;
	float: right;
	margin: 5px 0pt 2px;
	text-align: left;
	width: 300px;
	}

form#signup-form fieldset {
	border: none;
	margin-bottom: 10px;
	}  

.radio, 
.checkbox {margin-right: 5px;}

form#signup-form select {width: auto;}

form#signup-form label {	
	font-size: 0.9em;
	float: left;
	display: inline;
	margin-right: 5px;
	}	

form#signup-form label#dobMonth-label,
form#signup-form label#dobYear-label {
	width: 0;
	color: #f00;
	text-indent: -10000em;
	}
	
form#signup-form .checkboxes label {clear: left;}	

form#signup-form fieldset h4 {
	font-size: 0.9em;
	font-weight: normal;	
	clear: left;
	} 

form#signup-form div.dob select {float: left;}

form#signup-form .form-left.checkboxes,
form#signup-form .form-right.checkboxes {width: 45%;}

/* 10j. primary content - Bulleted list */
/* ------------------------------------------------------- */

ul.bullets {
	margin-left: 15px;
	list-style-position: inside;
	list-style-type: square;
	}
	
ul.bullets  li {font-size: 0.9em;} 
 
/* 10k. Flash Photo Gallery */
/* ------------------------------------------------------- */

#photo-gallery-container {
	margin: 0 0 20px 0;
	padding: 10px 0 0 0;
	background: url(/graphics/line.gif) no-repeat;	
	}

#photo-gallery {height: 210px;}

/* 11. Secondary content */
/* -------------------------------------------------------------------------- */

div#secondary-content {
  float: right;
  width: 390px;
background: transparent;
  }
  
/* 11a. Secondary content - Rotating banner ads */
/* ------------------------------------------------------- */

div#rotating-banner-ads {
	float: right;
  text-align: right;
width: 380px;
  }

/* 11b. Secondary content - Side content */
/* ------------------------------------------------------- */
  
div#side-content {
  width: 370px;
  float: right;
background: #000000 url(/graphics/sidebarcorners.png) no-repeat top center;
margin: 0 0 20px 0;
padding: 10px;
  }
  
div#side-content-2{
  width: 370px;
  float: right;
background: #000000 url(/graphics/sidebarcorners.png) no-repeat top center;
margin: 0 0 20px 0;
padding: 10px;
  }
  
div#side-content h3{
color:#FFF;
}


 div#side-content h3.widgettitle {
background: #fff ;
color:#000;
  padding: 5px 0 5px 10px;
    position: relative;
	left: -10px;
	width: 380px;
	margin-bottom: 10px;
}

  div#side-content-2 h3.widgettitle {
background: #fff ;
color:#000;
  padding: 5px 0 5px 10px;
    position: relative;
	left: -10px;
	width: 380px;
	margin-bottom: 10px;
}


div#side-content ul{
margin: 0;
padding: 0;
}

div#side-content-2 ul{
margin: 0;
padding: 0;
}
  
div#section-navigation {
  background: transparent url(/graphics/line.gif) no-repeat 0 0;
  padding: 10px 0 0;
  width: 140px;
  }
  
div#section-navigation ul {
  margin: 0 0 20px;
  font-size: 0.9em;
  }
 
div#section-navigation ul ul {font-size: 1em;}
	  
div#section-navigation ul li {
  margin: 0 0 2px;
  }

div#section-navigation ul li li li {
	font-size: 1em; 
	padding-left: 10px;
	}
	
body.home div#section-navigation,
body.home div#archives,
body.home div#categories,
body.home div#recent-comments,
body.home div#facebook,
body.home div#advanced-tickets {
  display: none;
  }
  
body.news div#event-photos,
body.news div#facebook,
body.news div#advanced-tickets {
  display: none;
  }
  
body.entertainment div#archives,
body.entertainment div#categories,
body.entertainment div#recent-comments {
  display: none;
  }

body.internal div#archives,
body.internal div#categories,
body.internal div#recent-comments,
body.internal div#facebook {
  display: none;
  }
  
div#useful-info {
  background: transparent url(/graphics/line.gif) no-repeat 0 0;
  padding: 10px 0 0;
  }
  
div#useful-info ul {
  margin: 0 0 20px;
  }
  
div#useful-info ul li {
  margin: 0 0 2px;
  font-size: 0.9em;
  }
  
div#event-photos {
  background: transparent url(/graphics/line.gif) no-repeat 0 0;
  padding: 10px 0 0;
  }
  
div#event-photos img {
  width: 56px;
  height: 56px;
  border: 1px solid #6D6660;
  float: left;
  margin: 0 20px 10px 0;
  }
  
div#flickr_badge_image2 img,
div#flickr_badge_image4 img,
div#flickr_badge_image6 img,
div#flickr_badge_image8 img {
  margin-right: 0;
  }
  
div#event-photos p a {
  background: transparent url(/graphics/content/secondary-content/flickr-logo.gif) no-repeat 0 0;
  margin: 10px 0 0;
  width: 99px;
  height: 21px;
  text-indent: -10000px;
  display: block;
  }
      
div#calendar-block {
  background: transparent url(/graphics/line.gif) no-repeat 0 0;
  padding: 10px 0;
  position: relative;
  }
  
div#calendar-block p {
  margin: 0;
  line-height: 1em;
  }
  
div#calendar-block p a.view-all {
  /* See ie fix in styles/ie.css */
  background: transparent url(/graphics/content/secondary-content/events-button.gif) no-repeat 0 0;
  margin: 10px 0;
  padding: 8px 15px 7px 12px;
  width: 100px;
  height: 15px;
  font-size: 0.98em;
  font-weight: bold;
  color: #3A3A3A;
  text-decoration: none;
  display: block
  }
  
div#calendar-block p a.view-all:hover,
div#calendar-block p a.view-all:focus {
  color: #0B84D5;
  }
  
div#calendar-block p a.download {
  /* See ie fix in styles/ie.css */
  background: transparent url(/graphics/content/secondary-content/calendar-icon.gif) no-repeat 0 1px;
  padding: 2px 0 2px 35px;
  }
    
div#facebook {
  background: transparent url(/graphics/line.gif) no-repeat 0 0;
  margin: 10px 0 0;
  padding: 10px 0 0;
  width: 220px;
  float: right;
  }
  
div#facebook img {
  margin: 0 0 5px;
  border: 2px solid #6a6a6a;
  }
  
div#advanced-tickets {
  background: transparent url(/graphics/line.gif) no-repeat 0 0;
  padding: 10px 0 0;
  width: 220px;
  float: right;
  }
  
div#archives {
  background: transparent url(/graphics/line.gif) no-repeat 0 0;
  margin: 20px 0 0;
  padding: 10px 0 0;
  width: 220px;
  float: right;
  }
  
div#archives h4 {
  font-size: 0.7em;
  }
  
div#archives ul {
  margin: 0 0 10px;
  }
  
div#archives ul li {
  margin: 0;
  padding: 0;
  font-size: 0.9em;
  display: inline;
  }
  
div#archives p {
  margin: 0 0 20px;
  }
  
div#categories {
  background: transparent url(/graphics/line.gif) no-repeat 0 0;
  padding: 10px 0 0;
  width: 220px;
  float: right;
  }
  
div#categories ul {
  margin: 0 0 20px;
  }
  
div#categories ul li {
  margin: 0 0 2px;
  font-size: 0.9em;
  }
  
div#recent-comments {
  background: transparent url(/graphics/line.gif) no-repeat 0 0;
  padding: 10px 0 0;
  width: 220px;
  float: right;
  }
  
div#recent-comments dl {
  margin: 0 0 10px;
  font-size: 0.9em;
  }
  
div#recent-comments dt {
  font-family: 'VAGRounded', helvetica, verdana, arial, sans-serif;
  font-weight: normal;
  color: #3B3B39;
  }
  
div#recent-comments dd {
  margin: 0 0 10px;
  }
  
table#wp-calendar {
	table-layout: fixed;
  border-collapse: collapse;
  width: 100%;
  background: #bed600;
  color: #000;
  }
  
table#wp-calendar caption {
  border-bottom: 1px solid #bed600;
  padding: 3px 2px 3px 5px;
  background: #bed600;
  font-size: 0.7em;
  font-weight: bold;
  color: #FFF;
  text-transform: uppercase;
  text-align: left;
  }
  
table#wp-calendar th {background: #bed600;}
  
table#wp-calendar th,  
table#wp-calendar td {
  margin: 0;
  border: 1px solid #D6D6D6;
  padding: 3px 0;
  font-size: 0.7em;
  text-align: center;
  }
  
table#wp-calendar td {background: #fff;}
  
table#wp-calendar td#today {
	background: #bed600;
	font-weight: bold;
  color: #6e9908;
  } 

table#wp-calendar span#EC_previousMonth {
  background: transparent url(/graphics/content/secondary-content/calendar-previous.gif) no-repeat 0 0;
  width: 8px;
  height: 8px;
  text-indent: -10000px;
  position: absolute;
  top: 18px;
  right: 24px;
  }
  
table#wp-calendar span#EC_nextMonth {
  background: transparent url(/graphics/content/secondary-content/calendar-next.gif) no-repeat 0 0;
  width: 8px;
  height: 8px;
  text-align: left;
  text-indent: -10000px;
  position: absolute;
  top: 18px;
  right: 7px;
  }

.widget {
margin-bottom:5px;
padding-top:10px;
}
  
/* 12. Adverts bar */
/* -------------------------------------------- ------------------------------ */

div#adverts-bar {
  background: #000;
  width: 100%;
  margin-top: 20px;
  }
  
div#adverts-bar ul {
  margin: 0 auto;
  padding: 30px 0 25px;
  width: 940px;
  }
  
div#adverts-bar ul li {
  display: inline;
  }
  
div#adverts-bar ul li a {
  background: #000;
  margin: 0 12px 0 0;
  padding: 2px 3px 9px 6px;
  float: left;
  }
  
div#adverts-bar ul li a.last {
  margin: 0;
  }
  
/* 13. Tertiary content */
/* -------------------------------------------------------------------------- */

div#tertiary-content {
  /* See ie fix in styles/ie.css */
  margin: 0 auto;
  margin-top: 15px;
  width: 940px;
  }
    
div#tertiary-content div#advice,
div#tertiary-content div#shu-media,
div#tertiary-content div#shu-sports,
div#tertiary-content div#weekly-poll,
div#tertiary-content div#useful-links, 
div#tertiary-content div#hallam-award {
  /* See ie fix in styles/ie.css */
  margin: 0 20px 0 0;
  width: 140px;
  float: left;
  }
  
div#tertiary-content div#advice,  
div#tertiary-content div#shu-media,
div#tertiary-content div#shu-sports,
div#tertiary-content div#useful-links,
div#tertiary-content div#weekly-poll,
div#tertiary-content div#hallam-award {
  background: transparent url(/graphics/content/divider.gif) repeat-x 0 0;
  padding: 10px 0 0;
  }
  
div#tertiary-content div#shu-sports h4 {
  margin: 0 0 5px;
  font-size: 0.9em;
  font-weight: normal;
  text-transform: uppercase;
  color: #708608;
  }
  
div#tertiary-content div#shu-media ul li {
  margin: 0 0 5px;
  }
  
div#tertiary-content div#shu-media ul li img,
div#tertiary-content div#useful-links ul li img {
  border: 2px solid #6B6B69;
  }
    
div#weekly-poll fieldset {
  border: none;
  }
  
div#weekly-poll p {
  margin: 0 0 10px;
  }
  
div#weekly-poll ul {
  margin: 0 0 15px 2px;
  }
  
div#weekly-poll ul li {
  margin: 0 0 2px 0;
  font-size: 0.9em;
  }
  
div#weekly-poll ul li input {
  margin: 0 2px 0 0;
  vertical-align: middle;
  }

div#weekly-poll ul li label {
  font-size: 0.9em;
  }
  
div#weekly-poll .Buttons {
  /* See ie fix in styles/ie.css */
  background: transparent url(/graphics/content/secondary-content/poll-button.gif) no-repeat 0 0;
  margin: 10px auto 7px;
  padding: 7px 5px 22px;
  width: 66px;
  height: 30px;
  font: bold 1.1em/101% 'VAGRounded', helvetica, verdana, arial, sans-serif;
  color: #3A3A3A;
  text-decoration: none;
  display: block;
  border: none;
  cursor: pointer;
  }
  
div#weekly-poll .Buttons:hover,
div#weekly-poll .Buttons:focus {
  color: #0B84D5;
  }  

div#tertiary-content div#hallam-award {
  margin: 0;
  }
    
div#tertiary-content div#useful-links ul {
  margin: 0 0 18px;
  }
  
div#tertiary-content div#useful-links ul li {
  margin: 0 0 5px;
  }  
  
 /* flickr badge */ 
#flickr_badge_wrapper img {border: 2px solid #6B6B69; margin: 5px 0;}
#flickr_badge_wrapper a:hover,
#flickr_badge_wrapper a:link,
#flickr_badge_wrapper a:active,
#flickr_badge_wrapper a:visited {
	text-decoration: none; 
	color: #3993ff;
	}
	
#flickr_badge_wrapper {width: 75px;} 

/* 14. Footer outer wrapper */
/* -------------------------------------------------------------------------- */

div#footer-outer-wrapper {
  background:#202020 url(/graphics/footer.jpg) no-repeat top center;
  margin: 10px 0 0;
height:166px;
  }

/* 15. Footer inner wrapper */
/* -------------------------------------------------------------------------- */

div#footer-inner-wrapper {
  margin: 0 auto;
  padding: 20px 0;
  width: 940px;
  }
  
div#footer-inner-wrapper p {
  margin: 0;
  color: #FEFEFE ;
  float: left;
  }
  
div#footer-inner-wrapper p strong {
  font-weight: normal;
  color: #C6C6C6;
  }
  
div#footer-inner-wrapper ul {
  margin: 0;
  float: right;
  }
  
div#footer-inner-wrapper ul li {
  display: inline;
  font-size: 0.9em;
  }
  
div#footer-inner-wrapper ul li a {
  margin: 0 0 0 10px;
  color: #bed600;
  float: left;
  }


/* 00. Clearfix */
/* -------------------------------------------------------------------------- */

.clearfix:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
	}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.clear {clear:both;}



@charset "UTF-8";
/* CSS Document */


@charset "UTF-8";
/* CSS Document */

/*
This is the default stylesheet.  DO NOT MAKE CHNAGES HERE!
To customize any of these styles, copy the rules you which to change
into a file called 'gigpress.css' in your current theme directory.
Any style changes make there will override styles in this document.
*/

/* By default this is an h3 that appears above each artist's list of shows */
h3.gigpress-artist-heading {
}
/* This span contains the RSS and iCal links for the artist */
span.gigpress-artist-subscriptions {
	margin-left: 5px;
	float: right;
}
/* Default wrapper for the year/month menu */
.gigpress-menu-container {
	padding: 5px 0;
	text-align: right;
}
/* Meet the table that displays our shows */
.gigpress-table {
	width: 100%;
	border: none;
	border-collapse: collapse;
	border-top: 1px solid #CCC;
	margin: 0.5em 0 1em 0;
}
/* This is for the main header cells containing the column labels */
tr.gigpress-header th {
	font-weight: bold;
	color:#bed600;
}
tr.gigpress-row {
	font-weight: bold;
	color:#000;
	background-color: #bed600;
}
.gigpress-row td.gigpress-artist {
	text-transform:uppercase;
}
/* Generic class for the table header cells */
.gigpress-table th {
	padding: 6px 8px;
	vertical-align: middle;
	text-align: left;
	border-bottom: 1px solid #CCC;
}
/* This is for the tour name header cells */
th.gigpress-heading {
	background-color: #EEE;
}
/* This is for the tour name headings, whichever one you're using */
th.gigpress-heading h1, th.gigpress-heading h2, th.gigpress-heading h3, th.gigpress-heading h4, th.gigpress-heading h5 {
	margin: 0;
}
/* Applies to all cells in the table */
.gigpress-table td {
	padding: 6px 8px;
	vertical-align: middle;
	text-align: left;
}
/* Applies to the first row of each show listing */


/* To set an alternating row style */
tr.gigpress-alt {
	background-color: #ffffff;
}
tr.gigpress-info {
	background-color: #000;
	border-bottom: 15px solid #000;
}
/* Individual classes for the label header cells that start the table */
th.gigpress-date {
}
th.gigpress-artist {
}
th.gigpress-city {
}
th.gigpress-venue {
}
th.gigpress-country {
}
/* Likewise, individual classes for the content cells */
td.gigpress-date {
}
td.gigpress-artist {
}
td.gigpress-city {
}
td.gigpress-venue {
}
td.gigpress-country {
}
/* Style for rows within a tour */
tr.gigpress-tour td {
	background-color: #F6F6F6;
}
/* Style for the first row after a tour ends in the list */
tr.divider.gigpress-row td {
	border-top: 2px solid #CCC;
}
/* The secondary row for each show, contains time, admission, etc */
tr.gigpress-info td {
	font-size: 90%;
	color: #fff;
	border-bottom: 1px solid #CCC;
	font-weight: bold;
}
/* Fix for themes that hide .description */
tr.gigpress-info td.description {
	visibility: visible;
}
/* Greys-out cancelled shows */
tr.gigpress-row.cancelled, tr.gigpress-info.cancelled, tr.cancelled span.gigpress-info-label, tr.cancelled span.gigpress-info-item {
	color: #999;
}
/* This wraps each of the bits of info in the "info" cell */
span.gigpress-info-item {
}
/* For the labels for address, admission, etc in the "info" cell */
span.gigpress-info-label {
	color: #fff;
	font-weight: normal;
}
/* In case you want to style the "Buy Tickets" link */
a.gigpress-tickets-link {
	font-weight: bold;
	text-transform: uppercase;
}
/* Notices for Cancelled or Sold Out shows */
strong.gigpress-cancelled, strong.gigpress-soldout {
	text-transform: uppercase;
	font-weight: bold;
	padding: 1px;
	color: #111;
	background: #fffdeb;
	border: 1px solid #EEE;
	background: #111;
	color: #FFF;
	border: none;
}
/* In case you want to style the Googlefied address link */
a.gigpress-address {
}
/* These styles control the peek-a-boo "add" links to iCal and Google Calendar. Behaviour dictated by a separate jQuery script. */
td.gigpress-links-cell {
	vertical-align: top;
}
.gigpress-calendar-add {
	position: relative;
}
a.gigpress-links-toggle {
	display: block;
	text-indent: -9999px;
	width: 11px;
	height: 11px;
	background: transparent url(../images/calendar-toggle.png) no-repeat left top;
	cursor: pointer;
}
a.gigpress-links-toggle:hover {
	background-position: -11px 0px;
}
a.gigpress-link-active {
	background-position: -33px;
}
a.gigpress-link-active:hover {
	background-position: -22px;
}
div.gigpress-calendar-links {
	display: none;
	position: absolute;
	left: 20px;
	top: -1.2em;
	width: 15em;
	padding-left: 7px;
	background: transparent url(../images/calendar-links-bg.png) no-repeat left center;
}
.gigpress-calendar-links-inner {
	background-color: #F3F3F3;
	padding: 6px 8px;
	font-size: 11px;
	line-height: 16px;
	border: 1px solid #CCC;
	border-width: 1px 1px 1px 0;
}
div.gigpress-calendar-links span {
	display: block;
}
/* These are for the RSS/iCal subscribe links */
p.gigpress-subscribe {
	text-align: left;
	color: #999;
}
p.gigpress-subscribe a {
	display: inline-block;
	text-indent: -9999px;
	width: 12px;
	margin: 0 3px;
}
a.gigpress-rss, a.gigpress-rss:hover {
	background: transparent url(../images/feed-icon-12x12.png) no-repeat left center;
}
a.gigpress-ical, a.gigpress-ical:hover {
	background: transparent url(../images/icalendar-icon.gif) no-repeat left center;
}
/* These styles are for the sidebar listing */

/* This is the unordered list that holds the dates */
ul.gigpress-listing {
}
/* Generic styles for the list items within */
.gigpress-listing li {
	margin-bottom: 10px;
}
/* For artist headings in the sidebar */
h3.gigpress-list-artist-heading {
}
/* For tour headings in the sidebar */
span.gigpress-list-tour-heading {
	font-weight: bold;
	font-size: 110%;
}
/* For artists sidebar */
span.gigpress-sidebar-artist {
	text-transform:uppercase;
	color:#bed600;
}
/* So if you like you can style each alternating list item differently */
li.gigpress-alt {
}
/* So if you like you can style the date differently */
span.gigpress-sidebar-date {
	font-weight: bold;
	display: block;
}
/* Sold Out shows in the sidebar */
ul.gigpress-listing strong.gigpress-soldout {
	display: block;
}
/* These styles control the Related Show list that appears in the body of Related Posts */
ul.gigpress-related-show {
	margin-bottom: 2em;
}
.gigpress-related-label {
	font-weight: bold;
}
.gigpress-related-item {
}
/* This is just to include data for hcalendar support, but hide it from view */
.hide {
	display: none;
}
/* Stop Firefox from underlining our abbreviated dates */
abbr {
	border: none;
	text-decoration: none;
	font-size: 100%;
}

#gigpress_menu {
	width: 350px;
	font-weight: bold;
	font-size: 14px;
}