body, html {
  margin: 0px; 
  padding: 0px;
  background: url(http://smart2.qred.fi/files/mcm/media/punanen.png) repeat-x;
}

body, ul, td, th, p, h1, h2, h3, h4, small, .small,
input, textarea, select {
    line-height: 1.4em;
    font-family: arial;
    font-size: 12px;
}

h1, h2, h3, h4, h5, h6 {
    margin: 0 0 8px 0;
}

h1 {
    font-size: 20px;
    color: #b71113;
    text-transform: uppercase;
}

h2 {
    font-size: 14px;
   /* color: #b71113; /*
    color: #000;
    font-weight: bolder;
}

a, a:link, a:active, a:visited {
  color: #000;
  text-decoration: underline;
}

a:hover {
  text-decoration: none;
}

.wide a,
.wide a:link, 
.wide a:active,
.wide a:visited
{
    color: 666#
    font-weight: bolder;
}


img {
  border: 0px;
  border-style: none;
  border-spacing: 0px;
  border-collapse: collapse;
}

#main {
  min-height:500px;
  height:auto !important;
  height: 500px;
}

* html #main {
    height: 500px;
}


.logo {
  background-color: transparent;
  text-align: left;
  /* all padding sets must be declared */
  padding-bottom: 0px;
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 18px;
  
}

.logo img {
  vertical-align: bottom;
}

.powered {
   padding-top: 20px;
   width: 200px;
   margin: 0 auto;
}

.powered a, .powered a:visited  {
    color: #666;
    text-decoration: none;
}

#logo {
  margin: 3px 0;
  background: url(http://smart.qred.fi/files/mcm/media/ylabanneriMCM.jpg) no-repeat;
  width: 868px;
  height: 180px;
}

#breadcrumb {
    padding-left: 8px;
    margin-top: 8px;
}

#breadcrumb a:link,
#breadcrumb a:visited
{
    color: #a1a1a3;
    text-decoration: none;
}

#footer {
    height: 30px;
    background-color: #b1b2b4;
}

#bottom {
    width: 868px;
    margin: 0 auto;
}

#bottomLogo {
    width: 89px;
    margin: 0 auto;
}

#bottomText {
    color: #9d1819;
    width: 868px;
    text-align: center;
    margin: 0 auto;
}


.left {
    width: 464px;
    float: left;
}

.right {
    width: 277px;
    float: left;
}


.clear {
    clear: both;
}

#empty {
   height: 143px;
}

#content {
  width: 868px;
  background-color: #fff; 
  padding: 30px 0px;
  display: table-cell;
  border-top:thick double #ff0000; 
}

/*#content a, */
a,
a:link,
a:active,
a:visited {
  color: #d6090b;
  text-decoration: none;
}
/*
#content a,
 a:hover {
  color: #d6090b;
  text-decoration: underline;
}
 */
.layout {
  width:  868px;
  margin: 0px auto 0px auto;
}

#top {
    height: 20px;
    width: 868px;
    margin: layout_align;
}

#top div {
   margin-top: 3px;
   margin-right: 10px;
   float: right;
   padding-right: 10px;
}

/* Menu */
#menu {
     padding-left: 10px;
     height: 30px;
     background-color: #b1b2b4;
}

#menu ul {
    list-style: none;
    padding: 0;
    margin: 0; 
    padding-top: 2px;
}

#menu ul li
{
    float: left;
    margin: 4px 20px;
} 

#menu .active a:link,
#menu .active a:visited,
#menu .inactive a:link,
#menu .inactive a:visited
{
    font-size: 16px;
    font-weight: bolder;
    color: #fff;
    text-decoration: none;
}

#menu .active a:link,
#menu .active a:visited {
    color: #000;
}

/* Layouts */

.frontpage {
    padding: 10px 0;
}

.frontpage .col1 {
    float: left;
    width: 363px;
    margin-right: 13px;
}

.frontpage .col2 {
    float: left;
    width: 245px;
    margin-right: 13px;
}

.frontpage .col3 {
    float: left;
    width: 234px;
}

/* Wide */
.wide {
    padding: 10px 0;
}

.wide .col1 {
    float: left;
    width: 621px;
    margin-right: 13px;
}

