body {text-align: center;background-image: url("images/page-background.jpg");margin: 0px;font-family: arial, verdana, sans-serif;font-size: 12px;color: #333;}
a img {border: 0px;}
a {font-weight: bold;color: #336699;text-decoration: none;}
a:hover {color: #FFAA55;text-decoration: underline;}

#page-container {width: 1000px;background-image: url("images/container-background.jpg");background-repeat: repeat-y;margin-left: auto;margin-right: auto;}
#main-container {width: 951px;margin-left: 25px;margin-right: 25px;}

#banner {width: 951px;height: 78px;background-image: url("images/banner.jpg");text-align: left;}

#top-bar {width: 951px;height: 34px;background-image: url("images/top-bar.jpg");}
#top-bar ul {float: right;display: inline;list-style-type: none;margin: 0px 5px 0px 0px;}
#top-bar ul li {float: left;margin-left: 5px;height: 34px;}

#navigation {width: 950px;height: 37px;background-image: url("images/navigation-background.jpg");text-align: left;}
#navigation ul {display: inline;list-style-type: none;margin: 0px;}
#navigation ul li {float: left;margin-left: 10px;padding-right: 10px;background-image: url("images/navigation-separator.png");background-position: right;background-repeat: no-repeat;height: 27px;margin-top: 3px;padding-top: 2px;}
#navigation ul li a {font-family: arial, verdana, sans-serif;font-size: 18px;font-weight: bold;text-transform: uppercase;color: #FFF;text-decoration: none;}
#navigation ul li a:hover {color: #99CCEE;text-decoration: underline;}

/* COLUMNS */
#column-left {float: left;width: 700px;}
#column-right {float: left;width: 250px;}

/* CONTENT */
#content {background-color: #FFF;border: 3px solid #333;margin: 0px 5px 5px 5px;text-align: left;padding: 5px;}

#content h1 {margin: 0px;font-weight: bold;font-size: 24px;letter-spacing: -1px;}
#content h1 a {color: #000;text-decoration: none;}
#content h1 a:hover {color: #FFAA55;text-decoration: underline;}

#content .date-time {font-weight: bold;font-size: 13px;color: #999;margin: 0px;letter-spacing: -1px;text-transform: lowercase;}

#content .postmetadata {font-size: 11px;color: #666;}

/* FOOTER */
#footer {background-image: url("images/footer-background.jpg");width: 1000px;height: 53px;margin-left: auto;margin-right: auto;}
#footer .copyright {font-weight: bold;float: right;margin: 0px 30px;color: #CCC;text-transform: uppercase;font-size: 14px;padding: 5px 0px;}
#footer .copyright a {text-decoration: none;color: #FFF;}
#footer .copyright a:hover {text-decoration: underline;color: #FFAA55;}

/* SIDEBAR */
#sidebar h1 {padding-top: 3px;text-align: left;color: #FFF;background-image: url("images/sidebar-title.jpg");width: 245px;height: 28px;margin: 0px;padding-left: 5px;font-size: 18px; font-weight: bold; font-family: arial, verdana, sans-serif;text-transform: uppercase;}
#sidebar .sidebar-content {margin: 2px;border: 2px solid #666;background-color: #FFF;text-align: left;padding: 5px;font-size: 11px;}
#sidebar .sidebar-content ul {margin: 0px;padding: 0px 0px 0px 5px;list-style-type: none;}


/* COMMENTS */
.commentlist {list-style-type: none;padding: 0px;}
.commentlist li {border: 1px solid black;background-color: #FFF;margin-top: 5px;}
.commentlist .fn a {color: #FFAA55;}
.commentlist .fn a:hover {color: #FFF;}
.commentlist .comment-author img {border: 1px solid black;}
.commentlist .comment-author {padding: 3px;background-image: url("images/comment-top.jpg");background-repeat: repeat-x;background-position: top;}
.commentlist .commentmetadata {border-bottom: 1px solid #CCC;border-top: 1px solid #CCC;background-color: #FFF;padding: 3px;font-size: 10px;}
.commentlist .comment-body {background-color: #333;color: #CCC;}
.commentlist .comment-body p {background-color: #FFF;color: #333;margin: 0px;padding: 5px;}

/* COMMON CLASSES */
.clear {clear: both;}

/* MUSIC PAGE */
.song-shit {padding: 5px;border: 1px solid #ccc;margin-top: 10px;font-family: arial, sans-serif;font-size: 12px;}
.song-lyrics {display: none;font-family: "Times New Roman", serif;padding: 3px;border-top: 1px solid #ccc;margin-top: 5px;}
.song-info {display: none;border-top: 1px solid #ccc;margin-top: 5px;}
.hide-link {display: none;}
.music-link {float: left;margin-right: 10px;text-decoration: none;font-weight: bold;font-size: 12px;}
.music-link:hover {text-decoration: underline;}
.music-player {padding: 5px;}
.music-title {font-size: 16px;}
.music-picture {border: 1px solid #ccc;float: left;margin-right: 5px;}
.clear {clear: both;height: 0px;width: 0px;}
