/* Global */
html,ul,ol,li,p,h1,h2,h3,h4,h5,h6,a,div,img,script,body { margin:0; padding:0; border:0; }
body {background: url(../images/background.jpg); }
.wrapper {width: 960px; margin: 20px auto;}
a, a:visited {text-decoration: none; color: #32667c;}
a:hover {color: #000000;}
#content {position: relative; z-index: 0;}
.main-content {width: 685px;}
.hentry {width: 100%; margin-left: 0px; position: relative; margin-top: 50px; border-bottom: 1px dashed #000000; padding-bottom: 30px;}
p {font-size: 13px; margin-bottom: 10px;}
ul, li {list-style: none;}
/* Fonts */
@font-face {
    font-family: 'ArvilSansRegular';
    src: url('arvil_sans-webfont.eot');
    src: url('arvil_sans-webfont.eot?#iefix') format('embedded-opentype'),
         url('arvil_sans-webfont.woff') format('woff'),
         url('arvil_sans-webfont.ttf') format('truetype'),
         url('arvil_sans-webfont.svg#ArvilSansRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* Header */
.site-header {position: relative; z-index: 5;}
.site-logo {background: url(../images/site-logo.png) no-repeat; width: 324px; height: 128px;}
.site-logo span {display: none;}
.site-logo a {width: 324px; height: 128px; display: block;}

#menu-main-nav {position: absolute; left: 360px; bottom: 10px;}
#menu-main-nav li {text-transform: uppercase; display: inline; font-size: 35px; font-family: 'ArvilSansRegular', Helvetica, sans-serif; border-right: 2px solid #000000; margin-right: 5px; padding-right: 10px; text-shadow: 0px 1px 0px #ffffff;}
#menu-main-nav li:last-child {border-right: none;}
#menu-main-nav li a {color: #000000; -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; transition: all 1s ease-in-out; }
#menu-main-nav li a:hover {color: #dbdbdb;}
.header-social-media {position: absolute; bottom: 20px; right: 0px;}
.header-social-media img {opacity: 1;  -webkit-transition: opacity 1s ease-in-out; -moz-transition: opacity 1s ease-in-out; -o-transition: opacity 1s ease-in-out; -ms-transition: opacity 1s ease-in-out;	transition: opacity 1s ease-in-out; }
.header-social-media img:hover {opacity: 0.5;  }

/* News */
.featured-image img, .artist-image img, .artist-list li img {border: #ffffff 5px solid; -webkit-box-shadow: 0px 0px 5px 0px #999999; box-shadow: 0px 0px 5px 0px #999999;}
.featured-image {text-align: right;}
.entry-content { padding-top: 10px; margin-left:200px; padding-right: 20px;}
.entry-meta {width: 310px; position: absolute; top: 95px; left: -0px; background:url(../images/meta-border.png) no-repeat top left; text-align: right;  }
.entry-title {font-size: 22px; padding: 10px;}
.entry-title a {color: #000000;}
.entry-title a:hover {color: #666666;}
.entry-date {background:url(../images/meta-date.png) top center; width: 108px; height: 108px; /*position: absolute; right: 10px;*/ text-align: center; float: left; margin:0px 15px 10px 80px;}
.entry-date h3 {color: #ffffff; padding-top: 40px; margin: }
#nav-below {margin-top: 30px; width: 370px; margin-left: 300px; }

/* Artist List */
.artist-list {padding: 40px 0; width: 100%;}
.artist-list li {width: 25%; float: left;}
.artist-list-image img {-webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; transition: all 1s ease-in-out; }
.artist-list li:hover .artist-list-image img {border: #000000 solid 5px;}
.artist-list-title {font-size: 20px; font-weight: normal; margin-bottom: 15px;}
.artist-list-title a {color: #dbdbdb; text-shadow: 0px 1px 0px #ffffff; -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; transition: all 1s ease-in-out;}
.artist-list li:hover .artist-list-title a {color: #000;}

/* Artist List Past */
.artist-past .artist-list-image {width: 40%; float: left; transition: width 1s; -moz-transition: width 1s; -webkit-transition: width 1s; -o-transition: width 1s; }
.artist-past .artist-type {margin-bottom: 20px;}
.artist-past .artist-type:hover .artist-list-image {width: 90%; float: none;}
.artist-past .artist-list-image img {width: 100%; height: auto !important;}
.artist-list-content {width: 45%; float: left; margin-left: 20px; transition: width 1s; -moz-transition: width 1s; -webkit-transition: width 1s; -o-transition: width 1s;}
.artist-list-content p {font-size: 12px;}
.artist-past .artist-type:hover .artist-list-content {width: 90%; float: none; margin-left: 0px; margin-top: 10px;}
.artist-past .artist-list-title { font-size: 13px; margin-bottom: 5px; border-bottom: 1px dashed #000000; padding-bottom: 5px;}
.artist-past .artist-list-title a {color: #000;}
.artist-clear {clear: both;}


/* Artist */
.single-artist .hentry {margin: 10px 130px 10px 120px; position: relative; width: auto; min-height:600px; height:auto !important; height:600px;}
.artist-image {float: right; margin: -120px -80px 20px 20px;}
.artist-title {background:url(../images/artist-title.png) no-repeat bottom left; margin-top: 100px; margin-left: -110px; padding-bottom: 20px; position: absolute; width: 373px; font-size:26px; padding-left: 30px;}
.artist-content {padding-top: 180px;}
.more-artists {margin-top: 50px;}
.more-artists h3 {font-size: 24px; background: url(../images/widget-contactborder.png) no-repeat bottom left; padding-bottom: 10px; padding-left: 5px; margin-left: 115px;}

/* Page */
.page .hentry {margin-left: 100px; width: 600px;}
.page .entry-content {width: 500px;}
.page .entry-content p {font-size: 16px;}
.page .wpcf7-form {margin-left: 100px;}
.wpcf7-text, .wpcf7-textarea {border: #dbdbdb 1px solid; padding: 5px;}
.wpcf7-submit {background: #000; border: #000000; color: #fff; font-family: 'ArvilSansRegular'; text-transform: uppercase; font-size: 30px;}


/* Sidebar */
.sidebar {width: 265px; position: absolute; top: 0px; right: 0px; text-align: right;}
.widget-title {font-size: 24px; margin-bottom: 10px; text-transform: lowercase; font-weight: normal;}
.widget-container {margin-bottom: 35px;}
.textwidget p {font-size: 18px;}
#text-2 .widget-title {background: url(../images/widget-contactborder.png) no-repeat bottom right; padding-bottom: 10px;}
.soundcloud-widget .widget-title {background: url(../images/listen-border.png) no-repeat bottom right; padding-bottom: 10px;}
.tuneoftheday-widget .widget-title {background: url(../images/totd-border.png) no-repeat bottom right; padding-bottom: 10px; }
.page-id-11 .soundcloud-widget, .page-id-11 .tuneoftheday-widget {display: none;}
.soundcloud-widget iframe {max-width: 250px;}
/* Footer */

.credits {margin-top: 50px; padding-right: 25px; clear: both;}
.credits h4 {font-size: 12px; font-weight: normal; text-align: right; color: #999;}
.clear {clear: both;}

/*------
	Media Queries Boilerplate
	
    Author: Rafal Bromirski
    www: http://paranoida.com/
    blog: http://lab.paranoida.com/

    twitter: http://twitter.com/paranoida
    dribbble: http://dribbble.com/paranoida

    Licensed under a MIT License

--------------------------------------------------------------------------------------------------------------------- */


/* --- main content ------------------------------------------------------------------------------------------------- */



/* --- media queries ------------------------------------------------------------------------------------------------ */


@media screen and (max-width: 900px)
{
.wrapper {width: 720px; margin: 20px auto;}
.header-social-media {position: absolute; bottom: 80px; right: 55px;}
.artist-list li {width: 33%; float: left;}
.artist-image {float: none; margin: 0px auto 20px auto;}
.artist-title {margin-top: 40px;}
.artist-content {padding-top: 110px;}
.more-artists {width:66.66666666666666%; margin: 50px auto 20px auto; }
.more-artists .artist-list li {width: 50%;}
.more-artists h3 {margin-left: 0px; padding-left: 0px;}
.artist-clear {clear: none;}

.sidebar {width: 100%; position: relative; top: 0px; right: 0px; text-align: right;}
.sidebar-wrap {width: 95%; margin: 40px auto;}
.sidebar-wrap .widget-container {width: 50%; float: left;}
}

@media screen and (max-width: 768px)
{
}

@media screen and (max-width: 640px)
{
    /* to avoid the adjustment of fonts on iOS devices you should keep this line */
    * { -webkit-text-size-adjust: none; -ms-text-size-adjust: none; }
    .wrapper {width: 480px; margin: 20px auto;}
    #menu-main-nav {position: relative; left: 20%; bottom: -20px; width: 360px;}
  .main-content {width: 100%;}
.hentry {width: 90%; position: relative; margin: 50px auto 30px auto; border-bottom: 1px dashed #000000; padding-bottom: 30px;}
.entry-meta {width: 310px; position: relative; top: 10px; left: 60px; background:url(../images/meta-border.png) no-repeat top left; text-align: right;  }
#nav-below {width: 90%; position: relative; margin: 50px auto 30px auto;}
.single-artist .hentry, .more-artists {width: 90%; margin-left: auto; margin-right: auto;}
.artist-list li {width: 50%; float: left; }
.artist-title {margin-left: 0px; width: 100%;}
.artist-image img {width: 90% !important; height: auto !important;}
.more-artists .artist-list-image img {width: 90% !important; height: auto;}
.sidebar-wrap .widget-container {width: 90%; margin: 20px auto;}
.entry-content { padding-top: 10px; margin-left:20px; padding-right: 20px;}
.featured-image {text-align: center;}
.page .hentry {margin-left: 0px; width: 100%;}
.page .entry-content {width: 100%;}
.entry-date {margin-left: 0px; margin-top: 20px;}
.page .entry-content p {font-size: 16px;}
.page .wpcf7-form {margin-left: 0px; width: 100% ;}

}

@media screen and (max-width: 600px)
{
}

@media screen and (max-width: 480px)
{
  .wrapper {width: 96%; margin: 20px auto;}
  .header-social-media {position: absolute; top: 10px; right: 0px;}
 #menu-main-nav {position: relative; left: 50px; bottom: -20px; width: 260px;}
  #menu-main-nav li {font-size: 26px;}
  .site-logo {margin-left: 0;}
  .artist-list {text-align: center;}
.artist-list li, .more-artists .artist-list li {width: 100%; float: left;}
.single-artist .hentry {width: 100%; margin-left: auto; margin-right: auto;}
.artist-image img {width: 100% !important; height: auto !important;}
.artist-title {font-size: 18px; }
.entry-content {width: 100%; padding-top: 10px; margin-left: 0px;}
.entry-meta {width: 100%; background:url(../images/meta-border.png) no-repeat top left; text-align: left; left: 0px;  }
.entry-title {font-size: 20px; padding: 10px;}
.entry-title a {color: #000000;}
.entry-title a:hover {color: #666666;}
.entry-date {display: none;}
.entry-date h3 {color: #ffffff; padding-top: 40px;}
.featured-image img {width: 100%; height: auto !important;}
.single-artist .hentry {min-height:400px; height:auto !important; height:400px;}
.wpcf7-text, .wpcf7-textarea {width: 240px;}


}

@media screen and (max-width: 400px)
{
}

@media screen and (max-width: 320px)
{
}


/* --- iPad --------------------------------------------------------------------------------------------------------- */

@media screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation:portrait)
{
.wrapper {width: 720px; margin: 20px auto;}
.header-social-media {position: absolute; bottom: 80px; right: 55px;}
.artist-list li {width: 33%; float: left;}
.artist-image {float: none; margin: 0px auto 20px auto;}
.artist-title {margin-top: 40px;}
.artist-content {padding-top: 110px;}
.more-artists {width:66.66666666666666%; margin: 50px auto 20px auto; }
.more-artists .artist-list li {width: 50%;}
.more-artists h3 {margin-left: 0px; padding-left: 0px;}
.artist-clear {clear: none;}
.entry-title {font-size: 20px;}
.sidebar {width: 100%; position: relative; top: 0px; right: 0px; text-align: right;}
.sidebar-wrap {width: 95%; margin: 40px auto;}
.sidebar-wrap .widget-container {width: 50%; float: left;}
}
}

@media screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation:landscape)
{
}


/* --- iPhone 4(S) retina ------------------------------------------------------------------------------------------- */

@media  (max-width: 480px) and (-webkit-min-device-pixel-ratio: 1.5),
screen and (min-device-pixel-ratio: 1.5)
{
  .wrapper {width: 96%; margin: 20px auto;}
  .header-social-media {position: absolute; top: 10px; right: 0px;}
 #menu-main-nav {position: relative; left: 50px; bottom: -20px; width: 260px;}
  #menu-main-nav li {font-size: 26px;}
  .site-logo {margin-left: 0px;}
.artist-list li, .more-artists .artist-list li {width: 100%; float: left;}
.single-artist .hentry {width: 100%; margin-left: auto; margin-right: auto;}
.artist-image img {width: 100% !important; height: auto !important;}
.artist-title {font-size: 18px; }
.entry-content {width: 100%; padding-top: 10px; margin-left: 0px;}
.entry-meta {width: 100%; background:url(../images/meta-border.png) no-repeat top left; text-align: left; left: 0px;  }
.entry-title {font-size: 20px; padding: 10px;}
.entry-title a {color: #000000;}
.entry-title a:hover {color: #666666;}
.entry-date {display: none;}
.entry-date h3 {color: #ffffff; padding-top: 40px;}
.featured-image img {width: 100%; height: auto !important;}
.single-artist .hentry {min-height:400px; height:auto !important; height:400px;}
.wpcf7-text, .wpcf7-textarea {width: 240px;}
}


/* --- iPhone ------------------------------------------------------------------------------------------------------- */

@media screen and (max-device-width: 640px) and (-webkit-device-pixel-ratio: 1),
screen and (max-device-width: 640px) and (device-pixel-ratio: 1)
{
  .wrapper {width: 96%; margin: 20px auto;}
  .header-social-media {position: absolute; top: 10px; right: 0px;}
 #menu-main-nav {position: relative; left: 50px; bottom: -20px; width: 260px;}
  #menu-main-nav li {font-size: 26px;}
  .site-logo {margin-left: 0;}
.artist-list li, .more-artists .artist-list li {width: 100%; float: left;}
.single-artist .hentry {width: 100%; margin-left: auto; margin-right: auto;}
.artist-image img {width: 100% !important; height: auto !important;}
.artist-title {font-size: 18px; }
.entry-content {width: 100%; padding-top: 10px; margin-left: 0px;}
.entry-meta {width: 100%; background:url(../images/meta-border.png) no-repeat top left; text-align: left; left: 0px;  }
.entry-title {font-size: 20px; padding: 10px;}
.entry-title a {color: #000000;}
.entry-title a:hover {color: #666666;}
.entry-date {display: none;}
.entry-date h3 {color: #ffffff; padding-top: 40px;}
.featured-image img {width: 100%; height: auto !important;}
.single-artist .hentry {min-height:400px; height:auto !important; height:400px;}
.wpcf7-text, .wpcf7-textarea {width: 240px;}
}


/* --- print (optional) --------------------------------------------------------------------------------------------- */

@media print
{
}