/*
Theme Name: Raymond Scott Rewired
Theme URI: http://www.scottrewired.com
Description: Theme created for RSR
Author: Example7
Author URI: http://www.example7.com

  Colors
  ------
  Black   11110f
  Red     e3271b
  Yellow  ddd101
  Green   5fab25

  Webfonts
  --------
  Museo         "museo"        300/700
  Postino Std   "postino-std"  400

*/





/* ====================================================================
   Global
   ==================================================================== */

/* -------------------[ Layout ]------------------- */

body { 
  background: url(images/background.png) repeat 0 0 #11110f; 
}

#container { 
  width: 800px; min-height: 400px; margin: 80px auto 10px auto; padding: 0; 
  border: 10px solid #FFF; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;
  background: rgb(255, 255, 255); background: rgba(255, 255, 255, 0.9); 
}

#content { 
  clear: both; position: relative; top: -260px; 
  width: 650px; margin: 0 auto -240px auto; padding: 0; 
}

/* -------------------[ Type ]------------------- */

body, html { 
  color: #11110f; font-family: "museo", Baskerville, "Palatino Linotype", Palatino, "Times New Roman", serif; font-size: 18px; line-height: 25px; font-weight: 300; 
}

a:link, a:visited, a:active { 
  color: #e3271b; text-decoration: none; 
}

a:hover { 
  color: #11110f; text-decoration: none; 
}

/* -------------------[ Nav ]------------------- */

.menu ul { 
  list-style: none; 
}

.menu li { 
  float: left; 
  margin: 0; padding: 0; 
}

.nav { 
  display: block; position: relative; top: -52px; left: -120px; 
  width: 150px; height: 258px; margin: 0; padding: 0; 
  border: 10px solid #e3271b; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;
}

.nav ul, 
.nav li { 
  display: inline; 
  margin: 0; padding: 0; 
}

.nav a {
  float: left; position: relative; left: -15px;
  width: 130px; height: 23px; margin: 0 15px; padding: 10px; 
  color: #11110f; font-family: "postino-std"; font-size: 23px; line-height: 23px; font-weight: 400; text-transform: uppercase; letter-spacing: 0; text-decoration: none; 
  background: rgb(228, 38, 26); background: rgba(228, 38, 26, 0.8); 
}

.nav a:hover, 
.nav li.current_page_item a,
.nav li.current-menu-item a { 
  color: #FFF;
  background: rgb(221, 209, 1); background: rgba(221, 209, 1, 0.8); 
}

/* -------------------[ Title ]------------------- */

.title { 
  display: block; float: right; position: relative; top: -290px; right: -100px; 
  height: 40px; margin: 0; padding: 5px 10px 3px 10px; 
  background: rgb(95, 171, 37); background: rgba(95, 171, 37, 0.8); 
  border: 10px solid #11110f; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;
  color: #11110f; font-family: "postino-std"; font-size: 35px; line-height: 35px; font-weight: 400; text-transform: uppercase; letter-spacing: 0.03em; text-decoration: none; 
}

/* -------------------[ Hey! ]------------------- */

.home-text { 
  width: 320px; font-size: 16px; line-height: 20px; font-weight: 300; text-align: justify; 
}

.tracklist { 
  clear: both; position: relative; overflow: auto; 
  width: 660px; margin: 25px 0 0 0; padding: 10px; 
  background: rgb(228, 38, 26); background: rgba(228, 38, 26, 0.8); 
  border: 10px solid #e3271b; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;
}

.tracklist-left,
.tracklist-right { 
  display: block; 
  width: 300px; margin: 0; padding: 0; 
  color: #FFF; font-size: 14px; line-height: 18px; letter-spacing: 0.05px;  
}

.tracklist-left { 
  float: left; 
}

.tracklist-right { 
  float: right; 
}

.break {
  clear: both; display: block;
  height: 1px;
}

.basta-logo {
  float: right; position: absolute; top: 320px; left: 645px; z-index: 100;
}