/*
 Theme Name: Ellie
 Theme URI: www.eliaking.com/wpthemes/ellie
 Description: A custome theme for my personal website, with support for multiple master page templates, custom post types, and multiple display formats for portfolio pieces.
 Author: Elia King
 Author URI: www.eliaking.com
 Version: 0.5
 Tags: fixed-width, custom-menu (optional)
 
 License:
 License URI:
 
 General comments (optional).
 */

body {background-color: #fefefe;
    background-image: url('img/bg.png');
    background-repeat: repeat;
    background-attachment: fixed;
    font-size: 62.5%;}

p, a, h1, h2, h3, h4, h5, h6 {font-family: 'Spinnaker', 'Helvetica', sans-serif;}

h1, h2, h3, h4, h5, h6 {font-weight:normal;}

h1, h2, h3, h5, h6 {font-size:2em;}

h2 {line-height:.4em;}

h3 {line-height:.85em;
    margin: 0;
    padding:0;}

h4 {font-size:1.5em;
    line-height:1em;}

h5 {margin:0;
    padding:0;
}

a, a:visited {color:#000;}

a:hover {color:#777;}

#wrapper {width:75em;
    margin-left: auto;
    margin-right: auto;
    margin-top: 5em;}

#header {text-align: center;
    margin:0 2.5em 0 2.5em;
    padding:0px;}

#nav {width:70em;
    padding: 1em 0 3em 0;
    margin: 1em 0 1em 0;}

#nav ul {list-style: none;
    display:inline;
    margin-left:0px;
    padding-left:0px;
    color:#777;}

#nav ul li {font-family:'Spinnaker';
    text-transform:uppercase;
    display:inline;
    font-size:1.6em;}

#nav ul li a {color: #777;
    text-decoration:none;}

#nav ul li a:hover{color: #000;
    text-decoration:none;}

#subnav ul li {font-family:'Spinnaker';
    text-transform:uppercase;
    display:inline;
    font-size:1.1em;}

#subnav ul li a {color: #777;
    text-decoration:none;}

#subnav ul li a:hover{color: #000;
    text-decoration:none;}

#content {width:70em;
    margin:0 2.5em 0 2.5em;
    padding:0;}

#content p {font-size: 1.6em;
    line-height:1.6em;
    margin: 1em 0 2em 0;
    color: #000;}

#content a.work {color:#777;
    text-decoration:none;}

.menu-item-last .nav-divider {display:none;}

.nav-divider {display:inline;}

.sectionbreak {height:2em;
    background-image: url('img/sect_divider.png');
    background-repeat:repeat-x;
    text-align:center;
    text-transform:uppercase;
    clear:both;
    padding:0;
    margin:0;}

.sectiontitle {background-image: url('img/bg.png');
    background-repeat:repeat;
    padding:.35em;}

.cd {width: 15em;
    height: 20em;
    float:left;
    border: 0px solid #ddd;
    margin:2em 1.2em 2em 1.2em;
    padding:0;
    text-align: center;
}

#content img {border:1px solid #777;}

#content p.discinfo {font-size: 1.3em;
    line-height: 1.3em;
    margin:0;
    padding:0;
}

#ftwork {margin: 0;
    width: 75em;
    margin: 0 0 0 -2.5em;
    text-align:center;
    clear:both;}

#fullwork {margin: 0;
    width: 75em;
    margin: 0 0 0 -2.5em;
    padding:0;
    text-align:center;
    clear:both;}

.ptfitem {width:19.8em;
    height:15em;
    border:.1em solid #777;
    float:left;
    margin:2.5em;
}

#content .ptfitem img {border:0;}

.post {width:20em;
    float:left;}

.fade-image {
	display: block;
	position: relative;
	width: 19.8em;
	height: 15em;
}

.fade-image-a,
.fade-image-b {
    position: absolute;
    left: 0;
    top: 0;
}

.fade-image-a {
    z-index: 5;
    opacity: 1;
    transition: opacity .25s ease-in-out;
    -moz-transition: opacity .25s ease-in-out;
    -webkit-transition: opacity .25s ease-in-out;
}	

.fade-image-a:hover {
    opacity: 0;
}

.postcontent {width: 70em;}

#appearances {margin: 0;
    width: 75em;
    margin: 0 0 0 -5em;
    text-align:center;
    clear:both;}

.entry {width:75em;
    clear:both;
    background: #999;
    margin: 0;
    padding: 0 0m 10em 0;
}

.date {width:25em;
    float:left;
    margin:0;
    padding:0 0 0 5em;
    text-align:left;
}

.date p { font-size: 1.4em;
    line-height: 1.4em;
}

.details {width:45em;
    float:left;
    text-align:right;
    margin:0;
    padding:0;
}

.details p {font-size: 1.4em;
    line-height: 1.4em;
}

#badge{position:relative;
    float:right;
    right:10em;
    top:-8.4em;
    padding:0;
    margin:0;}
#badge li{margin:2em 0 0 0;padding:0;list-style:none;position:absolute;top:0;}
#badge li, #badge a{height:7.3em;display:block;}

#worktogether{left:0px;width:10em;}
#worktogether{background:url('img/worktogether.png') 0 0;}
#worktogether a:hover{background: url('img/worktogether.png') 10em 0;}

#playtogether{left:0px;width:10em;}
#playtogether{background:url('img/bookconcert.png') 0 0;}
#playtogether a:hover{background: url('img/bookconcert.png') 10em 0;}


#footer {
    width: 70em;
    clear:both;
    margin: 0;
    padding: 2.5em 0 0 2.5em;
}

#footer p {font-family: 'Spinnaker', 'Helvetica', sans-serif;
    font-size: 1.3em;
    color:#000;
}

#footer a {text-decoration: none;}

#footerleft {
    width: 22em;
    text-align: left;
    float: left;
    padding:0;
    margin: 0 13em 0 0;
}

#footerleft p {font-size: 1.4em;
    color:#000;}

.latesttweet {color:#000;}

.tweet {color:#555;}

.tweet a {text-decoration:none;
    color:#555;
}

#footerright {
    width: 30em;
    text-align: right;
    float: right;
    padding:0;
    margin: 0 0 0 5em;
}