/*
Theme Name: Odin Rathnam
Theme URI: http://odinrathnam.com/
Description: Designed specifically for odinrathnam.com
Author: Dave Robertson
Author URI: http://factory44.net/
Copyright 2007 Factory 44.
*/

@import url(base.css);

@media screen {


/** LAYOUT ================================================================== */

html {
}

body {
    background: #E0F2FF url(images/bg.png) center top repeat-y;
    color: #FFFFFF;
}

#wrapper {
    margin: 0 auto;
    position: relative;
    width: 960px;
}

a:link {
    color: #FFFFFF;
}

a:visited {
    color: #FFFFFF;
}

a:hover {
    color: #D6B98B;
}

/** === HEADER ============================================================== */

#header {
    background: transparent url(images/header-photos/garage1.jpg) no-repeat;
    height: 314px;
    margin: 0 auto;
    width: 960px;
}

#siteName {
    background: transparent url(images/odin-rathnam.png);
    height: 139px;
    left: 245px;
    position: absolute;
    top: 268px;
    width: 462px;
    z-index: 1;
}

#siteName span,
#siteTagline {
    left: -9999em;
    position: absolute;
    visibility: hidden;
}

/*  === /HEADER ============================================================ **/


/** === NAVIGATION ========================================================== */

#nav {
    background: transparent url(images/bg-nav.png) right bottom no-repeat;
    border-left: 16px solid #996600;
    color: #FFFFFF;
    left: 0;
    padding-right: 20px;
    position: absolute;
    top: 0;
}

#nav ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

#nav li {
    display: inline;
    margin: 0;
    padding: 0;
}

#nav li a {
    background: transparent url(images/bg-nav-a.png) center top no-repeat;
    color: #FFFFFF;
    display: block;
    float: left;
    font-weight: bold;
    line-height: 38px;
    padding: 0 18px;
    text-decoration: none;
    text-transform: uppercase;
}

#nav li.current_page_item a {
    background-position: center bottom;
}

#nav li a:hover {
    color: #D6B98B;
}

/* HOME LINK */

#nav li.page-item-1 a {
    padding: 0 12px;
}

#nav li.page-item-1 a span {
    background: transparent url(images/home.png) left center no-repeat;
    display: block;
    overflow: hidden;
    text-indent: -9999em;
    width: 20px;
}

#nav li.page-item-1 a:hover span {
    background-position: right center;
}

/* === HIDE CONTACT LINK === */

/* change number to match page ID: */
#nav li.page-item-9 {
    display: none;
}

/*  === /NAVIGATION ======================================================== **/


/** === CONTAINERS =========================================================== */

#pagebody {
    font-size: 0.9em;
}

#content {
    background: transparent url(images/bg-primary.png) left top no-repeat;
    float: right;
    margin-top: -11px;
    padding: 31px 40px 40px 40px;
    width: 560px;
}

#content h2 {
    color: #BCAC7F;
    font: bold 1.9em Arial, serif;
    padding: 14px 0 12px 356px;
    text-transform: uppercase;
}

/*  === /CONTAINERS ========================================================== **/


/** === SECONDARY ========================================================== */

#sidebar {
    background: transparent url(images/header-photos/garage2.jpg) no-repeat;
    float: left;
    padding: 355px 40px 40px 40px;
    text-align: right;
    width: 240px;
}

#sidebar ul {
    list-style: none;
    padding: 0;
}

#sidebar ul ul {
    list-style: none;
    padding: 5px 0 10px 0;
}

#sidebar h2 {
    border-top: 1px solid #FFFFFF;
    font: normal 1.6em/1.6em Georgia, serif;
    margin: 20px 0 0 0;
    padding: 20px 0 0 0;
}

p#quote {
    font: normal 1.3em/1.6em Georgia, serif;
    padding: 0 0 8px 0;
}

p#quote cite {
    display: block;
    white-space: nowrap;
}

/* === MUSIC PLAYER === */

#musicPlayer {
    padding-bottom: 25px;
}


/*  === /SECONDARY ======================================================== **/


/** === FOOTER ============================================================= */

