/*
Theme Name: VaynerMedia Template Theme
Theme URI: http://vaynermedia.com/
Description: The default WordPress theme template for VaynerMedia
Version: 0.1
Author: Sameer Tanakia
Author URI: http://www.vaynermedia.com/
*/

/* ============= BASIC RESET AND UTILITY STYLES ============== */

* {
    margin: 0;
    padding: 0;
}

a { cursor: pointer; outline: none; }

a img {
        border: 0 !important;
}

a:hover {
        text-decoration: none;
}

.ghost { display: none !important; }

table {
        border-collapse: collapse;
        border-spacing: 0;
}

ol, ul {
        list-style: none;
}

q:before, q:after, blockquote:before, blockquote:after {
        content: "";
}

.clr {
    clear:both;
    height:0px;
    visibility:hidden;
    display:block;
}

.clearfix:after, ul.tabs:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix, ul.tabs {
    display: inline-block;
}

/* Hide from IE Mac \*/
.clearfix,ul.tabs {
    display: block;
}
/* End hide from IE Mac */

.clrfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

* html .clrfix {
    height: 1%;
}/* IE6 */

*:first-child+html .clrfix {
    min-height: 1px;
}/* IE7 */

.imgtxt, .emailText {
    display: block;
    background-repeat: no-repeat;
    background-position: left top;
    text-indent: -99999em;
    margin: 0;
}

html, body{
    height:100%;
}

a {
    cursor: pointer;
    text-decoration: none;
}

.left {
    float: left;
}

.right {
    float: right;
}

.button:hover, .button a:hover, .button.active, .button a.active {
    background-position: left bottom !important;
}


/* ======================= GENERAL TYPOGRAPHY, COLORS, AND GLOBAL CSS ======================= */

/* Link colors */
a {
    color: #37bfe6;
}

/* Default site background image and font family, size, color, amnd alignment */

body {
    background: #b3b3b3 url(images/BG.jpg) repeat-y fixed center top;
    font-family: 'Helvetica Neue', 'Helvetica', 'Verdana', Sans-Serif;
    font-size: 12px;
    color: #cccccc;
    text-align: left;
    width: 100%;
    /* letter-spacing: -0.25px; */
}

h1, h2, h3, h4, h5, h6 {
    color: #ffffff;
}

.defaultButt {
    background: url('images/defaultButt.jpg') no-repeat left top;
    height: 19px;
    text-align: center !important;
    display: block;
    color: #262626;
    font-weight: bold;
    padding: 3px 2px 0 0;
}

.defaultButt:hover {
    color: #ffffff;
}

/* ======================= HEADER ======================= */

/* header background image with width and height attributes */
#headerContainer {
    background: #808080 url('images/headerBG.jpg') repeat-x center top;
    height: 225px;
}

/* set width to the content width, also set height */
#header {
    margin: 0 auto;
    height: 225px;
    width: 980px;
    position: relative;
}

/* position based on #header */
#header .logo {
    position: absolute;
    top: 41px;
    left: 46px;
}

/* position based on #header */
#header .tagLine {
    position: absolute;
    bottom: 17px;
    left: 77px;
}

/* search elements are all placed based on #header */
#header .search .searchText {
    position: absolute;
    text-transform: uppercase;
    color: #404040;
    font-size: 12px;
    left: 325px;
    top: 58px;
    font-weight: bold;
}

#header .search #s {
    border: none;
    color: #808080;
    font-size: 12px;
    left: 325px;
    position: absolute;
    top: 34px;
    width: 485px;
}

#header .search .searchButt {
    background: url('images/searchButt.jpg') no-repeat left top;
    height: 40px;
    width: 156px;
    display: block;
    position: absolute;
    top: 25px;
    right: 5px;
}

/* Social Media Links position based on #header; don't forget to set width and height */
#header .navigation {
    position: absolute;
    bottom: 0px;
    left: 320px;
    height: 139px;
    width: 364px;
}

#header .navigation li {
    float: left;
}

/* loads image for navigation bar and sets width and height for first list element and displays them inline left to right */
#header .navigation li a {
    background: url('images/navBar.jpg') no-repeat left top;
    width: 92px;
    height: 130px;
    display: block;
    color: #e6e6e6;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 11.5px;
    text-align: center;
    padding-top: 9px;
}

/* hover state for initial nav link */
#header .navigation li a:hover, #header .navigation li.active a {
    background-position: bottom left;
    color: #37bfe6;
}

/* position of image and hover for other links */
#header .navigation li.artists a {
    background-position: -92px top;
    width: 90px;
}

#header .navigation li.artists a:hover, #header .navigation li.artists.active a {
    background-position: -92px bottom;
}

#header .navigation li.mixtapes a {
    background-position: -182px top;
    width: 90px;
}

#header .navigation li.mixtapes a:hover, #header .navigation li.mixtapes.active a {
    background-position: -182px bottom;
}

