/*-- Main Style Sheet for RonSchaffer.net by music.violetblaze.com ------------------------------*/

	


/*-- global container --------------------------------------------------------*/

body {background-color:#000000;}

#main_body {

    background-color: #000000;    
}


/*--- end global container --------------------------------------------------------*/

/*--- primary container ------------------------------------------------------*/


#primary_container {
    position: absolute;
    padding: 0;
    margin: 0;
    top: 0px;
    left: 42px;
    text-align: left;
    width: 1074px;
    height: 194px;
}


/*--- end primary container -------------------------------------------------*/

/*--- header ---------------------------------------------------------------*/


#header {
    z-index: 2;
    position: absolute;
    padding: 0;
    margin: 0;
    width: 1068px;
    top: 70px;
    left: 0px;
    height: 201px;
    border: solid 1px #a55500;
    border-bottom: none;
    border-left: none;
    overflow: visible;
}


/*--- end header ---------------------------------------------------------------*/

/*--- visual container ---------------------------------------------------------------*/


#visual_container 
        {
	position: absolute;
	top: 27px;
	left: 0px;
	width: 1068px;
	height: 120px;
	background: #000000;
        border-top: solid 2px #000000;
        border-bottom: solid 1px #a55577;

}


/*--- end visual container ---------------------------------------------------------------*/

/*--- logo -----------------------------------------------------------------*/


#logo {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 120px;
    height: 120px;
}


/*--- end logo -----------------------------------------------------------------*/

/*--- key visual -----------------------------------------------------------*/


#key_visual {
            position: absolute;
            top: 0px;
            left: 289px;
            width: 780px;
            height: 120px;
            border: none;
}


/*--- end key visual -----------------------------------------------------------*/

/*--- caption (as text or background image) --------------------------------*/


#slogan {
	position: absolute;
	top: 20px;
	left:120px;
	padding-left: 0px;
	margin: 0 0 10px 0;
        width: 190px;
	color: #44ff99;
	font-family: arial,tahoma,verdana,sans-serif;
	font-style: italic;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
}


/*--- tile --------------------------------------------------------------*/


#tile {
    position:absolute;
    top: 122px;
    left: -28px;
    width: 264px;
    height: 49px;
    background: url(images/backgrounds/corner_tile_4.png) -9px -4px;
}


#tile img {
    border: none;
}

#tile a img {
    padding: 10px 0px 0px 4px;
    float: left;
    border: none;
}


/*--- end tile ----------------------------------------------------------*/

/*--- main navigation ------------------------------------------------------*/


#main_nav_container {
    z-index: 3;
    position: absolute;
    left: 0px;
    top: 0px;
    width: 1068px;
    height: 27px;
    padding: 0;
    margin: 0;
    overflow: hidden;
    background: url(images/backgrounds/main_nav_contain_bckgd.png) 207px 19px repeat-y;
}


#main_nav_list {
    position: absolute;
    margin: 0;
    padding: 0;
    top: 0;
    left: 272px;
    list-style-type: none;
    opacity: 0.97;
    filter:alpha(opacity=100);   /*---- IE ----*/
    background-color: #FFBA94;
    background-image:url(images/backgrounds/main_nav_list_tile.png);
    background-position: bottom right;
    background-position: right 19px;
    border-top: solid 1px #a55500;
    border: none;    
}

#main_nav_list li {
    float: left;
    margin: 0;
    padding: 0;
    height: 27px;
    background-color: transparent;
}

#main_nav_list a {
    text-decoration: none;
    color: #000000;
    font-family:  'Times New Roman', Arial, serif;
    font-variant: small-caps;
    font-style: normal;
    font-weight: bold;
font-size: 16px;
}


/*--- main navigation items ------------------------------------------------*/


#main_nav_list a {
    overflow: hidden;
    width: auto;                     
    background: none;
    url(images/icons/nav_item.ico) no-repeat;
    margin: 0;
    padding: 2px 14px 4px 29px;
    display: block;
    float: left;
    line-height: 22px;
    text-align: left;
    height: 22px;
}

#main_nav_list a.main_nav_item:hover {
    background: transparent;
    background: url(images/icons/nav_hover.ico) no-repeat;
    background-color: #9C5931;
    color: #ffeeaa;
    opacity: 0.50;
    filter:alpha(opacity=50);
}


#main_nav_list a.main_nav_active_item {
    background: transparent;
    background: url(images/icons/nav_active.ico) no-repeat;
    color: #6B3C31;
    opacity: 1.0; /*---- Remove? ----*/
}



