.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:after{clear:both;content:' ';display:block;font-size:0;line-height:0;visibility:hidden;width:0;height:0}.clearfix{display:inline-block}* html .clearfix{height:1%}.clearfix{display:block}
a:hover, a:active, a:focus { outline: none; }
body{ margin: 0; padding: 0; text-align: center; color: #5f636e; font: 11px/17px arial, tahoma, 'helvetica ce', geneva, 'liberation sans', FreeSans, sans-serif;}a:focus{outline:1px dotted invert}hr{border:0 #ccc solid;border-top-width:1px;clear:both;height:0}h1{font-size:25px}h2{font-size:23px}h3{font-size:21px}h4{font-size:19px}h5{font-size:17px}h6{font-size:15px}ol{list-style:decimal}ul{list-style:disc}li{margin-left:30px}p,dl,hr,h1,h2,h3,h4,h5,h6,ol,ul,pre,table,address,fieldset{margin-bottom:20px}

h1, h2, h3, h4, h5, h6 { line-height: 1.2em; }

a:link,
a:visited { text-decoration: none; color: #5e636e; font-weight: bold; }
a:hover { color: #f35d00; }

a img { border: 0; }
#viewport { width: 960px; text-align: left; margin: 15px auto 0 auto; }

#logo { margin: 0; padding: 0; }
#slogan { margin: 0; padding: 0; font-size: 1.4em; float: left; }

#side { float: right; width: 360px; }
#middle { float: left; width: 50%; }
#container { float: left; width: 593px; }

.pagination ul,
.pagination { margin: 0; padding: 0; }
.pagination li { margin: 0 5px 0 0; padding: 0; float: left; list-style: none; }
.pagination li a:link,
.pagination li a:visited { margin: 0; padding: 0; float: left; list-style: none; }

.albums ul { margin: 0; padding: 0; }
.albums ul li { margin: 0 15px 15px 0; padding: 0; float: left; list-style: none; width: 120px; height: 200px; }

#head { margin: 20px; }

#navigation { margin: 0; padding: 0; background: #5e636e; -moz-border-radius: 7px; -webkit-border-radius: 7px; }
#navigation li { margin: 0; padding: 0; float: left; list-style: none; font-size: 1.3em; }
#navigation a:link,
#navigation a:visited { margin: 0; padding: 10px 20px; float: left; color: #fff; -moz-border-radius: 7px; -webkit-border-radius: 7px; }
#navigation a:hover { color: #fff; background: #3e424a; }

a.no-photo:link span,
a.no-photo:visited span { display: block; border: 1px solid #eee; color: #ccc; line-height: 120px;  width: 120px; height: 120px; vertical-align: middle; text-align: center; text-transform: uppercase; }
a.no-photo:hover span { color: #f35d00; border-color: #bbb; }

table, th, td { font-size: inherit; }
.track-no { text-align: right; font-size: 1.2em; }
.track-length { text-align: right; } 

.videos ul { margin: 0; padding: 0; }
.videos ul li { margin: 0 5% 5% 0; padding: 0; float: left; list-style: none; width: 45%; height: 400px; overflow: hidden; }

.news ul { margin: 0; padding: 0; }
.news ul li { margin: 0; padding: 0; list-style: none; }
.news ul li img { margin: 0 0 10px 10px; padding: 0; float: right; }

.news ul li.inactive, .news ul li.active { margin: 0 0 2px 0; padding: 1px 10px; border: 1px solid #eee; -moz-border-radius: 7px; -webkit-border-radius: 7px; }
.news ul li h4 { font-size: 1.2em; margin: 0; padding: 5px 0; cursor: pointer; }

#footer { width: 960px; text-align: left; margin: 15px auto 20px auto; }
#footer .content { padding: 10px 20px; background: #5e636e; -moz-border-radius: 7px; -webkit-border-radius: 7px; color: #fff; }


ol.charts { margin: 0; padding: 0 0 0 2em; }
ol.charts li { margin: 0; padding: 0; }