.wide .col2 {
    float: left;
    width: 234px;
}

/* Blocks  */
.blockDollar,
.blockNormal,
.blockTiny,
.blockArtist,
.blockStackContainer,
.blockTiny_noborder
 {
    margin-bottom: 18px;
    padding-bottom: 0px;
}

.blockNormal, {
    border: 0px dashed #999;
}


.blockStackContainer .title,
.blockNormal .title,
.blockNoborder .title,
.blockTiny .title 
{
    color: #fff;
    background-color: #b71113;
    padding: 2px 8px;
    margin-bottom: 0px;
}

.blockNormal .blue {
    background-color: #07A1C5;
}


.blockDollar .title
{
    color: #fff;
    background-color: #07a1c5;
    padding: 2px 8px;
    margin-bottom: 6px;
}

.blockArtist .title {
    color: #fff;
    background-color: #b1b2b4;
    padding: 2px 10px;
    margin-bottom: 0px;
}


.blockTiny_noborder .title 
{
    color: #fff;
    background-color: #b71113;
    padding: 2px 8px;
    margin-bottom: 0px;
}

.blockStackContainer .content,
.blockArtist .content,
.blockNormal .content,
.blockTiny .content {
    padding: 8px;
    border: 1px dashed #999;
    margin-top: 4px;
    margin-bottom: 20px;
    /* padding-right: 180px; */

}

.blockNoborder .content {
    padding: 8px 8px;
border: 0px dashed #999;
margin-top: 8px;
margin-bottom: 10px;
}

.blockArtist_noborder .content {
    padding: 8px 8px;
border: 0px dashed #999;
margin-top: 4px;
margin-bottom: 20px;
}

.blockTiny_noborder .content, .blockDollar .content {
    padding: 0px 0px;
border: none;
margin-top: 4px;
margin-bottom: 18px;

}

.promoImage {
    border: 0px solid #000;
    padding-left: 11px;
}

.shop {
    border: 0px solid #000;
    padding-left: 0px;
}

.promoImage img {
    border: 1px solid #fff;
}

.promoImage .item {
    border: 1px solid #ccc;
    float: left;
    margin-right: 10px;
}

.shop .shop_item {
    border: 0px solid #ccc;
    float: left;
    margin-right: 10px;
}

.shop .gallery_item {
    border: 1px solid #ccc;
    float: left;
    margin-right: 10px;
}

.promoImage_pieni {
    border: 0px solid #000;
    padding-left: 37px;
    margin-top: 12px;
}

.promoImage_pieni img {
    border: 1px solid #fff;
}

.promoImage_pieni .item {
    border: 1px solid #ccc;
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
}



.blockBand {
    border-bottom: 1px solid #ddd;
    padding-bottom: 20px;
    margin-bottom: 20px;
    margin-right: 15px;
    margin-left: 15px;
}

.artistInfo {
    width: 426px;
}

/* Markun maarittelyt */

#mcm_player {
  text-align: right;
  /* all padding sets must be declared */
  padding-bottom: 0px;
  padding-left: 0px;
  padding-right: 50px;
  padding-top: 3px;
}

#releases {
width:600px;
margin:0 auto;
background:#fff;
border: 0px solid #000;
float:left;
}

#rel_kuva {
float:left;
width:200px;
padding:0px;
background:#fff;
}

#rel_tiedot {
float:right;
padding:0px;
background:#fff;
width:380px;
margin-left: 0px;
}

.miniGallery {
    width: 100%;
}

.miniGallery .item {
   border:1px solid #CCCCCC;
   float: left;
   width: 102px;
   height: 102px;
   margin-right:10px;
}


.miniGallery img {
    border: 1px solid #fff;
}

/* news nostot */

.smart_news_date, .script_shownews_date, .gigsSmall .date, .gigsSmall .venue, .gigsSmall .city {
 line-height: 1.4em;
 font-family: arial;
 font-size: 10px;
 color: #666;
 padding-top: 6px;
}

.smart_news_topic, .script_shownews_title {
 line-height: 1.4em;
 font-family: arial;
 font-size: 12px;
 font-weight: bold;
 border: 0px solid;
 padding-bottom: 0px;
 color: #000;
 text-transform:uppercase;
}

