/* 
Document   : custom
Created on : May 7, 2009, 5:12:48 PM
Author     : kguthrie
Description:
Purpose of the stylesheet follows.
*/

/* 
TODO customize this sample style
Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

root { 
    display: block;
}

body {
    background-repeat:repeat-y;
    background-image:url('../images/BodyTile.png');
    background-color:#120000;
    background-position:50% 451px;
    text-align: center;
    margin:1px 1px;
    padding:1px;
    font-size: 62.5%;
    font-family: "Trebuchet MS", "Helvetica", "Arial",  "Verdana", "sans-serif";

}

#content {
    position:relative;
    margin:1px auto;
    top:-205px;
    width: 577px;
    text-align: left;
}

#header {
    background-image:url('../images/BodyTop.png');
    background-position:center;
    background-position:top;
    position:relative;
    height:450px;
    top:-2px;
    margin:0px auto;
    margin-top:0;
    text-align:center;
    width:750px;
}

#header img {
    border: none;
}

#footer {
    position:relative;
    top:-230px;
    z-index:-1;
    height:0px;
}

.superscript{
    font-size:xx-small; 
    vertical-align:top;
}

.subscript{
    font-size:xx-small;
    vertical-align:bottom;
}

.ui-tabs-nav li a {
    font-family: "Monotype Corsiva", "Lucida Calligraphy", "Lucida Handwriting",
        "Viner Hand ITC", cursive;
    font-size: 150%;
}

#news .article_title {
    font-size:210%;
    font-family: "Monotype Corsiva", "Lucida Calligraphy", "Lucida Handwriting",
        "Viner Hand ITC", cursive;
}

#news .article_creator {
    margin-left: 7px;
    font-size:150%;
    font-family: "Monotype Corsiva", "Lucida Calligraphy", "Lucida Handwriting",
        "Viner Hand ITC", cursive;
}

#news .article_date {
    margin-left: 8px;
    font-size: 100%;
    font-family: "Monotype Corsiva", "Lucida Calligraphy", "Lucida Handwriting",
        "Viner Hand ITC", cursive;
}

#news img, #news object{
    display: block;
	margin-left: auto;
	margin-right: auto;
        margin-top: 2px;
        margin-bottom: 2px;
        background: #fff;
	border: solid 1px #ccc;
	padding: 4px;
}

#news blockquote{
    font-style:italic;
}

#content .content_loading {
    height:470px;
    background-image: url('../images/ajax-loader_2.gif');
    background-repeat: no-repeat;
    background-position: 50% 69px;
}

#content .content_loading_dark {
    height:470px;
    background-image: url('../images/ajax-loader_3.gif');
    background-repeat: no-repeat;
    background-position: 50% 69px;
}

.hidden {
    display:none;
}

#trackDialog {
    display: none;
    text-align: left;
}

#trackDialog .trackDialogLink {
    margin: 2px;
    padding: 5px 7px;
    background-color: black;
    position: absolute;
}

#trackDialogPrev {
    left:-4px;
}

#trackDialogPlayPause {
    left:32px;
}

#trackDialogLyricsLink {
    left: 74px;
    width: 27px;
    text-align: center;
}

#trackDialogDescriptionLink {
    left:117px;
}

#trackDialogNext {
    left:159px
}

#trackDialogClose {
    vertical-align: middle;
    font-weight: bold;
    font-size: 120%;
    top:15px;
    height:13px;
    left:415px;
    width:10px;
    text-align: center;
}

#trackDialog .activeDialogLink {
    background-color: silver;
    color: black;
}

#trackDialog .trackDialogLink:hover {
    background-color: white;
    color:black;
    cursor: pointer;
}

#trackDialogTitle {
    font-size:220%;
    font-family: "Monotype Corsiva", "Lucida Calligraphy",
        "Lucida Handwriting", "Viner Hand ITC", cursive;
    position: relative;
    width:100%;
    text-align: center;
    top:-20px;
}

#trackDialogControls {
    position: relative;
    top: -30px;
    bottom: 0px;
    height:22px;
    width:100%;
    float:none;
}

#trackDialogContent {
    position: relative;
    width:100%;
    text-align: center;
    font-size:12px;
    top:-12px;
}

.trackInfoFix {
    width:1px;
    height:0px;
}


#music .discName {
    font-size:215%;
    font-family: "Monotype Corsiva", "Lucida Calligraphy", "Lucida Handwriting",
        "Viner Hand ITC", cursive;
    width:100%;
    text-align: center;
    margin-top:18px;
}

#music .discYear {
    font-size:x-small;
    vertical-align:bottom;
}

#music table {
    width: 100%;
}

#music .backThumb {
    position: relative;
    float:right;
    top: -36px;
    left: -4px;
}

#music img {
    float: left;
    background: #fff;
    border: solid 1px #ccc;
    padding: 4px;
}

#music .backThumb img {
    float: left;
    background: #fff;
    border: solid 1px #ccc;
    padding: 2px;
}

#music td {
    vertical-align: top;
}

#music .imageColumn {
    width:258px;
    vertical-align: middle;
}

#music .trackInfo {
    height: 1.34em;
    width: 100%
}

#music .trackInfo:hover{
    background-color: #edd8d0;
    cursor: pointer;
}

#music .trackNumber {
    width: 22px;
    float:left;
}

#music .trackName {
    float:left;
}

#music .trackLength {
    float:right;
}

#bio_header {
    text-align:center;
}

#bio_header img {
    background: #fff;
	border: solid 1px #ccc;
	padding: 8px;
}

#bio_footer img {
    background: #fff;
	border: solid 1px #ccc;
	padding: 8px;
}
.member_name {
    font-size:225%;
    font-family: "Monotype Corsiva", "Lucida Calligraphy", "Lucida Handwriting",
        "Viner Hand ITC", cursive;
}

.member_instrument {
    font-weight:bold;
}

#member_bios td {
    vertical-align: top;
}

#member_bios img {
    float: left;
    background: #fff;
    border: solid 1px #ccc;
    padding: 4px;
    margin-top: 3px;
    margin-right: 4px;
    margin-bottom: 4px;
}

#store_header img {
    background: #fff;
	border: solid 1px #ccc;
	padding: 8px;
}

#store_banner_text {
    position:absolute;
    top:170px;
    left:40px;
    width:200px;
    height:50px;
    color:#f4f0ec;
}

.merch_heading {
    margin-top: 20px;
    font-size:210%;
    font-family: "Monotype Corsiva", "Lucida Calligraphy", "Lucida Handwriting",
        "Viner Hand ITC", cursive;
}

.item_name {
    font-size:160%;
    font-family: "Monotype Corsiva", "Lucida Calligraphy", "Lucida Handwriting",
        "Viner Hand ITC", cursive;
}

.item_price {
    font-size:85%;
    font-weight:bolder;
}

.item_form {
    margin-top: 4px;
    margin-bottom: 4px;
}


#merch_list img.lb {
    float: left;
    background: #fff;
	border: solid 1px #ccc;
	padding: 4px;
    margin-right: 4px;
    margin-bottom: 4px;
}

#merch_list td {
    vertical-align:top;
}

#merch_list select {
    margin-bottom:2px;
}

.external_vendor_code{
    margin-top: 20px;
    text-align:center;
    margin-left:auto;
    margin-right:auto;
}

#external_sites img {
    padding:0;
    border: none;
}

#contact_container {
    width:100%;
}

#contact_container table{
    margin-left: 10px;
    border-spacing:0px;
}

#contact_container a {
    text-decoration:none;
}

#contact_container tr, #contact_container td{
    padding:0px;
    margin:0px;
    padding-right:4px;
}

.contact_section_header {
    margin-top:15px;
    font-size:200%;
    font-family: "Monotype Corsiva", "Lucida Calligraphy", "Lucida Handwriting",
        "Viner Hand ITC", cursive;
}

#top_contacts {
    width:100%;
    height:454px;
}

#left_contacts {
    float:left;
    width:45%;
    margin-left:35px;
}

#electronicPressKit {
    padding: 2px;
    margin:0;
}

#electronicPressKit img {
    background: #fff;
    border: solid 1px #ccc;
    padding: 2px;
}

#electronicPressKit a {
    text-decoration: none;
}


#band_contacts img {
    background: #fff;
    border: solid 1px #ccc;
    padding: 2px;
}


#member_contacts img {
    background: #fff;
    border: solid 1px #ccc;
    padding: 2px;
    margin:0;
}

#right_contacts {
    float:right;
    width:40%;
}

#external_sites img {
    padding:2px;
}

#bottom_contacts {
    width:100%;
    position:absolute;
    text-align: center;
}


/*Player and Player Controls*/

