/*
Theme Name: Hinmon
Theme URI: http://www.justinbarkhuff.com/
Description: The default theme for hinmon.com.
Author: Justin Barkhuff
Version: 1.0
*/

@font-face {
	font-family: 'GothamXNarrowMediumRegular';
	src: url('fonts/gothamxnarrow-medium-webfont.eot');
	src: local('?'), url('fonts/gothamxnarrow-medium-webfont.woff') format('woff'), url('fonts/gothamxnarrow-medium-webfont.ttf') format('truetype'), url('fonts/gothamxnarrow-medium-webfont.svg#webfontG3eFQSiS') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'GothamXNarrowBookRegular';
	src: url('fonts/gothamxnarrow-book-webfont.eot');
	src: local('?'), url('fonts/gothamxnarrow-book-webfont.woff') format('woff'), url('fonts/gothamxnarrow-book-webfont.ttf') format('truetype'), url('fonts/gothamxnarrow-book-webfont.svg#webfontWdCae4s9') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

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;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	clear: both;
}
ol, ul {
	list-style: none;
}
blockquote {
	quotes: none;
}
blockquote:before, blockquote:after {
	content: '';
	content: none;
}
del {
	text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a img { border: none; }



/* Hinmon styles
-------------------------------------------------------------- */
body { background:#FDFDFD url("images/bg.png") repeat-x; font:13px Arial, Helvetica, sans-serif; color:#949494; }
a { color:#949494; text-decoration:underline; }
p { margin:0 0 10px 0; padding:0; line-height:18px; }
h1 { margin:0 0 10px 0; padding:0; font-size:26px; font-weight: normal; font-style: normal; line-height:normal; font-family:'GothamXNarrowMediumRegular', Arial, sans-serif; }
h1 a { text-decoration:none; }
#wrapper { margin:0 auto; padding:68px 0 0 0; width:819px; }
#header { position:relative; margin:0; padding:0; height:53px; }
#brand { position:absolute; top:0; left:0; margin:0; padding:0; width:261px; }
#site-title { margin:0; padding:0; }
#site-title a { display:block; margin:0; padding:0; height:34px; text-indent:-2000px; overflow:hidden; text-decoration:none; background:url("images/logo.png") no-repeat; }
#tagline { display:none; }
#nav { position:absolute; margin:0; padding:0; top:20px; right:0; }
#nav .menu-header { margin:0; padding:0; }
#menu-main { position:relative; margin:0; padding:0; list-style:none; }
#menu-main li { float:left; margin:0 0 0 24px; padding:0; }
#menu-main li a { display:block; float:left; margin:0; padding:0; color:#9B9B9B; letter-spacing:1px; text-decoration:none; text-transform:uppercase; font-size:16px; font-weight: normal; font-style: normal; line-height:normal; font-family:'GothamXNarrowBookRegular', Arial, sans-serif; }
#main { border-top:28px solid #E4701E; background:#FFF; } 
#container { position:relative; margin:0; padding:0; padding:30px; background:#FFF url("images/mainBg.gif") bottom left repeat-x; }
#content { float:right; width:472px; }
#sidebar { float:left; width:220px; }
#sidebar a { text-decoration:none; font-size:14px; font-weight: normal; font-style: normal; line-height:normal; font-family:'GothamXNarrowBookRegular', Arial, sans-serif; }
#sidebar .pages a { text-transform:uppercase; }
#sidebar .pages ul a { text-transform:none; }
#footer { position:relative; margin:20px 0; padding:20px 0; border-top:1px solid #949494; color:#949494; font-size:11px; width:100%; }
#footer .copyright { float:left; }
#footer .address { float:right; }

#slug-photo { background:#9D9D9D; color:#FFF; }
#slug-photo .caption { margin:0; padding:15px 15px 0 0; text-align:right; font-size:13px; font-weight: normal; font-style: normal; line-height:normal; font-family:'GothamXNarrowMediumRegular', Arial, sans-serif; }
body.page-template-page-section-opener-php a { color:#FFF; }
body.page-template-page-section-opener-php #container { padding:0; background-color:#C0C0C0; background-image:none; color:#FFF; }
body.page-template-page-section-opener-php #content { float:none; width:auto; padding:30px; background:#C0C0C0 url("images/mainBg2.gif") top left repeat-x; }
body.page-template-page-section-opener-php .col { float:left; width:226px; margin:0 40px 0 0; padding:0; }
body.page-template-page-section-opener-php .col-3 { margin-right:0; }

body.home .entry-content { background:url("images/homeContentBg.png") center center no-repeat; }
body.home .col { width:214px; margin:0 58px 0 0; padding:0; }
body.home .col-3 { margin-right:0; }

.pages { margin:0; padding:0; list-style:none; }
.pages a { display:block; margin:0 0 8px 0; padding:0; }
.pages ul { margin:0 0 0 20px; padding:0; list-style:none; }
.pages .current_page_item a,
.pages .current_page_ancestor ul .current_page_item a,
.pages .current_page_ancestor a { color:#E4701E; }
.pages .current_page_item ul a,
.pages .current_page_ancestor ul a { color:#949494; }

.pages ul,
.pages .current_page_ancestor ul ul,
.pages .current_page_item ul ul { display:none; }

.pages .current_page_ancestor ul,
.pages .current_page_ancestor ul .current_page_item ul,
.pages .current_page_ancestor ul .current_page_ancestor ul,
.pages .current_page_parent ul,
.pages .current_page_item ul { display:block;}

body.home .entry-title { display:none; }
body.home .entry-content p { font-size:16px; line-height:21px; }

#work-gallery-image { margin:0 0 10px 0; padding:0; text-align:center; position:relative; }
#work-gallery-image img { border:1px solid #9D9D9D; }
#work-gallery-thumbs { margin:0; padding:0; }
#work-gallery-thumbs ul { margin:0; padding:0; list-style:none; position:relative; }
#work-gallery-thumbs li { margin:0 10px 10px 0; padding:0; float:left; }
#work-gallery-thumbs li.work-gallery-thumb-5 { margin-right:0; }
#work-gallery-thumbs img { border:1px solid #9D9D9D; }
body.page-template-page-work-php .entry-title { padding-top:15px; display:none; }
body.page-template-page-work-php .entry-content { height:475px; }
body.page-template-page-work-php .page-child-count-0 .entry-title { display:block; }
body.page-template-page-work-php .page-child-count-0 .entry-content { height:auto; }

.clear { display:block; height:1px; margin:-1px 0 0 0; padding:0; width:100%; clear:both; }
.screen-reader-text { display:none; }

/* thanks for nothing ie6 */
#container { zoom:1; }
.container-slug-home .entry-content { height:140px; }
.container-slug-about .entry-content { height:191px; }
.container-slug-services .entry-content { height:191px; }
.container-slug-contact .entry-content { height:111px; }


/* Video styles
-------------------------------------------------------------- */
.video-js-box { text-align: left; position: relative; }
video.video-js { background-color: #FFF; position: relative; border:none; }
.video-js-box.vjs-fullscreen { position: fixed; left: 0; top: 0; right: 0; bottom: 0; overflow: hidden; z-index: 1000; }
.video-js-box.vjs-fullscreen video.video-js { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1001; }
.video-js-box.vjs-fullscreen .vjs-controls { z-index: 1002; }
.vjs-controls { display: none; position: absolute; margin: 0; padding: 0; border: none; left: 0; }
.video-js-box.vjs-controls-below .vjs-controls { background-color: #000; }
img.vjs-poster { display: block; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; }
.video-js-box p { font-size: small; }

/* DEFAULT SKIN */
/* Using all CSS to draw the controls. Images could be used to simplify the CSS if desired.

/* General controls styles */
.vjs-controls { list-style: none; height: 35px; opacity: 0.85; color: #fff; }
.vjs-controls > li { list-style: none; float: left; height: 25px; width: 25px; margin: 5px 5px 0 0; padding: 0; text-align: center;
  
  /* CONTROL ITEM BORDER AND BACKGROUND COLOR */
  
  background-color: #0B151A; border-radius: 5px; box-shadow: 0px 2px 2px #000;
  /* Webkit */
  -webkit-border-radius: 5px;
  background: #1F3744 -webkit-gradient(linear, left top, left bottom, from(#0B151A), to(#1F3744)) left 12px;
  -webkit-box-shadow: 0px 1px 3px #000;
  /* Firefox */
  -moz-border-radius: 5px;
  background: #1F3744 -moz-linear-gradient(top,  #0B151A,  #1F3744) left 12px;
  -moz-box-shadow: 0px 1px 3px #000; 
}

.vjs-controls > li:first-child { margin-left: 5px; }
.vjs-controls > li:last-child { margin-right: 0; }

/* Play/Pause */
.vjs-play-control span { display: block; font-size: 0px; line-height: 0; text-decoration: none; cursor: pointer !important; }
.vjs-play-control.vjs-play span { width: 0; height: 0; margin: 8px 0 0 8px; border-top: 5px solid #273F3E; border-left: 10px solid #fff; border-bottom: 5px solid #112129; }
.vjs-play-control.vjs-pause span { width: 3px; height: 10px; margin: 8px auto 0; border-top: 0px; border-left: 3px solid #fff; border-bottom: 0px; border-right: 3px solid #fff; }

/* Progress */
.vjs-progress-control ul { list-style: none; margin: 0; padding: 0; cursor: pointer !important; }
.vjs-progress-control .vjs-progress-holder { list-style: none; position: relative; float: left; height: 9px; border: 1px solid #777; margin: 7px 0 0 5px; padding: 0; background-color: #112129; overflow:hidden; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.vjs-progress-control .vjs-play-progress { position: absolute; display: block; width: 0px; height: 9px; background: #fff; 
  -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
  background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#777));
  background: -moz-linear-gradient(top,  #fff,  #777);
}
.vjs-progress-control .vjs-load-progress { position: absolute; display: block; width: 0px; height: 9px; background-color: #777; opacity: 0.5;
  -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; 
  background: -webkit-gradient(linear, left top, left bottom, from(#999), to(#ccc));
  background: -moz-linear-gradient(top,  #999,  #ccc);
}
.vjs-progress-control .vjs-progress-time { list-style: none; float: left; margin: 7px 0 0 5px; padding: 0; font-size: 10px; line-height: 1; font-weight: normal; font-family: Helvetica, Arial, sans-serif;  }

/* Volume */
.vjs-volume-control { width: 50px !important; cursor: pointer !important; }
.vjs-volume-control ul { display: block; margin: 0 5px 0 5px; padding: 4px 0 0 0; list-style: none; }
.vjs-volume-control ul li { float: left; margin: 0 2px 0 0; padding: 0; list-style: none; width: 5px; height: 0px; border-bottom: 18px solid #555; }
.vjs-volume-control ul li:last-child { margin-right: 0; }
.vjs-volume-control ul li:nth-child(1) { border-bottom-width: 2px; height: 16px; }
.vjs-volume-control ul li:nth-child(2) { border-bottom-width: 4px; height: 14px; }
.vjs-volume-control ul li:nth-child(3) { border-bottom-width: 7px; height: 11px; }
.vjs-volume-control ul li:nth-child(4) { border-bottom-width: 10px; height: 8px; }
.vjs-volume-control ul li:nth-child(5) { border-bottom-width: 14px; height: 4px; }

/* Fullscreen */
.vjs-fullscreen-control { display:none; }
.vjs-fullscreen-control ul { list-style: none; margin: 5px 0 0 5px; padding: 0; width: 20px; height: 20px; text-align: left; vertical-align: top; cursor: pointer !important; }
.vjs-fullscreen-control ul li { list-style: none; float: left; margin: 0; padding: 0; font-size: 0; line-height: 0; width: 0; text-align: left; vertical-align: top; }
.vjs-fullscreen-control ul li:nth-child(1) { margin: 0 3px 3px 0; border: none; border-top: 6px solid #fff; border-right: 6px solid #273F3E; }
.vjs-fullscreen-control ul li:nth-child(2) { border: none; border-top: 6px solid #fff; border-left: 6px solid #273F3E; }
.vjs-fullscreen-control ul li:nth-child(3) { clear: both; margin: 0 3px 0 0; border: none; border-bottom: 6px solid #fff; border-right: 6px solid #112129; }
.vjs-fullscreen-control ul li:nth-child(4) { border: none; border-bottom: 6px solid #fff; border-left: 6px solid #112129; }
.vjs-fullscreen .vjs-fullscreen-control ul li:nth-child(1) { border: none; border-bottom: 6px solid #fff; border-left: 6px solid #273F3E; }
.vjs-fullscreen .vjs-fullscreen-control ul li:nth-child(2) { border: none; border-bottom: 6px solid #fff; border-right: 6px solid #273F3E; }
.vjs-fullscreen .vjs-fullscreen-control ul li:nth-child(3) { border: none; border-top: 6px solid #fff; border-left: 6px solid #112129; }
.vjs-fullscreen .vjs-fullscreen-control ul li:nth-child(4) { border: none; border-top: 6px solid #fff; border-right: 6px solid #112129; }