#footer {
    clear: both;
    font-size: 0.8em;
    text-align: right;
    padding: 20px 30px 0 350px;
}

#footer div {
    float: right;
    padding: 0 0 20px 0;
}

#footer p#contact {
    float:left;
    vertical-align: middle;
}

#footer p#contact a {
    display: block;
    background: transparent url(images/contact.png) repeat-y;
    width: 76px;
    height: 27px;
    padding-right: 10px;
    padding-bottom: 3px;
    margin-top: 2px;
    border-right: 1px solid #FFFFFF;
}

#footer p#contact a:hover {
    background-position: 0 -27px;
}

#footer p#contact a span {
    position: absolute;
    left: -9999em;
    visibility: hidden;
}

#footer p#legal {
    float: left;
    vertical-align: middle;
    color: #BCAC7F;
    padding: 14px;
}

#footer p#legal a:link,
#footer p#legal a:visited {
    color: #BCAC7F;
}

#footer p#legal a:hover {
    color: #FFFFFF;
}

/*  === /FOOTER =========================================================== **/


/*  /LAYOUT =============================================================== **/


/** SHARED SNIPPETS ======================================================== */

.menuTitle, #skipLinks {
    position: absolute;
    left: -9999em;
    visibility: hidden;
}

/** === POST ================================================================ */

.post {
    padding: 1em 0;
    position: relative;
    z-index: 2;
}

.post small.date {
    border-right: 1px solid #FFFFFF;
    color: #D6B98B;
    float: left;
    font: bold 1.8em/1.5em Georgia, serif;
    margin: 0 10px 0 0;
    padding: 0 10px 0 0;
}

.post h3 {
    font: normal 1.6em/1.8em Georgia, serif;
}

.post h3 a {
    text-decoration: none;
}
.post p.postmetadata {
    font-size: 0.9em;
    clear: both;
}

/*  === /FOOTER =========================================================== **/

/** === COMMENT FORM ======================================================= */

textarea#comment {
    width: 550px;
}

input#submit {
    margin-top: 1em;
}


h3.archiveTitle {
    border-bottom: 1px solid #FFFFFF;
}

/*  /SHARED SNIPPETS ====================================================== **/




/** SECTION SPECIFIC ======================================================= */

/** === HOME =============================================================== */

body#body-homepage {
}

body#body-homepage #siteName {
    background: transparent url(images/odin-rathnam-large.png);
    height: 236px;
    left: 167px;
    top: 219px;
    width: 769px;
}

body#body-homepage #content {
    padding: 100px 40px 40px 40px;
}

body#body-homepage #content h2 {
    font: normal 1.6em/1.7em Georgia, serif;
    padding: 0;
    text-transform: none;
}

body#body-calendar  #header  { background-image: url(images/header-photos/trains1.jpg); }
body#body-calendar  #sidebar { background-image: url(images/header-photos/trains2.jpg); }

body#body-biography #header  { background-image: url(images/header-photos/studio1.jpg); }
body#body-biography #sidebar { background-image: url(images/header-photos/studio2.jpg); }

body#body-press     #header  { background-image: url(images/header-photos/sky1.jpg); }
body#body-press     #sidebar { background-image: url(images/header-photos/sky2.jpg); }

body#body-videos    #header  { background-image: url(images/header-photos/violin1.jpg); }
body#body-videos    #sidebar { background-image: url(images/header-photos/violin2.jpg); }

body#body-photos    #header  { background-image: url(images/header-photos/bench1.jpg); }
body#body-photos    #sidebar { background-image: url(images/header-photos/bench2.jpg); }

body#body-store     #header  { background-image: url(images/header-photos/hall1.jpg); }
body#body-store     #sidebar { background-image: url(images/header-photos/hall2.jpg); }

/*  === /HOME ============================================================= **/

