/* ============================== */
/* ! Layout for desktop version   */
/* ============================== */



/* THE BASICS */

html {
  background-image:url(../images/bg_bottom.jpg);
  background-position:50% 100%;
  background-repeat:repeat-x;
}

body{
  background-image:url(../images/bg_top.png);
  background-position: top;
  background-repeat:no-repeat;
}

a{
  text-decoration: none;
  color: #EC118F;
}

a:hover{
  color: #981B5F;
}

hr{
 border-bottom: 0px solid #981B5F;
}

ul{
  color: #EC118F;
  font-size: 14px;
  list-style: disc inside none;
  padding-bottom: 20px;
}


/* BG COLOR TAGS */

.bg_white{
  background-image:url(../images/bg_white.png);
  padding-bottom: 40px;
}


/* TEXT TAGS */

p {
  color:#981B5F;
  padding-bottom:20px;
  font-size: 14px;
}

h1{
  font-size: 30px;
  color: #ec118f;
  text-transform: uppercase;
  padding-bottom:30px;
}

h2{
  font-size: 18px;
  color: #981b5f;
  text-transform: uppercase;
  padding-bottom:30px;
}

h2 a{
  color: #981b5f;
}

h2 a:hover{
  color: #ec118f;
}

h3{
  font-size: 16px;
  color: #981b5f;
  text-transform: uppercase;
  padding-bottom:30px;
}

h3 a{
  color: #ec118f;
}

h3 a:hover{
  color: #ec118f;
text-decoration:underline;
}

.d_pink{
color: #981B5F;
}


/* HEADER */

.header{
  padding-top: 15px;
}

.title{
  background-image:url(../images/title.gif);
  background-repeat: no-repeat;
  width: 483px;
  height: 52px;
  margin-top:100px;
  margin-bottom:30px;
  margin-left:17px;
}

.title_olympic{
  background-image:url(../images/title_olympic.gif);
  background-repeat: no-repeat;
  width: 483px;
  height: 65px;
  margin-top:100px;
  margin-bottom: 30px;
}

.title_saturday{
  background-image:url(../images/title_saturday.gif);
  background-repeat: no-repeat;
  width: 483px;
  height: 65px;
  margin-top:100px;
  margin-bottom: 30px;
}

.onsale {
  font-size:12px;
  margin-top:10px;
}


/* SOCIAL */

.social{
  float: right;
}

a.facebook{
  background-image:url(../images/social.gif);
  width: 34px;
  height: 36px;
  float: left;
  margin-left: 4px;
}

a.flikr {
  background-image:url(../images/social.gif);
  background-position:105px 0;
  float:left;
  width:34px;
  height:36px;
  margin-left: 4px;
}

a.youtube {
  background-image:url(../images/social.gif);
  background-position:70px 0;
  float:left;
  width:34px;
  height:36px;
  margin-left: 4px;
}

a.twitter {
  background-image:url(../images/social.gif);
  background-position:-105px 0;
  float:left;
  width:34px;
  height:36px;
  margin-left: 4px;
}

.lang{
  float: left;
}

a.welsh{
  background-image:url(../images/welsh_btn.gif);
  width:78px;
  height:36px;
  float:left;
}

a.english{
  background-image:url(../images/english_btn.gif);
  width:78px;
  height:36px;
  float:left;
}


/* SIDEBAR */

#sidebar {
  background-color:#FFFFFF;
  margin-left:28px;
}

.logo {
  background-image:url(../images/logo.gif);
  background-repeat: no-repeat;
  height:221px;
  margin-left:10px;
  padding-bottom:25px;
  width:222px;
}


/* SEARCH */

.search {
  background-color:#EC118F;
  height:33px;
  padding-bottom:12px;
  padding-top:1px;
  width:100%;
}

.box{
  margin-left:11px;
  margin-top:5px;
  width:183px;
  height: 33px;
  background-image:url(../images/search.png);
}

input {
  background-color:#C50272;
  border-bottom-width:0;
  border-color:initial;
  border-image:initial;
  border-left-width:0;
  border-right-width:0;
  border-style:initial;
  border-top-width:0;
  margin-left:30px;
  margin-top:7px;
  width:133px;
  color: #fff;
}


/* NAV */

.nav{
  padding-top: 30px;
  text-transform: uppercase;
  font-size: 12px;
  padding-bottom: 0px!important;
}

