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

   THE VINYL FRONTIER 
   http://www.thevinylfrontiermovie.com

   * LAST UPDATE: 
   * DESIGN: Dan Woodward http://www.danwoodward.com

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

/* reset.css */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.5;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}

/* typography.css */
body {font-size:75%;color:#222;background:#fff;font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;}
h1, h2, h3, h4, h5, h6 {font-weight:bold;color:#111;}
h1 {font-size:3em;line-height:1;margin-bottom:0.5em;}
h2 {font-size:1.3em;margin-bottom:0.75em;}
h3 {font-size:1.5em;xmargin-bottom:.75em;display:inline;float;left:}
h4 {font-size:1.2em;line-height:1.25;margin-bottom:1.25em;height:1.25em;}
h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;}
h6 {font-size:1em;font-weight:bold;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
p {margin:0 0 1.5em;font-size: 1.2em;}
p img {float:left;margin:1.5em 1.5em 1.5em 0;padding:0;}
p img.right {float:right;margin:1.5em 0 1.5em 1.5em;}
a:focus, a:hover {color:#000;}
a {color: #8e8e8e;text-decoration:none;}
blockquote {margin:1.5em;color:#666;font-style:italic;}
strong {font-weight:bold;}
em {font-style:italic;}
li ul, li ol {margin:0 1.5em;}
ul, ol {margin:0 1.5em 1.5em 1.5em;}
ul {list-style-type:disc;}
ol {list-style-type:decimal;}

.small {font-size:.8em;margin-bottom:1.875em;line-height:1.875em;}
.large {font-size:1.2em;line-height:2.5em;margin-bottom:1.25em;}
.hide {display:none;}
.quiet {color:#666;font-size:.9em;}
.loud {color:#000;}
.highlight {background:#ff0;}
.added {background:#060;color:#fff;}
.removed {background:#900;color:#fff;}
.first {margin-left:0;padding-left:0;}
.last {margin-right:0;padding-right:0;}
.top {margin-top:0;padding-top:0;}
.bottom {margin-bottom:0;padding-bottom:0;}

.logo {float:left;padding-left: 10px;}
.videobox {}
.subsplash {margin-bottom: 50px;}

a:hover span.purple, a:hover span.blue, a:hover span.pink, a:hover span.turquoise {color:#DDD;}

.sitevideo {height:475px;width:600px;xmargin-bottom: 10px;border:3px solid #222;}
/* Navigation */
ul.navlist {float:left;list-style:none;margin:0;}
ul.navlist li {margin:0;padding:0;font-size: 1.8em;line-height: 1em;}

ul.navlist li a {
	font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: bold;
	color:#000;
	text-decoration: none;	
	}
ul.navlist li a:hover {color:#DDD;}

ul.navlist li.pink a {color:#FF3696;}
ul.navlist li.purple a {color:#BA1CA8;}
ul.navlist li.blue a {color:#00C3FF;}
ul.navlist li.turquoise a {color:#35A8A5;}

body {background: url(images/vfcollage_footer.jpg) repeat-x center bottom;padding-bottom:500px;}

span.pink {color:#FF3696;}
span.purple {color:#BA1CA8;}
span.blue {color:#00C3FF;}
span.turquoise {color:#35A8A5;}

ul.navlist li a.active {color:#DDD;}
ul.navlist li.pink a:hover, ul.navlist li.purple a:hover, ul.navlist li.blue a:hover, ul.navlist li.turquoise a:hover {color:#DDD;}

/* structure */
.content {margin:0;float:left;}
.wrap {padding-bottom:400px;float:left;}
#left {background-color: #FFF;}

#right {background:#F1F1F1;border-bottom:1px solid #666;border-top:5px solid #666;}
.ads {color: #DDD;margin: 10px 0 10px 0;}
.ads img {border:5px solid #222;}
.innerwrap {padding: 0 15px 15px 15px;float:left;}
.post {margin-bottom: 30px;}
.head {margin:0;}
div.footer {color:#222;padding-bottom:40px;}
	ul.footerlist {list-style:none;}
	ul.footerlist li {display:inline;float:left; margin-right: 20px; font-size: .8em;}

#about {background: url(images/about.gif) no-repeat top left;}
.aboutBtn {width:60px;height:15px;}
.contactBtn {background: url(images/contact.gif) no-repeat top left;width:79px;height:15px;}


.pressitems img {display:block:}
.pressitems p {margin-bottom:40px;padding:0;font-size: .9em;text-align:left;}

a.navlinks img {border-bottom: 1px solid #FFF;}
a:hover.navlinks img {border-bottom: 1px solid #CCC;}
/* grid.css */

.containermain {width:950px;margin:32px auto;}
x.contentbg {background: url('images/vfcollagebg2.png') bottom left no-repeat;padding-bottom: 100px;}
	.container {width:950px;margin:32px auto 0 auto;background: url('images/vfcollagebg3.jpg') left 25px no-repeat #FFF;}

div.span-1, div.span-2, div.span-3, div.span-4, div.span-5, div.span-6, div.span-7, div.span-8, div.span-9, div.span-10, div.span-11, div.span-12, div.span-13, div.span-14, div.span-15, div.span-16, div.span-17, div.span-18, div.span-19, div.span-20, div.span-21, div.span-22, div.span-23, div.span-24 {float:left;margin-right:10px;}
div.last {margin-right:0;}

.span-1{width:30px}.span-2{width:70px}.span-3{width:110px}.span-4{width:150px}.span-5{width:190px}.span-6{width:230px}.span-7{width:270px}.span-8{width:310px}.span-9{width:350px}.span-10{width:390px}.span-11{width:430px}.span-12{width:470px}.span-13{width:510px}.span-14{width:550px}.span-15{width:600px}.span-16{width:630px}.span-17{width:670px}.span-18{width:710px}.span-19{width:750px}.span-20{width:790px}.span-21{width:830px}.span-22{width:870px}.span-23{width:910px}.span-24,div.span-24{margin:0;width:950px}

.append-1{padding-right:40px}.append-2{padding-right:80px}.append-3{padding-right:120px}.append-4{padding-right:160px}.append-5{padding-right:200px}.append-6{padding-right:240px}.append-7{padding-right:280px}.append-8{padding-right:320px}.append-9{padding-right:360px}.append-10{padding-right:400px}.append-11{padding-right:440px}.append-12{padding-right:480px}.append-13{padding-right:520px}.append-14{padding-right:560px}.append-15{padding-right:600px}.append-16{padding-right:640px}.append-17{padding-right:680px}.append-18{padding-right:720px}.append-19{padding-right:760px}.append-20{padding-right:800px}.append-21{padding-right:840px}.append-22{padding-right:880px}.append-23{padding-right:920px}

.prepend-1{padding-left:40px}.prepend-2{padding-left:80px}.prepend-3{padding-left:120px}.prepend-4{padding-left:160px}.prepend-5{padding-left:200px}.prepend-6{padding-left:240px}.prepend-7{padding-left:280px}.prepend-8{padding-left:320px}.prepend-9{padding-left:360px}.prepend-10{padding-left:400px}.prepend-11{padding-left:440px}.prepend-12{padding-left:480px}.prepend-13{padding-left:520px}.prepend-14{padding-left:560px}.prepend-15{padding-left:600px}.prepend-16{padding-left:640px}.prepend-17{padding-left:680px}.prepend-18{padding-left:720px}.prepend-19{padding-left:760px}.prepend-20{padding-left:800px}.prepend-21{padding-left:840px}.prepend-22{padding-left:880px}.prepend-23{padding-left:920px}

div.border {padding-right:4px;margin-right:5px;border-right:1px solid #eee;}
div.colborder {padding-right:24px;margin-right:25px;border-right:1px solid #eee;}

.pull-1{margin-left:-40px}.pull-2{margin-left:-80px}.pull-3{margin-left:-120px}.pull-4{margin-left:-160px}.pull-5{margin-left:-200px}.pull-6{margin-left:-240px}.pull-7{margin-left:-280px}.pull-8{margin-left:-320px}.pull-9{margin-left:-360px}.pull-10{margin-left:-400px}.pull-11{margin-left:-440px}.pull-12{margin-left:-480px}.pull-13{margin-left:-520px}.pull-14{margin-left:-560px}.pull-15{margin-left:-600px}.pull-16{margin-left:-640px}.pull-17{margin-left:-680px}.pull-18{margin-left:-720px}.pull-19{margin-left:-760px}.pull-20{margin-left:-800px}.pull-21{margin-left:-840px}.pull-22{margin-left:-880px}.pull-23{margin-left:-920px}.pull-24{margin-left:-960px}

.pull-1, .pull-2, .pull-3, .pull-4, .pull-5, .pull-6, .pull-7, .pull-8, .pull-9, .pull-10, .pull-11, .pull-12, .pull-13, .pull-14, .pull-15, .pull-16, .pull-17, .pull-18, .pull-19, .pull-20, .pull-21, .pull-22, .pull-23, .pull-24 {float:left;position:relative;}

.push-1{margin:0 -40px 1.5em 40px;}.push-2{margin:0 -80px 1.5em 80px;}.push-3{margin:0 -120px 1.5em 120px;}.push-4{margin:0 -160px 1.5em 160px;}.push-5{margin:0 -200px 1.5em 200px;}.push-6{margin:0 -240px 1.5em 240px;}.push-7{margin:0 -280px 1.5em 280px;}.push-8{margin:0 -320px 1.5em 320px;}.push-9{margin:0 -360px 1.5em 360px;}.push-10{margin:0 -400px 1.5em 400px;}.push-11{margin:0 -440px 1.5em 440px;}.push-12{margin:0 -480px 1.5em 480px;}.push-13{margin:0 -520px 1.5em 520px;}.push-14{margin:0 -560px 1.5em 560px;}.push-15{margin:0 -600px 1.5em 600px;}.push-16{margin:0 -640px 1.5em 640px;}.push-17{margin:0 -680px 1.5em 680px;}.push-18{margin:0 -720px 1.5em 720px;}.push-19{margin:0 -760px 1.5em 760px;}.push-20{margin:0 -800px 1.5em 800px;}.push-21{margin:0 -840px 1.5em 840px;}.push-22{margin:0 -880px 1.5em 880px;}.push-23{margin:0 -920px 1.5em 920px;}.push-24{margin:0 -960px 1.5em 960px;}

.push-1, .push-2, .push-3, .push-4, .push-5, .push-6, .push-7, .push-8, .push-9, .push-10, .push-11, .push-12, .push-13, .push-14, .push-15, .push-16, .push-17, .push-18, .push-19, .push-20, .push-21, .push-22, .push-23, .push-24 {float:right;position:relative;}
.box {padding:1.5em;margin-bottom:1.5em;background:#E5ECF9;}

.clearfix:after, .container:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix, .container {display:inline-block;}
* html .clearfix, * html .container {height:1%;}
.clearfix, .container {display:block;}
.clear {clear:both;}

/* forms.css */
label {font-weight:normal;}
fieldset {padding:1.4em;margin:0 0 1.5em 0;border:1px solid #ccc;}
legend {font-weight:bold;font-size:1.2em;}
input.text, input.title, textarea, select {margin:0.5em 0;border:1px solid #bbb;}
input.text:focus, input.title:focus, textarea:focus, select:focus {border:1px solid #666;}
input.text, input.title {width:300px;padding:5px;}
input.title {font-size:1.5em;}
textarea {width:390px;height:250px;padding:5px;}
.error, .notice, .success {padding:.8em;margin-bottom:1em;border:2px solid #ddd;}
.error {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
.notice {background:#FFF6BF;color:#514721;border-color:#FFD324;}
.success {background:#E6EFC2;color:#264409;border-color:#C6D880;}
.error a {color:#8a1f11;}
.notice a {color:#514721;}
.success a {color:#264409;}

/* @TUMBLR THEME */

		div#searchresultcount {margin: 15px 0 30px; text-align: center; }
		div.post {float: left; margin-bottom: 40px; }
		div.post div.date {background-color: #000; display: block; margin-bottom: 18px; padding: 20px; width: 30%; }
		div.post div.date div.date_brick {color: #FFF; font-weight: bold; }
		div.post img.permalink {padding:2px;background-color: #FFF; border-width: 0px; display: block; height: 13px; width: 14px;border-bottom:1px solid #FFF; }
		div.post:hover img.permalink {border-bottom:1px solid #000;}
		div.post h2 {color: #000; font-size: 36px; font-weight: bold; letter-spacing: -1px; line-height: 30px; margin: 0px 0px 18px 0px; }
		div.post h2 a {color: #000; text-decoration: none; }
		div.post h2 a:hover {color: #000; text-decoration: underline; }
		div.post div.caption {color: #444; font-size: 14px; font-weight: normal; margin-top: 10px; padding: 0px 20px 0px 0px; }
		div.post div.caption a {color: #444; }
		div.post div.regular, div.post div.photo, div.post div.video {color: #444; font-size: 14px; font-weight: normal; margin-top: 10px; padding: 0px 20px 0px 20px; }
		div.post div.regular blockquote {border-left: solid 2px #444; font-style: italic; padding-left: 10px; }
		p > i {background-color: #000; color: #FFF; font-style: normal; }
		p {clear: both; display: block; text-align: justify; }
		div.post div.quote div.quote_text {border-left: solid 5px #6498cc; color: #888; font-family: Helvetica, sans-serif; font-weight: bold; padding-left: 10px; }
		div.post div.quote div.quote_text span.short {font-size: 36px; letter-spacing: -1px; line-height: 40px; }
		div.post div.quote div.quote_text span.medium {font-size: 25px; letter-spacing: -1px; line-height: 27px; }
		div.post div.quote div.quote_text span.long {font-size: 16px; line-height: 20px; }
		div.post div.quote div.quote_text a {color: #888; }
		div.post div.quote div.source {color: #555; font-size: 16px; font-weight: Bold; margin-top: 5px; }
		div.post div.quote div.source a {color: #555; }
		div.post div.link a.link {color: #c00; font: Bold 20px Helvetica, sans-serif; letter-spacing: -1px; }
		div.post div.link span.description {color: #444; font-size: 13px; font-weight: normal; letter-spacing: -1px; }
		div.post div.conversation ul {border-left: solid 5px #bbb; list-style-type: none; margin: 0px; padding: 0px 0px 0px 1px; }
		div.post div.conversation ul li {color: #444; font-size: 12px; margin-bottom: 1px; padding: 4px 10px 4px 8px; }
		div.post div.conversation ul li span.label {font-weight: bold; }
		div.post div.conversation ul li span.user_1 {color: #c00; }
		div.post div.conversation ul li span.user_2 {color: #00c; }
		div.post div.conversation ul li span.user_3 {color: #0a0; }
		div.post div.conversation ul li.odd {background-color: #f4f4f4; }
		div.post div.conversation ul li.even {background-color: #e8e8e8; }
		div.post div.video { }
		.postnav a {background-color: #000; color: #FFF; font-size: 18px; font-weight: bold; padding: 8px; }
		.postnav a:hover {background-color: #666; }
		.query {font-weight: bold; }