/* @override http://mustache.local/rumble/wp-content/themes/rumble/style.css */

@import url("css/reset.css");

/*  
Theme Name: Rumble
Theme URI: http://rumble1.com
Author: GoKart
Author URI: http://gokartlabs.com
Version: 3.0

Written by John Heimkes IV
*/

/*----------------------------------------------------------------------------
=General
-----------------------------------------------------------------------------*/
body {
	background:#f6f6f4;
	font-family: "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif;
	overflow-y: scroll;
}
#wrapper {
  	width:960px;
  	margin: 0 auto;
}
#content {
	padding-top: 20px;
	width: 960px;
}
#mast-head {
	width: 100%;
	border-top:10px solid #f58026;
	height: 87px;
	background: #f6f6f4 url(images/content_shadow_top.png) bottom center no-repeat;
}
#header {
	left: 50%;
	margin: 0 auto;
	width: 960px;
	z-index: 2;
}
#mast-foot {
	float: left;
	width: 100%;
	height: 87px;
	background: #f6f6f4 url(images/content_shadow_bottom.png) top center no-repeat;
}
#footer {
	margin: 0 auto;
	height: 85px;
	width: 960px;
	clear: both;
}

/*----------------------------------------------------------------------------
=Headings
-----------------------------------------------------------------------------*/
h1 a {
	background: url(images/logo.png) top left no-repeat;
	text-indent: -9999px;
	float: left;
	width: 174px;
	height: 55px;
	display: block;
	margin: 15px 0 0;
}
h2, li.page_item.page-item-114 a {
	font-size: 10px;
	font-weight: normal;
	text-transform: uppercase;
	float: left;
	margin: 40px 0 0 20px;
	color: #a09f9f;
}
h2#phone {
	font-size: 16px;
	background: url(images/phone.png) top left no-repeat;
	height: 36px;
	margin: 20px 0 17px;
	text-indent: 40px;
	padding-top: 9px;
}
h2#paper {
	font-size: 16px;
	background: url(images/paper.png) top left no-repeat;
	height: 36px;
	margin: 20px 0 13px;
	text-indent: 30px;
	padding-top: 3px;
	text-decoration: none;
}
h2#sound {
	font-size: 16px;
	background: url(images/sound.png) top left no-repeat;
	height: 36px;
	margin: 0;
	text-indent: 43px;
	padding-top: 5px;
	text-decoration: none;
	width: 640px;
}

h2#reel {
	font-size: 16px;
	background: url(images/reel.png) top left no-repeat;
	height: 36px;
	margin: 23px 0 0;
	text-indent: 43px;
	padding-top: 5px;
	text-decoration: none;
	width: 100%;
}
h2.name {
	font-size: 15px;
	text-transform: capitalize;
	width: 100%;
	margin: 30px 0 6px;
}
h2.name a {
	color: #f58026;
	text-decoration: none;
}
h2.name a:hover { text-decoration: underline; }
h2.post-title  {
	width: 100%;
	margin: 20px 0 15px 0;
	font-size: 24px;
	color: #f58026;
	text-decoration: none;
	text-transform: capitalize;
}
h2.client_title {
	color: #f58026;
	font-size: 16px;
	margin: 0;
}
h3.inst_files {
	color: #6b6b6b;
	font-size: 14px;
	font-weight: normal;
	text-transform: uppercase;
}
h3.title {
	font-size: 13px;
	font-weight: normal;
	color: #7a7978;
	margin-bottom: 26px;
}
h3.about_headings {
	font-size: 15px;
	text-transform: uppercase;
	font-weight: normal;
	margin-bottom: 20px;
	color: #6b6b6b;
	font-family: "Trebuchet MS";
}
h3.about_headings a {
	text-decoration: none;
	color: #6b6b6b;
}
h3.about_headings a:hover {
	color: #f58026;
}
.location h3 {
	font-weight: normal;
	font-size: 13px;
	color: #f58026;
}
.about_info h3 {
	font-weight: normal;
	color: #f58026;
	font-size: 15px;
	text-transform: capitalize;
	width: 100%;
	margin: 0 0 20px;
}
.article h3 {
	font-size: 12px;
	font-weight: normal;
	color: #504f4f;
	margin-top: 20px;
}