#player {
    position:absolute;
    left:-20px;
    top:0px;
    width:245px;
    height:78px;
    margin:0;
    padding:0;
}

#player_hotspot {
    position:absolute;
    vertical-align: text-top;
    width:145px;
    height:28px;
    top:0px;
    left:50px;
}

#player_controls {
    color:#f4f0ec;
    position:absolute;
    vertical-align: text-top;
    width:145px;
    height:28px;
    top:-24px;
    background-color:#120000;
}

#player_controls a {
    color:#f4f0ec;
}


#player_advanced {
    position:absolute;
    opacity:0;
    top:-300px;
    width:220px;
    padding-top:35px;
    color:white;
    background-color:#120000;
}

#player_advanced tr td {
    width:100%;
    padding:0;
    margin:0;
}

#player_advanced .active_track {
    background-color:#404040;
}

#player_advanced tr:hover {
    background-color:gray;
    cursor:pointer;
}

#player_advanced .new_song_tag {
    font-weight: bold;
    color: red;
}

#player_advanced .new_song {
    font-weight: bold;
}

#player_advanced .track_name {
    text-align:left;
}

#player_advanced .track_time {
    text-align:right;
}

#player_advanced table {
    width:95%;
    margin-left:2.5%;
    margin-right:2.5%;
    margin-bottom:5px;
}