.nav li{
  list-style-type: none;
  padding-top: 5px;
  padding-bottom: 5px;
  margin-top: 5px;
  margin-bottom: 5px;
}

.nav li a{
  text-decoration: none;
  color: #981b5f;
  padding-left: 20px;
}

.nav li:hover{
  background-color: #ec118f;
}

.nav li a:hover{
  color: #fff;
}

.children{
  font-size: 12px;
}

.active{
  background-color: #ec118f;
}

.active a{
  color: #fff!important;
}


/* TWEET FEED */

#tweets-list {
  margin-left:20px;
  margin-top:20px;
  padding-bottom:40px;
  width:225px;
}

.tweet_title{
  color:#fff;
  padding-left:20px;
  text-decoration:none;
  background-color:#EC118F;
  margin-bottom:5px;
  margin-top:5px;
  padding-bottom:5px;
  padding-top:5px;
  font-size: 15px;
  margin-top: 65px;
}

#tweets-list ul{
  list-style-type: none;
}

#tweets-list ul li{
  height: 125px;
}

#tweets-list ul li a{
  color: #ec118f;
  text-decoration: none;
}

#tweets-list ul li a:hover{
  color: #3DACB7;
}

#tweets-list .date {
  float: right;
}

#tweets-list .twitter_content{
  background-image: url("../images/bg_tweet.png");
  background-repeat: repeat;
  color: #981B5F;
  padding: 10px;
  font-size: 12px;
}

#tweets-list .twitter_content a{
  color: #ec118f;
}

#tweets-list .twitter_content a:hover{
  color: #981B5F;
}


/* CONTENT */

.page_title{
  margin-bottom: 30px;
  padding-bottom: 3px;
  border-bottom: 2px solid #981b5f;
}

#content {
  background-color:#FFFFFF;
  margin-left:28px;
  padding-left:44px;
  padding-right:44px;
  text-align: left;
  float: left;
  width: 519px;
}

.block{
margin-top: 25px;
}


/* OTHER-CONTENT */

.other-content{
  margin-top: 40px;
  float:left;
  margin-bottom:80px;
}

.latest-news{
  background-color:#EC118F;
  color:#FFFFFF;
  font-size:12px;
  margin-bottom: 20px;
  padding-bottom:5px;
  padding-left:8px;
  padding-top:5px;
  text-decoration:none;
}

.latest{
  margin-bottom: 0px!important;
  padding-bottom: 0px!important;
}

.latest h2{
  font-size: 13px!important;
  padding-bottom:0px!important;
}

.latest .date{
  padding-bottom: 20px!important;
}

.latest p{
  font-size: 11px!important;
}

.latest img{
  width: 50%!important;
  height: 50%!important;
}

.artist-small{
  color:#EC118F;
  font-size:13px;
  margin-bottom:10px;
  margin-top:10px;
  padding-bottom:3px;
  padding-left: 8px;
}

.date-small {
  background-color:#FDE6F3;
  font-size:10px;
  padding-bottom:8px;
  padding-left:8px;
  padding-right:8px;
  padding-top:8px;
}

.scroll-pane
{
  width: width:48%;
//height: 260px;
  height: 345px;
  overflow: auto;
}

.scroll-pane .artists{
  margin-bottom:20px!important;
  list-style: none;
}


/* BLOG */

.date{
  font-size: 12px;
  color: #981b5f;
}

.body{
  padding-top: 10px;
  padding-bottom: 10px;
}

.article{
  padding-bottom: 10px;
  margin-bottom: 20px;
}

a.readmore{
  text-decoration: none;
  font-size: 12px;
  text-transform: uppercase;
  color: #ec118f;
}

a.readmore:hover{
  color: #981b5f;
}

.news-title{
  padding-bottom: 3px!important;
}


/* PAGINATION */

.pagination{
  list-style-type: none;
  font-size: 12px;
  text-transform: uppercase;
  padding-bottom: 20px;
  float: right;
  color: #ec118f;
  clear: both;
}

.pagination li{
  display: inline;
}

.pagination li a{
  text-decoration: none;
}

.page{
  color: #981b5f;
}

.pagination-next{
  color: #ec118f;
}

.pagination-previous{
  color: #ec118f;
}

