html {
  overflow-y: scroll;
}

body {
  background-color: #ffffff;
  margin: 0;
  padding: 0;
  font: 9pt  verdana, sans-serif;
  color: #362f1f;
}

#wrapper {
  /*background-color: #eae9e8; */

  width: 960px;
  margin: 0 auto;
  color: inherit;
  /*margin-top: 90px;*/

}

#wrapper-sub {

  /*margin-top: 90px;*/
  background-image: url(/images/header.jpg);
  background-repeat: no-repeat;
  
}

#header-top {
    padding-top: 10px; 
    background-color: #eae9e8; 
  height: 100px;

}

#header {
  height: 60px;
  padding: 0px;
  /*background: red;*/
  float:right;  

}

#header-content {

  text-align: right;
  width: 150px;
  line-height: 16px;
  color: #b2b2b1;
  font-size: 7pt;
  float:right;
}

#header-google {

margin-right: 5px;

}
#header-google input {

margin-top: 4px;

}

#header-content-left {
    margin: -5px;
    padding-top: 15px;
    padding-left: 20px;
    float:left;
}


#content-left {
  float: left;
  width: 170px;
  background: #ffffff; 
}

#content-right {
  width: 770px;
  margin-left: 170px;
  min-height: 400px;
  /*border: 1px solid #cdcdcb;*/
  padding-left: 20px;
  padding-top: 20px;
}

#content-right-left {
  /*border: 1px solid #cdcdcb;*/
  padding: 0px;
  width: 476px;
  float: left;

}

#content-right-right {
  /*border: 1px solid #cdcdcb;*/
  float:right;
  width:272px;
  /*height: 200px;*/
  margin-top: 340px;

}

div.tags {
    border: 1px solid #cdcdcb;
  width:250px;
  /*height: 200px;*/
  padding: 10px;
  margin-bottom: 4px;
}

div.module_left {
    border: 1px solid #cdcdcb;
  width:148px;
  /*height: 200px;*/
  padding: 10px;
  margin-bottom: 4px;
  margin-top: 4px;
}

div.module_left a {
    font-size: 8pt;    
}

#footer {
  clear: both;
  padding-top: 1px;

}

#footer-content {
    background-color: #eae9e8;    
    padding: 4px;
    color: inherit;
    text-align: center;
    font-size: 8pt;
    margin-top: 1px;
    
    
}

#footer-title {
    /*background-color: #cdcdce;*/
    height:4px;
    background-color: #cdcdce;
}

.seperator {
    border-top: 1px dotted #cdcdce;
    margin: 4px;
}




	    ul#menu_reorder {
                width:240px;
                font-size: 8pt;
	    }
	    #menu_reorder li {
                padding: 2px;
	        margin: 2px;
                padding-left: 8px;
                border: 0px solid #cdcdcb;
                background: #eae9e8
	    }
            #menu_reorder li.header {
              background: #cdcdce   
            }
	    #menu_reorder li span {
	        /*position: absolute;
	        margin-left: -1.3em;*/
	    }

/*------------------CONTAINERS END----------------*/

a {
    background-color: inherit;
    color: #446909;
    text-decoration: none;
}



a.text {
   color: #362f1f;     
}

a.text:hover {
   color: #362f1f;
   border-bottom: 1px dotted #362f1f;
}

a.red {
   color: red; 
}

.hidden {
    display: none;
}

.bold {    
    font-weight: bold;    
}

h1,h4 {
margin: 0;
padding: 0;
margin-bottom: 2px;
padding-bottom: 4px;
font-size: 12pt;
color : #446909;
border-bottom: 1px dotted #7b735f;
max-width: 474px;
}

h1.gap {
  clear: both;
  padding-top: 20px;
}

h1 a,h4 a {
  color : #446909;
}


h2 {
 margin: 0;
  padding: 0;
  margin-bottom: 4px;
  font-size: 9pt;    
}

h3 {
  margin: 0;
  padding: 0;
  margin-bottom: 4px;
  padding-bottom: 4px;
  font-size: 9pt;
  border-bottom: 1px dotted #362f1f;    
}

div.subheader {

font-size: 8pt;    
padding-bottom: 10px;    
}

div.subheader a:hover {
    text-decoration: underline;
}

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

ul.top5-tooltip {
    position: absolute;
    display: none;
    border: 1px solid #cdcdcb;
    background: #ffffff;
    font-size: 7pt;
    z-index: 9999;
}

ul.top5-tooltip li {
    padding: 2px;
    /*width: 240px;*/
    text-align: left;
}

ul.top5-tooltip li.first {

    font-weight: bold;
    background: #eae9e8;
}


