/*
    Colours:
            Old       New
    Darker  #553333   #553333  (menu)
    Dark    #aa3333   #aa4400
    Light   #aa3333   #dd8044
    Lighter #ffe6cc   #ffeecc
    Sidebar           #de5034

*/

/*
    Logo colours:

    Orange  245,134,18 = #f58612
    Purple  131,49,132 = #833184
    Brown   188,54,21  = #bc3615
    Green   148,174,33 = #94ae21

*/

/* Main page headings */
h1
{
    border: none;
    padding-top: 10px;
    font-family: Helvetica, Arial, Verdana, Sans-serif;
    font-family: AurulentSans, Verdana,Helvetica,Arial,Sans-serif;
    font-weight: 800;
    text-align: left;
    font-size: 150%;
    text-decoration: underline;
    text-decoration: none;

    background-color: #833184;
    background-color: #993366;
    background-color: #ffffff;
    background-color: #338888;
    background-color: #bc3615;
    background-color: #336699;

    color : #aa2236;
    color : #333333;
    color: #ffffff;
    margin: 0;
}

h1.title
{
    padding: 15px 10px 15px 10px;
    padding: 5px 0px 5px 0px;
    padding: 10px 10px 10px 10px;
    text-align: center;
    margin: 0px 0px 0px 0px;
/*    -moz-border-radius: 10px; */
    border-radius: 10px 10px 10px 10px;

/*    border: 3px solid #999999; */
}

/* Secondary headings */
h2
{
    font-family: AurulentSans, Verdana,Helvetica,Arial,Sans-serif;
    font-size: 140%;
    padding: 0px 0px 0px 0px;
    margin: 5px 0px 0px 0px;
    color : #ffffff;
/*
    background-color : #aa2236;
    background-color: #aaffaa;
*/
    color: #de5034;
    color: #226666;
    color: #770077;
    color: #aa4400;
    color: #bc3615;
}

.compact
{
    margin-top: 0px;
}

/* Secondary headings in sidebars */
h2.sidebar
{
/*    font-style: italic; */
}

/* "My story" headings */
h2.story
{
     border: medium none ;
    font-style: italic;
    text-align: center;
    background-color: #ffffcc;
    color: #aa2236;
}

/* Smaller headings; month headings in events page */
h3
{
    font-family: AurulentSans, Verdana,Helvetica,Arial,Sans-serif;
    font-size: 150%;
    padding-top: 8px;
    padding-bottom: 0px;
    padding: 0px 0px 0px 0px;
    color: #aa2236;
    color: #000000;
    margin-bottom: 5px;
}

/* Tertiary headings in sidebars */
/*
h3.sidebar
{
    padding-top: 0px;
    padding-bottom: 0px;
    font-style: italic;
    margin-bottom: 5px;
}
*/

h3.compact
{
    padding-top: 0px;
    padding-bottom: 0px;
    margin-top: 5px;
}

/* Even smaller headings */
h4
{
    font-family: AurulentSans, LatinModernSans, Verdana,Helvetica,Arial,Sans-serif;
    font-size: 110%;
    text-decoration: underline;
    padding-top: 8px;
    color: #aa2236;
    color: #bc3615;
}

h4.sidebar
{
    font-style: italic;
    text-decoration: none;
}

h4.compact
{
    text-decoration: none;
    padding-top: 0px;
    padding-bottom: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
}

body
{
    font-family: LatinModernSans, Cantarell, PT-Sans, OpenSans, CallunaSans, "Trebuchet MS",Verdana,Helvetica,Arial,Sans-serif;
    background-color: #ffffff;
}

p
{
    font-family: LatinModernSans, Cantarell, PT-Sans, OpenSans, CallunaSans, "Trebuchet MS",Verdana,Helvetica,Arial,Sans-serif;
}

/* Used for small (paragraph) boxouts */
p.boxout
{
    border: thin solid #000066;
    padding: 4px;
}

