/*
Theme Name: ABBA Wordpress Theme
Author: Universal Music Labs
Author URI: http://www.universalmsuic.se
Description: Built on Twenty Eleven.
Version: 1.0
Tags: light, flexible-width
*/

/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}
:focus {/* remember to define focus styles! */outline: 0;}
body {background: #fff; line-height: 1;}
ol, ul {list-style: none;}
table {/* tables still need 'cellspacing="0"' in the markup */ border-collapse: separate; border-spacing: 0;}
caption, th, td {font-weight: normal; text-align: left;}
blockquote:before, blockquote:after, q:before, q:after { content: "";}
blockquote, q { quotes: "" "";}
a img {border: 0;}
article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section {display: block;}

.clear-fix {clear: both;}
strong {font-weight: bold;}
/* =Structure
----------------------------------------------- */
/* =Structure
----------------------------------------------- */
body {padding: 0 0em;}
#phone-fix {padding: 0 0em;}
#page {margin: 0em auto; max-width: 960px; padding: 0 15px 0 15px;}
#branding hgroup { margin: 0px 7.6%;}
#access div { margin: 0 0%;}
#primary { width: 100%;}
#content {margin: 0 34% 0 7.6%; width: 58.4%;}
#secondary {float: right;margin-right: 7.6%;width: 18.8%;}

/* Singular */
.singular #primary {margin: 0;}
.singular #content,
.left-sidebar.singular #content {margin: 0 7.6%;position: relative;width: auto;}
.singular .entry-header,
.singular .entry-content,
.singular footer.entry-meta,
.singular #comments-title {margin: 0 auto;width: 68.9%;}

/* Attachments */
.singular .image-attachment .entry-content {margin: 0 auto;width: auto;}
.singular .image-attachment .entry-description {margin: 0 auto;width: 68.9%;}

/* Showcase */.page-template-showcase-php #primary,.left-sidebar.page-template-showcase-php #primary {margin: 0;}
.page-template-showcase-php #content,
.left-sidebar.page-template-showcase-php #content {margin: 0 0.6%;width: auto;}
.page-template-showcase-php section.recent-posts {float: right;margin: 0 0 0 31%;width: 69%;
}
.page-template-showcase-php #main .widget-area {float: left;margin: 0 -22.15% 0 0;width: 22.15%}

/* error404 */
.error404 #primary {float: none;margin: 0;}
.error404 #primary #content {margin: 0 7.6%;width: auto;}

/* Alignment */
.alignleft {display: inline;float: left;margin-right: 1.625em;
}
.alignright {display: inline;float: right;margin-left: 1.625em;}
.aligncenter {clear: both;display: block;margin-left: auto;margin-right: auto;}

/* Right Content */
.left-sidebar #primary {float: right;margin: 0 0 0 -26.4%;width: 100%;}
.left-sidebar #content {margin: 0 7.6% 0 34%;width: 58.4%;}
.left-sidebar #secondary {float: left;margin-left: 7.6%;margin-right: 0;width: 18.8%;}

/* One column */
.one-column #page {max-width: 690px;}
.one-column #content {margin: 0 7.6%;width: auto;}
.one-column #nav-below {border-bottom: 1px solid #ddd;margin-bottom: 1.625em;}
.one-column #secondary {float: none;margin: 0 7.6%;width: auto;}

/* Simplify the showcase template */
.one-column .page-template-showcase-php section.recent-posts {float: none;margin: 0;width: 100%;}
.one-column .page-template-showcase-php #main .widget-area {float: none;margin: 0;width: auto;}
.one-column .page-template-showcase-php .other-recent-posts {border-bottom: 1px solid #ddd;}
/* Simplify the showcase template when small feature */
.one-column section.featured-post .attachment-small-feature {border: none;display: block;height: auto;max-width: 60%;position: static;}
.one-column article.feature-image.small {margin: 0 0 1.625em;padding: 0;}
.one-column article.feature-image.small .entry-title {font-size: 20px;line-height: 1.3em;}
.one-column article.feature-image.small .entry-summary {height: 150px;overflow: hidden;padding: 0;text-overflow: ellipsis;}
.one-column article.feature-image.small .entry-summary a {left: -9%;}
/* Remove the margin on singular articles */
.one-column.singular .entry-header,
.one-column.singular .entry-content,
.one-column.singular footer.entry-meta,
.one-column.singular #comments-title {width: 100%;}
/* Simplify the pullquotes and pull styles */
.one-column.singular blockquote.pull {margin: 0 0 1.625em;}
.one-column.singular .pull.alignleft {margin: 0 1.625em 0 0;}
.one-column.singular .pull.alignright {margin: 0 0 0 1.625em;}
.one-column.singular .entry-meta .edit-link a {position: absolute;left: 0;top: 40px;}
.one-column.singular #author-info {margin: 2.2em -8.8% 0;padding: 20px 8.8%;}
/* Make sure we have room for our comment avatars */
.one-column .commentlist > li.comment {
	margin-left: 102px;
	width: auto;
}
/* Make sure the logo and search form don't collide */
.one-column #branding #searchform {right: 40px;top: 4em;}
/* Talking avatars take up too much room at this size */
.one-column .commentlist > li.comment {margin-left: 0;}
.one-column .commentlist > li.comment .comment-meta,
.one-column .commentlist > li.comment .comment-content {margin-right: 85px;}
.one-column .commentlist .avatar {background: transparent;display: block;padding: 0;top: 1.625em;left: auto;right: 1.625em;}
.one-column .commentlist .children .avatar {background: none;padding: 0;position: absolute;top: 2.2em;left: 2.2em;}
.one-column #respond {width: auto;}

/* =Global
----------------------------------------------- */
p {font-size: 14px;}
body, input, textarea {color: #373737;font: 15px "Helvetica Neue", Helvetica, Arial, sans-serif;font-weight: 300;line-height: 1.625;}

/* Links */
a {color: #1982d1;text-decoration: none;}
a:focus,
a:active,
a:hover {text-decoration: underline;}
/* Assistive text */
.assistive-text {position: absolute !important;clip: rect(1px 1px 1px 1px); /* IE6, IE7 */clip: rect(1px, 1px, 1px, 1px);}
#access a.assistive-text:active,
#access a.assistive-text:focus {background: #eee;border-bottom: 1px solid #ddd;color: #1982d1;clip: auto !important;font-size: 12px;position: absolute;text-decoration: underline;top: 0;left: 7.6%;}


/* =Main Divs
----------------------------------------------- */
#main {padding-top:20px;}
body {border-top:solid #FFF 2px; background: #FFF;background-image: url('images/bg.jpg');background-position: top center;background-repeat: no-repeat;}
#page {background: #fff;}

/* =Menu
-------------------------------------------------------------- */
#access {margin: 0 auto 0px auto;width: 100%;max-width: 960px;}
#access ul {font-size: 13px;list-style: none;margin: 0 0 0 -0.8125em;padding-left: 0;}
#access li {float: right;position: relative;background-image: url('images/separator.png'); background-position: right center; background-repeat: no-repeat;}
#access li:first-child {background-image: none;}
#access a {color: #fff;line-height: 3.333em;padding: 0 1.2125em;text-decoration: none;font-size:14px;text-transform: uppercase;}
#access a:hover {color:#e7b861;}
#access ul ul {-moz-box-shadow: 0 3px 3px rgba(0,0,0,0.2);-webkit-box-shadow: 0 3px 3px rgba(0,0,0,0.2);box-shadow: 0 3px 3px rgba(0,0,0,0.2);display: none;float: left;margin: 0;position: absolute;top: 3.333em;left: 0;width: 188px;z-index: 99999;}
#access ul ul ul {left: 100%;top: 0;}

/* =Header
----------------------------------------------- */
#branding {padding-bottom: 10px;position: relative;z-index: 9999; margin:0 auto; max-width:960px; z-index: 1;}
#site-title {margin-right: 270px;padding: 3.65625em 0 0;}
#site-title a {color: #111;font-size: 30px;font-weight: bold;line-height: 36px;text-decoration: none;}
#site-title a:hover,
#site-title a:focus,
#site-title a:active {color: #1982d1;}
#site-description {color: #7a7a7a;font-size: 14px;margin: 0 270px 3.65625em 0;}
#branding img {margin-bottom: -7px;}
#logo { padding-top:6em; width:276px;height:109px;float:left;}
#description {color:#FFF;font-size: 13px;width:150px; float: left;}
#official {margin:172px 0 0 10px;text-shadow: 1px 1px 1px #000000;filter: dropshadow(color=#000000, offx=1, offy=1);}

/* =Slideshow
----------------------------------------------- */
.slideshow-image {/*width:65.7%;*/ float:left; width: 100%;}
.slideshow-content {width:32%;float:right;padding: 1%; display: none;}
#slideshow {/*background-color: #171717;*/ }
#slideshow p{color:#FFF; margin-top: 15px;}
#slideshow h3 {font-size: 18px;color:#FFF; line-height: 1.5em;}
#slideshow {margin:0 0.5%; }

/* =Banner 310
----------------------------------------------- */
#banner-wrapper {padding-top: 20px;display:block;}
#banner-wrapper2 {display:block;}
.banner-310 {float:left; margin:0 0.5%; width:32.3%;margin-bottom: 15px;}
.banner-310 .image {overflow: hidden; height:auto;}
.banner-310 .image img{max-width:100%; height:auto; display:block;}
.banner-310 .title {margin-top:-40px;background-color: black;width:99.9%;max-height:40px;min-height: 40px;float:left; background-color: black; opacity: 0.99;}
.banner-310 .title a { filter:alpha(opacity=100); opacity:1!important; padding: 10px 0 0 10px;margin-top: 10px;color:#FFF;font-size: 15px;line-height:40px;color: rgb(255, 255, 255); opacity: 1; text-decoration: none; text-transform: uppercase;}

.iefix {position: relative;}

/* =Banner 470
----------------------------------------------- */

.banner-470 {width:49%; max-width:470px;float:left;margin:0 0.5% 15px;color:#FFF; line-height: 20px;}
.banner-470 p {color:#FFF; line-height: 20px;}
.banner-470 h4 a {font-size: 15px; color:#FFF; text-transform: uppercase;}
.banner-470 h4 a:hover {color:#e8bf80;text-decoration: none;}
.banner-470 .image {float:left; }
.banner-470 .image img {}
.content-470 {height:70px;float:left; max-width:505px; width:70%;}
#banner-470 .one-470 {padding: 0 5px; width:48.8%; float:left;float:left;}
#banner-470 .two-470 {padding: 0 5px;width:48.8%;float:left;}



/* =Gradient
-------------------------------------------------------------- */
.gradient {
background-color:#5e99c1;
}

/* Discography
-------------------------------------------------------------- */
a {color:#bb7f11;}
#960-wrapper {max-width:960px;}
.album-container {float: left; margin: 0 0.5% 15px; width: 32.3%;}
.album-container img{float:left;max-width: 110px; max-height: 110px;width:31.9%;}
.smalldvd {float: left!important; margin: 0 0.5% 14px!important; width: 32.3%!important;}
.smalldvd img.cover {float:left!important;max-width: 75px!important; padding: 0 12px!important; max-height: 98px!important; height: 98px!important; width:31.9%!important;}
.smalldvd .album-meta {height: 98px!important;}
.dvd-container img.cover {float:left;max-width: 90px; max-height: 125px; height: 125px; width:31.9%;}
.dvd-container .album-meta {height: 125px;}
.album-meta {width:64.1%;float:left; padding-left: 3%;height:97px;}
.album-meta h3 {padding-top: 3%;line-height:17px;}
.album-meta h3 a{color:#373737;text-decoration: none;}
.album-meta h3 a:hover {color: #878787;}
.album-meta li{list-style-type: none;line-height: 1.3em;font-size: 13px;color: #878787;}
.album-meta {background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #f8f8f8 58%, #f8f8f8 60%, #f8f8f8 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(58%,#f8f8f8), color-stop(60%,#f8f8f8), color-stop(100%,#f8f8f8)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 0%,#f8f8f8 58%,#f8f8f8 60%,#f8f8f8 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffffff 0%,#f8f8f8 58%,#f8f8f8 60%,#f8f8f8 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffffff 0%,#f8f8f8 58%,#f8f8f8 60%,#f8f8f8 100%); /* IE10+ */
background: linear-gradient(top,  #ffffff 0%,#f8f8f8 58%,#f8f8f8 60%,#f8f8f8 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f8f8f8',GradientType=0 ); /* IE6-9 */
border: 1px solid #d9d9d9;
}
.years li {display: inline;text-align: left;}
.years li a { text-align: left;}
#discography-type li a:hover {color:#BB7F11; text-decoration: none;}
#discography-type li a {color:#909090;padding-right: 5px;}
#discography-type {margin:0 5px 0px 5px; padding:7px 0 7px 10px;
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #f8f8f8 58%, #f8f8f8 60%, #f8f8f8 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(58%,#f8f8f8), color-stop(60%,#f8f8f8), color-stop(100%,#f8f8f8)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 0%,#f8f8f8 58%,#f8f8f8 60%,#f8f8f8 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffffff 0%,#f8f8f8 58%,#f8f8f8 60%,#f8f8f8 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffffff 0%,#f8f8f8 58%,#f8f8f8 60%,#f8f8f8 100%); /* IE10+ */
background: linear-gradient(top,  #ffffff 0%,#f8f8f8 58%,#f8f8f8 60%,#f8f8f8 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f8f8f8',GradientType=0 ); /* IE6-9 */
border-top: 1px solid #d9d9d9;}
#discography-years li a {padding-right: 5px; color:#909090;}
#discography-years strong{color:#BB7F11; font-weight:  normal;}
#discography-type strong{color:#BB7F11; font-weight:  normal;}
#discography-years li a:hover {color:#BB7F11; text-decoration: none;}
#discography-years {margin:0 5px 20px 5px; padding:7px 0 7px 10px;
border-top: 1px solid #d9d9d9;
border-bottom: 1px solid #d9d9d9;
}


.button {
   border-top: 1px solid #dedede;
   background: #f9f9f9;
   background: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#f9f9f9));
   background: -webkit-linear-gradient(top, #f8f8f8, #f9f9f9);
   background: -moz-linear-gradient(top, #f8f8f8, #f9f9f9);
   background: -ms-linear-gradient(top, #f8f8f8, #f9f9f9);
   background: -o-linear-gradient(top, #f8f8f8, #f9f9f9);
   padding: 4px 8px;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   color: white;
   font-size: 12px;
   font-family: Georgia, serif;
   text-decoration: none;
   vertical-align: middle;
   }


/* Footer
-------------------------------------------------------------- */
.copy-right {width:40%; float:left;margin-top: 10px;}
.copy-right p{font-size: 13px;color:#bcbcbc;padding:15px 0 0 10px;}
.footer-logo {width: 50%; float:right;margin-top: 20px;}
.footer-logo a {padding:0 10px 0 10px;float:right;}
#footer-wrapper {background-color: #f6f6f6; border-top:1px solid #cfcfcf;margin: 50px auto 0px auto;padding-bottom:30px;}
#footer-2 {;margin: 0px auto 0 auto;max-width:960px;}
.opacity img{opacity:0.4;filter:alpha(opacity=40); /* For IE8 and earlier */}

/* =IE7
----------------------------------------------- */

#ie7 article.intro {
	margin-left: -7.6%;
	margin-right: -7.6%;
	padding-left: -7.6%;
	padding-right: -7.6%;
	max-width: 1000px;
}
#ie7 section.featured-post {
	margin-left: -7.6%;
	margin-right: -7.6%;
	max-width: 850px;
}
#ie7 section.recent-posts {
	margin-right: 7.6%;
}

.entry-content p {margin-bottom: 10px;}
#content-page {max-width:65%; min-width: 500px; float:left;}
#secondary-two {width:31%;float:right; }
.campaign-widget { background: #092f56;
background: -moz-linear-gradient(top,  #092f56 0%, #0c2d4f 73%, #162b40 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#092f56), color-stop(73%,#0c2d4f), color-stop(100%,#162b40));
background: -webkit-linear-gradient(top,  #092f56 0%,#0c2d4f 73%,#162b40 100%);
background: -o-linear-gradient(top,  #092f56 0%,#0c2d4f 73%,#162b40 100%);
background: -ms-linear-gradient(top,  #092f56 0%,#0c2d4f 73%,#162b40 100%);
background: linear-gradient(top,  #092f56 0%,#0c2d4f 73%,#162b40 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#092f56', endColorstr='#162b40',GradientType=0 );
margin-bottom: 10px;
padding:10px;
}
#secondary-two h3{font-size: 17px; color:#FFF;padding:10px;}
#secondary-two p{font-size: 13px; color:#FFF;padding:10px;}
h1 {   font-size: 25px;
    margin-bottom: 15px;
    padding-bottom: 5px;}


.track {border-bottom:1px solid #e2e2e2;}
.track a{padding: 10px 0 10px 0;color:#878787; text-decoration: none;}

.track-shortener {float:left; width:100%; text-overflow: ellipsis; overflow: hidden; padding: 4px 0px;}
.track-shortener h2 {padding-left:1px;}
.track a {width:50px;}
.track {border-bottom:1px solid #e2e2e2;}
.track a{padding: 10px 0 10px 0;color:#878787; text-decoration: none; }
/**.track-shortener {float:left;text-overflow:ellipsis; overflow: hidden; width:60%;}**/

.track-listen {float:right;}
.track-listen a {color:#BB7F11; }
.track-listen a:hover {color:#878787;}
.album-info h3 {font-size: 25px; color:#373737;}
.album-info p {padding-bottom:10px; }
#column-1 {width:37%;float:left; padding-right: 3%;}
#column-2 {width:60%;float:left;}
.lyrics {background-color:#f7f7f7;padding:15px 10px 10px 10px; margin-bottom: 10px; border-top:1px solid #e2e2e2; background-image: url('images/drop.png'); background-repeat:repeat-x;margin-top:5px;}
.lyrics p {padding-bottom:15px;}

/**Articles**/
.article-img img {border: 1px solid #CFCFCF;}
.article-img {width: 130px; height:130px; float:left;}
.article-content {border-bottom: 1px solid #CFCFCF;padding-bottom: 15px;}
.article-excerpt {padding-left: 150px;}
.article-excerpt p{padding-right: 10px;}
.article-excerpt a{margin-top: 10px;}
.article-title  {   font-size: 20px;margin-top: 15px;padding-bottom: 5px;}
.article-title a {color:#373737;}
.article-title a:hover {color:#bc7f26;}
.shine {}
/**Articles Menu **/
.articles-menu {border-radius: 5px 5px 5px 5px; overflow: hidden; border: 1px solid #cfcfcf;}
.active {
background-color: #be8a4b;
-webkit-box-shadow: inset 0px 0px 1px 1px rgba(000, 000, 000, 0.1);
box-shadow: inset 0px 0px 1px 1px rgba(000, 000, 000, 0.1);
}
.articles-nav li {float: left; border:1px solid #b89760; border-bottom: 1px solid #dfc6a5; padding:2px 10px 2px 10px;
font-size: 12px;
border-radius: 8px;
border-bottom: 1px solid #c8b193;
color:white;
}
.articles-nav li:last-child {margin-left: 10px;}
.articles-menu h4{
border-top:1px solid white;
border-bottom:1px solid #9b713c ;
padding:10px 0 10px 10px;
background: rgb(219,184,120);
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RiYjg3OCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiZThhNGIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  rgba(219,184,120,1) 0%, rgba(190,138,75,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(219,184,120,1)), color-stop(100%,rgba(190,138,75,1)));
background: -webkit-linear-gradient(top,  rgba(219,184,120,1) 0%,rgba(190,138,75,1) 100%);
background: -o-linear-gradient(top,  rgba(219,184,120,1) 0%,rgba(190,138,75,1) 100%);
background: -ms-linear-gradient(top,  rgba(219,184,120,1) 0%,rgba(190,138,75,1) 100%);
background: linear-gradient(to bottom,  rgba(219,184,120,1) 0%,rgba(190,138,75,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dbb878', endColorstr='#be8a4b',GradientType=0 );
-webkit-border-radius: 5px 5px 0px 0px;
border-radius: 5px 5px 0px 0px;
float: none;
}
.list a li:hover{background-color: #e6e6e6;}
.list a li:active{background-color: #e6e6e6; -webkit-box-shadow: inset 0px 0px 2px 2px rgba(000, 000, 000, 0.2);

        box-shadow: inset 0px 0px 2px 2px rgba(000, 000, 000, 0.2);}
.articles-nav {}
.list li{ padding: 10px 10px 10px 10px;
border-bottom: 1px solid #cfcfcf;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNmY2ZjYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(246,246,246,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(246,246,246,1)));
background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(246,246,246,1) 100%);
background: -o-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(246,246,246,1) 100%);
background: -ms-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(246,246,246,1) 100%);
background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(246,246,246,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#f6f6f6',GradientType=0 );
}
/** Fixes 2014 **/
.content-470 {background-image: url('images/abbasite_link_spotify.jpg')}
.content-470 h4 {line-height: 17px;margin:27px 0 0 15px;}
.banner-470 .image {border-right: 1px solid white; height: 100%;}
.banner-470 {height:70px;}
.banner-facebook {
	color: #FFFFFF;
    float: left;
    line-height: 20px;
    margin: 0 0.5% 15px;
    max-width: 470px;
    width: 49%;
   }
.today {
margin: 0 0.5% 15px;
    width: 32.3%;
 display: inline;
    float: left;
    padding-bottom: 22.3%;
    position: relative;
color:white;
height: 0px;
overflow: hidden;
background-image: url('images/abbasite_today_background.jpg');
}
.today p{margin:0 15px 15px 15px;font-size:12px;}
.today h4{margin:15px 15px 5px 15px;text-transform: uppercase;}

/** Fixar **/
.wp-pagenavi {margin: 15px 0 10px 10px;}
.entry-header h1 {
    border-bottom: 1px dotted #BB7F11;
}
.wp-pagenavi a, .wp-pagenavi span {border:none !important; padding: 3px 1px !important;}

/* Campaign -----*/

.campaign-wrapper {height: 350px;}

#campaign-image {
   width: 40%;
   margin: 0 auto;
   padding-top: 50px;
}

#campaign-image img {width: 100%;}

#campaign-leftcontent {
   float: left;
   width: 98%;
   padding: 20px;
}

#campaign-title {
   width: 50%;
   text-align: center;
   margin: 0 auto;
   line-height: 1.2;
}

#campaign-title h1 {
   padding: 5px 0px;
   margin: 0;
   font-size: 38px;
}

#campaign-content {
   width: 45%;
   height: auto;
   margin: 0 auto;
   text-align: center; f
   ont-size: 18px;
   color: #909090;
}

#campaign-content p {
   padding: 10px 10px 20px 10px;
   font-size: 16px;
   color: #909090;
}

.campaign-button {
    margin-top: 10px;
    font-size: 16px;
    padding: 10px 15px 10px 15px;
    background: rgb(219,184,120);
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, rgba(219,184,120,1) 0%, rgba(190,138,75,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(219,184,120,1)), color-stop(100%,rgba(190,138,75,1)));
    background: -webkit-linear-gradient(top, rgba(219,184,120,1) 0%,rgba(190,138,75,1) 100%);
    background: -o-linear-gradient(top, rgba(219,184,120,1) 0%,rgba(190,138,75,1) 100%);
    background: -ms-linear-gradient(top, rgba(219,184,120,1) 0%,rgba(190,138,75,1) 100%);
    background: linear-gradient(to bottom, rgba(219,184,120,1) 0%,rgba(190,138,75,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dbb878', endColorstr='#be8a4b',GradientType=0 );
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

a.campaign-button {color: #ffffff!important;}

a.campaign-button:hover {opacity: 0.8;}

#basic-modal-content {display:none;}

/* Overlay */
#simplemodal-overlay {
   background-color:#000;
   opacity: 1!important;
}

/* Container */
#simplemodal-container {
   height:90%;
   width:90%;
   color:#bbb;
   background-color:#000;
   padding:12px;}
#simplemodal-container .simplemodal-data {padding:8px;}
#simplemodal-container code {background:#141414; border-left:3px solid #65B43D; color:#bbb; display:block; font-size:12px; margin-bottom:12px; padding:4px 6px 6px;}
#simplemodal-container a {
   color:#bb7f11;
}
#simplemodal-container a.modalCloseImg {
   background: url('images/close.png') no-repeat;
   width:25px;
   height:29px;
   display:inline;
   z-index:3200;
   position:absolute;
   top:-15px;
   right:-16px;
   cursor:pointer;}
#simplemodal-container h3 {color:#84b8d9;}

/* Campaign Comments page -----*/
#campaign-comments-wrapper .campaign-left {width: 60%; float: left;}
#campaign-comments-wrapper .campaign-right {width: 35%; float: right;}
#campaign-comments-wrapper .campaign-right img {width: 100%; margin-top: 42px;}
#campaign-comments-wrapper #comments {clear: both;}
#campaign-comments-wrapper a {color: #5D98C0;}
#campaign-comments-wrapper .comments-list {width: 60%;}
#campaign-comments-wrapper #comments-title {display: none;}
#campaign-comments-wrapper input {
   box-shadow: none;
   padding: 5px;
   border-radius: 3px;
   border: 1px solid #ccc;
}
#campaign-comments-wrapper textarea {
   box-shadow: none;
   padding: 5px;
   border-radius: 3px;
   border: 1px solid #ccc;
   width: 100%;
}

#campaign-comments-wrapper input#submit {
       background: #C08D4E;
       border-radius: 3px;
       color: #fff;
      padding: 5px 15px;
      border: 1px solid #dfc6a5;
}

#campaign-comments-wrapper .comment-form {padding-bottom: 30px;}
#campaign-comments-wrapper h1 {border-bottom: 1px dotted #BB7F11;}
#campaign-comments-wrapper p {padding-bottom: 10px;}
#campaign-comments-wrapper .comments-info {width: 100%; padding: 5px 0px; height: 210px;}
#campaign-comments-wrapper .form-allowed-tags {display: none;}
#campaign-comments-wrapper .comment {padding: 5px 5px;}
#campaign-comments-wrapper .even {background: #f7f7f7;}
#campaign-comments-wrapper .odd {background: #ededed;}
#campaign-comments-wrapper .comment .children {padding-left: 20px;}
#campaign-comments-wrapper #reply-title {display: none;}
#campaign-comments-wrapper time {display: none;}
#campaign-comments-wrapper .logged-in-as {display: none;}
#campaign-comments-wrapper .reply {padding: 5px 0px;}
#campaign-comments-wrapper .reply a {color: #bb7f11; padding: 5px 0px;}
#campaign-comments-wrapper .comment-author {color: #5D98C0; padding: 0px 0px 10px 0px;}
#campaign-comments-wrapper .edit-link a {color: #5D98C0; float: right; padding: 10px;}
p.comment-form-author {padding: 10px 0px;  }
p.comment-form-email {padding: 10px 0px;}
p.comment-form-url {display: none;}
p.comment-form-comment {padding: 10px 0px;}
img.avatar {display: none;}



/** Flexible **/
@media all and (max-width: 1500px) and (min-width: 960px) {
  div.page {width:960px;}
}
@media all and (max-width: 960px) and (min-width: 720px) {
  div.page {width:720px;}
  body {padding:0px;}
  .today p{font-size: 10px; line-height: 13px;}

}

@media (max-width: 800px) {
   #campaign-content {
      width: 60%;
   }
   #campaign-title {
      width: 60%;
   }
}

@media all and (max-width: 720px) and (min-width: 480px) {
	#content-page {max-width:100%;}
	div.page {width:480px;}
	.today p{font-size: 10px;}
	body {padding:0px;}
	.slideshow-image {width:100%;}
	#secondary-two {float:left; width:100%; }
	.slideshow-content {width:95%;padding:10px;}
	.slideshow-content img{width:95%;padding:10px;}
	.slideshow-content p { }
	.button-wrapper {margin-bottom: 20px;}
	#slideshow {height:100%;}
	#official {width:100%; margin: 0; text-align: center; float:none; }
	#logo {float: none; margin: 0 auto 0 auto;}
	#description {width:100%;}
	#content-page {max-width: 100%; min-width:100%;}
	.banner-470 {width:100%; max-width:100%;}
	.album-container {float: left; margin: 0 0.5% 15px; width: 49%;}
	.album-container img{width: 110px; height: 110px;}
	.album-meta {width:53%;height:108px;}
	.today p{font-size: 10px;}
	.banner-310 .title a {font-size:12px;}
		    .banner-facebook {width:100%;max-width: 100%;}
	.today {
    color: #FFFFFF;
    float: left;
    height: 0px;
    width: 100%;

}
}
@media all and (max-width: 600px) and (min-width: 500px) {
  .banner-310{width:100%;}
    .banner-310 img{ width:100%; height:100%; }
 	.album-container {float: left; margin: 0 0.5% 15px; width: 100%;}
	.album-container img{width: 110px; height: 110px;}
	.album-meta {width:53%;height:108px;}


}
@media all and (max-width: 500px) and (min-width: 240px) {
  div.page {width:240px;}
  body {padding:0px;}
  	#content-page {max-width: 100%; min-width:100%;}
  .banner-310 {max-width: 100%;}
  #header-wrapper h1{ font-size: 60px;}
  .like-fb {display: none;}
  #secondary-two {float:left; width:100%;}
  .menu-title {float:right; text-align: right;}
  .slideshow-image {width:100%;}
  .slideshow-content {width:95%;padding:10px;}
  .slideshow-content p {padding: 0 10px 10px 10px;}
  .slideshow-content h3 { padding: 0 10px 10px 10px;}
  .button-wrapper {margin-bottom: 20px;}
  #slideshow {height:100%;}
  #official {width:100%; margin: 0; text-align: center; float:none; }
  #logo {float: none; margin: 0 auto 0 auto;}
  #description {width:100%;}
  .banner-470 {width:100%; max-width:100%;}
  .banner-310 {width:100%; max-width:100%;}
  .content-470 {width:200px;}
 #access a {font-size: 10px;}
 	.album-container {float: left; margin: 0 0.5% 15px; width: 100%;}
	.album-container img{width: 110px; height: 110px;}
	.album-meta {width:65%;height:108px;}
	#column-1 {width:100%;float:left; padding-right: 3%;}
	#column-2 {width:100%;float:left;}
		.album-meta {width:55%;height:108px;}
	.track-shortener {width:100%;padding: 4px 0;}
	.entry-content {width:100%;}
.banner-facebook {width:100%;max-width: 100%;}
.content-470 h4 {line-height: 17px;margin:18px 0 0 15px;}
	.today {
    color: #FFFFFF;
    float: left;
    height: 100%;
    width: 100%;
}
}

@media (max-width: 480px) {
   #campaign-image {
    width: 80%;
   }
   #campaign-content {
      width: 100%;
   }
   #campaign-title {
      width: 100%;
   }
   #campaign-title h1 {
      font-size: 26px;
   }
   .banner-facebook {display: none;}
}


@media all and (max-width: 1024px) and (min-width: 768px) { #slideshow {height:;}
.slideshow-image {height: 255px !important;}
}

@media all and (max-width: 320px) {
.slideshow-image {height: 100px !important;}

}
/** Flexible Ends **/

/* =Button
-------------------------------------------------------------- */
.button {
background: #dab878; /* Old browsers */
background: -moz-linear-gradient(top,  #dab878 0%, #c89c5c 65%, #bc8848 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dab878), color-stop(65%,#c89c5c), color-stop(100%,#bc8848)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #dab878 0%,#c89c5c 65%,#bc8848 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #dab878 0%,#c89c5c 65%,#bc8848 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #dab878 0%,#c89c5c 65%,#bc8848 100%); /* IE10+ */
background: linear-gradient(top,  #dab878 0%,#c89c5c 65%,#bc8848 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dab878', endColorstr='#bc8848',GradientType=0 ); /* IE6-9 */
text-align: center;
padding: 5px 0 5px 0;
text-shadow: 1px 1px 1px #ffffff;
filter: dropshadow(color=#ffffff, offx=1, offy=1);
width:135px;
margin: 15px auto 0 auto;
color:black;
font-family: arial;
}
.button-wrapper a {text-align: center;font-size: 13px;color:#000;text-decoration: none;}
.button {}



/**FACEBOOK**/
/* This element holds injected scripts inside iframes that in some cases may stretch layouts. So, we're just hiding it. */
#fb-root {
  display: none;
}
/* To fill the container and nothing else */
.fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget span iframe[style] {
  width: 100% !important;
}

.album-info ul {margin-bottom: 10px;}
.album-info ul li {display: inline;}
.album-info ul li p{display: inline;}
.album-info ul li:first-child {margin-right: 10px;}
.form-discography {width: auto; float:left;}
.nomatch {margin-left: 17px;}

.album-meta h3  {overflow: hidden; text-overflow: ellipsis; max-height:34px;}

.cd {background-color: #F6F6F6;color:#BB7F11;border-bottom:1px solid #E2E2E2; padding-left: 5px;}

/* Online Fixes */
.list a:hover {text-decoration: none !important;color:#c79230;}