/* 
// Copyright: Katalyst Web Design 2009
// 
// Author: Haydn Ewers <haydn@katalyst.com.au>
*/


/* Show Grid Colours
-------------------------------------------------------------- */


.showgrid #title
{
  background: #f99;
  opacity: 0.8;
}

.showgrid #navigation
{
  background: #9f9;
  opacity: 0.8;
}

.showgrid #banner
{
  background: #ff9;
  opacity: 0.8;
}

.showgrid #info
{
  background: #f9f;
  opacity: 0.8;
}

.showgrid #content div,
.showgrid #content ul
{
  background: #f9f;
  opacity: 0.8;
}

/*.showgrid #eventfeed
{
  background: #99f;
  opacity: 0.8;
}*/

.showgrid #footer
{
  background: #9ff;
  opacity: 0.8;
}


/* General
-------------------------------------------------------------- */


body
{
  font-family: Helvetica, Arial, sans-serif;
  background: #ccc;
}

h1,
h2,
h3
{
  font-family: Meta-BoldCaps, Meta, sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6
{
  text-transform: uppercase;
}

img
{
  display: block;
  margin-bottom: 1.5em;
}

div.container
{
  background-color: #fff;
  padding: 0 10px;
}

a,
a:link,
a:hover,
a:active,
a:visited
{
  background: transparent;
  color: #c94927;
  text-decoration: none;
}

a:hover
{
  text-decoration: underline;
}

ul,
ul li
{
  list-style-type: none;
  margin-left: 0;
}

.box
{
  background: #f0f0f0;
}

div.errorExplanation ul
{
  margin-left: 18px;
  margin-right: 18px;
}

div.errorExplanation ul li
{
  list-style-type: disc;
}

/* Title
-------------------------------------------------------------- */


#title
{
  margin-top: 1.5em;
}

#title h1
{
  line-height: 1.5;
  margin-bottom: 0;
}

#title img
{
  margin-bottom: 0;
}


/* Navigation
-------------------------------------------------------------- */


#navigation
{
/*  height: 3em;*/
  margin-top: 3em;
}

#navigation ul
{
  float: right;
  margin-bottom: 0;
}

#navigation ul ul
{
  width: 15em;
}

/*#navigation li
{
  background: transparent;
  border-right: 1px dotted #ccc;
}

#navigation li.last
{
  border-right: none;
}*/

#navigation li li
{
  background: #c94927;
/*  border-right: none;*/
}

#navigation li li:hover ul,
#navigation li li.sfHover ul
{
  left: 15em;
}

#navigation li li li:hover ul,
#navigation li li li.sfHover ul
{
  left: 15em;
}

#navigation ul a
{
  border: none;
  padding: 0;
}

#navigation ul ul li
{
  border-bottom: 1px dotted #fff;
}

#navigation ul ul li.last
{
  border-bottom: 1px solid #fff;
}

#navigation ul ul a,
#navigation ul ul a:link,
#navigation ul ul a:hover,
#navigation ul ul a:active,
#navigation ul ul a:visited
{
  background: transparent url(../images/navigation-arrow.png) no-repeat center left;
  color: #fff;
  display: block;
  padding: 0.5em 0 0.5em 1.5em;
}

#navigation ul ul a:hover
{
  text-decoration: underline;
}


/* Banner
-------------------------------------------------------------- */


#banner img
{
  margin-bottom: 0;
}


/* Content
-------------------------------------------------------------- */


#content
{
  margin-top: 3em;
}

#content h2
{
  border-bottom: 2px solid #c94927;
  height: 34px;
}

#content h3
{
  border-bottom: 1px solid #ccc;
  margin-bottom: 17px;
  line-height: 2;
}

#content div.user-generated-content h1
{
  border-bottom: 1px solid #ccc;
  font-size: 1.5em;
  margin-bottom: 17px;
  line-height: 2;
}

#content div.user-generated-content h2
{
  border: none;
  height: 18px;
  font-size: 1.2em;
  line-height: 1.25;
  margin-bottom: 18px;
}

#content div.user-generated-content h3
{
  border: none;
  font-size: 1em;
  font-weight: bold;
  line-height: 18px;
  margin-bottom: 18px;
}

#content div.user-generated-content h4
{
  border: none;
  font-size: 1em;
  font-weight: bold;
  line-height: 18px;
  margin-bottom: 18px;
}

#content div.user-generated-content ul
{
  margin-left: 18px;
  margin-right: 18px;
}

#content div.user-generated-content ul li
{
  list-style-type: disc;
}

/* Buttons
-------------------------------------------------------------- */


#buttons
{
  margin-top: -4.5em;
}

#buttons a
{
  float: right;
  padding: 10px 0 0 10px;
}

#buttons img
{
  margin: 0;
}


/* Event Feed
-------------------------------------------------------------- */


#eventfeed
{
  border-top: 2px solid #000;
  margin-top: 70px;
  padding-top: 1.5em;
}

#eventfeed h2
{
  font-size: 1.5em;
  line-height: 1;
  margin-bottom: 1em;
}

#eventfeed h3
{
  font-family: Helvetica, Arial, sans-serif;
  font-size: 12px;
  line-height: 18px;
  text-transform: none;
  font-weight: bold;
}


/* Event Feed Buttons
-------------------------------------------------------------- */


#eventfeedbuttons
{
  margin-top: -4.5em;
  padding-top: 10px;
}


/* Footer
-------------------------------------------------------------- */


#footer
{
  background: #333;
  color: #ccc;
}