ul.dddtop5 {
  width: 2px;
  display: block;
  border: 1px solid ;
  /*float: left;*/
  margin-top:14px;
  background: #ffffff;
 
}


ul.dddsongs_cat div.tooltip-top5 {
    position:absolute;
    z-index:9999;
}

ul.dddsongs_cat div.tooltip-top5 ul {
    background:red;
}




ul.dddtop5 li {
    padding: 2px;
}

ul.dddtop5 li.first {
  font-weight: bold;
  background: #eae9e8;
  
}




table {
  border-collapse: collapse;
}

table td {
  border: 1px solid #cdcdcb;
}

.cleaner {
  clear: both;
  font-size: 1px;
}

.bord {
border: 1px solid black;
}

p {
  margin: 0;
}

img {
  display: block;
  border: 0;
}





p + p {
    margin-top:10px;
    
}

p + ul {
    margin-top: 10px;
    
}

#footer p {
    text-align: center;
    
}




/*************MENU START***********/
ul#menu {
    font-size: 8pt;
}

ul#menu li {
  margin-top: 1px;
}

ul#menu > li:first-child {
  margin-top: 0px;
}

ul#menu a {
    display: block;
    padding: 2px 2px 2px 8px;
    color: #362f1f;
    background-color: #eae9e8;
}

ul#menu li a:hover {
    background-color: #cdcdce;
}

ul#menu li.header a {
    padding: 2px 2px 2px 4px;
    background-image:url('/images/button_gradient.jpg');
}

ul#menu li.header a:hover {
    background-image: none;
    background-color: #cdcdce;
}
/*************MENU END***********/

/*** ---------------- COMMENT START---------------- ***/

ul.comments {

    padding: 0px;
}

ul.comments li.comments_header {
    padding: 4px 4px 4px 12px;
    background: #cdcdce;
        border-top: 2px solid #ffffff;
    border-bottom: 2px solid #ffffff;
    font-weight: bold;
    font-size: 9pt;

}

ul.comments li.comment-author {
margin: 2px 8px 2px 8px;

}

ul.comments li.comment-content {
margin: 8px 0px 8px 0px;
padding: 8px;
font-style: italic;
border: 1px dotted #cdcdcb;
border-left: 0;
border-right: 0;
}

ul.comments li.comment-date {
    font-size: 7pt;
    text-align: right;
    color:#446909; 
    
}

ul.comment {
border: 1px solid #cdcdce;
padding: 4px;
margin-bottom:2px;
    
}




/*** ---------------- COMMENT FINISH---------------- ***/



.inline {
  display: inline;
}


/*** ---------------- FORMS START---------------- ***/


.form_loading, .form_response {
    height: 160px;
    border: 1px solid #cdcdcb;
    text-align: center; 
}

.form_response p {
    border: 0px solid red;
}

fieldset {
    display: block;
    margin: 0;
    padding: 8px;
    border: 1px solid #cdcdcb;
}

legend {
  padding: 8px;
  color: #362f1f;
  background-color: #eae9e8;  
  border: 1px solid #cdcdcb;
}

input, textarea, select {
  border: 1px solid #cdcdce;
  color: #362f1f;
  font-family: inherit;
  font-size: inherit;
  background-color: inherit;
}

textarea {
  vertical-align: 1px;
  color: inherit;
}

input[type=button], input[type=submit] {
  background-color: #eae9e8;
  color: inherit;
  padding: 4px;
}

input.optional, textarea.optional {
  border: 1px solid #eae9e8;
}

input[type=image] {
    border: 0;   
}

span.form_label {
  display: inline-block;
  text-align: right;
  cursor: default;
  background-color: inherit;
  color: inherit;
}

span.form_label.optional {
  /*color: #cdcdce; */
  background-color: inherit;
  color: #362f1f; 
}

span.form_error {
  display: block;
  cursor: default;
  margin-top: 2px;
  font-style: italic;
  color: red;
  background-color: inherit;
}

#form_login input[type=text], #form_login input[type=password] {
  background-color: transparent;
  color: #b2b2b1;
  border-color: #b2b2b1;
  font-size: 7pt;  
}

#form_login p.form_item + p.form_item {
  margin-top: 5px;
} 

.form_value_default {
  color: #b2b2b1;
  font-style: italic;
  text-align: center;
  background-color: inherit;
}

p.form_item + p.form_item {
  margin-top: 16px;
}

p.form_item img {
 display: inline-block;
}

#cse-search-box {


}





pddd.form_item img {
 display: inline-block;
}



sssspan.form_error, sssspan.form_success {
  display: block;
  cursor: default;
  margin-top: 2px;
  font-style: italic;
  color: red;
  background-color: inherit;
}

dddspan.form_success {
  color: green;
}