#main_nav_list a.main_nav_active_item:hover {
    background: transparent;
    background: url(images/icons/nav_active.ico) no-repeat;
    color: #ffeeaa;
    opacity: 1.0;
}






/*--- end main navigation items -----------------------------------------------*/ 

/*--- end main navigation ------------------------------------------------------*/



/*--- sub container 1 ------------------------------------------------------*/


#sub_container1 {
    z-index: 2;
    position: absolute;
    top: 23px;
    left: 356px;
    margin: 0;
    padding: 0;
    padding-top: 4px;
    width: 104px;
    background-color: transparent;
    background:url(images/backgrounds/main_nav_list_tile.png) 0px 134px repeat-x;
    border: solid 2px #CE797B;
    border-top: 0px;
    border-bottom: solid 2px #AD6142;
    border-left: solid 2px #7e392b;
    overflow: hidden;
    height: 155px;
    opacity: 1.0;
    filter:alpha(opacity=100);
}

#sub_container2 {
    z-index: 2;
    position: absolute;
    top: 23px;
    left: 443px;
    margin: 0;
    padding: 0;
    padding-top: 4px;
    width: 117px;
    background: url(images/backgrounds/sub_cont.png) top left;
    background-color: #7B3C21;
    border: solid 2px #e7926b;
    border-bottom: solid 3px #AD6142;
    border-top: 0px;
    overflow: hidden;
    height: 90px;
    background:url(images/backgrounds/main_nav_list_tile.png) 0px 70px repeat-x;
}

#sub_container3 {
    z-index: 2;
    position: absolute;
    top: 23px;
    left: 563px;
    margin: 0;
    padding: 4px 0px 0px 0px;
    width: 100px;
    background: url(images/backgrounds/sub_cont.png) bottom left;
    background-color: #8C5939;
    border: solid 2px #e7926b;
    border-bottom: solid 3px #AD6142;
    border-top: 0px;
    overflow: hidden;
    height: 90px;
    background:url(images/backgrounds/main_nav_list_tile.png) 0px 70px repeat-x;
}

#sub_container4 {
    z-index: 2;
    position: absolute;
    top: 23px;
    left: 665px;
    margin: 0;
    padding: 0;
    padding-top: 4px;
    width: 153px;
    background: url(images/backgrounds/sub_cont.png) top left;
    background-color: #423431;
    border: solid 2px #e7926b;
    border-bottom: solid 3px #AD6142;
    border-top: 0px;
    overflow: hidden;
    height: 90px;
    background:url(images/backgrounds/main_nav_list_tile.png) 0px 70px repeat-x;
}

#sub_container5 {
    z-index: 2;
    position: absolute;
    top: 23px;
    left: 821px;
    margin: 0;
    padding: 0;
    padding-top: 4px;
    width: 176px;
    background: url(images/backgrounds/sub_cont.png) top left;
    background-color: #423431;
    border: solid 2px #e7926b;
    border-bottom: solid 3px #AD6142;
    border-top: 0px;
    overflow: hidden;
    height: 123px;
    background:url(images/backgrounds/main_nav_list_tile.png) 0px 102px repeat-x;
}

#sub_container6 {
    z-index: 2;
    position: absolute;
    top: 23px;
    left: 903px;
    margin: 0;
    padding: 0;
    padding-top: 4px;
    width: 161px;
    background: url(images/backgrounds/sub_cont.png) top left;
    background-color: #423431;
    border: solid 2px #e7926b;
    border-bottom: solid 3px #AD6142;
    border-top: 0px;
    overflow: hidden;
    height: 155px;
    background:url(images/backgrounds/main_nav_list_tile.png) 0px 134px repeat-x;
}


/*--- end sub container 1-6 -------------------------------------------------*/

#gray {
    z-index:1;
    position: absolute;
    top: 23px;
    left: 357px;
    width:711px;
    height:377px;
    background-color: #000000;
    opacity:0.23;
    filter:alpha(opacity=23)  /*---- IE -----*/
}

/*--- subnavigation items --------------------------------------------------*/


/*--- for sidebar menu ----------------------------*/


#sub_nav_list {
    position: relative;
    margin: 0;
    padding: 0;
    top: 0px;
    left: 0px;
    list-style-type: none;
    background-color: #6B3C31;
    opacity: 1.0;
    filter:alpha(opacity=100);   /*---- IE ----*/
    border-top: ridge 2px #cc7700;
    border-bottom: ridge 2px #cc7700;
}

#sub_nav_list li{
    float: left;
    margin: 0;
    padding: 2px;
    height: 32px;
}



