/*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.7.0
*/
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}

/*****************************************************************************
scalable Inman Flash Replacement (sIFR) version 3.

Copyright 2006 – 2008 Mark Wubben, <http://novemberborn.net/>

Older versions:
* IFR by Shaun Inman
* sIFR 1.0 by Mike Davidson, Shaun Inman and Tomas Jogin
* sIFR 2.0 by Mike Davidson, Shaun Inman, Tomas Jogin and Mark Wubben

See also <http://novemberborn.net/sifr3> and <http://wiki.novemberborn.net/sifr3>.

This software is licensed and provided under the CC-GNU LGPL.
See <http://creativecommons.org/licenses/LGPL/2.1/>
*****************************************************************************/

@media screen {
  .sIFR-flash {
    visibility: visible !important;
    margin: 0;
    padding: 0;
  }
  
  .sIFR-replaced, .sIFR-ignore {
    visibility: visible !important;
  }
  
  .sIFR-alternate {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    display: block;
    overflow: hidden;
  }
  
  .sIFR-replaced div.sIFR-fixfocus {
    margin: 0pt; 
    padding: 0pt; 
    overflow: auto; 
    letter-spacing: 0px; 
    float: none;
  }
}

@media print {
  .sIFR-flash {
    display    : none !important;
    height     : 0;
    width      : 0;
    position   : absolute;
    overflow   : hidden;
  }
  
  .sIFR-alternate {
    visibility : visible !important;
    display    : block   !important;
    position   : static  !important;
    left       : auto    !important;
    top        : auto    !important;
    width      : auto    !important;
    height     : auto    !important;
  }
}

/*
Place CSS rules for to-be-replaced elements here. Prefix by .sIFR-active
so they only apply if sIFR is active. Make sure to limit the CSS to the screen
media type, in order not to have the printed text come out weird.
*/
@media screen {
  /* Example:
  .sIFR-active h1 {
    font-family: Verdana;
    visibility: hidden;
  }
  */
}


* {
  font-family: helvetica, arial !important;
}

a {
  outline: none ;
}

html, body {
  margin: 0;
  padding: 0;
}

#header, #bottom {margin:0; padding:0; width:100%;}

/* Header */

.header {
  background: url(/images/fs/page-background-public.png) repeat-x;
  height: 80px;
  padding: 0;
}

/* Logo */

.header h1 {
  display: block;
  height: 70px;
  margin: 0;
  background: url(/images/fs/header-logo.png) no-repeat top left;
  font-size: 0.1px;
}

.header h1 span {
  display: none;
}

/* Menu */

.header .right {
  position: absolute;
  top: 0;
  right: 30px;
  margin: 30px 10px;
  font-size: 14px;
}

#menu {
  margin: none;
}

.header .right #menu li{
  float: left;
}

.header .right #menu li a {
  margin-left: 10px;
  color: #fff;
  background: #1b1b1b;
  display: block;
  float: none;
  padding: 7px 6px 5px 6px;
  color: #ccc;
  font-size: 12px;
  text-decoration: none;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}

.header .right #menu li a:hover, .header .right #menu li a.selected {
  background: #b3b3b3;
  color: #000;
}

li.space {
  width: 30px;
  display: block;
  height: 20px;
}


/* Panels */

.height.spacer {
  height: 500px;
  float: left;
}

.hpanel {
  width: 100%;
  float: left;
}

.hpanel .container {
  width: 1000px;
  margin: 0 auto 0 auto;
  position: relative;
}

#content-top {
  background: url(/images/fs/public/content-top-background.png) repeat-x;
}

#content-top.home {
  background: url(/images/fs/public/top.png) no-repeat;
  background-attachment: center;
  background-position: center 0;
}

#content-top .container {
  margin-top: 2px;
  padding-top: 40px;
  margin-bottom: 0;
}

#middle-content {
  background: #fff url(/images/fs/public/middle-content.png) repeat-x;
  margin: 0;
  display: block;
  width: 100%;
  padding: 40px 0 0 0;
  margin: 0;
}



/* Footer */

#bottom {
  margin-top: 0;
  float: left;
  clear: both;
  width: 100%;
  background: #3c3c3c;
  margin-top: 0px;
}

#bottom .footer {
  display: block;
  position: relative;
  float: left;
  height: 80px;
  padding: 20px 0;
  width: 1000px;
  margin: 0 auto;
  background: url(/images/fs/public/footer-image.png) -20px 15px no-repeat;
}

.pre-footer a.no-underline {
  margin-top: 20px;
  text-decoration: none;
}

.pre-footer {
  background: #3b3b3b url(/images/fs/public/pre-footer.png) bottom left repeat-x;
  display: block;
  float: left;
  width: 100%;
  color: #aaa;
  padding: 30px 0;
}

.pre-footer .column {
  width: 210px;
  margin-right: 40px;
  float: left;
  font-size: 14px;
  line-height: 1.4;
}

.pre-footer .column h3 {
  font-size: 18px;
  color: white;
}

.pre-footer .column p {
  padding: 20px 0;
}