/*----------------------------------------------------------------------------
 =Main Nav
-----------------------------------------------------------------------------*/
#nav { float: left; margin-left: 239px; }
#nav ul { list-style: none; margin-top: -14px;
	margin-left: 173px;
}
#nav ul li {
	float: left;
	padding-left: 30px;
	text-transform: uppercase;
}
#nav ul li a {
	text-decoration: none;
	font-size: 11px;
	color:#504f4f;
}
#nav ul li.active a, ul#reel-nav li.active a { color: #f58026; }
#nav ul li a.client, #nav ul li a:hover, #twitter_feed a, #twitter_feed a#twitter_link:hover, #foot_nav ul li a:hover { color: #f58026; }
/*----------------------------------------------------------------------------
=Client Access Portal
-----------------------------------------------------------------------------*/
div#clientLogin { display: none; }
#TB_window {
	width: 450px !important;
	height: 219px;
	background: #f6f6f4 url(images/modal_bg.png) no-repeat 42px 10px !important;
	border: 5px solid #fff !important;
}
#TB_title { background: none !important; }
#TB_window form {
	width: 185px;
	float: right;
	margin-right: 51px;
}
#TB_window form input#username, #TB_window form input#password {
	width: 185px;
	height: 25px;
	margin-bottom: 20px;
	border: 1px solid #ccc;
}
a#TB_closeWindowButton {
	color: #f58026 !important;
	text-decoration: none;
	font-family: Georgia;
}
a#TB_closeWindowButton:hover { text-decoration: underline; }
#TB_window form label { color: #6b6b6b; font-size: 14px; }
#TB_window input#submit {
	width: 75px;
	height: 25px;
	background: #f58026;
	border: 1px solid #da6409;
	color: #fff;
	font: 14px Georgia;
}
#portal_copy {
	width: 509px;
	padding: 30px 0 50px;
	line-height: 1.4em;
}
p.client_description {
	float: left;
	color: #504f4f;
	margin: 5px 0 25px;
}
#portal_copy ul li, p.client_description { font: 12px Arial; }
#portal_copy ul { list-style: none; }
#portal_copy ul li { padding-bottom: 6px; }
#portal_copy ul li a { color: #f58026; }
#portal_copy ul li a:hover { color: #7a7978; }

/*----------------------------------------------------------------------------
=Home
-----------------------------------------------------------------------------*/
#banner {
	width: 960px;
	height: 390px;
}
#banner ul { list-style: none; }
#twitter_feed { margin-top: 25px; }
#twitter_feed h3 {
	float: left;
	background: url(images/twitter_bird.png) top left no-repeat;
	width: 97px;
	height: 23px;
	text-indent: -9999px;
	margin-bottom: 25px;
}
#twitter_feed a#twitter_link {
	float: left;
	margin: 7px;
	text-decoration: none;
	font: 11px Arial;
	color: #a09f9f;
}
#twitter_div { clear: left; }
ul#twitter_update_list {
	list-style-type: none;
	width: 980px;
	margin-left: -20px;
}
ul#twitter_update_list li {
	width: 200px;
	background: url(images/tweet_split.png) top right no-repeat;
	height: 128px;
	float: left;
	font: 12px Arial;
	color: #7c7c7c;
	padding: 0 20px;
	margin-bottom: -1px;
}
ul#twitter_update_list li span a {
	display: block;
	width: 200px;
	overflow: hidden;
}
ul#twitter_update_list li a { text-decoration: none; }
ul#twitter_update_list li:last-child { background: none; }
ul#twitter_update_list li span { line-height: 1.4em; }