#header .navigation li.contact a {
    background-position: -272px top;
    width: 92px;
}

#header .navigation li.contact a:hover, #header .navigation li.contact.active a {
    background-position: -272px bottom;
}

/* Social Media Links position based on #header; don't forget to set width and height */
#header .socialButtons {
    position: absolute;
    bottom: 40px;
    right: -16px;
    height: 72px;
    width: 199px;
}

#header .socialButtons li {
    float: left;
}

/* loads image for social buttons and sets width and height for first list element and displays them inline left to right */
#header .socialButtons li .socialButt {
    background: url('images/socialButt2.jpg') no-repeat left top;
    width: 41px;
    height: 74px;
    margin-right: 17px;
}

/* hover state for initial social button */
#header .socialButtons li .socialButt:hover {
    background-position: bottom left;
}

/* position of image and hover for other buttons */
#header .socialButtons li .facebook {
    background-position: -55px top;
}

#header .socialButtons li .facebook:hover {
    background-position: -55px bottom;
}

#header .socialButtons li .youtube {
    background-position: -110px top;
}

#header .socialButtons li .youtube:hover {
    background-position: -110px bottom;
}

/* ======================= PAGE RULES ======================= */

/* set page background and width */
#page {
    width: 980px;
    margin: 0 auto;
    background: transparent url('images/pageBG.jpg') repeat-y left top;
    margin-top: 5px;
}


/* ======================= SUB HEADER (You can move this into HEADER if you switch the structure) ======================= */

#subheader {
    width: 100%;
    min-height: 120px;
    max-height: 141px;
    position: relative;
    background-color: #262626;
    margin-bottom: 10px;
    background: #262626 url('images/promoBG.jpg') no-repeat left top;
    display: block;
}

.promoBanner {
    position: absolute;
    z-index: 2;
    display: none;
}

#subheader .promo {
    position: absolute;
    left: 15px;
    top: 15px;
    width: 620px;
}

#subheader .newsletterCTA {
    background: url('images/h2BG.jpg') no-repeat right bottom;
    padding-right: 32px;
    position: absolute;
    right: 15px;
    bottom: 25px;
    width: 220px;
}

#subheader .newsletterCTA h3, #subheader .newsletterCTA p {
    text-align: right;
    padding: 0;
}

#subheader h2, #subheader h1 {
    font-size: 38px;
    background: url('images/h1BG.jpg') no-repeat left 9px;
    letter-spacing: -1px;
    padding-left: 40px;
    font-weight: bold;
}

#subheader h2 strong, #subheader h1 strong {
  color: #37BFE6;
}

#subheader h3 {
    font-size: 22px;
    letter-spacing: -0.5px;
}

#subheader p {
    color:#FFFFFF;
    font-size:16px;
    font-style:italic;
    font-weight:normal;
    line-height:16px;
    padding-left:40px;
}


/* ======================= GENERAL BOX LAYOUT ======================= */

.box {
    background-color: #808080;
    padding: 15px 15px 10px;
    margin-bottom: 10px;
}

.box h4 {
    font-size: 22px;
    letter-spacing: -0.5px;
    font-weight: bold;
}

.box h4 strong {
    color: #37bfe6;
}

.box p strong {
    color: #ffffff;
}

.video {
    padding: 5px;
}

.contentBox {
    background-color: #ffffff;
    padding: 10px;
    margin-bottom: 10px;
}

h1.pagetitle {
    font-size: 28px;
		padding-left: 5px;
		margin-bottom: 10px;
		color: #333333;
}


/* ======================= BOX SPECIFIC LAYOUT ======================= */

/* NEWSLETTER */
.newsletter {
    background-color: #37BFE6;
    border-left: 5px solid #1089ac;
}

.newsletter h4 {
    margin-bottom: 6px;
}

.newsletter h4 strong {
  color: #042a35;
}

.newsletter form {
    margin: 6px 0 4px;
}

.newsletter p {
    color: #043d4d;
    font-weight: bold;
    padding: 5px 0 10px;
}

.newsletter .signup .email {
    width: 195px;
    height: 16px;
    /* border: 0; */
    color: #666666;
    letter-spacing: -0.25px;
    float: left;
    margin-right: 5px;
}

.newsletter .signup .submit {
    width: 55px;
    float: left;
    background-image: url(images/newsButt.jpg);
    color: #ffffff;
}

.newsletter .signup .submit:hover {
  color: #37BFE6;
}


/* FANBOX */

.fanBox {
  padding-top: 20px;
}

.fanBox .seo-friendly {
  font-weight: bold;
  color: #ffffff;
  margin-top: 10px;
}

.fanBox iframe {
  height: 325px !important;
}


/* TWIDGET */

.twidget {
  padding: 10px 5px;
}

.twidget .twtr-widget {
  font-size: 12px !important;
  font-family: 'Helvetica Neue', 'Helvetica', 'Verdana', Sans-Serif !important;
}

