a {color: #757895;}
a:visited {color: #555661;}
a:hover {color: #4b59f6;}
a:active {color:#a6adff;}
a img {border: none;}

div#title {
  min-height: 224px;
}
#title h3 {
  z-index: 0;
  height: 140px;
  position:relative;
  color: #737eff;
  font: bold 2.6em Georgia, Times, serif;
  margin: -6px 0 0 460px;
}
#title h1 a, #title h1 a:visited {
  color: #737eff;
  text-decoration: none;
}
#title h1 a:hover {
     color: #515cdd;
}

h1 {
   z-index: 0;
   position: relative;
   color: #737eff;
   margin: -20px 0 0 450px; 
   padding: 0 0 0 0;
}

h2 {color: #737eff;}



a#homelink, a:visited#homelink {
   margin: 0 0 0 450px;
}

#container {
   width: 60em;
   min-width: 650px;
}

.content {
  margin: 0px 0 0 174px;
  padding: 0px 0 0 0px;
  width: 45em; 
  max-width: 1200px;
  min-height: 400px;
 }

.content h2 {
   color: #626dee;
}



/*********TOGGLE MENU****************************/

ul#toggle {
   margin: -6px 0 0 455px;
   position: relative;
   z-index: 12;
   height: 140px;
   width: 16em;
   background: url(/img/DGright.gif) 0 0 repeat-y; 
}
#toggle li {
   font-size: 1.1em;
   height: 1.4em;
   width: 12em;
   padding: 0 0 0 0px;
   background: #000;
}
#toggle li#current {
   height: 2.2em;
}
#toggle li a {
  color: #737eff;
  font-size: 1.3em;
  height: 1.6em;
  width: 16em;
  padding: 0 0 0 0px;
  position: relative;
}
#toggle li a span {
  height: 1.6em;
  width: 16em;
  padding: 0 0 0 32px;
  position: absolute;
  top: 0;
  left: 0;
  cursor: pointer;
}
#toggle li a:hover span {
   color:  #515cdd;
   background: url(/img/smallarrow.gif) 4px 0 no-repeat;
}
#toggle li a:active, #toggle li a:focus {
  width:0; height:0;
  outline:0;
}
#toggle li#current a {
  font: bold 2em Georgia, Times, serif;
  text-decoration: none;
  padding: 0 0 2em 36px;
  background: url(/img/arrow.gif) -5px -3px no-repeat;
}
#toggle li#current a:hover span {
  color: #737eff;
  cursor: default;
  background: url(/img/arrow.gif) -5px -3px no-repeat;

}

a#banner {width:448px; height:0; padding-top:224px; position:absolute; margin-left: 0px; left: 0em; top:0px; background: url(/img/DGmusic2.gif) no-repeat 0px 0px;}
* html a#banner {height:441px; he\ight:0;}

#footer ul {
   margin: 0 36px 0 auto;
}
a.rss {background-position: -28px -1px;}
a.rss2 {background-position: -14px -1px;}

/* Page Navigation */

div#navbar {position: relative;}

dl#navbar {width:180px; height:300px; left: 0em; margin: 0px 0 0 auto;}

a#news {width:178px; height:0; padding-top:84px; left:0px; top:0px; background: url(/img/DGnewssb.gif) no-repeat 0px -84px;}
* html a#news {height:84px; he\ight:0;}
a#news:hover {background-position: 0 0;}

a#bio {width:73px; height:0; padding-top:55px; left:0px; top:201px; background:url(/img/DGbiosb.gif) no-repeat 0px -55px;}
* html a#bio {height:55px; he\ight:0;}
a#bio:hover {background-position: 0 0;}

a#contact {width:137px; height:0; padding-top:37px; left:0px; top:161px; background:url(/img/DGcontactsb.gif) no-repeat -2px -37px;}
* html a#contact {height:59px; he\ight:0;}
a#contact:hover {background-position: 0 0;}

a#writing {width:79px; height:0; padding-top: 72px; left:0px; top:86px; background: url(/img/DGwritesb.gif) no-repeat 0px -72px;}
* html a#writing {height:72px; he\ight:0;}
a#writing:hover {background-position: 0 0;}

a#en {left:-2px; top:264px; background:transparent url(/img/DGflags.gif) no-repeat -5px -30px;z-index: 11;}
a#en:hover {background-position: -5px 0; overflow:visible;}
.current a#en {background-position: -4px 0;}

a#fr {left:36px; top:264px; background:transparent url(/img/DGflags.gif) no-repeat -75px -30px;z-index: 11;}
a#fr:hover {background-position: -75px 0; overflow:visible;}
.current a#fr {background-position: -75px 0;}



dl#navbar a em {
  left: 0;
  }

a#news em {
  margin: -1em 0 0 36px;
}
a#contact em {
  margin: 1px 0 0 76px;
}
a#bio em {
  top: 0;
  margin: 0 0 0 75px;
}
a#contact em {
  display: none;
}
a#writing em {
  margin: -1em 0 0 80px;
}


/*******************POST DETAILS**************************************/
.post h2 {
    margin: 0 0 0 0;
}

.post h2 a {
     color: #737eff;
     text-decoration: none;
     margin: 0 0 0 0;
     padding: 0;
}
.post h2 a:hover {
     color: #515cdd;
}
#toggleable {
    margin-top: -30px;
}
#toggleable .post h2 {
   margin-top: -10px;
}
div#sidepost {
   top: 280px;
   left: -166px;
}
#sidepost h2, #sidepost h3 {
   width: 180px;
   margin-bottom: 0;   
}
.sidepost {
   width: 166px;
}
#sidepost .sidepost h2 {
   margin: -10px 0 -8px 0px;
}
#sidepost h3 {
   margin: 0px 0 4px 0px;
   font-size: 1.4em;
}
#sidepost h3 a {
   text-decoration: none;
}
#sidepost .dash {
   display: none;
}
/******PLAYTAG********************************************/


#playtag, #stoptag {
        margin: 0 2px -1px 0;
 }


.mp3, .mp3:visited {
   font-weight: bold;
   text-decoration: none;
   color: #737eff;
}
.mp3:hover {
   color: #4b59f6;
}

img#playtag {
   background: url(http://davidgarlitz.com/img/DGplay3.gif) no-repeat -1px -80px;
   padding: 6px;
   margin-bottom: -16px;
   margin-right: -5px;
   margin-left: -7px;
}

img#playtag:hover, img#playtag:active {
   background-position: -1px -43px;
}
img#stoptag {
   background: url(http://davidgarlitz.com/img/DGplay3.gif) no-repeat -39px -78px;
   padding: 8px;
   margin-bottom: -20px;
   margin-right: -7px;
   margin-left: -7px;
}

img#stoptag:hover, img#stoptag:active {
   background-position: -39px -42px;
}