@charset "utf-8";
/* CSS Document */

/****************************************************************************/
/****************************************************************************/

/* Romano Kopachi web site designed and developed by Nina Bottaccini. www.ninabottaccini.com */
/* Two-column page with top menu and left sidebar.*/

/****************************************************************************/
/****************************************************************************/










/****************************************************************************/
/* INITIALIZATION */
/****************************************************************************/

* {margin:0; padding:0;}

/****************************************************************************/
/* BACKGROUNDS */
/****************************************************************************/
body {background-color:#616942; background-image: url(images/backgrounds/eosbaga2b.jpg); background-repeat:repeat;}
#topcolor {background-color:#85b1d4;  background-image: url(images/backgrounds/EosWhispers5.jpg); background-repeat:repeat;}
#header {background-image:url(images/header-tile.jpg); background-repeat:repeat-x;}
#header-image {background-image: url(images/tinyoak3.jpg); background-position:right; 
background-repeat:no-repeat;}
#header #text {background-image:url(images/headersq.png); background-repeat:repeat-xy;} 
#top-menu {background-color:#8da334;}
#top-menu a {background-color:#f4f5f5; }
.sidebar-title { background-color: #8da334;}
#pageicon, #pagemenu {background-color:#f4f5f5; } 
.section-title { background-color: #8da334;}
.section {background-color:#f4f5f5; }
.catalogue-description, .catalogue-picture {background-color:#f4f5f5; }
.catalogue-description2, .catalogue-picture2 {background-color:#f4f5f5; }
.cat-pic-bg {background-color:#111111;}
.orderinfo {background-color:#f4f5f5; color:#000000;}
.picture-column {background-color:#f4f5f5; }
.amazonlinks {background-image:url(images/sidebar_middle.png); background-repeat:repeat-y;}
#footer1 {background-color:#8da334;}
#footer2 {background-color:#f4f5f5; }
.fill {background-color:#eeeeee;} /* For contact form */



/****************************************************************************/
/* TEXT FONTS, SIZES, COLORS, ALIGNMENT */
/****************************************************************************/
body {font-family: Arial, Helvetica, sans-serif; font-size:100%; color: #000000; /* color:#2a3f2a; */}
#header h1 {font-size:54px; font-family: Arial Black, Arial, Helvetica, sans-serif; color:#a9b040;}
#header h2 {color:#666600;}
#header .ron {color:#cd1c2d;}
a {color:#600000;}
a:link, a:visited {color:#600000;}
a:hover {color:#000000;}
#header a {text-decoration:none;}
#header h2 {font-size:	18px;  font-weight: 100; }
#top-menu a {font-weight:bold; text-decoration:none; color:#666600;}
#top-menu a.selected {color:#cd1c2d;}
.sidebar-title h2 {margin:0; font-size:16px; text-transform:uppercase; text-align:center; padding-top:5px; color:#ffffff;}
.section-title h2 {margin:0; font-size:16px; padding:5px 0 0 10px; color:#ffffff;}
.amazonlinks {font-size:90%; }
#footer2 {font-size:60%; text-align:center;}
/* #footer {color:#665840;}#footer a {color:#665840;} */
.emph {font-weight:bold;}
.language {font-weight:bold; font-style:italic;} /* For phrases in a non-English language */
.book-title {font-style:italic;}
.tracklist {font-size:16px;}
.cd {font-size:130%; font-style:italic; font-family:"Times New Roman", Times, serif;}
.begin {font-size:110%;}
.song-note {font-size:80%;} /* This is the brief song description from the CD liner notes */
/****************************************************************************/
/* BORDERS */
/****************************************************************************/
a img {border-style:none;} /* Image Links */
/* #container {border:1px #ffffff solid;} */

#header {border:1px #ffffff solid;}
#top-menu{border:1px #ffffff; border-style:none solid solid solid;}
#top-menu a {border:1px #666600 solid;}
#top-menu a.selected {border:1px #cd1c2d solid;}
/* .title-background {border:1px #000000; border-style:solid solid none solid;} */
#main-content {border-top:1px #805231 dotted;} /* invisible border somehow prevents drop of sidebar */
.section-title {border:1px #ffffff solid;}
.sidebar-title {border:1px #ffffff solid ; }
.section {border:1px #ffffff; border-style:none solid solid solid;}
#pageicon, #pagemenu {border:1px #ffffff; border-style:none solid solid solid;}
/* .bookinfo {border:1px #000000 solid;} */
.fill {border:1px #666666 inset;} /* For contact form */
.col-pic {border:1px #222222 solid;}
/* .annoying {border-left:1px #f4f5f5 solid; border-right:1px #f4f5f5 solid;} */
.cat-pic {border:1px #222222 solid;}
.col-pic-trans {border:none;}
#bookshelf {border:1px #660000 solid;}
.abookcover img {border:1px #660000 solid;}
.amazonlinks {border:1px #000000 solid; }
#footer1 {border:1px #ffffff; border-style:solid solid none solid;}
#footer2  {border:1px #ffffff solid;}
/****************************************************************************/
/* LAYOUT */
/****************************************************************************/
html { height: 100%; margin-bottom: 1px; } /* Causes vertical scrollbar to appear on every page. Prevents content jumping. Doesn't work in IE 5 Mac. */
#topcolor {position:absolute; top:0; left:0; height:143px; width:100%; z-index:-1;}
.big-spacer {height:200px;}
.little-spacer {height:20px;}
p {padding-bottom:1em;}
object {padding:0;margin:0;}
.musiclist {text-align:center;}
.musiclist p {margin:0; padding:0; text-align:center;}
.player {margin:5px auto 10px auto; text-align:center;}
.musiclist hr {width:290px; background-color:#a9b040; border-width:0; height:1px; margin:0 auto 10px auto;}
.orderinfo hr {background-color:#b88558; border-width:0; height:10px;}
#container {/* margin:40px 70px 30px 70px; */width:1004px; margin:0 auto;}
#header-container {padding:20px 20px 0 20px; }
#header {height:121px;}
#header a {padding:0 12px 0 8px; }
#header #text {margin: 0 400px 0 10px;} 
#header-image {height:121px;}
#header h1 {margin:0; padding:0;}
#header h2 {margin:0; padding:0 12px 0 8px; } 
/* #top-menu {position:absolute; top:155px; left:84px; padding:0;} */
#top-menu {margin:0 20px 0 20px;  padding:15px 10px 15px 10px;}
#top-menu a {padding:5px 10px 5px 10px; margin-right:5px;}
#main-content {text-align:left; padding:0 20px 0 20px;}
.catalog-item {margin:0 0 20px 0;}
#sidebar {float: left; width: 183px; margin: 15px 0 0 0; padding:0; text-align: left;}
#sidebar-bookpage {position:absolute; top:216px; left:0; width: 183px; margin:.0; padding:0; text-align: left;}
#pageicon, #pagemenu {margin-bottom:20px; padding:0; }
#pageicon {text-align:center;}
#sidebar ul, #sidebar p {margin: 0 0 0 5px; list-style-type: none;}
#sidebar ul ul {list-style: none; margin-left:20px; padding-left: 1em; text-indent: -1em;  padding-top:5px;}
#sidebar ul li {padding: 5px 5px 5px 0;}
#sidebar ul ul li {padding:0 0 4px 3px; font-size:90%;}
#sidebar .section {padding: 10px 0 0 0; text-align:center;}
.sidebar-title { height:28px; margin:0; padding: 0;}
.section h3 {padding-bottom:10px;}
#bookshelf {height:220px; margin:10px; padding:10px 10px 5px 10px;}
.subhead {font-size:80%; font-weight:bold;}
/* .bookinfo {position:absolute; top:220px; left: 220px; padding-right:20px;} */
#musicinfo {margin: 15px 0 0 200px; }
#bookinfo {margin: 15px 0 0 0; }
.catalogue-picture  {float:left;width:183px; text-align:center; padding:10px 0 0 0;}
.catalogue-picture2 {float:left;width:183px; text-align:center; padding:0;}
.cat-pic-bg {padding:8px; margin:12px 2px 0 2px;}
.catalogue-description, .catalogue-description2 {margin-left:193px; padding:10px; /* height:35em; */}
.orderinfo {margin:0 0 0 0; padding:10px 0 10px 0;}
/* .catalogue-description ol {list-style-position:inside;} */
ul.tracklist {list-style-type:none;}
ul.tracklist li {margin-bottom:10px;  /* height:24px; */ /* background-image:url(images/sound.png); background-repeat:no-repeat; padding-left:27px; */ }
ul.tracklist li a {margin-right:5px;}
/* .songtitle {margin-left: 10px; padding-top:}
.sound {float:left;} */
.cat-pic {margin:0;}

.col-pic {margin:10px 0 10px 0;}
.col-pic-trans {margin:10px 0 10px 0;}
.text-column {margin: 15px 0 0 200px;}
.section {padding:10px; margin-bottom:15px;}
ul.bookcovers { list-style-type: none;}
li.abookcover {float:left; margin-right:15px; text-align:center;}
.abookcover img {margin-bottom:5px;}
.text-column p{margin:0;}
.catalog-item p {margin:0;}
.section-title { height:28px; margin:0; padding:0; overflow:hidden;}
.fill {width:300px;} /* For contact form */
.news {margin-left:10px;padding-left:10px;}
.newsline {padding-left:1em; padding-bottom:1em;}
.amazonlinks {margin:10px 10px 10px 10px; padding:10px; text-align:left; }
.amazonlinks p {margin:0; padding:0 0 0.5em 0; }
.amazonlinks ul {margin: 0; padding: 0; list-style:none;}
.amazonlinks li {padding-bottom:1em;}
.orderbutton {margin:10px 0 15px 0; text-align:center;}
.orderbutton select {width:170px; height:22px; margin:2px auto 2px 4px; }
#footer-bookpage {position:absolute; top:1000px; width:100%;}
#footer1{margin:0; padding:5px;}
#footer2 {padding:10px;}
.quote {margin: 0 5em;} /* Used for block quotations */
.quote-credit {padding-left: 5em; font-size:85%;} /* Used to list the author of a block quote */
.center {text-align:center;}
.clearfloat {clear:both; height:0; font-size: 1px; line-height: 0px;} /* Place on a div or break element that the final element before the close of a container that contain a float */
.fltrt { float: right; margin-left: 1em;} /* Note: floated element must precede the element it should be next to on the page. */
.fltlft { float: left; margin-left: 1em;} /* Note: floated element must precede the element it should be next to on the page. */


/*********************************************************END*********************************************************/

/**** ARE THESE IN USE? ****/



.ron1 {font-size:18px;}
.title {font-style:italic;}
.enlarge{font-size:110%;}
.contrast {color:#cd1c2d;}
.emphcontrast {color:#cd1c2d; font-weight:bold;}
.catalog-welcome {font-size:14px; font-weight:bold; font-style:italic;}







/* REMOVED */

/* .menu-background {
padding:3px 0 3px 0;
background-image: url(images/main.png);
background-repeat:repeat-y;
border:#000000 1px solid;
margin-bottom:20px;
} */


/* #top-menu {
margin:0;
 background:#ffffff; 
padding:1em 0.5em 1em 0.5em;
 border-top:1px #000000 solid;
border-bottom:1px #000000 solid;
}  */

/* #submenu 

{
float:left;
margin:1em 1em 1em 0;
padding:0.4em;
border-style:dotted;
border-color:#000000;
border-width:0.3em;
font-size:100%;
} */

/* #rhspanel a {color:#0000ff;}
#big-button a
{
color:#fdf5d3;
text-decoration:none;
font-size:120%;
line-height:70px;
}
#submenu li a
{
font-size:110%;
font-weight:bold;
text-decoration:none;
color:#339999;
text-align:left;
} /*

/*
#big-button p{text-align:center;}
#submenu ul 
{
list-style:none;
padding: 0;
margin: 0;
}
#submenu li
{
margin: 0;
padding: 0;
}
*/

/* .news {margin-left:5em;} */

/* #cd-button
{
background-image: url(images/cd-button.jpg);
background-repeat:no-repeat;
background-position:top;
height:254px;
margin-top:15px;
}

#ron-oud
{
background-image:url(images/ron-oud.jpg);
background-position:top;
height:355px;
}

#big-button
{
background-image:url(images/big-button.jpg);
background-position:center;
height:74px;
margin-left:4px;
margin-top:20px;
} */