/*----------------------------------------------------------------------------
=Contact
-----------------------------------------------------------------------------*/
#sidebar {
	float: left;
	width: 180px;
	margin-right: 180px;
	margin-bottom: 150px;
}
address {
	line-height: 1.4em;
	font-size: 12px;
	font-style: normal;
	padding-bottom: 25px;
	border-bottom: 1px solid #c8c8c6;
	margin-bottom: 25px;
	color: #7c7c7c;
}
.location {
	float: left; 
	height: 167px;
	margin-bottom: 25px;
	font-family: Arial;
	background: url(images/article_bottom.png) bottom left no-repeat; 
}
.location:last-child { background: none; }
address a { text-decoration: none; color: #f58026; }
address a:hover { text-decoration: underline; }
span.pad-down { display: block; padding-bottom: 8px; }
address:last-child { border: none; }
#contact_form {
	float: left;
	width: 360px;
	font-family: Arial;
	margin: 55px 0 60px 6px;
}
input#input_1_6.medium, input#input_1_7.medium, input#input_1_5.medium, textarea#input_1_4.textarea.medium { 
	width: 342px; 
	background: #e7e7e4; 
	border: 1.5px solid #d9d9d8; 
	padding: 8px;
	font: 12px Arial; 
	color: #504f4f;
}
textarea { height: 170px; }
input#gform_submit_button_1.button {
	float: right;
	width: 75px;
	height: 25px;
	background: #f58026;
	border: 1px solid #da6409;
	margin-top: -5px;
	color: #fff;
	font: 14px Arial;
}