#ctrl_prev {
    position: absolute;
    left:4px;
    top:2px;
    width:24px;
    height:24px;
}

#player_play,
#player_pause {
    display: block;
    position: absolute;
    left:30px;
    top:2px;
    width:24px;
    height:24px;
}

#ctrl_next {
    position: absolute;
    left:56px;
    top:2px;
    width:24px;
    height:24px;
}

#player_volume_slider {
    position: absolute;
    left: 86px;
    top: 9px;
    width: 50px;
    height: .4em;
}

.ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: .8em; height: .8em; cursor: default; }
.ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.4em; }


/* Icons
----------------------------------*/


ul#player-buttons {margin: 0; padding: 0;}
ul#player-buttons li {margin: 2px; position: relative; padding: 2px 0; cursor: pointer; float: left;  list-style: none;}
ul#player-buttons span.ui-icon {float: left; margin: 0 2px;}

/* BEGIN GALLERY ELEMENTS */
.flickr-gallery ul {
    list-style: none;
}
.flickr-gallery ul li {
    display: inline;
}
/* END GALLERY ELEMENTS */


/* jQuery lightBox plugin - Gallery style */
#gallery_container table {
    width:533px;
    margin-left: 1px;
    padding: 0;
    background-color:#edd8d0;
    border-spacing:0;
    margin-top:20px;
}

#gallery_container td {
    vertical-align:top;
    margin: 0;
    padding: 0;
}

#gallery_centering_box {
    position:relative;
    text-align:center;
    background-color: #773b24;
    padding-top:20px;
    padding-bottom:20px;
    margin: 0;
    width:395px;
}

#gallery_nav_tabs {
    list-style:none;
    text-align:left;
    margin-top:25px;
    padding-left:0;
    background-color:#cc8833;
    border:black;
    border-width:1px;
}

#gallery_nav_column {
    width:138px;
}

#gallery_nav_tabs li {
    padding-left: 15px;
    padding-right: 10px;
    margin-left:0;
    margin-right:0;
    padding-top: 2px;
    padding-bottom: 2px;
}

#gallery_nav_tabs li:hover {
    background-color:#f4f0ec;
    cursor:pointer;
}

#gallery_nav_tabs .selected {
    background-color: #773b24;
    color:#edd8d0;
}

#gallery_nav_tabs .selected:hover {
    background-color: #773b24;
}
#gallery {
    position:relative;
    left:19px;
    text-align:left;
    width:356px;
    height:508px;
    background-image: url('../images/ajax-loader_3.gif');
    background-repeat: no-repeat;
    background-position: 50% 69px;
}

#gallery ul {
    margin:0;
    list-style:none;
    padding:0;
}
#gallery ul li { 
    display: inline;
    padding: 2px;
}
#gallery ul img {
    width: 75px;
    height: 75px;
    border: 5px solid #1e1b1d;
    border-width: 5px 5px 20px;
}
#gallery ul a:hover img {
    border: 5px solid #f4feec;
    border-width: 5px 5px 20px;
    color: #fff;
}
#gallery ul a:hover { color: #f4f0ec; }

#gallery_page_controls {
    margin-top:10px;
    font-size:110%;
}

#gallery_page_controls .enabled {
    text-decoration:none;
    color:#1e1b1d;
    padding-left: 2px;
    padding-right:2px;
}


#gallery_page_controls .enabled:hover {
    background: #cc8833;
}

#gallery_page_controls .disabled {
    text-decoration:none;
    color:#302B2F;
    padding-left: 2px;
    padding-right:2px;
}

#gallery_page_controls .disabled:hover {
    cursor:text;
}

#gallery_page_controls .active {
    background: #edd8d0;
    border: solid 1px #1e1b1d;
    padding-left: 2px;
    padding-right:2px;
    text-decoration:none;
    color:#1e1b1d;
}

#gallery_page_controls .active:hover {
    cursor:text;
}

#compatriots_container {
    text-align:center;
    margin:20px;
}

#compatriots_container a {
    text-decoration:none;
    margin-top:2px;
}

#press .article_title {
    font-size:170%;
    font-family: "Monotype Corsiva", "Lucida Calligraphy", "Lucida Handwriting",
        "Viner Hand ITC", cursive;
    margin-top:30px;
}

#pressTitle {
    margin-top:15px;
    text-align: center;
    font-size:250%;
    font-family: "Monotype Corsiva", "Lucida Calligraphy", "Lucida Handwriting",
        "Viner Hand ITC", cursive;
}

#press .article_title a{
    text-decoration: none;
}

#press .article_date {
    font-size:120%;
    font-family: "Monotype Corsiva", "Lucida Calligraphy", "Lucida Handwriting",
        "Viner Hand ITC", cursive;
    margin-left: 20px;
}

#press .article_body {
    font-style: italic;
}