body {
 font-family: Arial, sans-serif;
 font-size: 80%;
 margin: 0;
 /* background: #0066CC; */
 color: #000073;
 text-align: center;
 background: #F1F3F8 url(./images/bg-body.jpg) repeat-x top left;
}

a { color: #000073; }
br.clear { margin-bottom: 2em; clear: both; }
div.center { text-align: center; }
img { border: 0; }
img.left { position: relative; float: left; padding: 7px; clear: left; }
img.right { position: relative; float: right; padding: 7px; clear: right; }
img.inline { position: relative; display: inline; padding: 7px; }
img.imgleft {
 float: left;
 margin-right: 10px;
 margin-bottom: 10px;
}
p { line-height: 150%; }

h1, h2 { color: #000073; }
h1 { margin: 0 0 1em 0; font-size: 215%; }
h2 { margin: 2em 0 1em 0; font-size: 155%; }

div.line {
 border-bottom: 1px solid #ABCEEE;
 margin: 2em 3% 2em 3%;
 height: 0pt;
 overflow-x: hidden;
 overflow-y: hidden;
 clear: both;
 position: relative;
}

/******************
 Tables
*******************/

table {
 border: 1px solid #000073;
 border-collapse: collapse;
 background: #FEFEFE url(./images/table-background.png) repeat-y top left;
}

caption { display: none; }
th { background: #EAE5E9 url(./images/table-title-background.png) repeat-x top left; }
td { padding: 0.5em; }
td.small { width: 1%; }
td.center { text-align: center; }
table, th, td { border: 1px solid #000073; }


/******************
 Blockquote
*******************/

blockquote {
 margin: 1em 0 0 1em;
 padding: 0.1em 0.5em;
 font-style: italic;
 quotes: "« " " »" "“ " " ”";
}

blockquote p { margin: 0; padding-bottom: 1em; }

/******************
 Search form
*******************/

input.search {
 padding: 1px;
 height: 19px;
 border: 1px solid #aaa;
 vertical-align: middle;
 background: #FFF url(./images/input-search.png) no-repeat top right;
}

input.s_search {
 padding: 0;
 margin: 0;
 bottom: 0;
 border: 1px solid #aaa;
 vertical-align: middle;
}


/******************
 Page / Header
*******************/

div#page {
 margin: 1em auto;
 overflow: hidden;
 max-width: 950px;
 text-align: left;
 background-color: #FFF;
 border: 1px solid #CCC;
}

div#header {
 clear: all;
 width: 100%;
 height: 90px;
 margin: 0;
 background: #00003B url(./images/bg-header.jpg) no-repeat top left;
}


/*
 * Tabs
**/

div#nav-container {
 background: #000040 url(./images/nav-background.jpg) repeat-x top left;
 overflow: hidden;
 margin: 0;
 width; 100%;
}

ul#nav-list {
 display: block;
 padding: 0;
 margin: 0;
 float: left;
}

ul#nav-list li {
 display: block;
 float: left;
}

ul#nav-list li a {
 display: block;
 float: left;
 padding: 8px 8px;
 text-decoration: none;
 font-family: Arial, sans-serif;
 font-size: 1.14em;
 line-height: 1.2em;
 color: #ABCEEE;
 border: 1px solid #000073;
 border-width: 0 1px 0 0;
 white-space: nowrap;
}

ul#nav-list li a:hover {
 background: #000040 url(./images/nav-background-hover.jpg) repeat-x top left;
 color: #FFFFFF;
}

ul#nav-list li a.active {
 color: #FFFFFF;
 font-weight: bold;
}

/******************
 3 columns layout
 dual-wrap floating hacks
*******************/

div#wrap { width: 100%; min-height: 50px; background: transparent url(./images/bg-shadow.png) repeat-x top left; }
div#subwrap { float: right; background: transparent; position: relative; }
div.subwrap2 { width: 75%; }
div.subwrap3 { width: 75%; }


/*
 * Menu
 * Position: absolute
 * Top: 90px
 * Width: 20%
**/

div.sidebar#leftside {
 float: left;
 width: 24%;
}

div.sidebar#rightside {
 float: right;
 width: 33%;
}

div.sidebar {
 margin: 0 0 0 0;
 padding: 35px 0;
}

div.sidebar .sidebar-section {
 padding: 0;
 font-family: Arial;
 border: 1px solid #ABCEEE; 
 width: 96%;
}

div.sidebar#leftside  .sidebar-section { margin: 0 0 1em 5px; }
div.sidebar#rightside  .sidebar-section { margin: 0 5px 1em 0; }