p.tweet
{
    font-family: LatinModernSans, AurulentSans, Tahoma, Helvetica, Arial, Sans-serif;
    font-size: 90%;
    color : #aa2236;
    font-weight: bold;
    margin-top: 0px;
    margin-bottom: 20px;
}

p.tweetdate
{
    font-family: LatinModernSans, AurulentSans, Tahoma, Helvetica, Arial, Sans-serif;
    font-size: 90%;
    font-weight: bold;
    color: #660000;
    color: #113333;
    margin-top: 0px;
    margin-bottom: 0px;
}

div.sidebar
{
    border: solid 1px;
    border-color: #dd8044;
    border-color: #338888;
    border-color: #336699;
    -moz-border-radius: 10px;
    border-radius: 10px 10px 10px 10px;
    background-color: #ffffcc;
}

div.sidebar h2.sidebar
{
    text-align: center;
/*
    font-size: 110%;
    margin: 0px 0px 10px 0px;
    background-color: #ee8044;
    background-color: #de5034;
    text-decoration: none;
    font-style: normal;
    color: #ffffff;
    padding: 8px 5px 8px 5px;
*/
}

div.sidebar h2.sidebar-top
{
    text-align: center;
/*
    font-size: 110%;
    margin: 0px 0px 10px 0px;
    background-color: #de5034;
    text-decoration: none;
    font-style: normal;
    color: #ffffff;
    padding: 8px 5px 8px 5px;
    -moz-border-radius: 10px;
    border-radius: 10px 10px 0px 0px;
*/
}

div.border
{
    border: thin solid #996666;
}

div.info_left
{
    float: left;
    width: 160px;
    padding-right: 10px;
    margin-top: 10px;
    text-align: right;
    font-weight: bold;
    font-size: 120%;
/*    color : #aa3333; */
    color : #aa2236;
}

div.info_right
{
    float: left;
    width: 530px;
    border-left: solid thick #bbbbbb;
    padding: 0px 0px 0px 20px;
    margin: 10px;
}

/* Photo captions */
p.caption
{
    font-family: LatinModernSans, Signika, Cantarell, PT-Sans, CallunaSans, "Trebuchet MS",Verdana,Helvetica,Arial,Sans-serif;
    font-style: italic;
/*    color: #aa2236; */
    font-weight: bold;
    text-align: center;
    padding: 5px 10px 5px 10px;
    margin: 0px 0px 0px 0px;
}

/* Not used */
/*
span.small
{
    font-size: 80%;
}
*/

/* Used for dates of events, sub-headings etc */
span.large
{
    font-size: 110%;
}

/* Used with 'span' on events page and on home page for events */
.eventname
{
/*
*/
    font-family: AurulentSans, CallunaSans, LatinModernSans, Signika, Cantarell, PT-Sans, OpenSans, "Trebuchet MS",Verdana,Helvetica,Arial,Sans-serif;
    font-family: Signika, OpenSans, "Trebuchet MS",Verdana,Helvetica,Arial,Sans-serif;
    color: #aa2236;
    color: #833184;
    color: #bc3615;
    color: #000000;
    font-weight: bold;
    font-size: 110%;
}

/* Used with 'span' on events page and on home page for events */
.eventdate
{
/*    font-family: AurulentSans, CallunaSans, LatinModernSans, Signika, Cantarell, PT-Sans, OpenSans, "Trebuchet MS",Verdana,Helvetica,Arial,Sans-serif;
*/
    font-family: Signika, OpenSans, "Trebuchet MS",Verdana,Helvetica,Arial,Sans-serif;
    color : #222236;
    font-weight: bold;
    font-size: 110%;
}

.eventtime
{
/*    font-family: AurulentSans, CallunaSans, LatinModernSans, Signika, Cantarell, PT-Sans, OpenSans, "Trebuchet MS",Verdana,Helvetica,Arial,Sans-serif;
*/
    /* padding: 5px 10px 5px 10px; */
/*
    background-color : #336699;
    background-color : #336699;
    color : #bc3615;    /* Red - same as titles */
    background-color: #ffffff;
*/
    font-weight: bold;
    font-size: 100%;
    text-decoration: underline;
}