#sub_nav_list a.sub_nav_item {
    color: #F79939;
    font-weight: bold;
    font-size: 1.1em;
    font-family: 'times new roman', arial, serif;
    text-decoration: none;
    overflow: hidden;
    width: 200px;
    background: url(images/icons/side_sub_nav.ico) no-repeat;
    margin: 0;
    padding: 2px 3px 2px 34px;
    display: block;
    float: left;
    line-height: 32px;
    text-align: left;
    height: 32px;
    list-style-type: none;
}

#sub_nav_list a.sub_nav_item:hover {
    background: url(images/icons/side_sub_nav_hover.ico) no-repeat;
    color: #ccaa99;
    font-weight: bold;
    font-size: 1.1em;
    text-decoration: underline;
}

#sub_nav_list a.sub_nav_active_item {
    color: #eec593;
    background: url(images/icons/side_sub_nav_active.ico) no-repeat;
    font-weight: normal;
    font-size: 1.1em;
    font-family: 'times new roman', arial, serif;
    text-decoration: none;
    overflow: hidden;
    width: 200px;
    background: url(images/icons/side_sub_nav.ico) no-repeat;
    margin: 0;
    padding: 2px 3px 2px 34px;
    display: block;
    float: left;
    line-height: 32px;
    text-align: left;
    height: 32px;
    list-style-type: none;
}

#sub_nav_list a.sub_nav_active_item:hover {
    color: #FFE7A5;
    text-decoration: underline;
}

#sub_nav_list a.sub_nav_heading {
    color: #FFc979;
    font-weight: bold;
    font-size: 1.1em;
    font-style: italic;
    font-family: 'lucida handwriting','times new roman', arial, serif;
    text-decoration: none;
    overflow: hidden;
    width: 200px;
    margin: 0;
    display: block;
    float: left;
    line-height: 32px;
    text-align: left;
    height: 32px;
    list-style-type: none;
    padding: 2px 3px 4px 16px;
}

#sub_nav_list ul {
    list-style-image: none;
    list-style-type: none;
    list-style-position: ouside;
    border: none;
} 


#sub_nav_list hr {
    color: sienna;
}



/*--- for drop down menus --------------------*/


.sub_nav_list {
    position: relative;
    margin: 0;
    padding: 0;
    top: 0px;
    left: 0px;
    list-style-type: none;
    background-color: #000000;
    opacity: 1.0;
    filter:alpha(opacity=100);   /*---- IE ----*/
}

.sub_nav_list li {
    float: left;
    margin: 0;
    padding: 0;
    height: 32px;
}


.sub_nav_list a.sub_nav_item {
    color: #ffbb55;
    color: #eecc99;
    width: 200px;
    background: url(images/icons/side_sub_nav.ico) no-repeat #995500; 
    margin: 0;
    padding: 0px 3px 0px 32px;
    display: block;
    float: left;
    line-height: 32px;
    text-align: left;
    height: 32px;
    list-style-type: none;
    text-decoration: none;
    font-weight: normal;
    overflow: hidden;
    border: dotted 1px #aa8877;
    border-left: none;
}

.sub_nav_list a.sub_nav_item:hover {
    background: url(images/icons/side_sub_nav_hover.ico) no-repeat #ffbb55;
    color: #995500;
}

.sub_nav_list a.sub_nav_active_item {
    color: #6B3C31;
    background: url(images/icons/side_sub_nav_active.ico) no-repeat #f78e84;
background-color: #995500;
    width: 200px;
    margin: 0;
    padding: 0px 3px 0px 32px;
    display: block;
    float: left;
    line-height: 32px;
    text-align: left;
    height: 32px;
    list-style-type: none;
    text-decoration: none;
    font-weight: normal;
    overflow: hidden;
    border: dotted 1px #aa8877;
    border-left: none;
}

.sub_nav_list a.sub_nav_active_item:hover {
    color: #FFE7A5;
}

ul.sub_nav_list {
    list-style-image: none;
    list-style-type: none;
    list-style-position: ouside;
}


/*--- end subnavigation items ----------------------------------------------*/


/*--- main container -----------------------------------------------------*/


#main_container {
    position: absolute;
    top: 271px;
    left: 0px;
    width: 1067px;
    min-height: 574px;
    padding: 0px;
    margin: 0px;
    background: transparent;
    background-color: #4A2810;
    border:  solid 1px #A55500;
    border-top: solid 1px #5F3212;

border-right: solid 1px cyan;                /*---- temp -----*/
}


/*--- end main container -------------------------------------------------*/


/*--- left column container ------------------------------------------------*/