.pre-footer .column a {
  color: #bbb;
  float: left;
  line-height: 2.5;
  clear: both;
}


/* Layouts */

.column {
  float: left;
}
.column.left {
  width: 440px;
}


/* Text */

h2 {
  font-size: 40px;
}

h2#tagline {
  width: 420px;
  height: 120px;
  margin: 0;
  font-size: 40px;
}

.tagline p {
  font-size: 14px;
  font-weight: bold;
  line-height: 2;
  width: 400px;
}

#content-top p {
  font-size: 14px;
  font-weight: bold;
  line-height: 2;
  width: 400px;
}

span.hidden {
  display: none;
}


/* Blog */

.posts-wrap {
  float: left;
  display: block;
  padding-bottom: 40px;
  width: 730px;
}

.post, .sidebar, .date, .comment, #commentform, .search-404 {
  border: 1px solid #ccc;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
}

/* Post */

.post, .date, .comment, #commentform, .search-404 {
  background: white url(/images/fs/public/quad-bg.png) bottom left repeat-x; 
}

.posts-wrap, .sidebar-wrap {
  float: left;
  display: block;
}

.post, .search-404 {
  width: 510px;
  margin: 0;
  float: left;
  padding: 30px 30px 50px 110px;
}


.post {
  position: relative;
  margin-bottom: 20px;
  margin-left: 80px;
  padding-top: 20px;
}

.search-404 {
  padding: 20px;
  width: 640px;
  line-height: 2;
}

.search-404 input {
}

.post h3 {
  font-size: 20px;
  line-height: 3;
  font-weight: bold;
}

.post h3 a {
  color: #393939;
  text-decoration: none;
}

.post h3 a:hover {
  text-decoration: underline;
  color: #68a912;
}

.post p, .post div {
  font-family: helvetica;
  line-height: 1.5;
  padding-bottom: 10px;
  font-size: 14px;
}

#respond {
  font-size: 14px;
  line-height: 1.5;
}

.post a, .commentlist a {
  color: #72B914;
}

#respond a {
  color: #68a912;
  text-decoration: none;
}

#respond  a:hover {
  text-decoration: underline;
  color: #68a912;
}
/* Date panel */

.post .date {
  position: absolute;
  top: 20px;
  margin-left: -221px;
  width: 140px;
  padding: 20px 15px;
  font-family: Baskerville, Georgia !important;
  font-style: italic;
  font-size: 13px;
  line-height: 1.4;
  text-align: right;
}

.fancydate {
  display: block;
  position: relative;
  left: 100px;
  background:url(/images/fancydate.png) no-repeat;
  height: 50px;
  position: relative;
}

.fancydate .month, .fancydate .day {
  font-weight: bold;
  width:40px;
  text-align: center;
  position: absolute;
  left: 0;
}

.fancydate .month {
  font-style: normal !important;
  color: white;
  height: 16px;
  top: 0;
}

.fancydate .day {
  font-size: 16px;
  color: #393939;
  font-family: Georgia !important;
  line-height: 1 !important;
  top: 20px;
}

.date span, .date span a {
  font-weight: bold;
  font-family: Baskerville, Georgia !important;
  color: #393939;
  padding: 4px 0;
}

.date span a {
  text-decoration: underline;
}

.date span img {
  margin: 8px 0 0 5px;
  position: relative;
  top: 4px;
}



/* Sidebar */


.sidebar {
  width: 200px;
  float: left !important;
  display: block;
  padding: 20px;
  background: white;
  
  margin-left: 20px;
  font-size: 14px;
}

.sidebar h3 {
  font-weight: bold;
  line-height: 3;
  font-size: 14px;
  border-bottom: 2px dotted #ccc;
  color: #393939;
}

.sidebar ul {
  margin-bottom: 20px;
}

.sidebar li {
  list-style-type: disc inside !important; 
  padding: 12px 0 10px 5px !important;
  border-bottom: 2px dotted #ccc;
  line-height: 1.3;
}

.sidebar li a {
  color: #393939;
  text-decoration: none;
  position: relative;
  font-size: 13px;
}

.sidebar li a:hover {
  color: #666666;
  text-decoration: underline;
}

h3#comments {
  font-size: 20px;
  margin-top: 10px;
}

.comment {
  width: 600px;
  padding: 20px 40px;
  line-height: 1.5;
  font-size: 13px;
  margin-bottom: 20px;
}

#commentform {
  padding: 20px 40px;
  margin: 20px 0;
}
#commentform p {
  line-height: 3;
}
#commentform textarea {
  width: 100%;
}

#commentform label {
  display: block;
  float: left;
  width: 120px !important;
}

input#submit, #searchsubmit {
  border: none;
  display: block;
  text-align: center;
  background: url(/images/fs/add-folder-button.png);
  padding: 0px 0 0 0px;
  height: 39px;
  clear: none;
  color: #666;
  background: url(/images/fs/green-button.png);
  color: white;
  width: 140px;
  margin: 10px 0;
}

.lubalin-grey-centred{
  text-align: center;
  color: #393939;
  margin-bottom: 5px;
}