.selected{
  border: 1px solid #000; 
  margin-left:3px;
  margin-right:6px;
  padding-bottom:2px;
  padding-left:4px;
  padding-right:2px;
  padding-top:2px;
}

/* ARTIST LIST */

.artists-large {
  padding-bottom:50px;
}

.artist_name{
  border-bottom: 2px solid;
}

.artists-large li {
  border-bottom-color:initial;
  border-bottom-style:solid;
  border-bottom-width:2px;
  list-style-type:none;
  margin-bottom:25px;
  padding-bottom:5px;
}

.artists .small{
  padding-bottom:0px!important;
  margin-bottom:0px!important;
  border-bottom-style:none!important;
}


.day{
  padding-top: 10px;
  clear:both;
}

a.trigger {
  cursor:pointer;
  width:100%;
  font-size: 30px;
  color: #ec118f;
  text-transform: uppercase;
  padding-bottom:30px;
}

a.trigger:hover{
  color: #981B5F;
}


/* ARTIST SINGLE */


.artist_bio {
  padding-bottom:25px;
  padding-top:25px;
}

.artist-video{
  text-decoration: none;
  text-transform: uppercase;
  font-size: 13px;
  color: #ec118f;
  padding-bottom: 40px;
  float: right;
}

.artist-video:hover{
  color: #981b5f;
}

.official-website{
  text-decoration: none;
  text-transform: uppercase;
  font-size: 13px;
  color: #ec118f;
}

.official-website:hover{
  color: #981b5f;
}

.whatson {
  background-repeat: no-repeat;
  border-bottom-color: #981b5f;
  border-bottom-style:solid;
  border-bottom-width:2px;
  width:100%;
  padding-bottom: 7px;
}

.underline{
  width: 85px;
  height: 5px;
  float: right;
  background-color: #ec118f;
  margin-bottom:15px;
}


/* CYCLE SLIDESHOW */

.slideshow{
  height: 353px;
  width: 513px;
  margin-top: 10px;
}

.slideshow img{
  border: 2px solid #C50272;
  height: 353px;
  width: 513px;
}




/* IFRAME */

.iframe{
  border: 8px solid #bdb157;
  margin-top: 13px;
}

a.largemap{
  color: #981B5F!important;
  text-transform: uppercase;
  font-size: 10px;
}

a.largemap:hover{
  color: #EC118F!important;
}


/* FOOTER */

#footer {
  background-color:#FFFFFF;
  float:left;
  height:86px;
  margin-bottom:20px;
  margin-top:60px;
  width:100%;
  padding-bottom: 10px;
  padding-top: 10px;
}

.padding3{
   padding-left: 206px;
}

.padding2{
//padding-left: 40px;
}

.padding2 .sponsor2{
  margin-right: 0px!important;
}

.padding2 .sponsor3{
  margin-right: 7px!important;
}

.padding2 .sponsor4{
  margin-right: 14px!important;
}

.padding2 .sponsor5{
  margin-right: 10px!important;
}

.padding1{
padding-left:279px;
}

.sponsor1 {
  background-image:url(../images/sponsors.gif);
  background-position: 0 0;
  float: left;
  height: 86px;
  width: 114px;
}


.sponsor2 {
  background-image:url(../images/sponsors.gif);
  background-position: 0 86px;
  float: left;
  height: 86px;
  margin-right: 14px;
  width: 110px;
}

.sponsor3 {
  background-image:url(../images/sponsors.gif);
  background-position:-138px 0;
  float:left;
  height:86px;
  margin-right:22px;
  width:138px;
}

.sponsor4 {
  background-image:url(../images/sponsors.gif);
  background-position: -276px 0;
  float:left;
  height:86px;
  margin-right:22px;
  width:138px;
}


.sponsor5 {
  background-image:url(../images/sponsors.gif);
  background-position: -276px -86px;
  float:left;
  height:86px;
  margin-right:22px;
  width:138px;
}

.sponsor6 {
  background-image:url(../images/sponsors.gif);
  background-position: 276px 172px;
  float:left;
  height:86px;
  width:138px;
}


.sponsor7 {
  background-image:url(../images/sponsors.gif);
  background-position: -138px 86px;
  float:left;
  height:86px;
  margin-right:22px;
  width:138px;
}