.boxout
{
/*    background-color: #ffeecc; */
    background-color: #ffffcc;
}

div.boxout
{
    border: 1px solid #990022;
}

div.quote
{
    border: 0px solid #dd8044;
    color: #ffffff;
    /* background-color: #990022; */
    /* background-color: #336666; */
/*
    background-color: #dd8044;
    background-color: #50a0ec;
    background-color: #eca050;
    background-color: #fca060;
*/
    background-color: #ffffcc;
    color: #660066;
    color: #dd8044;
    color: #aa4400;
    font-weight: bold;
    font-size: 110%;
    text-align: center;
    padding: 10px 10px 10px 10px;
    -moz-border-radius: 10px;
    border-radius: 10px 10px 10px 10px;
    border: 3px solid #ccaacc;
    border: 2px solid #dd8044;
    font-family: LatinModernSans, Signika, Cantarell, PT-Sans, CallunaSans, "Trebuchet MS",Verdana,Helvetica,Arial,Sans-serif;


    border: 0px solid #dd8044;
    color: #ffffff;
    /* background-color: #990022; */
    /* background-color: #336666; */
/*    background-color: #dd8044;
    background-color: #50a0ec;*/
    background-color: #c460c0;
    background-color: #bb66bb;
    background-color: #fca060;
    background-color: #94ae21;
    background-color: #f58612;
    font-weight: bold;
    font-size: 110%;
    text-align: center;
    padding: 10px 10px 10px 10px;
    -moz-border-radius: 10px;
    border-radius: 10px 10px 10px 10px;
}

div.quote-rev
{
    border: solid 1px;
    border-color: #dd8044;
    -moz-border-radius: 10px;
    border-radius: 10px 10px 10px 10px;
    background-color: #ffffcc;
/*
    color: #990022;
    color: #993333;
*/
    color: #dd8044;
    font-weight: bold;
    font-size: 110%;
    text-align: center;
    padding: 10px 10px 10px 10px;
}

button.signup
{
    color: #ffffff;
    background-color: #336699;
    font-size: 120%;
    font-weight: bold;
    border: solid 1 px;
    border-color: #336699;
    -moz-border-radius: 10px;
    border-radius: 10px 10px 10px 10px;
}

button.signup:hover
{
    background-color: #993333;
    color: white;
}

button.download
{
    background-color: #ffffcc;
    color: #993333;
    background-color: #f58612;
    background-color: #993333;
    background-color: #bc3615;
    color: #ffffff;
    font-size: 120%;
    font-weight: bold;
    -moz-border-radius: 10px;
    border-radius: 10px 10px 10px 10px;
    text-decoration: none;
    font-style: normal;
    border: 1px solid #993333;
    border: none;
    border-radius: 10px 10px 10px 10px;
}

button.download:hover
{
    background-color: #993333;
    background-color: #749e21;
    color: #ffffff;
}

table.boxout
{
    /* border: thin solid rgb(153, 102, 102); */
    border: thin solid #996666;
    /* background-color: rgb(255, 255, 204); */
    background-color: #ffffcc;
}

/* Horizontal heading bar on all pages */
td.heading
{
    background-color : #aa2236;
   color : #ffffff;
   font-weight: bold;
}

/* Used in events page and for boxouts on other pages */
td.boxout
{
/*    background-color: #ffe6cc; */
    padding: 8px;
}

/* Simple border */
td.border
{
    border: thin solid #000000;
    padding: 8px;
}

/* Vertical separator bar on all pages */
td.separator
{
   color: #660000;
    background-color: #ffe6cc;
}

/* Sidebar containing links on all pages */
td.sidebar
{
    background-color: #553333;
    border-top: thick solid #ffffff;
    border-bottom: thick solid #ffffff;
}

/* "My story" features */
td.story
{
    color: #660000;
    background-color: #ffeecc;
}

/* Footer on all pages */
td.title
   {
     color: #660000;
     background-color: #ffffff;
    }

/* Links table on home page */
td.linkstable
   {
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 8px;
    padding-bottom: 8px;
    }

