/*
THEME NAME: Sandbox
THEME URI: http://www.plaintxt.org/themes/sandbox/
DESCRIPTION: Rich with powerful and dynamic semantic class selectors, Sandbox is a canvas for CSS artists
VERSION: 1.6.1
AUTHOR: <a href="http://andy.wordpress.com/">Andy Skelton</a> &amp; <a href="http://www.plaintxt.org/">Scott Allan Wallick</a>
AUTHOR URI:
TAGS: white, microformats, fixed-width, flexible-width, one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar
*/

/* @font-face { font-family: Jared; src: url('/wp-content/extras/AlteHaasGroteskRegular.ttf'); } */
/* @font-face { font-family: Jared; font-weight: bold; src: url('/wp-content/extras/AlteHaasGroteskBold.ttf'); } */

@font-face { font-family: Jared; src: url('/wp-content/extras/Franchise-Bold-hinted.ttf'); }

/***- BASICS -***/

body {
background-color:#262626;
color:#262626;
font-family:helvetica;
margin:0;
}

h1 {
	text-transform:uppercase;
	font-weight:bolder;
}

h2 {
	font-family:helvetica;
	color:#FFBC00;
	font-weight:bold;
	letter-spacing:.2em;
	text-transform:uppercase;
}

h3 {
	color:#333333;
	font-weight:lighter;
	font-style:italic;
}

a{
	color:#0066CC;
        text-decoration:none;
}

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

a:active {
	outline-style:none;
        outline-width:0;
}

img{
border:none;
}

#clear{
clear:both;
}

.wp-caption{
font-family:georgia;
color:#999999;
font-weight:bold;
font-style:italic;
}

.alignleft{
float:left;
margin:0 25px 0 0;
}

/***- HEADER -***/

#header{
min-width:823px;
}

#wrapper{
width:710px;
min-width:710px;
margin:0 auto;
}

#blog-basics-wrapper{
clear:both;
margin-top:25px;
}

#blog-basics-first{
margin-left:0;
}

.blog-basics{
float:left;
width:167px;
padding:25px;
margin-left:25px;
background-color:#FFFFFF;
-moz-box-shadow: 5px 10px 15px #111111;
-webkit-box-shadow:5px 10px 15px #111111;
box-shadow:5px 10px 15px #111111;
-o-box-shadow:5px 10px 15px #111111;
-icab-box-shadow:5px 10px 15px #111111;
-khtml-box-shadow:5px 10px 15px #111111;
}

#blog-title{
margin:0;
font-size:42px;
font-weight:normal;
text-transform:lowercase;
}

.links li{
text-indent:0;
list-style-type:none;
margin:0px;
}

.links{
margin:0px;
padding:0px;
}

#name{
font-size:60px;
color:#999999;
float:left;
width:200px;
line-height:.7;
position:relative;
top:17px;
}

#the-title{
font-size:165px;
float:left;
color:#FFBC00;
}

#jared{
font-size:101px;
}

/***- POST -***/

#post-box{
background-color:#FFFFFF;
padding:30px 50px;
width:600px;;
-moz-box-shadow: 5px 10px 15px #111111;
-webkit-box-shadow:5px 10px 15px #111111;
box-shadow:5px 10px 15px #111111;
-o-box-shadow:5px 10px 15px #111111;
-icab-box-shadow:5px 10px 15px #111111;
-khtml-box-shadow:5px 10px 15px #111111;
}

#top-bar{
width:100%;
height:10px;
background-color:#2F3485;
}

.post-date{
float:right;
width:200px;
height:100%;
text-align:center;
font-family:georgia;
font-size:40px;
margin:15px 0 25px 0;
color:#999999;
}

.post-thumbnail{
float:right;
clear:right;
margin-bottom:25px;
}

.post-title{
font-size:45px;
margin:25px 0;
text-shadow: 5px 10px 15px #111111;
text-align:center;
}

.post-title a{
color:#FFBC00;
}

.post-title a:hover{
color:#0066CC;
}

#post-excerpt{
font-size:24px;
text-transform:uppercase;
line-height:1.5em;
min-height:200px;
width:375px;
padding-right:25px;
text-align:justify;
}

/***- NAV -***/

.nav{
clear:both;
height:50px;
margin:0 0 0 0;
text-align:center;
text-shadow: 5px 10px 15px #111111;
text-transform:uppercase;
width:100%;
font-size:75px;
color:#2F3485;
}

