/**
 * Theme: Phil Bilnder
 * Colors: */
    @body: #222;
    @link: #09548d;
    @linkhover: #213342;
    @hs: #053457;
    @bg: #deedf0;
    @nav: #dfdfdf;
    @top: #2d0203;
/* Fonts */
    @font-face {
        font-family: 'Comic Serif';
        src: url('fonts/HVD_Comic_Serif_Pro-webfont.eot');
        src: url('fonts/HVD_Comic_Serif_Pro-webfont.eot?iefix') format('eot'),
             url('fonts/HVD_Comic_Serif_Pro-webfont.woff') format('woff'),
             url('fonts/HVD_Comic_Serif_Pro-webfont.ttf') format('truetype'),
             url('fonts/HVD_Comic_Serif_Pro-webfont.svg#webfontwWU2NUoE') format('svg');
        font-weight: normal;
        font-style: normal;
    }
    @font-face {
        font-family: 'League Gothic';
        src: url('fonts/League_Gothic-webfont.eot');
        src: url('fonts/League_Gothic-webfont.eot?iefix') format('eot'),
             url('fonts/League_Gothic-webfont.woff') format('woff'),
             url('fonts/League_Gothic-webfont.ttf') format('truetype'),
             url('fonts/League_Gothic-webfont.svg#webfontFHzvtkso') format('svg');
        font-weight: normal;
        font-style: normal;
    }
// */

body {
    background:@bg;
    color:@body;
    padding:0;
    margin:0;
    font-family:Helvetica, Arial, sans-serif;
    font-size:14px;
    line-height:22px;
}
a:link, a:visited {
    color:@link;
    text-decoration:none;
    border-bottom:1px dotted @link;
}
a:hover, a:active {
    color:@linkhover;
}
h1 {
    padding:0;
    font-family:'League Gothic', serif;
    font-size:36px;
    font-weight:normal;
    line-height:44px;
    text-align:left;
}
h1.entry-title { margin-bottom:10px; }
h2 {
    margin:10px 0;
    font-family:'League Gothic', serif;
    font-size:32px;
    font-weight:normal;
    color:@body;
    text-align:left;
}
h3 {
    margin:10px 0;
    font-family:'League Gothic', serif;
    font-size:24px;
    font-weight:normal;
    color:@hs;
    text-align:left;
}
.error404 #top-bar #searchform { background:transparent; }
.error404 .entry-content #searchform { background:#c7d8df; }
.no-underline { border-bottom:none !important; }

#top-bar {
    background:@top;
    text-align:right;
    padding:0 30px;
    height:23px;
    a { border:none; }
    #socialmedia { margin-top:-35px; }
    #searchform {
        margin-right:200px;
        input#s {
            width:180px;
            border:none;
            background:#4c2728;
            -moz-border-radius:3px;
            -webkit-border-radius:3px;
            border-radius:3px;
            padding:3px;
            color:#999;
        }
        input#s.active {
            color:white;
        }
        input#searchsubmit {
            margin-bottom:-4px;
        }
    }
    #social { list-style-type:none; }
    #social li {
        display:block;
        float:right;
        list-style-type:none;
        padding: 2px 3px;
    }
    #searchform p { margin:0; }
}
.ie7 #top-bar #socialmedia { margin-top: -42px; }