.twidget .twtr-widget-profile img.twtr-profile-img {
  height: 48px;
  width: 48px;
}

.twidget .twtr-widget-profile h3, .twidget .twtr-widget-profile h4 {
  margin: 0 0 0 55px !important;
}

.twidget #twtr-widget-1 h3 {
  color: #CCCCCC !important;
}

.twidget .twtr-widget h3 {
  color:#CCCCCC !important;
  font-family:'Helvetica Neue','Helvetica','Verdana',Sans-Serif !important;
  font-size:12px !important; 
  position: relative !important;
  top: 25px !important;  
}

.twidget .twtr-widget h4 a {
  font-size:22px;
  font-weight:bold;
  letter-spacing:-0.5px;
  position: relative !important;
  bottom: 15px !important;
}

.twidget .twtr-doc a:hover {
  text-decoration: none !important;
}

.twidget .twtr-widget .twtr-tweet {
  background-color: #454545 !important;
  margin: 0 5px 5px !important;
  border-left:5px solid #37BFE5 !important;
  border-width: 0 0 0 5px !important;
  padding: 5px !important;
}


/* RELATED / POPULAR */
.relatedPopular p {
	padding-bottom: 10px;
}

.relatedPopular .boxSection a {
	background-color: #454545;
	display: block;
	margin-bottom: 10px;
	padding: 10px;
	color: #ffffff;
	border-left: 5px solid #37BFE5;
}

.relatedPopular .boxSection a:hover {
	background-color: #333333;
}

.relatedPopular .boxSection a span {
	display: block;
}

.relatedPopular .boxSection a .type {
  text-transform: uppercase;
  color: #37BFE5;
  font-weight: normal;
  font-size: 11px;
}

.relatedPopular .boxSection a .title {
	font-size: 18px;
	font-weight: bold;
}

.relatedPopular .boxSection a .date {
	font-size: 12px;
	color: #cccccc;
	font-weight: bold;
	padding-bottom: 5px;
}

.relatedPopular .boxSection a .sample {
	font-size: 12px;
	color: #aaaaaa;
}


/* POPULAR POSTS */



/* ======================= GENERAL CONTENT ======================= */

/* change the width to column width */
#content {
    width: 645px;
    float: left;
}

.mixtapePreview a {
    background-color: #666666;
    padding: 10px;
    margin-bottom: 10px;
    display: block;
    color: #ffffff !important;
    font-weight: bold;
}

.mixtapePreview a img {
    height: 175px;
    width: 175px;
    border: 3px solid #ffffff !important;
    float: left;
}

.mixtapePreview a:hover {
    color: #37bfe6 !important;
    background-color: #333333;
}

.mixtapePreview a:hover img {
    border-color: #37bfe6 !important;
}

.mixtapePreview a .info {
    padding: 5px 0 5px 190px;
}

.mixtapePreview a .info .title {
    font-size: 22px;
}

.mixtapePreview a .info .artist {
    font-size: 16px;
    margin-bottom: 15px;
    line-height: 14px;
}

.mixtapePreview a .info .secondaryInfo {
    font-weight: normal;
}

.mixtapePreview a .info div span {
    padding-right: 5px;
    font-weight: bold;
}

.mixtapePreview a .info .review {
    margin-top: 5px;
    font-size: 11px;
    font-weight: normal;
}

.mixtapePreview a:hover .info div, .mixtapePreview a:hover .info div span {
    color: #37bfe6;
}

.otherAlbums .mixtapePreview a {
    width: 290px;
    background-color: #999999;
    margin-bottom: 5px;
}

.otherAlbums .mixtapePreview a:hover {
    background-color: #666666;
}

.otherAlbums .mixtapePreview a img {
    height: 75px;
    width: 75px;
}

.otherAlbums .mixtapePreview a .info {
    padding: 0 0 5px 90px;
}

.otherAlbums .mixtapePreview a .info .title {
    font-size: 16px;
}

.otherAlbums .mixtapePreview a .info .artist {
    font-size: 12px;
    margin-bottom: 10px;
    line-height: 12px;
}

.otherAlbums .mixtapePreview a .info .review, .otherAlbums .mixtapePreview a .info .secondaryInfo {
    display: none;
}

.artistPreview {
  padding: 15px 10px;
  border-left: 5px solid #37bfe6;
  margin-bottom: 15px;
  background-color: #F0F0F0;
}

.artistPreview .thumb {
  float: left;
}

.artistPreview .thumb img {
  width: 150px;
  height: 150px;
}

.artistPreview .deets {
  float: left;
  margin-left: 15px;
  width: 430px;
}

.artistPreview h2.name a {
  color:#666666;
  font-size: 24px;
}

.artistPreview h2.name a:hover {
  color: #37bfe6;
}