div.sidebar .sidebar-section h2 {
 margin: 0;
 padding: 0.5em;
 font-size: 105%;
 color: #FFF;
 border: 1px solid #FFF;
 background: #000040 url(./images/sidebar-title-background.jpg) repeat-x top left;
}

div.sidebar .sidebar-section ul, dl {
 margin: 0 0 0 0;
 padding: 0.75em 0;
 width: 100%;
 background: #FFF url(./images/sidebar-content-background.png) repeat-x top left;
}

div.sidebar .sidebar-section li, dt, dd {
 padding: 0.25em 0.5em;
 list-style-type: none;
 font-size: 100%;
}

div.sidebar .sidebar-section dt { padding-top: 0.5em; font-weight: bold; }
div.sidebar .sidebar-section dd { margin: 0; }

div.sidebar .sidebar-section div {
 padding: 1em;
 background: #FFF url(./images/sidebar-content-background.png) repeat-x top left;
}

div.sidebar .sidebar-section h3 { margin-top: 1em; font-size: 100%; font-style: normal; }
div.sidebar .sidebar-section p { margin: 0.5em 0; }

div.sidebar blockquote {
 padding: 0 0.25em;
 margin: 0;
}

div.sidebar ul.inline { background: none; }
div.sidebar#leftside a { text-decoration: underline; }
div.sidebar#rightside a { text-decoration: underline; }
div.sidebar a:hover { text-decoration: underline; }


/*
 * Content
**/

div.col1 { width: 98%; }
div.col2 { width: 96%; }
div.col3 { width: 64%; margin-right: -4px;}

div#content {
 float: left;
 padding: 30px 1%;
 font-size: 100%;
}

div#content p { text-align: justify; }
div#content form p { text-align: left; }
div#content p.reference { text-align: right; }
div#content .em { padding: 0.25em 1%; border: 1px solid #608FB4; background: #F3F4F6 url(./images/bg-em.gif) no-repeat top right; }
div#content .title-book {
 height: auto;
 display: block;
 position: relative;
 padding: 0.25em 10px;
 border: 1px solid #ABCEEE;
 background: #F3F4F6 url(./images/bg-header-book.gif) no-repeat right 4px;
}

/* Lists */
/*********/

div#content dl { margin-left: 2%; }
div#content dt { margin-top: 1em; font-weight: bold; }
div#content dd { margin-left: 2%; }

ul.inline { text-align: center; margin: 1em 0 2em; }
ul.inline li { display: inline; margin-right: 5%; }

ul.icons {
 list-style-type: none;
 list-style-position: outside;
}

ul.icons li { padding: 0.5em 0 0.5em 18px; }
ul.icons li.read { background: url(images/icon-filetype-html.gif) no-repeat center left; }
ul.icons li.listen { background: url(images/icon-filetype-mp3.gif) no-repeat center left; }
ul.icons li.download { background: url(./images/icon-download.png) no-repeat center left; }


div#content .content-toc {
 margin-bottom: 2em;
 height: auto;
 width: 20em;
 display: block;
 position: relative;
 padding: 2em 15px;
 border: 1px solid #ABCEEE;
 background-color: #F6F6F6;
}

div#content .content-toc h2 { margin: 0 0 1em 0; font-size: 115%; }
div#content .content-toc ol { }
div#content .content-toc li { }
div#content .content-toc li img { vertical-align: middle; }
div#content .content-toc li.current { font-weight: bold; }


/******************
 Links container
*******************/