#branding {
    display:block;
    background:url('images/red-header-bg-match.png') repeat top center;
    border-bottom:1px solid rgba(255,255,255,.5);
    height:100px;
    width:100%;
    a { border:none; }
    hgroup {
        display:block;
        width:1020px;
        height:100px;
        margin: 0 auto;
        background:transparent;/*url('images/header-bg.png') no-repeat top center;*/
        h1 {
            margin:0 auto;
            padding:0;
            width:960px;
            font-family:'Comic Serif', serif;
            font-weight:normal;
            font-size:56px;
            line-height:100px;
            a:link, a:visited, a:hover, a:active { color:white; text-decoration:none; }
            text-shadow:1px 1px 0 #780608;
        }
    }
    nav {
        width:1020px;
        margin:-60px auto 0;
        font-size:14px;
        text-transform:uppercase;
        background-color:transparent;
        text-align:right;
        float:none;
        position:relative;
        z-index:10;
        a:link, a:visited, a:hover, a:active {
            color:@nav;
            text-shadow:1px 1px 0 rgba(0, 0, 0, 0.15);
            background:none;
            font-weight:bold;
        }
        .sub-menu li:hover > a, .sub-menu ul ul :hover > a {
            background:url('images/menu-bullet.png') no-repeat 10px center #D5E6EC;
            border-top:1px solid #b0c6ce;
            border-bottom:1px solid #b0c6ce;
        }
        .sub-menu {
            background-color:#c6dae1;
            -moz-box-shadow:none;
            -webkit-box-shadow:none;
            box-shadow:none;
            text-align:left;
            li { border:none; }
            a:link, a:visited, a:hover, a:active {
                background:url('images/menu-bullet.png') no-repeat 10px center;
                padding-left:25px;
                font-weight:normal;
                line-height:20px;
            }
            a:link, a:visited {
                color:#424242;
                text-shadow:none;
                text-transform:none;
                border-top:1px solid #c6dae1;
                border-bottom:1px solid #c6dae1;
            }
            a:hover, a:active {
                background:url('images/menu-bullet.png') no-repeat 10px center #D5E6EC;
                border-top:1px solid #b0c6ce;
                border-bottom:1px solid #b0c6ce;
            }
            .sub-menu {
                background-color:#d5e6ec;
                a:link, a:visited {
                    border-top:1px solid #d5e6ec;
                    border-bottom:1px solid #d5e6ec;
                }
                a:hover, a:active {
                    border-top:1px solid #b0c6ce;
                    border-bottom:1px solid #b0c6ce;
                }
            }
        }
        li {
            border-right:1px solid #9f1d21;
            border-left:1px solid #c3474a;
        }
        li.first { border-left:none; }
        li.last { border-right:none; }
    }
    .menu-main-menu-container {
        width:640px;
        float:right;
    }
}
.home, .page-template-book-page-php { 
    #branding, #branding hgroup { height:389px; width:100%; }
    #branding nav { margin:-350px auto 0; }
}

#showcase {
    width:940px;
    height:465px;
    padding:10px;
    margin: -300px auto 0; 
    border:1px solid rgba(255, 255, 255, .25);
    background:rgba(0, 0, 0, .25);
    aside {
        display:block;
        width:920px;
        height:445px;
        padding:10px;
        background:white;
        .textwidget {
            width:920px;
            height:445px;
            background:black;
            text-align:center;
            overflow:hidden;
            position:relative;
            iframe, iframe * {
                position:relative;
                z-index:0;
            }
        }
    }
    .slideshow { padding:0; margin:0; position:relative; }
    .slideshow li {
        position:absolute;
        top:0;
        left:0;
        width:920px;
        padding:0;
        margin:0;
        opacity:0;
    }
    .thumbnail {
        height:445px;
    }
    .caption {
        position: absolute; 
        z-index: 10;
        width: 100%;
        height: 40px;
        bottom: 0;
        left:0;
        line-height: 40px;
        background: rgba(0, 0, 0, 0.65);
        a {
            color: white;
            font-weight:bold;
            border:none;
        }
    }
}

#main {
    width:960px;
    margin: 30px auto;
    .book {
        height:280px;
        width:284px;
        padding:5px;
        -moz-border-radius: 0 15px;
        -webkit-border-radius: 0 15px;
        border-radius: 0 15px;
        -moz-box-shadow:1px 1px 3px rgba(0,0,0,.2);
        -webkit-box-shadow:1px 1px 3px rgba(0,0,0,.2);
        box-shadow:1px 1px 3px rgba(0,0,0,.2);
        border:3px solid #c8dde1;
        background:url('images/book-bg.png') repeat-x center;
        float:left;
        text-align:center;
        h3 { margin:10px; }
        a { border:none; }
        .readmore {
            font-family:'League Gothic', serif;
            font-size:24px;
            padding:8px 20px;
            -moz-border-radius: 15px;
            -webkit-border-radius: 15px;
            border-radius: 15px;
            -moz-box-shadow:1px 1px 3px rgba(0,0,0,.2);
            -webkit-box-shadow:1px 1px 3px rgba(0,0,0,.2);
            border:3px solid #c8dde1;
            background:url('images/book-bg.png') repeat-x center;
            float:right;
            position:relative;
            bottom:-15px;
            right:-20px;
        }
    }
    .two {
        margin:0 30px;
    }
    #primary { margin: 0 0 35px; padding:0; }
    #content { margin:0; padding:0; }
    .entry-content { width:1020px !important; }
}
.home .entry-title { display:none; }

#colophon {
    padding:0;
    background:#2D0808;
    text-align:center;
    color:white;
    a { color:white; border:none; }
    .social-container {
        background:url('images/red-header-bg.gif') repeat top center;
        border-bottom:1px solid rgba(255,255,255,.25);
    }
    .social-icons {
        padding:10px;
        aside {
            float:left;
            padding:20px;
        }
        .title {
            font-family:'League Gothic', serif;
            font-size:24px;
            font-weight:normal;
        }
    }
}
.ie7 #colophon .social-icons {
    width:334px;
    margin:0 auto;
}