dddd.form_seperator {
  margin-top: 20px;
  margin-bottom: 16px;
  border-top: 3px double #D7DFE2;
}



/*** ---------------- FORMS FINISH---------------- ***/


/*** ---------------- BLOG START---------------- ***/

ul.blog + ul.blog {
    margin-top: 24px;
}

ul.blog a:hover {
    text-decoration: none;    
}

li.blog-content a {
    color: #446909;
    border-bottom: 1px dotted #446909;
}

li.blog-content a:hover {
    border-bottom: 0;
}

li.blog-title {
    font-size: 10pt;
    font-weight: bold;
}



li.blog-subtitle {
    font-size: 8pt;
    margin: 2px 0 8px 0;
}

li.blog-content {
    text-align: justify;    
}

li.blog-tags {
    font-size: 8pt;
    margin-top: 4px;
    font-style: italic;
}





/*** ---------------- BLOG FINISH---------------- ***/
/*** ---------------- LINKS FINISH---------------- ***/
li.links-title {
    font-size: 10pt;
    font-weight: bold;
    margin-bottom: 4px;
}

ul.links + ul.links {
    margin-top: 24px;
}

li.links-description {
    text-align: justify;    
}

li.links-title a {
    color: #446909;
    border-bottom: 1px dotted #446909;
}

li.links-title a:hover {
    border-bottom: 0;
}
/*** ---------------- LINKS FINISH---------------- ***/


/*** ---------------- SONGS START---------------- ***/
ul.songs_cat {
    border: 0px solid #cdcdcb;
    float:left;
}

ul.songs_cat > li {
   border: 0px solid #cdcdcb;
   float: left;
    /*position: relative;*/
   text-align: center;
   font-size: 8pt;
   padding: 6px;
}

ul.songs_cat img {
    display: inline;
    height: 63px;
    width: 112px;
}

a.songs_cat_thumbnail_text:hover {
  text-decoration:underline;
} 

ul.songs {
    border: 0px solid #cdcdce;
    margin-top:0px;
    float:left;
    width: 474px;
}

ul.songs-category-list {
    border: 1px solid #cdcdce;
    margin-bottom: 4px;
}

li.songs-category-header {
  font-weight: normal;
  background: #eae9e8;
  padding: 6px 2px 6px 2px;

}

li.songs-category-header a {
    color:#362f1f;
}

li.song-content {
    border-top: 1px dotted #cdcdcb; 
}


span.song-title, span.song-title-header {
    border: 0px solid red;
    width: 238px;
    display: inline-block;
    text-align: left;
    padding: 4px 2px 4px 2px;
    font-size: 8pt;
}

span.song-author, span.song-author-header {
    border: 0px solid green;
    width: 136px;
    display: inline-block;
    padding: 4px 2px 4px 2px;
    font-size: 8pt;
}

span.song-comments, span.song-comments-header {
    border: 0px solid green;
    width: 77px;
    display: inline-block;
    padding: 4px 2px 4px 2px;
    font-size: 8pt;
}

span.song-author-header, span.song-title-header, span.song-comments-header {
    font-weight: bold;
}

.highlighted {
  background: #edffd1; 
}


ul.song li.song-subtitle {
  font-size: 8pt;    
}

ul.song li.song-subtitle a {
  color: #446909;   
}

ul.song li.song-video, ul.song li.song-sheetmusic,ul.song li.song-itunes {
 margin: 8px 0px 4px 0px;
 overflow: hidden;
 width: 474px;
}

ul.song li.song-lyrics {
  margin: 8px 0px 4px 0px;
  width: 474px;   
}

ul.song li.song-lyrics div.song-lyrics-content {
    padding-left: 16px;
    font-style: italic;
}

li.songs-category-text {
margin-bottom: 8px;
}

li.songs-category-text span, ul.song li.song-video span, ul.song li.song-sheetmusic span, ul.song li.song-itunes span, ul.song li.song-lyrics span {
    font-weight: bold;
    font-size: 10pt;
    padding: 4px 4px 4px 0px;
    display: inline-block;    
}

/*** ---------------- LINKS FINISH---------------- ***/
#wrapper_loading {
  display: none;
  position: absolute;
  top: 35%;
  left: 50%;
  width: 240px;
  height: 106px;
}

#wrapper_loading div {
  position: absolute;
  top: -53px;
  left: -120px;
}

#wrapper_loading img {
  margin: 0 auto;
}




#mddddddenu {
  text-align: center;
}


div.loader {
  padding-top: 100px;
  display: none;
}

div.loader img {
  margin: 0 auto;
}

div.transparent {
 /* position: absolute;
  margin: 0;
  z-index: 2;
  background-image: url(/images/transparent.gif);
  image-repeat: repeat;*/
  /*border: 1px solid red;*/
}