.artistPreview h3 {
  color:#999999;
  font-size:16px;
  line-height:14px;
  margin:0;
  padding-bottom:5px;
}

.artistPreview .bornRep p {
  color:#AAAAAA;
  font-size:11px;
}

.artistPreview .bornRep p .label {
  color:#999999;
  font-weight:bold;
  padding-right:5px;
}

.artistPreview .bio {
  border-top:1px dotted #CCCCCC;
  color:#999999;
  font-size:11.5px;
  margin-top:10px;
  padding-top:5px;
}



/* ======================= CONTENT BOX SPECIFIC LAYOUT ======================= */

/* ======================= PAGE SPECIFIC CONTENT ======================= */

/* BLOG SECTION */
#blogSubheader .newest span, #blogNav .newest span {
    background: url('images/newest-trans.png') no-repeat left top;
}

#blogSubheader .oldest span, #blogNav .oldest span {
    background: url('images/oldest-trans.png') no-repeat left top;
}

#blogSubheader .popular span {
    background: url('images/popular-trans.png') no-repeat left top;
}

#blogHeader {
    background: url('images/blogHeaderBG.jpg') repeat-x left top;
    height: 37px;
    width: 100%;
    margin-bottom: 7px;
}

#blogHeader li {
    float: left;
}

#blogHeader ul li a {
    color: #ffffff;
    display: block;
    font-size: 14px;
    font-weight: bold;
    width: 123px;
    margin-left: 5px;
    height: 21px;
    text-align: center;
    padding-top: 6px;
    margin-top: 5px;
}

#blogHeader ul li a:hover, #blogHeader ul li a.active {
    background-color: #333333;
}

#blogSubheader {
    height: 39px;
    width: 100%;
    margin-bottom: 10px;
}

#blogSubheader li {
    float: left;
}

#blogSubheader ul li a {
    display: block;
    background: url('images/blogSubheaderBG.jpg') no-repeat left top;
    width: 196px;
    height: 30px;
    margin-right: 6px;
    color: #ffffff;
    padding: 9px 0 0 15px;
}

#blogSubheader ul li .last {
    margin-right: 0;
}

#blogSubheader ul li a span {
    font-size: 14px;
    font-weight: bold;
    padding-left: 29px;
    height: 21px;
    display: block;
    padding-top: 2px;
}

#blogNav {
    margin-bottom: 10px;
}

#blogNav li a {
    display: block;
    background: url('images/blogSubheaderBG.jpg') no-repeat left top;
    width: 196px;
    height: 30px;
    color: #ffffff;
    padding: 9px 0 0 15px;
}

#blogNav li a span {
    font-size: 14px;
    font-weight: bold;
    padding-left: 29px;
    height: 21px;
    display: block;
    padding-top: 2px;
}


/* ARTIST DUMP */

.artistDump .artistPreview .artistPreview {
  padding: 15px 10px;
  border-left: 5px solid #37bfe6;
  margin-bottom: 15px;
  background-color: #F0F0F0;
}

.artistDump .artistPreview .artistPreview .thumb {
  float: left;
}

.artistDump .artistPreview .artistPreview .thumb img {
  width: 150px;
  height: 150px;
}

.artistDump .artistPreview .artistPreview .deets {
  float: left;
  margin-left: 15px;
  width: 430px;
}

.artistDump .artistPreview h2.name a {
  color:#666666;
  font-size: 24px;
}

.artistDump .artistPreview h2.name a:hover {
  color: #37bfe6;
}

.artistDump .artistPreview h3 {
  color:#999999;
  font-size:16px;
  line-height:14px;
  margin:0;
  padding-bottom:5px;
}

.artistDump .artistPreview .bornRep p {
  color:#AAAAAA;
  font-size:11px;
}

.artistDump .artistPreview .bornRep p .label {
  color:#999999;
  font-weight:bold;
  padding-right:5px;
}

.artistDump .artistPreview .bio {
  border-top:1px dotted #CCCCCC;
  color:#999999;
  font-size:11.5px;
  margin-top:10px;
  padding-top:0px;
}

.artistDump .artistPreview .bio p {
  padding-top: 10px;
}


/* ARTIST SECTION */

.artistInfo {
    padding-bottom: 15px;
}

.artistImage {
    width: 200px;
    margin: 15px 0 10px;
}

.artistText {
    float: left;
    width: 380px;
}

.artistHeader {
    padding-left: 7px;
    border-left: 5px solid #37bfe6;
    margin-bottom: 10px;
}

.artistHeader h1.artistAlias {
	color: #666666;
	font-size: 30px;
}

.artistHeader h3 {
    color: #999999;
    font-size: 16px;
    margin: 0;
    line-height: 14px;
    padding-bottom: 10px;
}

.artistHeader .bornRep {
    padding-bottom: 5px;
}

.artistHeader .bornRep p {
    color: #AAAAAA;
    font-size: 11px;
}