.sponsor8 {
  background-image:url(../images/sponsors.gif);
  background-position:-276px -172px;
  float:left;
  height:86px;
  margin-right:22px;
  width:138px;
}

.sponsor9 {
  background-image:url(../images/sponsors.gif);
  background-position: 412px 172px;
  float:left;
  height:86px;
  width:138px;
}




/* MAINTENANCE */

.maintenance_title{
  background-image:url(../images/title.gif);
  background-position:50% 50%;
  background-repeat: no-repeat;
  height:65px;
  margin-top:30px;
  text-align:center;
  width:960px;
}


.maintenance_content{
  color:#981B5F;
  font-family:arial;
  font-size:14px;
  height:54px;
  margin-top:240px;
  text-align:center;
  text-transform:uppercase;
  margin-bottom:600px;
}


/* CONTACT FORM 1.1 */

.contact_form {
    color: #981B5F;
    font-family: arial;
    font-size: 15px;
    margin-right:13px;
}

label {
    clear: both;
    float: right;
}

textarea {
   border: 2px solid #bdb157;
   width: 285px;
   color:  #981B5F;
   height: 69px;
}

input#submit {
  background-color: #bdb157!important;
  color: #fff!important;
  text-transform: uppercase!important;
  cursor:pointer!important;
}

.contact_form input{
  text-transform: none!important;
  background-color: #fff!important;
  border: 2px solid #bdb157;
  color: #981B5F!important;
}

.message {
  margin-right: 9px;
  float: left;
}

.contact_form span {
  margin-right:-22px;
  text-transform: uppercase;
  font-size: 11px;
}

.contact_form a {
  color: #45C3D3;
  text-decoration: none;
}

.contact_form a:hover{
  color: #fff;
}

.address{
  padding: 20px
}

/* CONTACT FORM 1.2 */

.contact_form span{
  color: #49443E;
  font-size: 18px;
}

.contact_form label {
  clear: both;
  float: right;
  margin-bottom: 10px;
}

.contact_form input {
  height: 22px;
  width: 317px;
  color: #49443E;
  margin-left: 0px!important;
}

.contact_form textarea {
  color: #981B5F;
  font-size: 13px;
  height: 140px;
  width: 482px;
  font-family:arial;
}

.contact_form .required {
  margin-right: 156px;
}

.contact_form #submit{
  width: 100px;
  background-color: #49443e;
  border: 0px solid;
  color: #fff;
  font-family: arial;
  font-size: 15px;
  text-transform: uppercase;
  cursor: pointer;
}

.contact_form #submit:hover{
  background-color: #fff;
  color: #49443e;
}

.contact_form .error{
  background-color: #EC118F;
  color: #FFFFFF;
  font-family: arial;
  font-size: 15px;
  margin-bottom: 25px;
  padding: 8px;
  width: 482px;
}

.contact_form .success{
  background-color: #EC118F;
  color: #FFFFFF;
  font-family: arial;
  font-size: 15px;
  margin-bottom: 25px;
  padding: 8px;
  width: 482px;
}


/* HOSPITALITY CONTACT FORM */

.hospitality-contact-form fieldset {
  margin-right:173px;
}

.hospitality-contact-form input {
  background-color:#FFFFFF !important;
  border-bottom-color:#BDB157;
  border-bottom-style:solid;
  border-bottom-width:2px;
  border-image:initial;
  border-left-color:#BDB157;
  border-left-style:solid;
  border-left-width:2px;
  border-right-color:#BDB157;
  border-right-style:solid;
  border-right-width:2px;
  border-top-color:#BDB157;
  border-top-style:solid;
  border-top-width:2px;
  color:#981B5F !important;
  text-transform:none !important;
}

.hospitality-contact-form span {
  font-size:11px;
  margin-right:-22px;
  text-transform:uppercase;
  color:#981B5F;
}









/* ============================= */
/* ! Layout for mobile version   */
/* ============================= */

@media handheld, only screen and (max-width: 767px) {

  body {
    
  }

}


/* ========================================== */
/* ! Provide higher res assets for iPhone 4   */
/* ========================================== */

@media only screen and (-webkit-min-device-pixel-ratio: 2) { 

/*  .logo {
    background: url(http://www.accessalleirias.com/workspace/assets/css/logo2x.jpg) no-repeat;
    background-size: 212px 303px;
  }*/

}