/*
Theme Name: Rumble Labs Splash v2
Description: Rumble Labs Splash v2
Version: 2.1
Author: Steven Hylands
*/

/* A font by Jos Buivenga (exljbris) -> www.exljbris.nl */
@font-face {
	font-family: 'MuseoSans500';
	src: url('ff/MuseoSans_500.eot');
	src: local('Museo Sans 500'), local('MuseoSans-500'), url('ff/MuseoSans_500.woff') format('woff'), url('ff/MuseoSans_500.otf') format('opentype'), url('ff/MuseoSans_500.svg#MuseoSans-500') format('svg');
}

@font-face {
	font-family: 'MuseoSans500Italic';
	src: url('ff/MuseoSans_500_Italic.eot');
	src: local('Museo Sans 500 Italic'), local('MuseoSans-500Italic'), url('ff/MuseoSans_500_Italic.woff') format('woff'), url('ff/MuseoSans_500_Italic.otf') format('opentype'), url('ff/MuseoSans_500_Italic.svg#MuseoSans-500Italic') format('svg');
}

/* RESET */
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, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent
}
body {line-height:1}
ol, ul {list-style:none}
blockquote, q {quotes:none}
blockquote:before, blockquote:after, q:before, q:after {content:'';	content:none}
:focus {outline:0}
ins {text-decoration:none}
del {text-decoration:line-through}
table {border-collapse:collapse;border-spacing:0}

/** Containers **/
.container {margin-left:0;	margin-right:0;	width: 100%; }

/** Margins **/
.mt130 {margin-top:130px;}
.ml150 {margin-left:150px;}

.hidden {display:none;}
.fl {float:left;}

/** Clear Floated Elements **/
.clear {clear: both;display: block;overflow: hidden;visibility: hidden;width: 0;height: 0;}
.clearfix:after {clear: both;content:' ';display: block;font-size: 0;line-height: 0;visibility: hidden;	width: 0;	height: 0;}
.clearfix {display: inline-block;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}

/* TYPOGRAPHY */