dl.links {
 padding: 0 0 1.5em 0;
 margin: 0 0 2em 0;
 font-size: 100%;
}
dl.links dt {
 padding: 1em 0 0 0;
 margin: 0;
 font-weight: bold;
 font-size: 100%;
}
dl.links dd { margin: 0; }
dl.links dd.url { color: #008000; }


/******************
 Review container
*******************/

div.review-container {
/* height: auto;
 display: block;
 position: relative;
 padding: 1em 15px;
 border: 1px solid #ABCEEE;
 background-color: #F6F6F6; */
}

div.review-container .songs-list-title { }
div.review-container p { margin: 0; padding: 0; }

div.review-container hr.line {
 border: 0;
 margin-top: 10px;
 margin-bottom: 20px;
 height: 1px;
 color: #ABCEEE;
 background-color: #ABCEEE;
 overflow-x: hidden;
 overflow-y: hidden;
 clear: both;
 position: relative;
}


/******************
 Post container
*******************/

div.post-featured {
 margin-top: 20px;
 border: 1px solid #ABCEEE;
 padding: 0 20px 20px;
 width: auto;
 height: auto;
 display: block;
 position: relative;
}

div.post-featured .section-title {
 clear: right;
 position: absolute;
 top: -.8em;
 right: 10px;
 height: 1em;
 padding: 2px 1.5em 4px 0.5em;
 margin: 0;
 line-height: normal;
 font: bold .9em Verdana, Arial, Helvetica, sans-serif;
 background: transparent url(./images/bg-title-border-bullet.gif) no-repeat center right;
 color: #ABCEEE;
}

div.post-container {}
div.post-displayed { padding: 0 2em 0 0; }

div.post-container blockquote { margin: 1em 0; }
div.post-container .post-title { margin: 2em 0 1em 0; padding: 0; font-weight: normal; font-size: 125%; }
div.post-featured  .post-title { margin: 2em 0 1em 0; font-size: 150%; }
div.post-displayed  .post-title { margin: 1em 0; font-size: 185%; }
div.post-container .post-title span { background: transparent url(./images/bg-post-title.gif) repeat-x left bottom; }
div.post-container .post-title a { text-decoration: none; }
div.post-container .post-title a:hover { color: #000033; }

div.post-container .post-meta { line-height: 100%; margin: 0; padding: 0; font-size: 75%; color: #ABCEEE; }
div.post-container .post-meta a { color: #ABCEEE; }
div.post-container .post-meta a:hover { color: #5A5AA0; }

div.post-container .post-option {
 padding: 0;
 width: 237px;
 color: #006600;
 padding-bottom: 12px;
 font-family: sans-serif;
 font-weight: normal;
 text-decoration: underline;
 background: transparent url(./images/bg-button-listen.jpg) no-repeat bottom left;
}

div.post-container .post-option div {
 height: 40px;
 width: 237px;
 padding: 12px 0 0 72px;
 background: transparent url(./images/bg-button-listen.jpg) no-repeat top left;
 line-height: 20px;
}

div.post-container .post-option a { color: #006600; }
div.post-container .post-option strong { font-size: 17px; }
div.post-container .post-option em { font-size: 15px; }


div.post-container hr.line {
 border: 0;
 margin-top: 10px;
 margin-bottom: 20px;
 height: 1px;
 color: #ABCEEE;
 background-color: #ABCEEE;
 overflow-x: hidden;
 overflow-y: hidden;
 clear: both;
 position: relative;
}

div.post-subsection .post-subsection-title { font-size: 150%; }

/******************
 Songs container
*******************/

div.songs-container {}

div.songs-container table.songs-list {
 border: 0;
 border-collapse: collapse;
}

div.songs-container table.songs-list tbody { border: 0; }
div.songs-container table.songs-list th { padding: 0.25em 0.5em; text-align: left; border: 0; }
div.songs-container table.songs-list tr { }
div.songs-container table.songs-list td { padding: 0.25em 0.5em; border: 1px solid #ABCEEE; border-width: 1px 0; }



/******************
 Files container
*******************/

div.files-container {}

div.files-container table.files-list {
 border: 1px solid #ABCEEE;
 border-collapse: collapse;
 width: 100%;
 font-family: Arial;
}

table.files-list thead th {
 color: #FFF;
 background: #000040 url(./images/sidebar-title-background.jpg) repeat-x top left;
}
table.files-list tbody.files-group { border: 0; }
table.files-list th { padding: 0.25em 0.5em; text-align: left; border: 0; }
table.files-list th.filegroup { width: 2em; }
table.files-list tr { }
table.files-list tr.odd td { background-color: #F3F4F6; } /* Impair */
table.files-list tr.even td { background-color: #FFF; }
table.files-list td { padding: 2px 0.5em; border: 1px solid #ABCEEE; border-width: 1px 0; }
table.files-list td.filename { padding-left: 18px; }
table.files-list td.filetype { width: 10em; }
table.files-list td.filetype-pdf { background: transparent url(./images/icon-filetype-pdf.gif) no-repeat center left; }
table.files-list td.filetype-htm { background: transparent url(./images/icon-filetype-htm.gif) no-repeat center left; }
table.files-list td.filetype-doc { background: transparent url(./images/icon-filetype-doc.gif) no-repeat center left; }
table.files-list td.filetype-zip { background: transparent url(./images/icon-filetype-zip.gif) no-repeat center left; }
table.files-list td.filetype-ppt { background: transparent url(./images/icon-filetype-ppt.gif) no-repeat center left; }
table.files-list td.filetype-mp3 { background: transparent url(./images/icon-filetype-mp3.gif) no-repeat center left; }



/******************
 Footer
*******************/

div#footer {
 clear: both;
 padding: 1em 2%;
 width: 96%;
 height: 2em;
 background: #0066CC url(./images/bg-footer.gif) repeat-x top left;
 border-top: 1px solid #999;
 color: #fff;
 font-weight: bold;
}

div#footer p { margin: 0; }