.artistHeader .bornRep p .label {
    color: #999999;
    font-weight: bold;
    padding-right: 5px;
}

.artistText .description p {
    color: #999999;
    padding: 7px 5px;
    font-weight: bold;
    font-size: 12.5px;
}

.description h2 {
    border-bottom: 1px dotted #999999;
    color: #808080;
    margin-top: 15px;
    padding-bottom: 5px;
    font-size: 22px;
}

.description .video {
  float: left;
  padding: 5px 10px 10px 5px;
}

.artistText .description .descTitle, .artistText .description h3 {
    border-bottom: 1px dotted #CCCCCC;
    font-size: 14px;
    margin-bottom: 5px;
    padding-bottom: 2px;
    color: #808080;
}

.artistInfo .socialLinks {
    float: right;
    width: 200px;
    background-color: #f0f0f0;
    border: 1px solid #e5e5e5;
    font-size: 11.5px;
    padding: 0px 15px 15px;
    font-weight: bold;
    color: #aaaaaa;
		overflow: hidden;
}

.artistInfo .socialLinks p {
    border-bottom: 1px dotted #cccccc;
    padding: 0 5px 5px;
}

.artistInfo .socialLinks p .label {
    display: block;
    padding-top: 5px;
    color: #999999;
    font-weight: bold;
}

.artistInfo .socialLinks p .data {
    padding-left: 5px;
}

.socialWidgets .fanBox {
  border-color:#37BFE5;
  border-style:solid;
  border-width:0 0 0 5px;
  padding: 5px 10px 10px;
  margin: 10px 15px 0 0;
  width: 275px;
  float: left;
  height: 345px;
}

.discography {
    margin-bottom: 15px;
}

.discography h2, .artistPosts h2, .socialWidgets h2 {
    border-bottom: 1px dotted #999999;
    color: #808080;
    margin-top: 10px;
    padding-bottom: 5px;
    font-size: 22px;
}

.socialWidgets {
  padding: 10px 5px;
  margin-bottom: 15px;
}

.socialWidgets .twtr-widget {
  font-size: 12px !important;
  font-family: 'Helvetica Neue', 'Helvetica', 'Verdana', Sans-Serif !important;
  border-left:5px solid #37BFE5 !important;
  width: 290px !important;
  float: left;
  margin-top: 10px;
}

.socialWidgets .twtr-hd {
  padding:5px 10px 10px;
}

.socialWidgets .twtr-widget-profile img.twtr-profile-img {
  height: 48px;
  width: 48px;
}

.socialWidgets .twtr-widget-profile h3, .socialWidgets .twtr-widget-profile h4 {
  margin: 0 0 0 55px !important;
}

.socialWidgets #twtr-widget-1 h3 {
  color: #999999 !important;
}

.socialWidgets .twtr-widget h3 {
  color:#999999 !important;
  font-family:'Helvetica Neue','Helvetica','Verdana',Sans-Serif !important;
  font-size:12px !important; 
  position: relative !important;
  top: 25px !important;  
}

.socialWidgets .twtr-widget h4 a {
  font-size:22px;
  font-weight:bold;
  letter-spacing:-0.5px;
  position: relative !important;
  bottom: 15px !important;
}

.socialWidgets .twtr-doc a:hover {
  text-decoration: none !important;
}

.socialWidgets .twtr-widget .twtr-tweet {
  background-color: #F0F0F0 !important;
  margin: 0 5px 5px 10px !important;
  border-left:5px solid #E5E5E5 !important;
  border-width: 0 0 0 5px !important;
  padding: 5px !important;
}

.discography h5 {
    color:#999999;
    font-size:18px;
    margin: 15px 0 5px;
}

.artistPosts h2 {
    margin: 30px 0 10px;
}

.artistPost {
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px dotted #cccccc;
}

.artistPost .fullpost {
  color: #999999;
  font-weight: bold;
  padding: 0 10px 0 85px;
}

.artistPosts .artistPost .fullpost {
  padding-top: 10px;
}

.artistPost .fullpost p {
  padding: 3px 0;
}

.artistPosts .readmore .defaultButt {
  margin:0 5px 5px 0;
  width:150px;
}

/* CONTACT SECTION */

#contact .pagetitle {
  padding-left: 0;
  margin-bottom: 5px;
}

#contact .subtitle {
  color: #666666;
  font-weight: bold;
  font-size: 14px;
}

#contact .contentBox {
  padding-bottom: 50px;
}

#contact .contentBox h2 {
  color:#545454;
  font-size:22px;
  padding-bottom:5px;
}

#contact .contentBox .emails, #contact .socials {
  margin-bottom: 15px;
}

#contact .contentBox .email, #contact .social {
  float: left;
  background-color: #efefef;
  width: 180px;
  margin-right: 10px;
  border-left: 5px solid #cccccc;
  padding: 10px 5px 15px 10px;
}