#left_col_container {
    z-index: 2;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 210px;
    min-height: 550px;
    padding: 0px;
    margin: 0px;
    background: url(images/backgrounds/left_col.png);
    background-color: #4A2810;
    border-bottom: groove 0px #DF9853;
    border-top: groove 2px #CF874D;
    border-left: solid 1px #A55500;
    border-right: groove 0px #D67918;
    overflow: hidden;
    }


/*--- end left column container --------------------------------------------*/


/*--- begin content column -------------------------------------------------*/


#content_col_container {
    position: relative;
    left: 212px;
    top: 0px;
    width: 854px;
    min-height: 551px;
    padding: 0px;
    margin: 0px;
    border-left: ridge 1px #D67918;
    border-right: ridge 1px #744F7F;
    border-bottom: solid 1px #634131;
    background: url(images/backgrounds/content_col.png);
    background-color: #310C18;
}


/*--- end content column ---------------------------------------------------*/


/*--- content container ----------------------------------------------------*/



#content_col_spacer {
    height: 160px;
    background-color: cyan;
    background-color: transparent;
    width:587px;
}



#content_container {
    z-index: 4;
    position: relative;
    left: 20px;
    top: 0px;
    width: 614px;
    min-height: 330px;
    padding: 0px 17px 40px 0px;
    margin: 0px;
    margin-top: 7px;
    text-align: left;
    background: transparent;
    border-right: groove 1px #444444;
    border: none;
    overflow: hidden;
}

#content_container_black {       /*--- alternate - black ---*/
    z-index: 1;
    position:relative;
    left: 0px;
    top: 0px;
    width: 614px;
    min-height: 330px;
    padding: 0px 17px 40px 20px;
    margin: 0px;
    margin-top: 39px;
    text-align: left;
    background-color: #000000;
    border-right: groove 1px #444444;
    border: none;
    border-top: solid 1px #520463;
    border-right: solid 1px #520463;
    overflow: visible;
}



/*--- end content container ------------------------------------------------*/


/*--- begin right col container -----*/


#right_col_container {
    z-index: 1;
    position: absolute;
    left: 651px;
    top: 197px;
    width: 168px;
    min-height: 340px;
    margin: 0px;
    padding: 70px 17px 0px 17px;
    border-left: ridge 1px #444444;
border-left: solid 1px #744F7F;
    overflow: visible;
}

#right_col_container hr {
    color: cyan;
    size: 1px;
}

/*--- The following has been changed in order to accommodate users of IE (the worst browser on the planet) since IE refuses to properly acknowledge z-indices along with many other html and css standards.  Akin to a foreign language dictionary that intends to function by creating its own words and then expecting native speakers of the foreign tongue to modify their vocabulary in compliance. ----------*/

#rc_above {
    z-index: 4;
    position: absolute;
    left: 651px;
    top: 197px;
    left: 866px;
    top: 470px;
    width: 164px;
    height: 63px;
    margin: 0px;
    padding: 7px 0px 0px 17px;
    overflow: visible;
}





#rc_tile {
    position: relative;
    width: 164px;
    padding-left: 7px;
}



#rc_tile a img {
    text-decoration: none;
    border: solid 1px #8F45DF;
    border: solid 1px #7C15AF;
    padding: 0px 0px 0px 0px;
}





/*--- end right col container -----*/


/*--- begin content ----------------------------------------------------*/