.nav a{
color:#FFBC00;
font-family:georgia;
}

.nav a:hover{
color:#0066CC;
}

.nav a:active{
text-shadow:none;
}

.nav-words{
margin:25px auto;
padding:15px 0 0 0;
font-size:24px;
}

.post-nav-previous{
float:left;
position:relative;
left:10px;
top:-20px;
}

.post-nav-next{
float:right;
position:relative;
right:10px;
top:-20px;
}

/***- QUOTE -***/

#quote{
font-family:georgia;
font-weight:bold;
color:#FFFFFF;
font-style:italic;
font-size:24px;
line-height:1.3em;
letter-spacing:.1em;
text-shadow: 5px 10px 15px #111111;
width:100%;
margin:25px 0;
}

#quote-author{
font-family:georgia;
font-weight:bold;
color:#999999;
font-style:italic;
float:right;
margin:0 9px 0 0;
}

#quote-author-subtitle{
float:right;
clear:right;
color:#999999;
margin:0 9px 25px 0;
}

#read-this-post{
float:right;
}

/***- SINGLE -***/

.hentry{
font-family:georgia;
}

.entry-title{
text-shadow: 5px 10px 15px #111111;
font-weight:bold;
}

.page-title{
text-shadow: 5px 10px 15px #111111;
font-weight:bold;
}

.single-post-date{
text-shadow: 5px 10px 15px #111111;
float:right;
width:200px;
text-align:center;
font-family:georgia;
font-size:28px;
margin:-5px 0 0 0;
color:#999999;
}

#post-meta{
margin:0 0 25px 0;
font-family:helvetica;
}

#meta-title{
text-transform:uppercase;
font-weight:bold;
color:#999999;
}

#meta-data{
text-transform:lowercase;
}

#meta-data a{
text-transform:lowercase;
font-size:14px;
color:#FFFFFF;
}

#meta-data a:hover{
text-transform:lowercase;
font-size:14px;
color:#FFBC00;
}

#video{
margin:25px 0 40px 0;
text-align:center;
}

/***- FOOTER -***/

#bottom-landscape{
min-width:500px;
width:100%;
position:fixed;
bottom:0;
z-index:-100;
}

#landscape-left{
float:left;
}

#landscape-right{
float:right;
}

#short-bio{
font-size:14px;
}

/***- CATEGORY -***/

 li.cat-item {
display:inline;
margin:0px;
}

#category-title{
color:#FFBC00;
}

/***- ALBUM REVIEW -***/

#title-review-wrapper{
width:100%;
text-align:center;
font-family:georgia;
font-weight:normal;
text-transform:uppercase;
letter-spacing:1.5em;
margin:25px 0;
clear:both;
}

#album-review{
font-family:georgia;
font-weight:normal;
text-transform:uppercase;
letter-spacing:1.5em;
margin:25px 0;
clear:both;
}

#album-cover{
border-style:solid;
border-color:#FFFFFF;
border-width:5px;
margin:0 25px 25px 0;
float:left;
-moz-box-shadow: 5px 10px 15px #111111;
-webkit-box-shadow:5px 10px 15px #111111;
box-shadow:5px 10px 15px #111111;
-o-box-shadow:5px 10px 15px #111111;
-icab-box-shadow:5px 10px 15px #111111;
-khtml-box-shadow:5px 10px 15px #111111;
}

#album-title{
color:#FFFFFF;
font-style:normal;
font-weight:bold;
font-size:24px;
margin:0;
text-shadow: 5px 10px 15px #111111;
}

#album-artist{
font-family:georgia;
font-weight:bold;
color:#999999;
}

#album-genre{
text-transform:lowercase;
font-size:12px;
color:#999999;
}

#jared-rating{
color:#FFFFFF;
}

#stars{
color:#FFBC00;
font-size:62px;
text-shadow: 5px 10px 15px #111111;
}

/***- PHOTOS -***/

#photo-thumb1{
float:left;
margin:0 50px 25px 0;
}

#photo-thumb2{
float:left;
margin:0 50px 25px 0;
}

#photo-thumb3{
float:left;
margin:0 0 25px 0;
}

/***- SHARE -***/

#buzz-share{
float:left;
margin-left:10px;
}