/*----------------------------------------------------------------------------
=About
-----------------------------------------------------------------------------*/
ul#about-section-nav, ul#about-section-nav ul {
	list-style-type: none;
	float: left;
	width: 150px;
}
ul#about-section-nav li a {
	text-decoration: none;
	display: block;
	font-size: 13px;
	color: #a09f9f;
	text-transform: capitalize;
	font-family: Arial;
	margin-bottom: 15px;
}
ul#about-section-nav li:last-child { margin-bottom: 36px; }
ul#about-section-nav li.active a, ul#about-section-nav li a:hover  { color: #f58026; }
ul#about-section-nav li.active a:after { content: ' »'; margin-right: 13px; }
.right_col {
	font-family: Arial;
	float: left;
	width: 420px;
	margin: 33px 0 60px 206px;
}
.about_info { margin-top: 36px; }
.about_info p, .bio-copy p {
	color: #504f4f;
	font-size: 12px;
	margin-bottom: 30px;
	line-height: 1.6em;
}
.about_info p a { text-decoration: none; color: #f58026; }
.bio img { width: 193px; height: 103px; }
.bio-copy p a { color: #f58026; }
.bio-copy p a:hover { color: #a09f9f; }
.slide img, .bio img { border: 5px solid #fff; }

/*----------------------------------------------------------------------------
=About Slideshow
-----------------------------------------------------------------------------*/
.slide img { width: 390px; height: 200px; }
#slide-nav {
	position: absolute;
	z-index: 10;
	margin: 168px 0 0 168px;
}
body.page-id-581 #slide-nav { margin-top: 200px; }
#slide-nav a {
	background: url(images/locations/slide-indicator.gif) bottom left no-repeat;
	float: left;
	text-indent: -9999px;
	width: 6px;
	height: 6px;
	margin-right: 5px;
	margin-top: 50px;
}
#slide-nav a.activeSlide { background-position: top left; }

/*----------------------------------------------------------------------------
=Blog
-----------------------------------------------------------------------------*/
.article {
	width: 600px;
	font-family: Arial;
	float: left;
	padding: 0 40px 30px 0;
	margin-right: 20px;
	background: url(images/article_bottom.png) bottom left no-repeat;
	border-right: 1px solid #dfdfdd;
}
.post_content p {
	float: left;
	font-size: 14px;
	line-height: 1.5em;
	clear: left;
	padding-bottom: 25px;
	color: #7c7c7c;
}
.post_content p:first-child { padding-top: 25px; }
.post_content p a { text-decoration: none; color: #f58026; }
.post_content p a:hover { color: #7a7978; }
.post_content object, .post_content img { max-width: 600px !important; }
.article:last-child { margin-bottom: 85px; }
.cat_com { width: 100%; }
.cat_com a {
	text-decoration: none;
	font-size: 12px;
	color: #504f4f;
}
span.category a {
	float: left;
	height: 17px;
	text-indent: 20px;
	padding-top: 3px;
	margin-right: 20px;
	display: block;
	background: url(images/category_badge.png) top left no-repeat;
}
span.comments {
	float: left;
	font-size: 12px;
	color: #504f4f;
	height: 15px;
	margin-top: 3px;
	text-indent: 20px;
	display: block;
	background: url(images/comments_badge.png) top left no-repeat !important;
}
a.read_more {
	float: left;
	color: #fff;
	width: 75px;
	height: 21px;
	text-align: center;
	text-decoration: none;
	padding-top: 5px;
	background: #f58026;
	font-size: 14px;
	border: 1px solid #da6409;
}
div.share {
	width: 230px;
	float: right;
	margin-top: -20px;
}
.fb_edge_widget_with_comment { top: -3px; }
.fb_iframe_widget {
	margin-top: 20px;
}
.fb-comments {
	position: relative;
	top: 10px;
	float: left;
	margin-bottom: 30px;
}
.blog-bar {
	float: left;
	width: 280px;
	position: absolute;
	margin-left: 666px;
	margin-top: 41px;
	z-index: -1;
}
.search, .categories, .archives {
	float: left;
	width: 280px;
	font-family: Arial;
	line-height: 1.5em;
}
.search { margin-bottom: 20px; }
.categories ul, .archives,  div.categories{ list-style: none; }
div.categories {
	padding-bottom: 25px;
	margin-bottom: 25px;
	background: url(images/cat_bottom.png) bottom left repeat-x;
}
.categories h3, .archives h3 {
	color: #f58026;
	font-weight: normal;
	font-size: 16px;
	margin-bottom: 9px;
}
.categories li a, .archives li a {
	color: #7c7c7c;
	text-decoration: none;
	font-size: 12px;
}
.archives li {
	color: #f58026;
	font-size: 12px;
}
.categories li a:hover, .archives li a:hover {
	color: #f58026;
}
.categories li a {
	color: #7c7c7c;
	text-decoration: none;
	font-size: 12px;
}
form#searchform {
	width: 280px;
	height: 31px;
	background: #e7e7e4;
	border: 1px solid #d9d9d8;
}
input#search_box {
	color: #7c7c7c;
	border: none;
	float: left;
	background: #e7e7e4;
	width: 250px;
	height: 30px;
	margin-top: -23px;
	margin-left: 5px;
}
input#searchsubmit {
	float: left;
	width: 20px;
	height: 20px;
	text-indent: -9999px;
	border: none;
	background: url(images/magnifying_glass.png) top left no-repeat;
	margin-top: -18px;
}
form#searchform label.screen-reader-text {
	display: block;
	text-indent: -9999px;
}

/*----------------------------------------------------------------------------
=Reel
-----------------------------------------------------------------------------*/
#projects_grid { width: 100%; float: left; }
.project_thumb.no-pad { padding-right: 0 !important; }
.project_thumb img { width: 129px; height: 96px; border: 5px solid #fff; }
.project_thumb {
	width: 155px;
	float: left;
	padding: 0 33px 33px 0;
}
.project_thumb a { text-decoration: none; }
.project_thumb a span.hover_me { display: none; }
.project_thumb a:hover span.hover_me {
	display: block !important;
	float: left;
	width: 130px;
	height: 66px;
	background: #000;
	padding-top: 30px;
	color: #fff;
	opacity: .7;
	margin: -103px 0 0 5px;
	z-index: 1;
	text-align: center;
	font: normal 12px Arial;
	text-decoration: none;
}
ul#reel-nav {
	list-style: none;
	float: left;
	margin: -31px 0 0 140px;
}
ul#reel-nav li, ul#reel-nav li a {
	float: left;
	font-family: Arial;
	font-size: 11px;
	color:#a09f9f;
	text-decoration: none;
}
ul#reel-nav li a {
	padding: 0 10px;
}
ul#reel-nav li:after { content: '|'; }
ul#reel-nav li:last-child:after { content: ''; }