#contact .contentBox .three, #contact .youtube {
  margin-right: 0px;
}

#contact .contentBox .email h3 {
  color: #666666;
  margin: 0 0 3px 0;
  font-size: 18px;
}

#contact .social h3 {
  color: #ffffff;
  margin: 0 0 3px 0;
  font-size: 18px;
}

#contact .social .addy {
  color: #ffffff;
}

#contact .desc {
  color: #999999;
  font-size: 12px;
  font-weight: bold;
  padding-bottom: 15px;
}

#contact .contentBox .email .desc {
  min-height: 55px;
}

#contact .social .desc {
  min-height: 55px;
}

#contact .addy {
  font-weight: bold;
}

#contact .twitter {
  background-color: #2db0d4;
  border-color: #08647d;
}

#contact .twitter .addy {
  color: #c0e8f3;
}

#contact .facebook {
  background-color: #2e4a82;
  border-color: #0e224b;
}

#contact .facebook .addy {
  color: #becdec;
}

#contact .youtube {
  background-color: #c60104;
  border-color: #550103;
}

#contact .youtube .addy {
  color: #eaabac;
}


/* ======================= POST CSS ======================= */

#postHeader .date {
    background-color: #333333;
    color: #ffffff;
    display: block;
    float: left;
    width: 50px;
    height: 69px;
    padding-top: 8px;
}

#postHeader .date div {
    text-align: center;
    font-weight: bold;
    letter-spacing: -0.5px;
    line-height: 100%;
}

#postHeader .date .month {
    font-size: 16px;
}

#postHeader .date .day {
    font-size: 28px;
}

#postHeader .date .time {
    font-size: 12px;
}

#postHeader .blogLinks {
    width: 25px;
    margin-left: 1px;
    height: 78px;
    float: left;
}

#postHeader .blogLinks a {
    display: block;
    height: 25px;
    width: 25px;
    background-color: #30a5c6;
    float: left;
    margin-bottom: 1px;
}

#postHeader .blogLinks .twitter {
    background-image: url('images/shareTwitter-trans.png');
}

#postHeader .blogLinks .facebook {
    background-image: url('images/shareFacebook-trans.png');
}

#postHeader .blogLinks .email {
    background-image: url('images/shareEmail-trans.png');
}

#postHeader .blogLinks a:hover {
    background-color: #787878;
}

#postHeader .postData {
    float: right;
    width: 540px;
}

#postHeader .postData a:hover, #postHeader .postData .category a:hover, #postHeader .postData .postmetadata a:hover {
    color: #37bfe6;
}

#postHeader .postData .postmetadata .label {
  color: #666666;
}

#postHeader h1.postTitle, #postHeader h4.postTitle a {
    font-size: 24px;
    font-weight: bold;
    color: #666666;
}

#postHeader .postData .category a {
    font-weight: bold;
    font-size: 14px;
    color: #aaaaaa;
}

#postHeader .postData .postmetadata, #postHeader .postData .postmetadata a {
    margin-top: 10px;
    font-size: 11px;
    font-weight: bold;
    color: #aaaaaa;
}

.post .excerpt {
    padding: 10px 5px;
    border: 1px dotted #aaaaaa;
    border-width: 1px 0;
    margin: 10px 0;
    font-weight: bold;
    font-size: 13px;
    color: #787878;
}

.post .previewTags {
  border-bottom: 1px dotted #aaaaaa;
  margin-bottom: 10px;
}

.post .previewTags .sectionTitle {
  color:#666666;
  font-size:24px;
  margin:15px 0 10px;
}

#content .fullpost img {
    display: block;
}

.post .fullpost {
    padding: 10px 5px 25px;
    border: 1px dotted #aaaaaa;
    border-width: 1px 0;
    margin: 10px 0;
    font-weight: bold;
    font-size: 14px;
    color: #666666;
    font-weight: normal;
    line-height: 20px;
}

.post .fullpost p {
    padding: 5px 0;
}

img.centered {
    display: block;
    margin: 10px auto;
}

img.alignright {
    margin: 0 0 10px 10px;
    display: inline;
    width: 200px;
}

img.alignleft {
    margin: 0 10px 10px 0;
    display: inline;
    width: 200px;
}

.alignright {
    float: right;
}

.alignleft {
    float: left;
}

#content object {
    background-color: #cccccc;
    padding: 5px;
    display: block;
    margin: 5px auto;
    clear: both;
}

blockquote {
    border-left: 5px solid #37BFE6;
    font-size: 14px;
    font-weight: normal;
    margin: 10px 30px 10px 25px;
    padding-left: 10px;
    color: #787878;
}

.comments .defaultButt {
    width: 150px;
    margin: 0 5px 5px 0;
}

.comments h3 {
    color: #808080;
    font-size: 18px;
    margin-top: 20px;
}

.commentlist li {
    border-color: #cccccc;
    color: #666666;
}

