/*
    Theme Name: Elliot Theme
    Theme URI:
    Description: Use this theme to start your Thematic Child Theme development.
    Author: Ian Stewart
    Author URI: http://themeshaper.com/
    Template: thematic
    Version: 1.0
    Tags: Thematic
    .
    Thema
    .
    */

    /* Reset browser defaults */
    @import url('../thematic/library/styles/reset.css');

    /* Apply basic typography styles */
    @import url('../thematic/library/styles/typography.css');

    /* Apply a basic layout */
    /* @import url('../thematic/library/layouts/2c-r-fixed.css'); */

    /* Apply basic image styles */
    @import url('../thematic/library/styles/images.css');

    /* Apply default theme styles and colors */
    /* It's better to actually copy over default.css into this file (or link to a copy in your child theme) if you're going to do anything outrageous */
    @import url('../thematic/library/styles/default.css');

    /* Prepare theme for plugins */
    @import url('../thematic/library/styles/plugins.css');

    #ppp {
    height:136px;
    width:98px;
    position:fixed;
    bottom:30px;
    left:50px;
    background:url(http://elliotcole.com/ppp.jpg) no-repeat;
    z-index:-1;
    }

    #main {
    width: 1080px;
    }

    #primary {
    width:270px;
    float:left;
    }

    #container {
    margin-left:320px;
    margin-top:10px;
    }

    .widgettitle {
    display:none;
    }

    #primary {
    text-transform:lowercase;
    font-weight:900;
    margin-top:3px;
    }

    #primary ul {
    font-size:48px;

    }

    #primary ul ul {
    margin:0 0 0 10px;
    list-style-type:none;
    font-size:.7em;
    line-height:1em;
    }

    a:link {
    text-decoration:underline;
    color:#102e30;
    }

    a:visited {
    color:#102e30;
    }

    a:hover {
    color:red;
    }

    #respond {
    width:500px;
    font-size:90%;
    }



    .form-textarea {

    }

    #comment {
    height:100px;}

    #comments {
    width:70%;
    }

    #form-allowed-tags {
    display:none;
    }

    .form-submit {

    }


    .entry-content {
    font-size:75%;
    line-height:110%;

    }

    .hentry {
    margin-bottom:30px;

    }

    .entry-content p {

    }

    #wrapper, p, h2, h3 {
    color:#102e30
    }

    h2.entry-title a:link {
    color:#102e30;

    }

    strong {
    color:#102e30;
    }

    .entry-title a:link {
    text-decoration:none;
    }

    /* SIDEBAR COLORS */

    ul.xoxo a:link {
    text-decoration:none;
    }

    ul.xoxo a:visited {
    text-decoration:none;
    }

    ul.xoxo a:hover {
    text-decoration:none;
    }


    /* BIO */

    #cat-92 a:link {
    color:#003a38;
    }

    #cat-92 a:visited {
    color:#003a38;
    }

    #cat-92 a:hover {
    color:#002221;
    }


    /* Kong Must Dead */
    #cat-4 a:link {
    color:#7e883b;
    }

    #cat-4 a:visited {
    color:#7e883b;
    }

    #cat-4 a:hover {
    color:#5d662c;
    }



    /* MUSIC */
    #cat-3 a:link {
    color:#dfaa4b;
    }

    #cat-3 a:visited {
    color:#dfaa4b;
    }

    #cat-3 a:hover {
    color:#997533;
    }


    /* WEB */
    #cat-13 a:link {
    color:#de6a3e;
    }

    #cat-13 a:visited {
    color:#de6a3e;
    }

    #cat-13 a:hover {
    color:#af5331;
    }

    p.down {
    padding-top:50px;
    }



    /* MUSIC PAGE */

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

    li.piece {
    height:145px;

    }

    li.piece .title {
    font-weight:900;
    float:left;
    }

    li.piece .title a:link {
    text-decoration:none;
    }

    li.piece .title a:visited {
    text-decoration:none;
    }

    li.piece .excerpt {
    font-size:12px;
    line-height:110%;
    width:450px;
    height:120px;
    float:left;
    overflow:hidden;
    }

    li.piece .excerpt p {
    width:100%;
    margin:4px 0 0 0;
    }
    li.piece img.picture {
    float:right;
    margin-right:20px;
    }

    li.piece img.picture-wide {
    float:right;
    }

    li.piece .audio {
    width:0px;
    float:left;
    position:relative;
    right:30px;
    top:1px;
    }

    li.piece .a2 {
    top:20px;
    }

    li.piece .a3 {
    top:40px;
    }

    li.piece .a4 {
    top:60px;
    }

    li.piece .a5 {
    top:0px;
    right:50px;
    }

    li.piece .a6 {
    top:20px;
    right:50px;
    }

    li.piece .a7 {
    top:40px;
    right:50px;
    }

    li.piece .a8 {
    top:60px;
    right:50px;
    }

    h2.entry-title {
    margin-bottom:0;
    }

    .meta-date {
    font-size:9px;
    color:#949494;
    }

    .year {
    position:absolute;
    left:250px;
    font-size:12px;
    font-style:italic;
    color:#e0e0e0;
    }

    .category-1-bio .meta-date {
    display:none;
    }

    .category-bio p {
    width:604px;
    }

    .category-bio p img {
    margin-bottom:5px;
    }

    .category-bio blockquote p {
    width:504px;
    }

    .category-the-oracle-hysterical .meta-date {
    display:none;
    }

    .entry-content {
    margin-left:20px;
    margin-right:150px;
    }

    #pop-player {
    position:absolute;
    left:150px;
    }

    #pop-player a:link {
    font-size:10px;
    text-decoration:none;
    }

    body.slug-contactform {
    visibility:hidden;
    background:black;
    }

    /* ALCESTIS */
    body.slug-alcestis .entry-content  {
    text-align:center;
    width:320px;
    border:solid #f1f1f1;
    padding:15px 15px 5px 15px;
    }

    body.slug-alcestis h1.entry-title {
    visibility:hidden;
    }

    body.slug-alcestis .meta-date, body.slug-alcestis #nav-below {
    display:none;
    }

    object#pod_audio_1 {
    margin:5px;
    }


    #nav-above {
    position:absolute;
    }

    #headline {
    width:1050px;
    float:left;
    position:absolute;
    top:15px;
    left:140px;

    }

    #headline a {
    display:block;
    width:250px;
    height:250px;
    float:left;
    margin-right:3px;
    margin-bottom:3px;
    }

    #headline a.one {
    /* background:url(http://elliotcole.com/babi-1.jpg) no-repeat; */
    }

    #headline a.two {
    /* background:url(http://elliotcole.com/rp-2.jpg) no-repeat; */
    }

    #headline div.four {
    width:250px;
    height:250px;
    /* background:url(http://elliotcole.com/selkie-1.jpg) no-repeat; */
    float:left;
    margin-right:5px;
    }

    #headline div.three {
    width:250px;
    height:250px;
    /* background:url(http://elliotcole.com/electra-1.jpg) no-repeat; */
    float:left;
    margin-right:5px;
    }



    #headline a.one:hover {
    /* background:url(http://elliotcole.com/babi-2b.jpg) no-repeat; */
    }

    #headline a.two:hover {
    /* background:url(http://elliotcole.com/rp-2b.jpg) no-repeat; */
    }

    #headline div.four:hover {
    /* background:url(http://elliotcole.com/selkie-2.jpg) no-repeat; */
    }

    #headline div.three:hover {
    /* background:url(http://elliotcole.com/electra-2.jpg) no-repeat; */
    }

    .category-3-kong-must-dead .picture-wide {
    width:400px;
    height:400px;
    }


    .category-3-kong-must-dead li.piece .excerpt {
    font-size:12px;
    line-height:110%;
    height:400px;
width:350px;


    float:left;
    overflow:hidden;
    }

    .category-3-kong-must-dead li.piece .excerpt p {
    width:100%;
    margin:4px 0 0 0;
    }