body { font: 62.5%/1.5em Helvetica, Arial, sans-serif; color:#fff;}

/* Color palete */
.rumble-blue { color:#19DCFE; }
.rumble-pink { color:#FF51B4; }

a, a:link, a:visited {font-weight:bold; color:#19DCFE; text-decoration:underline; }
a:hover, a:focus {color:#FF51B4; text-decoration: underline; }

/* RUMBLE */
body {background:#000 url(images/bg.jpg) no-repeat 0 0;}
div {display:block;}
.container {min-width:960px;width: 100%;height: 100%;}
.container-left {float:left;}
.container-right {width:321px;background:#000 url(images/sidebar-bg.jpg)  no-repeat 0 0;}
.sidebar-glow{background:url(images/sidebar-glow.png) no-repeat 0 0;position:absolute;top:0;right:30px;width:132px;height:120px;}
#logo {width:124px;height:30px;background:url(images/logo.png) no-repeat 0 0;}
#hello {width:204px;height:70px;background:url(images/hello.png) no-repeat 0 0;margin: 60px 0 0 -4px;}

#intro {font-family:"MuseoSans500",Helvetica, Arial, sans-serif;width:400px;margin:30px 0 0 -3px;font-size:2.3em;line-height:1.1em;font-weight:normal;letter-spacing:-0.01em;}
#intro .onotate {font-weight:normal;}
p.main-text {font-family:Helvetica, Arial, sans-serif;width:400px;margin-top: 20px;font-size:1.2em;line-height:1.55em;}

#work a {display:block;}
#work h4 {width:253px;height:54px;margin:40px 0 0 -30px;background:url(images/work.png) no-repeat 0 0;}
.work-fultons,.work-gloss,.work-spence,.work-cloudstream {height:50px;background-position:top;}

.work-fultons {float:left;width:97px;height:50px;margin:-18px 10px 10px 0;background-image:url(images/work-fultons.png);}
.work-gloss {float:left;width:85px;margin:-18px 0 10px 0;background-image:url(images/work-gloss.png);}
.work-spence {width:180px;background-image:url(images/work-spence.png);margin-bottom: 10px;}
.work-cloudstream {width:144px;background-image:url(images/work-cloudstream.png);margin-bottom: 10px;}

.work-fultons:hover,.work-gloss:hover,.work-spence:hover,.work-cloudstream:hover {background-position:bottom;}

.ht {text-indent:-9999px;}
.handle{top:40px !important;background-position:-21px 0;}
.handle:hover{cursor:pointer;}
.twitter {width:240px;padding: 120px 0 0 40px;}
.twitter-icon {width:40px;height:40px;background-color: #FFF; padding: 1px;}
.twitter-follow {padding-top:4px;margin-left:58px;width:182px;height:40px;}
.twitter-rumblelabs {	width:182px;height:21px;margin-top: 4px;margin-left: -1px;background:url(images/twitter-rumblelabs.png) no-repeat 0 0;}
.twitter-timestamp {display:block;padding-top:4px;}
a.twitter-link, a.twitter-link:link, a.twitter-link:visited {color:#000;}
a.twitter-timestamp, a.twitter-timestamp:link, a.twitter-timestamp:visited {font-size:9px;color:#000;text-decoration:none;}
a.twitter-link:hover, a.twitter-link:focus, a.twitter-timestamp:hover, a.twitter-timestamp:focus {color:#FF51B4;text-decoration:underline;}

.twitter-link:hover, .twitter-timestamp:hover {color:#FF51B4 !important;}
.tweet-container {display:none;width:240px;margin-top: 15px;padding-top:7px;background:url(images/twitter-top-bg.png) no-repeat 0 0;}
.latest-tweet {line-height:16px; padding:20px 20px 18px 20px;width:200px;background-color: #FAF7AE;color: #000;}

.vcard {	background:url(images/contact-bg.png) no-repeat 0 0;height:90px;line-height:1;padding:80px 40px;width:240px;}
.contact-email, .tel, .adr{height:13px;padding-left:66px;padding-top:1px;width:174px;}
.contact-email {background:url(images/email.png) no-repeat 0 0;}
.tel {background:url(images/talk.png) no-repeat 0 0;margin-top:6px;}
.adr {background:url(images/visit.png) no-repeat 0 0;margin-top:22px;}
.street-address {margin-bottom:6px;}

.contact-form {padding:0px 40px;width:240px;}
.get-in-touch {background:url(images/get-in-touch.png) no-repeat 0 0;height:13px;margin:0 0 30px 0px;}
.form-inner {width:240px;}

input, textarea {	background-color:#000;border:1px solid #3f3f3f;}
input[type="text"], textarea {width:229px;color:#FFF;padding-left:9px;padding-top:6px;margin-bottom:10px;font-size:11px;}
input[type="text"] {height:21px;}
textarea {height:82px;font-family:'Arial', sans-serif;}
input[type="text"]:focus, textarea:focus {border:1px solid #5f5f5f;color:#FFF;}
input[type="submit"] {font-size:11px; float:right;cursor:pointer;height:30px;color:#19DCFE;text-decoration:underline;padding:0 8px 4px 8px;font-weight:bold;}
input[type="submit"]:hover {color:#FF51B4;border:1px solid #5f5f5f;}

img.ajax-loader {display:none !important;}
div.wpcf7-mail-sent-ok {border:0 !important;width:180px;color:lime;}
div.wpcf7-response-output {margin:6px 0 0 0 !important;padding:0 !important;}
div.wpcf7-validation-errors {border:0 !important;color:red;}


div#fancy_inner,div#fancy_overlay {background:#000 !important;border:0 !important;}
div#fancy_title {display:none !important;}
.watermarked {color:#5f5f5f !important;}