--- 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;
color: #eee;
	font-family: Helvetica, 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 VAG Rounded, 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: #ffde17;
  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 VAG Rounded, helvetica, verdana, arial, sans-serif;
  letter-spacing: -0.05em;
  float: left;
  color: #ffde17;
font-weight: bold;
width:540px;
  }
  
h2 {
-x-system-font:none;
color:#fff;
float:left;
font-family:VAG Rounded,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.1em;
margin:0;
width:540px;
}
  
body.article h1 {
  width: 470px;
  }
  
body.article h2 {
  width: 470px;
  }

h3 {
	  margin: 0 0 10px;
	  font: normal 1.4em/1em VAG Rounded, 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 {
background:#202020 url(/graphics/header/adviceheader.jpg) no-repeat top center;
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 VAG Rounded, 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: #202020 url(/graphics/advicenavheader.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: 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: #ffde17;
color: #000;
}

div#primary-navigation ul li a:hover,
div#primary-navigation ul li a:focus {
background: #ffde17;
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: #202020 url(/graphics/adviceselector.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: #ffde17;
	}

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: #ffde17;
color: #000;
	}	

div#primary-navigation ul ul li a:hover,
div#primary-navigation ul ul li a:focus {
	background: #ffde17;
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: #ffde17 ;
  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 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 VAG Rounded, 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 VAG Rounded, 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: VAG Rounded, 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: #ffde17;
  }

  
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: #ffde17;
  }
  
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 {
	list-style: square outside; 
	margin-left: 15px;
	}
	
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: VAG Rounded, 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: #ffde17;
  color: #000;
  }
  
table#wp-calendar caption {
  border-bottom: 1px solid #ffde17;
  padding: 3px 2px 3px 5px;
  background: #ffde17;
  font-size: 0.7em;
  font-weight: bold;
  color: #FFF;
  text-transform: uppercase;
  text-align: left;
  }
  
table#wp-calendar th {background: #ffde17;}
  
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: #ffde17;
	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% VAG Rounded, 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: #ffde17;
  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 */