/*----------------------------------------------------------------------------
=Admin
-----------------------------------------------------------------------------*/
.admin_area {
	width: 500px;
	margin: 20px 0 20px;
}
h2.admin_head { font-size: 16px; margin: 0; }
h2.admin_head a { color: #f58026; }
a.new {
	border: 1px solid #504f4f;
	padding: 4px;
	margin-left: 100px;
	color:#504f4f;
	text-decoration: none;
	font-size: 12px;
}
a.new:hover { border: 1px solid #a09f9f; color: #a09f9f; }
ul#project_list li a:hover { color: #f58026; }
ul#project_list {
	list-style-type: none;
	margin: 30px 0 10px;
}
ul#project_list li a {
	text-decoration: none;
	color:#504f4f;
	font: 13px Arial;
}
h3.project_title {
	clear: both;
	padding-top: 20px;
}
.admin_area input, .admin_area textarea { 
	width: 342px; 
	background: #e7e7e4; 
	border: 1.5px solid #d9d9d8; 
	padding: 8px;
	font: 12px Arial; 
	color: #504f4f;
	margin-top: 5px;
}
.admin_area label {
	font: 12px Arial; 
	color: #504f4f;
}
.admin_area textarea { height: 170px; }
input#save {
	width: 75px;
	height: 25px;
	background: #f58026;
	margin-top: 10px;
	padding: 0;
	border: 1px solid #da6409;
	color: #fff;
	font: 14px Arial;
}
a.cancel {
	text-decoration: none;
	position: relative;
	top: 7px;
	margin-left: 10px;
	font: 14px Arial;
	color:#504f4f;
}
a.cancel:hover { color: #a09f9f; }
#project_list_counter { font: 12px Arial; color: #504f4f; }
a.qp_prev, a.qp_next {
	color: #f58026;
	padding: 10px;
	text-decoration: none;
}
a.qp_prev:hover, a.qp_next:hover {
	text-decoration: underline;
}
form#admin_login {
	width: 300px;
}
p.note {
	clear: both;
	padding: 10px 0 10px;
	font-size: 12px;
	color:#504f4f;
}
input#log, input#pwd {
	float: left;
}
label#admin_password, label#admin_username {
	width: 400px;
	float: left;
	margin: 20px 0 0;
}
input#login {
	margin: 20px 0 50px;
	width: 75px;
	float: left;
}
a.recover {
	text-decoration: none;
	position: relative;
	margin-left: 20px;
	font: 11px Arial;
	color:#504f4f;
	top: 25px;
}
a.recover:hover { color: #a09f9f; }
label#rememberme {
	float: left;
}
input#rememberme {
	position: relative;
	left: 90px;
	top: 13px;
}

/*----------------------------------------------------------------------------
=Footer
-----------------------------------------------------------------------------*/
#footer p {
	float: left;
	font-size: 11px;
	color: #a09f9f;
	margin-top: 32px;
	margin-right: 0;
	margin-bottom: 0;
}
#foot_nav {
	float: left;
	margin-left: 199px;
}
#foot_nav ul {
	list-style-type: none;
	margin: 30px 0 0 2px;
}
#foot_nav ul li {
	float: left;
	text-transform: uppercase;
	font-size: 11px;
	color:#a09f9f;
}
#foot_nav ul li a {
	text-decoration: none;
	color:#a09f9f;
	margin-right: 13px;
}
a.facebook_icon, a.twitter_icon {
	width: 16px;
	height: 16px;
	display: inline-block;
	text-indent: -9999px;
	position: relative;
	top: -2px;
	left: 10px;
}
#foot_nav li:after { content: '|'; margin-right: 13px; }
#foot_nav li:last-child:after { content: ''; margin-right: 0; }
a.facebook_icon { background: url(images/facebook_icon.png) top left no-repeat; }
a.twitter_icon { left: 2px; background: url(images/twitter_icon.png) top left no-repeat; }