/*-----------------------------------------------------------------------------
Standard CSS Stylesheet

Theme Name:     
Theme URI:      http://.com
Description:    
Version:        1.0
Author:         Jason Addley
Email:          jasonaddley@gmail.com
Website:        http://www.madebyexample.net

-----------------------------------------------------------------------------*/

@import url("reset.css");
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,600,700,800);

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

::selection { color: white; background-color: #85C8E8; }
::-moz-selection { color: white; background-color: #85C8E8; }


article, aside, dialog, figure, footer, header, hgroup, menu, nav, section { display: block; }
html { border-top: 6px solid rgb(44,62,80); border-bottom: 6px solid rgb(44,62,80);margin: 0; }
body { margin: 0; font-family: 'Open Sans', sans-serif; }
#container { margin: 0 auto; }
header { width: 100%; background-image: url(./images/bg.jpg); background-size: cover; padding: 85px 0; }
header h1 { width: 700px; margin: 85px auto 0 auto; font-size: 35px !important; line-height: 130%; color: #ffffff; }


/* Typography
-----------------------------------------------------------------------------*/

h1 { font-size: 44px; text-transform: uppercase; font-weight: 800; text-align: center; }
h2 { }
h3 { }
h4 { }
h5 { }

p { width: 700px; font-size: 26px; margin: 0 auto; font-weight: 400; line-height: 140%; padding: 0 0 40px 0;}
.soundcloud { color: #FF8500; }
.soundcloud a { color: #FF8500; text-decoration: none; }
.dribbble { color: #E65059; }
.dribbble a { color: #E65059; text-decoration: none; }
.twitter { color: #00769F; }
.twitter a { color: #00769F; text-decoration: none; }
.instagram { color: #98664D; }
.instagram a { color: #98664D; text-decoration: none; }


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

#about { width: 100%; background-color: rgb(44,62,80); padding: 85px 0 45px 0; color: white; }
#about h1 { margin: 0 auto 40px auto;}

#mixes { width: 100%; background-color: white; padding: 85px 0; color: rgb(44,62,80); }
#mixes h1 { margin: 0 auto 40px auto; }
#mixes a { color: rgb(44,62,80); }

.title { font-size: 34px; margin: 0; }
.details { font-size: 20px; margin: 0; }
.areamix { border-bottom: 2px solid rgb(44,62,80); margin: 0 0 30px 0; }
.areatext { font-size: 14px; }
ol li { padding: 10px 0; }

#mixeswrap { width: 700px; margin: 0 auto; }

#contact { width: 100%; background-color: rgb(44,62,80); padding: 75px 0 65px 0; color: white; }

footer { width: 100%; background-image: url(images/bg-top.png); padding: 20px 0 16px 0; }
footer p { margin: 0 auto; padding: 0 !important; font-size: 13px; }
footer a { color: #00334C; }


/* Links
-----------------------------------------------------------------------------*/

a { color: white; }
a:hover { color: #ccc; }

#top-link  {  position:fixed; right:7px; bottom:7px; color: #00334C; font-weight:bold; text-decoration:none; border: 4px solid #00334C; background-color: #efefef; font-family: 'Open Sans', sans-serif; font-size: 10px; text-transform: uppercase; padding:10px; }
#top-link a { color: #00334C; }

#top-link:hover { border: 4px solid #85C8E8; color: #85C8E8; }

/* Branding
-----------------------------------------------------------------------------*/

#logo { cursor: pointer; text-indent: -999999px; background: url(images/logo.png) top left no-repeat; width: 404px; height: 200px; margin: 0 auto; }
#logo-mobile { display: none;}

  

/* Social sharing buttons
-----------------------------------------------------------------------------*/
.ss-share {
  padding-left: 0;
  list-style: none; width: 416px; margin: 0 auto; }

.ss-share-item {
  display: inline;
  margin-right: 1em; }

.ss-share-link {
  /* crude button styles */
  text-decoration: none;
  color: #444;
  font-weight: bold;
  padding: .5em .75em .5em 35px;
  background-color: #f5f5f5;
  border-radius: 35px; }
  .ss-share-link:hover, .ss-share-link:active, .ss-share-link:focus {
    color: #777; }

[class*="ico-"] {
  display: inline-block;
  background-size: 16px 16px;
  background-repeat: no-repeat;
  background-position: 10px center; }

.ico-facebook {
  background-image: url("http://www.facebook.com/favicon.ico"); }

.ico-twitter {
  background-image: url("http://twitter.com/favicons/favicon.ico"); }

.ico-google {
  background-image: url("https://ssl.gstatic.com/s2/oz/images/faviconr2.ico"); }
  
.ico-soundcloud {
  background-image: url("https://a-v2.sndcdn.com/assets/images/sc-icons/favicon-154f6af5.ico"); }