/*
Theme Name: Johnny Dog Walker - Manuva
Theme URI: http://wordpress.org/
Description: The original WordPress theme that graced versions 1.2.x and prior.
Version: 1.6
Author: Johari Lanng
Tags: green, white, two-columns, right-sidebar, flexible-width, sticky-post, rtl-language-support, translation-ready


*/

* {font: normal 15px/27px 'Oxygen', sans-serif;}

h1 {font-size: 50px; font-weight: bold; padding: 0 0 20px 0; margin-bottom: 50px; color: #fff !important;}
h2 {font-size: 24px; font-weight: bold; margin: 40px 0 30px 0; clear: both;}
h3 {font-size: 20px; font-weight: bold; clear: both;}

a {color: orange;}
a img {border: none;}
a:visited {color: orange;}
a:hover {color: orange;}

p {margin: 0px 0px 20px 0px;}

table {border-collapse: collapse;}
table th {border: 1px solid #888; background: #777; color: #fff; padding: 5px 8px;}
table td {border: 1px solid #888; padding: 5px 8px;}

ul {padding-left: 30px;}

body {
	background: url('/wp-content/uploads/2014/11/jdw_bg_compressed.jpg') #000;
	-webkit-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;
  	background-attachment: fixed;
	color: #ccc !important;
	font-family:'Open Sans', sans-serif;
	margin: 0;
	padding: 0;
	overflow: auto;
}


form {opacity: 1.0; transition: all linear 0.2s;}
form.ng-hide {opacity: 0; transition: all linear 0.2s;}

form div.q {clear: both; margin: 10px 0px; overflow: auto; }

form div.b {clear: both; text-align: right;  margin: 30px 0px;}
form label.inline {float: left; display: inline-block; width: 60px; }
form input[type='text'], form input[type='email'], form input[type='month'], form input[type='tel'] {padding: 3px 5px; width: 260px; }
form select.form-control {padding: 3px 5px; width: 260px; }
form textarea.form-control {width: 260px; margin-left: 60px;}
form input.width-50 {width: 125px; float: left; margin-right: 10px;}

form.full-width {width: 550px;}

form.full-width div.q {clear: both; margin: 10px 0px 10px 50px; overflow: auto; }

form.full-width div.b {clear: both; text-align: right;  margin: 30px 0px;}
form.full-width label {display: block; margin: 20px 0 10px 0px;}
form.full-width label.inline {float: left; display: inline-block; width: 130px; margin: 0;}
form.full-width input {padding: 3px 5px; width: 260px; }
form.full-width input[type='checkbox'] {padding: 0px 5px; width: 30px; display: inline; height: 30px;}

form.full-width select.form-control {padding: 3px 5px; width: 260px; margin-left: 60px; }
form.full-width textarea.form-control {width: 420px; height: 100px;} 
form.full-width input.width-50 {width: 125px; float: left; margin-right: 10px;}
form.full-width .input-list {margin-left: 130px;}
form.full-width .input-list label {display: block; clear: both; vertical-align: middle; line-height: 1em; margin: 0;}

#preferredDays {border: none; margin-left: 50px;}
#preferredDays td {border: none; text-align: center; min-width: 85px;}

form input[type='button'], input[type='submit'] {background: orange; color: #fff; font-weight: bold; padding: 10px; width: auto;}

#logo {position: fixed; left: 80px; top:40px;}
#social-media {margin: 20px 0 0 80px;}
#facebook-logo {width: 40px; height: 40px;}

#ctas {text-align: center;}
a.cta {clear: both; display: inline-block; padding: 10px; background: orange; color: #fff; font-weight: bold; border-radius: 5px;  min-width: 200px; margin: 20px; }

#fb-posts {clear: both;}
#fb-posts:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }
.fb-thumb {float: left; margin: 10px; max-width: 150px;}


.dogDetails {margin-bottom: 30px;}

.table-container {display: table; width: 100%; }
.row {display: table-row; border: 1px solid yellow;}
.col-50 {display: table-cell; width: 50%; padding: 10px; vertical-align: top; }


#mainNav {z-index: 100; position: fixed; bottom: 100px; width: 380px; display: block; padding: 0px;}
#mobileNavIcons {display: none;}
.menu {display: block; margin: 0; padding: 0px;}
.menu li {display: block; padding: 5px 20px 5px 80px; transition: 0.5s linear all;}
.menu li a { font: 700 27px 'Oxygen'; text-decoration: none; color: orange;}

.menu li:hover {background: orange;}
.menu li:hover a {color:#fff;}

#xtraInfo {position: fixed; bottom: 30px; left: 0; padding-left: 80px;}

* {
		padding:0;
		margin:0;
		font: normal 15px/24px 'Oxygen';
	}

html, body {
		height:100%;
	}
	
.subpage {background: rgba(0,0,0,0.95); width: 800px; margin-left: 400px; padding: 40px; min-height: 600px;}

.staffMember {clear: both; margin-bottom: 30px; overflow: auto;}
.staffMember .portrait {float: left; border: 1px solid #fff;}
.staffMember .bio {float: left; width: 410px; padding: 0px 0px 30px 20px;}
.staffMember .bio h2 {margin-top: 0px;}

.contactDetail {margin: 10px 0;}
.contactDetail span {font-size: 25px; margin: 0 20px 0 0;}