.thread-alt {
    background-color: #dddddd;
}

.thread-even {
    background-color: #eeeeee;
}

#respond {
    background-color: #808080;
    padding: 15px;
    margin-top: 30px;
}

#respond h3 {
    margin-top: 0;
    color: #ffffff;
    margin-bottom: 10px;
    font-size: 22px;
}

#commentform .commentLabel {
    color: #AAAAAA;
    display: block;
    font-size: 10px;
    font-weight: bold;
    text-align: left;
}

#commentform .commentLabel label {
    color: #e5e5e5;
    font-weight: bold;
    padding-top: 5px;
    font-size: 14px;
}

#commentform .commentLabel small {
    color: #BFBFBF;
    font-size: 14px;
}

#commentform .required {
    color: #37BFE6;
    font-weight: bold;
}

#commentform input {
    margin: 3px 2px 10px 0;
    padding: 2px;
    width: 300px;
}

#commentform textarea {
    margin: 3px 0 10px;
    padding: 2px;
}


/* ======================= RIGHT ======================= */

/* change the width to column width */
#right {
    float: right;
    width: 305px;
    margin-right: 10px;
}


/* ======================= FOOTER ======================= */

#footerContainer {
    background: #808080 url('images/footerBG.jpg') repeat-x center top;
    height: 225px;
}

#footer {
    margin: 0 auto;
    width: 940px;
    padding: 30px 22px 0 20px;
}

#footer .footCol {
        float: left;
        display: block;
        width: 305px;
        margin-right: 15px;
        height: 105px;
}

#footer h5 {
        border-bottom:1px solid #808080;
        color:#FFFFFF;
        font-size:16px;
        padding:0 0 3px 5px;
}

#footer .footCol .footList li a {
        border-bottom: 1px dotted #666666;
        display: block;
        font-size: 14px;
        font-weight: bold;
        padding: 8px 5px 5px;
}

#footer .createdBy {
        width: 300px;
        margin-right: 0px;
        float: right;
}

#footer p {
    margin: 10px 0 0 0;
    padding: 0 5px 5px;
    color: #cccccc;
}

#vmLogo {
    background: transparent url(images/vmLogo-trans.png) no-repeat scroll center top;
    display: block;
    height: 20px;
    margin: 0 0 5px;
    width: 188px;
}

.depth-1 {
    border: 1px solid #ddd;
}

.even, .alt {

    border-left: 1px solid #ddd;
}


h1, h2, h3 {
    font-weight: bold;
}

#headerimg .description {
    font-size: 1.2em;
    text-align: center;
}

h3 {
    font-size: 1.3em;
}

h1, h1 a, h1 a:hover, h1 a:visited, #headerimg .description {
    text-decoration: none;
    color: white;
}

h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, #wp-calendar caption, cite {
    text-decoration: none;
}

.entry p a:visited {
    color: #b85b5a;
}

.sticky {
    background: #f7f7f7;
    padding: 0 10px 10px;
}

.commentlist li ul li {
    font-size: 1em;
}

.commentlist li .avatar {
    float: right;
    border: 1px solid #eee;
    padding: 2px;
    background: #fff;
}

.commentlist cite, .commentlist cite a {
    font-weight: bold;
    font-style: normal;
    font-size: 1.1em;
}

.commentlist p {
    font-weight: normal;
    line-height: 1.5em;
    text-transform: none;
}

.commentmetadata {
    font-weight: normal;
}

.nocomments, strike {
    color: #777;
}

code {
    font: 1.1em 'Courier New', Courier, Fixed;
}

acronym, abbr, span.caps
{
    font-size: 0.9em;
    letter-spacing: .07em;
}

#wp-calendar #prev a, #wp-calendar #next a {
    font-size: 9pt;
}

#wp-calendar a {
    text-decoration: none;
}

#wp-calendar caption {
    font: bold 1.3em;
    text-align: center;
}

#wp-calendar th {
    font-style: normal;
    text-transform: capitalize;
}
/* End Typography & Colors */



/* Begin Structure */

.clear {
    clear: both;
}

/* End Structure */



/*      Begin Headers */
h3 {
    padding: 0;
    margin: 30px 0 0;
}

h3.comments {
    padding: 0;
    margin: 40px auto 20px ;
}
/* End Headers */



/* Begin Images */
p img {
    padding: 0;
    max-width: 100%;
}

/* Begin Lists

Special stylized non-IE bullets
Do not work in Internet Explorer, which merely default to normal bullets. */

html>body .entry ul {
    margin-left: 0px;
    padding: 0 0 0 30px;
    list-style: none;
    padding-left: 10px;
    text-indent: -10px;
}

html>body .entry li {
    margin: 7px 0 8px 10px;
}

.entry ul li:before {
    content: "\00BB \0020";
}

.entry ol {
    padding: 0 0 0 35px;
    margin: 0;
}