/* Events table on home page */
td.frontevents
   {
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 0px;
    padding-bottom: 0px;
    }

td.events
    {
    /* background-color: rgb(238, 238, 238); */
    background-color: #eeeeee;
    }

td.caption
    {
    /* background-color: rgb(238, 238, 238); */
    background-color: #eeeeee;
    }

.clear
{
    position: relative;
    clear: both;
    height: 0;
    line-height: 0;
    font-size: 0;
}

/* Used for logo box in top corner */
.logo
{
    font-family: CallunaSans, "Trebuchet MS",Verdana,Helvetica,Arial,Sans-serif;
    font-size: 120%;
    font-weight: bold;
    color: #666666;
    background-color: #ffffff;
}

/* Used for strapline on home page */
.strapline
{
    font-family: "Trebuchet MS", Arial, Helvetica, Sans-serif;
    font-size: 120%;
    font-weight: bold;
    font-style: italic;
    background-color: #ffffff;
    color: #666666;
}

/* Used for breadcrumb trail */
.links
{
    font-size: 100%;
    font-weight: bold;
    color: #000000;
    background-color: #ffffff;
}

td.frontlinks
{
	/* border-right: 2px solid rgb(255, 204, 102); */
	border-right: 2px solid #ffcc66;
    /* border-bottom: 2px solid rgb(255, 204, 102); */
	border-bottom: 2px solid #ffcc66;
    /* background-color: rgb(255, 238, 221); */
    background-color: #ffeedd;
    }

  ul.linkstable
  {
    padding: 0px;
    margin: 5px;
  }

  li.linkstable
  {
    list-style-image: url(images/triangle_grey_trans.gif);
    padding-bottom: 6px;
    margin: 0px;
  }

li.subpage
{
    list-style-image: url(images/bolivia_flag_40.jpg);
    padding-bottom: 6px;
    margin: 0px 0px 0px 40px;
}

/* No border around images */
img
{
    border: 0;
}

hr.toplinks
{
    color: #ffffff;
}

/* Footer line on all pages */
hr.title
{
    color: #996633;
}

address
{
	font-family: Verdana,Helvetica,Arial,Sans-serif;
    }

a:hover
{
    color: red;
    background-color: white;
}

/* Suppress border around "abbr" tag in hCalendar events */
.vevent abbr{border:0}

/* For Twitter postings */

div.tweet_body
{
    border: none;
    padding: 0px 0px 10px 0px;
    font-family: Verdana,Helvetica,Arial,Sans-serif;
    text-align: left;
    font-size: 100%;
    background-color: #ffffff;
    text-decoration: none;
    margin: 0px 0px 20px 0px;
}

div.avatar
{
    float: left;
    width: 100px;
    padding: 10px 0px 20px 0px;
}

div.user
{
    color: #993333;
    font-size: 100%;
    font-weight: bold;
    padding: 0px 0px 0px 0px;
}

div.date
{
    color: #336633;
    font-size: 90%;
    font-weight: bold;
    padding: 0px 0px 0px 0px;
}

div.tweet_text
{
    border: none;
    padding: 5px 0px 5px 0px;
    font-family: Tahoma, Verdana, Helvetica, Arial, Sans-serif;
    font-weight: bold;
    text-align: left;
    text-decoration: none;

    font-size: 100%;
    font-size: 90%;
    font-weight: bold;
    color: #aa4400;
    color: #000000;
    border-top: 1px solid #999999;
}

div.footer
{
    background-color: #883333;

    background-color: #833184;
    background-color: #993366;
    background-color: #ffffff;
    background-color: #338888;
    background-color: #bc3615;
    background-color: #336699;

    color: #ffffff;
}

h2.footer
{
    color: #ffff66;
    margin: 10px 0px 0px 0px;
}

a.footer
{
    display: block;
    margin: 8px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
/*
*/
    color: #ffffff;
    font-weight: bold;
    text-decoration: none;
    font-size: 100%;
}

a.footer:hover
{
    color: red;
    background-color: white;
}

