/*
   Theme Name: Railfair Mobile
   Author: Kieran McClung - Bazzoo
   Author URI: http://www.bazzoo.co.uk/
   Description: Wordpress Mobile Theme for Railfair
   Version: 1.0
*/

* {
   margin: 0;
}

html, body {
   height: 100%;
}

body {
   background: url('./img/bg.png') right 120px no-repeat;
   font-family: 'Open Sans', sans-serif;
}

h1 {
   color: #444;
   font-family: 'Open Sans', sans-serif;
   font-size: 32px;
   font-weight: 600;
   margin-top: 15px;
   margin-bottom: 5px;
   text-shadow: 1px 1px 0 #5d97cf;
}

h1 small {
   color: #444;
   display: block;
   font-family: 'Open Sans', sans-serif;
   margin-bottom: 5px;
   text-shadow: 1px 1px 0 #5d97cf;
}

h2 {
   color: #f8f8f8;
   font-family: 'Open Sans Condensed', sans-serif;
   font-size: 24px;
   font-weight: 300;
   margin: 0;
   text-shadow: -1px -1px 0 #21588d;
}

h3 {
   color: #4083c4;
   font-family: 'Open Sans Condensed', sans-serif;
   font-size: 28px;
   font-weight: 300;
}

p {
   font-family: 'Open Sans', sans-serif;
   line-height: 23px;
}

.red {
   color: #fff;
}

.row-fluid .span2 {
   width: 12.8936%;
   padding: 25px 1% 35px 1%;
}

.header {
   background: #4083c4;
   display: block;
   height: 140px;
   padding: 0;
   text-align: center;
   width: 100%;
}

.logo {
   left: -100px;
   position: absolute;
}

.main {
   display: block;
   height: auto;
   width: 100%;
}

a.blue-btn {
   background: #4083c4;
   border-top: solid 1px #70a6da;
   border-bottom: solid 5px #21588d;
   border-left: 0;
   border-right: 0;
   border-radius: 4px;
   box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.5), 0 1px 4px rgba(0, 0, 0, 0.4);
   color: #f8f8f8;
   cursor: pointer;
   display: inline-block;
   font-size: 1.2em;
   font-weight: bold;
   height: 23px;
   margin: 15px auto;
   padding: 6px 10px 5px 10px;
   position: relative;
   text-shadow: none;
}

a.blue-btn:hover {
   background: #70a6da;
   border-bottom: solid 7px #4083c4;
   height: 22px;
   padding-top: 5px;
   text-decoration: none;
}

a.blue-btn:active {
   background: #1f4569;
   border-bottom: solid 1px #4083c4;
   border-top: 0;
   height: 26px;
   padding-top: 8px;
}

a.blue-btn:focus {
   text-decoration: none;
}

.sidebar {
   background: rgb(255,255,255);
   background: rgba(255,255,255,0.8);
   padding: 25px 0 35px 0;
   text-align: center;
}

ul.partner-list {
   list-style-type: none;
   margin-left: 0;
   overflow: hidden;
   width: 100%;
}

ul.partner-list li{
   line-height:1.5em;
   float:left;
   display:inline;
   margin-bottom: 10px;
}

ul#triple li {
   margin: 0 1%;
   width:27.333%;
}

.footer {
   background: url('./img/footer-bg.png') repeat-x;
   display: block;
   height: 58px;
   width: 100%;
}

.footer a {
   color: #f8f8f8;
}

.footer p {
   color: #f8f8f8;
   font-size: 11px;
   margin-top: 23px;
   margin-bottom: 0;
}

.footer img {
   float: left;
}