.entry ol li {
    margin: 0;
    padding: 0;
}

.postmetadata ul, .postmetadata li {
    display: inline;
    list-style-type: none;
    list-style-image: none;
}

ol li {
    list-style: decimal outside;
}

/* End Entry Lists */



/* Begin Form Elements */

.entry form { /* This is mainly for password protected posts, makes them look better. */
    text-align:center;
}

select {
    width: 130px;
}

#commentform {
    margin: 5px 10px 0 0;
}
#commentform textarea {
    width: 100%;
    padding: 2px;
}
#respond:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
#commentform #submit {
    margin: 0 0 5px auto;
    float: right;
}
/* End Form Elements */



/* Begin Comments*/
.alt {
    margin: 0;
    padding: 10px;
}

.commentlist {
    padding: 0;
    text-align: justify;
}

.commentlist li {
    margin: 15px 0 10px;
    padding: 5px 5px 10px 10px;
    list-style: none;

}
.commentlist li ul li {
    margin-right: -5px;
    margin-left: 10px;
}

.commentlist p {
    margin: 15px 5px 10px 0;
}
.children { padding: 0; }

#commentform p {
    margin: 5px 0;
}

.nocomments {
    text-align: center;
    margin: 0;
    padding: 0;
}

.commentmetadata {
    margin: 0;
    display: block;
}
/* End Comments */

/* Begin Calendar */
#wp-calendar {
    empty-cells: show;
    margin: 10px auto 0;
    width: 155px;
}

#wp-calendar #next a {
    padding-right: 10px;
    text-align: right;
}

#wp-calendar #prev a {
    padding-left: 10px;
    text-align: left;
}

#wp-calendar a {
    display: block;
}

#wp-calendar caption {
    text-align: center;
    width: 100%;
}

#wp-calendar td {
    padding: 3px 0;
    text-align: center;
}

#wp-calendar td.pad:hover { /* Doesn't work in IE */
    background-color: #fff; }
/* End Calendar */



/* Begin Various Tags & Classes */
acronym, abbr, span.caps {
    cursor: help;
}

acronym, abbr {
    border-bottom: 1px dashed #999;
}

blockquote cite {
    margin: 5px 0 0;
    display: block;
}

.center {
    text-align: center;
}

.hidden {
    display: none;
}

.screen-reader-text {
}

hr {
    display: none;
}

a img {
    border: none;
}

.navigation {
}
/* End Various Tags & Classes*/



/* Captions */
.aligncenter, div.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.wp-caption {
    border: 1px solid #ddd;
    text-align: center;
    background-color: #f3f3f3;
    padding-top: 4px;
    margin: 10px;
    -moz-border-radius: 3px;
    -khtml-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.wp-caption img {
    margin: 0;
    padding: 0;
    border: 0 none;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    padding: 0 4px 5px;
    margin: 0;
}
/* End captions */

#alert
{
	overflow: hidden;
	width: 100%;
	text-align: center;
	position: absolute;
	top: 0;
	left: 0;
	background-color: #fff;
	height: 0;
	color: #000;
	font: 20px/40px arial, sans-serif;
	opacity: .9;
	z-index: 1;
}

.videoEmbed {
	width: 470px;
	height: 320px;
	position: relative;
}

.video_overlay_container {
	width: 470px;
	height: 320px;
}

.video_overlay_image {
	position: absolute;
	top: 0;
	left: 0;
	height: 320px;
	width: 470px;
}

.video_overlay {
	position: absolute;
	background: transparent url(images/videoOverlay-trans.png) no-repeat scroll left top;
	padding: 5px 15px 15px 50px;
	min-height: 40px;
	color: #ffffff;
	font-size: 20px;
	font-weight: bold;
	right: 0;
	bottom: 45px;
	width: 390px;
	text-align: left;
	overflow: hidden;
}

.video_overlay span {
	font-size: 12px;
	font-weight: normal;
	display: block;
}

.jwplayerEmbed {
	position: absolute;
	top: 0;
	left: 0;
}

/************** Artist Upload *******************/

.artistUpload h1 {
	color: #666666;
	border-bottom: 1px dotted #999999;
	margin-bottom: 5px;
	padding: 0 0 5px 5px;
}

#artistForm {
	color: #666666;
	padding: 5px;
	font-size: 14px;
	margin-bottom: 40px;
}

#artistForm .field {
	padding: 15px 0 0;
}

#artistForm .field div {
	padding: 2px 0 0 150px;
	font-size: 12px;
	color: #999999;
}

#artistForm label {
	float:left;
	font-weight:bold;
	padding-right:10px;
	text-align:right;
	width:140px;
}

#artistForm input {
	width: 250px;
}

/* "Daisy, Daisy, give me your answer do. I'm half crazy all for the love of you.
   It won't be a stylish marriage, I can't afford a carriage.
   But you'll look sweet upon the seat of a bicycle built for two." */