.smart_news_pre {
 line-height: 1.4em;
 font-family: arial;
 font-size: 12px;
 color: #000;
}
 
}

.smart_news_link {
 line-height: 1.4em;
 font-family: arial;
 font-size: 12px;
 padding-bottom: 16px;
 padding-top: 6px; 
   /* 
  .smart_news_link:after
   content: " �?�»"; 
   */
 color: #b71113;
}

.script_shownews_content {
 line-height: 1.4em;
 font-family: arial;
 font-size: 12px;
 border: 0px solid;
 padding-top: 0px;
  padding-right: 180px;
 color: #000;
 text-transform:none;
}

a img {border: none;}


/**************** Sosiaalinen media linkit alkaa *****************************/

.topLinkMyspace:link,
.topLinkMyspace:active,
.topLinkMyspace:visited
 {
    background: url(http://smart2.qred.fi/files/mcm/media/myspacelogo.png) no-repeat;
    display: block;
    width: 61px;
    height: 15px;
}

.topLinkMyspace:hover {
     background: url(http://smart2.qred.fi/files/mcm/media/myspacelogohover.png) no-repeat;
}

.topLinkFacebook:link,
.topLinkFacebook:active,
.topLinkFacebook:visited
{
    background: url(http://smart2.qred.fi/files/mcm/media/facebooklogo.png) no-repeat;
    display: block;
    width: 49px;
    height: 15px;
}

.topLinkFacebook:hover {
     background: url(http://smart2.qred.fi/files/mcm/media/facebooklogohover.png) no-repeat;
}

.topLinkLastfm:link,
.topLinkLastfm:active,
.topLinkLastfm:visited
{
    background: url(http://smart2.qred.fi/files/mcm/media/lastfmlogo.png) no-repeat;
    display: block;
    width: 40px;
    height: 15px;
}

.topLinkLastfm:hover {
     background: url(http://smart2.qred.fi/files/mcm/media/lastfmlogohover.png) no-repeat;
}

.topLinkYoutube:link,
.topLinkYoutube:active,
.topLinkYoutube:visited
{
    background: url(http://smart2.qred.fi/files/mcm/media/youtubelogo.png) no-repeat;
    display: block;
    width: 32px;
    height: 15px;
}

.topLinkYoutube:hover {
     background: url(http://smart2.qred.fi/files/mcm/media/youtubelogohover.png) no-repeat;
}

/**************** Sosiaalinen media linkit loppuu *****************************/



/**************** People overit ****************************************/

.people_Petteri
 {
    background: url(http://smart2.qred.fi/files/mcm/media/petteri1.jpg) no-repeat;
    display: block;
    width: 154px;
    height: 189px;
}

.people_Petteri_hover {
     background: url(http://smart2.qred.fi/files/mcm/media/petteri2.jpg) no-repeat;
}

.people_Anna
 {
    background: url(http://smart2.qred.fi/files/mcm/media/anna1.jpg) no-repeat;
    display: block;
    width: 154px;
    height: 189px;
}

.people_Anna_hover {
     background: url(http://smart2.qred.fi/files/mcm/media/anna2.jpg) no-repeat;
}

.people_Lassi
 {
    background: url(http://smart2.qred.fi/files/mcm/media/lassi1.jpg) no-repeat;
    display: block;
    width: 154px;
    height: 189px;
}

.people_Lassi_hover {
     background: url(http://smart2.qred.fi/files/mcm/media/lassi2.jpg) no-repeat;
}

.people_Mikkop
 {
    background: url(http://smart2.qred.fi/files/mcm/media/mikkop1.jpg) no-repeat;
    display: block;
    width: 154px;
    height: 189px;
}

.people_Mikkop_hover {
     background: url(http://smart2.qred.fi/files/mcm/media/mikkop2.jpg) no-repeat;

}
.people_Markku
 {
    background: url(http://smart2.qred.fi/files/mcm/media/markku1.jpg) no-repeat;
    display: block;
    width: 154px;
    height: 189px;
}

.people_Markku_hover {
     background: url(http://smart2.qred.fi/files/mcm/media/markku2.jpg) no-repeat;
}

.people_Olli
 {
    background: url(http://smart2.qred.fi/files/mcm/media/olli1.jpg) no-repeat;
    display: block;
    width: 154px;
    height: 189px;
}

.people_Olli_hover {
     background: url(http://smart2.qred.fi/files/mcm/media/olli2.jpg) no-repeat;
}

.people_Sampsa
 {
    background: url(http://smart2.qred.fi/files/mcm/media/sampsa1.jpg) no-repeat;
    display: block;
    width: 154px;
    height: 189px;
}

.people_Sampsa_hover {
     background: url(http://smart2.qred.fi/files/mcm/media/sampsa2.jpg) no-repeat;
}

.people_Tomi
 {
    background: url(http://smart2.qred.fi/files/mcm/media/tomi1.jpg) no-repeat;
    display: block;
    width: 154px;
    height: 189px;
}

.people_Tomi_hover {
     background: url(http://smart2.qred.fi/files/mcm/media/tomi2.jpg) no-repeat;
}

.people_Pete
 {
    background: url(http://smart2.qred.fi/files/mcm/media/pete1.jpg) no-repeat;
    display: block;
    width: 154px;
    height: 189px;
}

.people_Pete_hover {
     background: url(http://smart2.qred.fi/files/mcm/media/pete2.jpg) no-repeat;
}

/**************** People overit loppuu ****************************************/



b {
    color: #000;
}

.gigs { margin-bottom: 20px }

.gigs .date, .gigs .venue, .gigs .city {

 line-height: 1.4em;
 font-family: arial;
 font-size: 12px;
 border: 0px solid;
 padding-top: 0px;
 padding-right: 0px;
 color: #666;
 text-transform:none;
}

.gigs .band {

 line-height: 1.4em;
 font-family: arial;
 font-size: 12px;
 border: 0px solid;
 padding-top: 0px;
 padding-left: 10px;
 color: #000;
 text-transform:none;
 font-weight: bold;
}

.gigsSmall {}


.gigsSmall .date, .gigsSmall .venue, .gigsSmall .city {

 /* line-height: 1.4em;
 font-family: arial;
 font-size: 10px;
 color: #666; */
 padding-top: 0px;
}


.gigsSmall .band {

 line-height: 1.4em;
 font-family: arial;
 font-size: 12px;
 border: 0px solid;
 margin-bottom: 15px;
 margin-top: 0px;
 color: #000;
 text-transform:none;
 font-weight: bold;
}

h3 {
    font-size: 16px;
   /* color: #b71113; /*
    color: #000;
    /* font-weight: none; */
    text-transform:uppercase;
    /* display: none; */
}

.smartMiniGallery {
    width: 100%;
}

.smartMiniGallery .item {
   border:1px solid #CCCCCC;
   float: left;
   margin-right:10px;
}


.smartMiniGallery img {
    border: 1px solid #fff;
}

.comments {
 padding-right: 150px;
}

.commentItem {
    padding: 12px 4px; 
    border-bottom: 1px solid #ddd;
}

.commentItem .dateAndName {
    margin: 3px 0;
    color: #666666;
    font-size: 10px;
}

.notes {
    margin-top: 35px;
}

.notes .commentInput {
    margin-bottom: 10px;
    border: 1px #999 solid;
    width: 170px;
    height: 18px;
}

.commentRightDiv textarea {
    border: 1px #999 solid; 
    width: 450px;
    height: 150px;
}

.addComment {
    margin-top: 15px;
    margin-bottom: 15px;
}

.addComment input {
    border: 1px #999 solid;
}

#captchaContainer {
    margin-top: 5px;
}

#captcha.commentInput {
    height: 18px;
    width: 95px;
}

#captchaMessage {
    margin-top: 15px;
    margin-bottom: 15px;
    padding-left: 10px;
    color: #666666;
    font-size: 10px;
    font-style: italic;
}

.captchaOk {
    margin-top: 15px;
    margin-bottom: 15px;
    padding-left: 10px;
    color: #666666;
    font-size: 10px;
    font-style: italic;
}

.time {
visibility: hidden;
}


$css_call_back