style.css

/*
Theme Name: Summit Elbrus
Theme URI: http://www.summitelbrus.co.uk
Description: Wordpress theme for Mount Elbrus Expedition
Version: 1.0
Author: Mitchell Renton
Author URI: http://www.cellardoor-design.co.uk
License: GPL
License URI: http://www.opensource.org/licenses/gpl-license.php
*/

/* ========== GLOBALS ========== */

html {
   height: 100%;
}

body {
   height: 100%;
   min-height: 100%;
}

.container {
   max-width: 1000px;
   margin: 5% auto 0;
   padding: 20px;
   background: white;
}

/* Common elements */

.more:after {
   content: " \2192"
}

section h2, .sub-title {
   margin-top: 0;
   padding-bottom: 2px;
   font-size: 12px;
   font-weight: normal;
   line-height: 1.4;
   text-transform: uppercase;
   letter-spacing: 3px;
   color: #6e6e6e;
   border-bottom: 1px solid #e1e1e1;
}

time, .date {
   font: italic 12px Georgia, serif;
   color: #8c8c8c;
}

.meta {
   border-top: 1px dashed #e1e1e1;
   border-bottom: 1px dashed #e1e1e1;
   padding: 4px 0px;
   font: italic 12px Georgia, serif;
   color: #8c8c8c;
}

.meta span {
   font: normal 11px 'Proxima-nova', sans-serif;
   text-transform: uppercase;
   letter-spacing: 2px;
}

.breadcrumb {
   padding: 0 15px;
   text-align: right;
}

.breadcrumb p {
   font-size: 11px;
   color: #a6a6a6;
}

/* Header */

header {
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   background: url(images/home-bg.png);
   border-bottom: 1px solid #000;
   z-index: 20;
}

header nav {
   max-width: 940px;
   margin: 0 auto;
}

header nav ul {
   margin: 0;
   padding: 0 15px;
}

header nav li {
   float: left;
   margin-right: 10px;
   font-size: 12px;
   text-transform: uppercase;
   letter-spacing: 2px;
   list-style-type: none;
}

header nav li a {
   position: relative;
   display: block;
   padding: 10px 20px 10px 0;
   color: #ccc;
}

header nav li a:hover, header nav li.current-menu-item a {
   color: #fff;
}

header nav li a:after  {
   position: absolute;
   top: 15px;
   right: 0;
   width: 16px;
   height: 16px;
   content: "";
   background: url(images/icon-sprite.png) no-repeat -48px -32px;
}

.mobile-nav-trigger {
   display: none;
}

/* ========== HOMEPAGE ==========*/

body.home .content {
   background: url(images/home-bg.png);
}

.home h2 {
   font-size: 15px;
   color: #6e6e6e;
   border-bottom: 1px solid #6e6e6e;
}

.home .content a {
   color: #fff;
}

.home .content a:hover {
   color: #2795B6;   
}

.hero, .hero .image {
   position: relative;
   width: 100%;
   height: 100%;
   max-height: 504px;
}

.hero .image {
   position: fixed;
   top: 0;
   left: 0;
   background-image: url(images/masthead-image.jpg);
   background-size: cover;
   background-position: 50% 50%;
   z-index: 10;
}

.hero .logo {
   position: absolute;
   top: 10%;
   width: 100%;
   text-align: center;
}

.content {
   position: relative;
   z-index: 15;
}

.members {
   position: relative;
   top: -100px;
   text-align: center;
}

.home .sidebar {
   border: none;
}

.home .members p {
   padding: 10px 0 5px 10px;
   border: none;
   font-size: 15px;
   text-transform: uppercase;
   letter-spacing: 3px;
}

.home .members p a {
   position: relative;
   padding-right: 20px;
}

.home .members p a:after {
   position: absolute;
   top: 4px;
   right: 0;
   width: 16px;
   height: 16px;
   content: "";
   background: url(images/icon-sprite.png) no-repeat -48px -32px;
}

.home h3 {
   font-size: 16px;
   line-height: 1.4em;
}

.home .sticky h3 {
   font-size: 26px;
   line-height: 33px;
}

.home .sticky p {
   color: #e1e1e1;
}

.home .content .training-item h3,
.home .training-item p.location {
   color: #fff;
}

.home .content .training-item a:hover p {
   color: #2795B6;
}

.home .training-item {
   border-color: #3e3e3e;
}

.home .location {
   color: #e1e1e1;
}

/* ========== SIDEBAR ==========*/

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

.training-item {
   margin-bottom: 10px;
   padding-bottom: 9px;
   border-bottom: 1px dashed #e1e1e1;
}

.training-item h3, .training-item p {
   margin: 0;
}

.training-item h3 {
   font-size: 19px;
}

.training-item h3 a {
   color: #333;
}

.training-item p.location {
   font-size: 13px;
   font-style: normal;
}

.sidebar {
   border-left: 1px dashed #E1E1E1;
}

.sidebar li {
   padding-bottom: 10px;
   line-height: 1.1em;
}

.sidebar ul {
   list-style-type: none;
}

.recent-posts li {
   margin-bottom: 10px;
   padding-bottom: 10px;
   border-bottom: 1px dashed #E1E1E1;
}

.recent-posts li span {
   display: block;
   font-size: 11px;
}

.recent-posts li time {
   display: block;
}

.connect ul li a {
   position: relative;
   display: block;
   padding-left: 24px;
   line-height: 1.3em;
}

.connect ul li a:before {
   position: absolute;
   content: "";
   top: 0;
   left: 0;
   width: 16px;
   height: 16px;
   background: url(images/icon-sprite.png) no-repeat;
}

.connect li.icon-facebook a:before {
   background-position: -16px -16px;
}

.connect li.icon-rss a:before {
   background-position: -32px -32px;
}

.connect li.icon-youtube a:before {
   background-position: 0 -48px;
}

.connect li.icon-twitter a:before {
   background-position: -32px 0;
}

.connect li.icon-flickr a:before {
   background-position: 0 -32px;
}

/* ========== SINGLE ==========*/


/* ========== MEMBERS ==========*/

.post-type-archive-member .type-member {
   text-align: center;
}

.post-type-archive-member .type-member h2 {
   font-size: 28px;
}

.post-type-archive-member .nickname {
   padding-top: 20px;
   font: italic 14px Georgia, serif;
   color: #b1b1b1;
}

.post-type-archive-member .type-member a:hover h2,
.post-type-archive-member .type-member a:hover p {
   color: #2795B6;
} 

/* ========== INDEX ==========*/

.pagination {
   margin-top: 35px;
   padding-top: 10px;
   border-top: 1px dashed #ccc;
}

.pagination .newer-posts {
   float: right;
}

.pagination .older-posts {
   float: left;
}

/* ========== FOOTER ==========*/

footer {
   max-width: 1000px;
   margin: 0 auto;
   padding: 20px;
   background: url(images/home-bg.png);
}

footer p, footer a {
   margin: 0;
   color: #ccc;
}

/* ========== MEDIA QUERIES ==========*/

/* Mobile navigation */

@media only screen and (max-width: 767px) { 
   
   header nav ul {
      width: 100%;
      display: none;
   }
   
   header nav ul li {
      width: 100%;
      border-bottom: 1px dashed #6E6E6E;
   }
   
   header nav ul li:last-child {
      border: none;
   }
   
   .mobile-nav-trigger {
      float: right;
      display: block;
      margin: 5px;
      width: 32px;
      height: 27px;
      background: url(images/mobile-nav-icon.png) no-repeat;
   }

}