/** === CALENDAR =============================================================== */

    .entry .ec3_schedule {
        border: 4px solid #BCAC7F;
        color: #E0F2FF;
        float: left;
        margin: 10px 15px 10px 0;
    }

    .entry .ec3_schedule td {
        font: normal 1.4em Georgia;
        padding: 10px 15px 5px 15px;
        text-align: center;
    }

    .entry .ec3_schedule td.ec3_start {
        font-size: 1em;
        text-align: right;
        padding: 0 10px 10px 10px;
        font-weight: normal;
    }

    .entry .ec3_schedule td.ec3_to {
        font-size: 1em;
        padding: 0 0 10px 0;
    }

    .entry .ec3_schedule td.ec3_end {
        font-size: 1em;
        padding: 0 10px 10px 10px;
    }

/* === GRID CALENDAR === */

    #wp-calendar {
        width: 200px;
        float: right;
        border: 4px solid #BCAC7F;
        padding: 4px 8px;
        color: #E0F2FF;
    }

    #wp-calendar table {
        width: 100%;
        border-collapse: collapse;

    }

    #wp-calendar table td {
        padding: 2px 4px;
    }

    #wp-calendar table.nav td {
        text-align: center;
    }

    #wp-calendar table.nav td#prev {
        text-align: left;
    }

    #wp-calendar table.nav td#next {
        text-align: right;
    }

    #wp-calendar table caption {
        font: bold 1.3em Georgia;
        padding: 5px 0 10px 0;
    }

    #wp-calendar table caption a {
        text-decoration: none;
    }

    #wp-calendar table td#today {
        border: 1px solid #BCAC7F;
    }

/*  === /CALENDAR ============================================================= **/


/** === CONTACT FORM ======================================================== */

.contactform {
	position: static;
	overflow: hidden;
}

.contactleft {
	width: 20%;
	text-align: right;
	clear: both;
	float: left;
	display: inline;
	padding: 4px;
	margin: 5px 0;
    font-weight: bold;
}

.contactright {
	width: 75%;
	text-align: left;
	float: right;
	display: inline;
	padding: 4px;
	margin: 5px 0;
}

.contacterror {
	border: 2px solid #ff0000;
}

/*  === /CONTACT FORM ====================================================== **/


/** === STORE ======================================================== */

img.cover-art {
    padding:0;
    background: #FFFFFF;
    border: 7px solid #BCAC7F;
    float: left;
    margin: 0 20px 10px 0;
}

.tracks {
    clear: both;
    width: 420px;
}

.tracks h5 {
    font-size: 1.2em;
    padding: 1em 0 0.25em 0;
    margin: 0;
    font-weight: bold;
}

.tracks table {
    border-collapse: collapse;
    padding: 0;
    margin: 0 0 1em 0;
    width: 100%;
}

.tracks td {
    border-top: 1px solid #B38221;
    padding: 0.5em 0 0.5em 0.75em;
    vertical-align: middle;
}

.tracks td.sonata {
    border: 0;
    padding: 0;
}

.tracks td.sample {
    padding-left: 0;
}

.tracks td.sample div {
    width: 17px;
    height: 19px;
    overflow: hidden;
}

.tracks td.title {
    width: 25em;
}

.tracks td.price {
    text-align: right;
}

.tracks tr.buyAll td {
    padding-top: 1em;
    padding-bottom: 0.9em;
    border-top: 20px solid #996600;
    background: #B38221;
    font-weight: bold;
}

.tracks tr.buyAll td.price {
    padding-right: 0.5em;
}

.tracks label {
    font-weight: normal;
}

.tracks input.button {
    border: 1px outset #BCAC7F;
    padding: 0.5em 1em;
    background: #BCAC7F;
}




/*  === /STORE ====================================================== **/

/*  /SECTION SPECIFIC ===================================================== **/


}

/* ========================================================================= */

@media print {

#header {
    margin-bottom: 2em;
}

.menuTitle,
#skipLinks,
#siteName,
#nav,
#topNav,
#subNav,
#footerLinks {
    display: none;
}

#pagebody {
}

#primary {
    float: left;
    width: 75%;
}

#secondary {
    border-left: 5px solid #999999;
    float: right;
    padding-left: 2.5%;
    width: 20%;
}

#footer {
    margin-top: 2em;
    font-size: 0.8em;
}

}

/* ========================================================================== */

@media handheld {

}