a:link, a:active { color: #C66942; }

a:visited { color: #BD864A; }

a:hover { color: #c24514; }


span.rs {
        color: #B04DCF;
        font-style: italic;
        font-weight: bold;
        font-variant: normal;
        font-family: Arial, serif;
        font-size: 16px;
}


a:hover span.rs {
        color: #d06def;
}


.content {
        color: #FFE3A5;
	font-style: normal;
        font-family: 'Times New Roman', Georgia, Arial, serif;
        font-size: 1.2em;
}

.content h1 {
        color: #FFE3A5;
        font-weight: bold;
        font-style: italic;
        font-variant: small-caps;
        font-family: 'Lucida Handwriting', 'Comic Sans MS', Arial, serif;
        font-size: 33px;
        text-align: left;
}

.content h2 {
        color: #f9b761;
        background-color: transparent;
        font-weight: bold;
        font-style: italic;
        font-family: 'Comic Sans MS', 'Lucida Handwriting', Arial, serif;
        font-size: 24px;
        text-align: left;
        text-decoration: none;
        padding-left: 70px;
        padding-bottom: 9px;
}



.content h3 {
        color: #FFE3A5;
        background-color: #4F0720;
        font-size: 14px;
        text-align: center;
}

p.center {
       text-align: center;
}


/*--- special content ------------------------------------------------*/



span.track {
        color: #c5b2A5;
        font-style: italic;
        font-weight: 600;
        font-variant: small-caps;
        font-family: Arial, 'Comic Sans MS', Arial, serif;
        font-size: 15px;
}

a:hover span.track {
	color: #a5c2e5;
}

span.album {
       color: #a59285;
       font-style: normal;
       font-weight: 500;
       font-variant: none;
       font-family: 'Comic Sans MS', Arial, serif;
       font-size: 16px;
}

a:hover span.album { 
       color: #BD86E7;
       background-color: #4A0421;
}


span.book {
       font-style: italic;
       font-weight: 600;
}




div.feedflare a:hover img {
      background-color: #eeaa75;
}





.lyrics {
       font-size: 17px;
       font-family: 'Lucida Handwriting', 'Times New Roman', serif;
       color:  #cf95ff;
       background-image:url(images/parchment.png);
       background-color: #3a0e19;
       text-align: center;
       font-style: italic;
       font-variant: none;
}


.lyrics h3 {
       color: #848284;
       background-color: black;
       font-size: 19px;
       text-align: center;
       font-family: 'Times New Roman', serif;
       font-variant: small-caps;
       font-style: bold;
       line-height: 34px;
}



.lyrics_list a {
       color: #FFecF0;
}

.lyrics_list a:hover {
       color: #eFace0;
}



.note {
       font-size: 12px;
}

.note a {
      color: #FFecF0;
}

.note a:hover {
      color: #eFace0;
}


body .imageleft, body .alignleft { 
       float: left; 
       margin: 0 10px 10px 0; 
}

body .imageright, body .alignright 
       {
       float: right; margin: 0 0 10px 10px; 
}

body .imageblock {
       display: block; margin: 0 0 1em 0; 
}

body .imagecentre, body .imagecenter, body .centered, body .aligncenter 
       {
       display: block;
       text-align: center;
       margin: 0 auto 1em auto; 
}


/*--- end content ------------------------------------------------------*/


/*--- footer ---------------------------------------------------------------*/


#footer {
    z-index: 1;
    margin: 0;
    position: relative;
    top: 0px;
    left: 0px;
    padding-bottom: 14px;
    width: 100%;
    border-left:solid 0px #5F0030;
    border-right: ridge 1px #744F7F;
    border-top: solid 2px #5F3723;
    border-bottom: ridge 1px #744f7f;
    background: #3F1E1B;
}


#footer_text 
        {
	padding: 0px;
        padding-top: 7px;
	margin: 0 0px 0 0px;
	text-align: center;
	color: #e5e5e5;
	font-style: italic;
        font-variant: small-caps;
        font-family: Arial ,Georgia, serif;
        font-size: 12px;
        line-height: 1.5;
}

#footer_text .label
        {
        font-family: 'lucida handwriting', 'tempus sans itc', serif;
        color: #eeCe79;
        font-variant: normal;
        font-weight: bold;
}



#footer_text .sitemap {
        color: #777777; 
        font-family: Arial, 'Times New Roman', serif; 
        font-variant: normal; 
        font-style: normal;
}

#footer_text .sitemap a, #footer_text .sitemap a:link, #footer_text .sitemap a:visited {
        color: #F79939;
        font-family: Arial, 'Times New Roman', serif; 
        font-variant: normal; 
        font-style: normal;
	text-decoration: none;
}

#footer_text .sitemap a:hover {
        color: #Ddaa55;
}


#footer_text a:link, #footer_text a:active, #footer_text a:visited 
        {
        color: #F79939;
        font-style: normal;
        font-variant: small-caps;
        font-family: Arial, Georgia, serif;
        line-height: 1.5;
}


#footer_text a:hover {
        color: #Ddaa55;
        font-style: normal;
        font-variant: small-caps;
        font-family: Arial, Georgia, serif;
        font-size-adjust: 0.56;
        font-weight: bold;
        line-height: 1.5;
}


#footer_text span.RSname a {
	color: #e45c40;
	text-decoration: none;
	font-family: 'lucida handwriting',serif;
	font-size: 14px;
	font-weight: bold;
	font-variant: small-caps;
	font-style: normal;
	padding-left: 4px;
}


#footer_text span.RSname a:hover {
	color: red;
	text-decoration: none;
	font-family: 'lucida handwriting',serif;
	font-size: 14px;
	font-weight: bold;
	font-variant: small-caps;
	font-style: normal;
	padding-left: 4px;
        font-size-adjust: 0.52;
}

#footer_text a.violetblaze {
        color: #9933CC;
}

#footer_text a.violetblaze img{
        border:none;
}

#footer_text a.violetblaze:hover {
        color:#990099;
}


/*--- end footer -------------------------------------------------------------*/