/*
Theme Name: Mark P. Bardley
Theme URI: http://thecodefox.com
Description: author site
Version: 1
Author: Tessa Elwood
Tags: book

## BASICS */
* {margin: 0;}
*,
*:before,
*:after {
  box-sizing: inherit;
}
html,body {margin:0px;padding:0px;
height:100%;} 
html {box-sizing: border-box;}
body {
position: relative;min-height: 100%;
background:#000;
text-align:center;  /* because IE7 is picky */
}
@media only screen and (max-width: 700px) {
html {min-width: 100%;}
}

p {margin-bottom:20px;}	

.clearfix:after {
content: "";
display: block;
height: 0px;
clear: both;
visibility: hidden;}
.clearfix:before,
.clearfix:after {
  content: "";
  display: table;
}
.clearfix:after { clear: both; }
.clearfix { zoom: 1; /* ie 6/7 */}


#bg { 
position:fixed; 
height:100%;width:100%;
  background: url(i/markbg1x.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='.i/markbg1x.jpg', sizingMethod='scale');
-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='i/markbg1x.jpg', sizingMethod='scale')";
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  #bg {
    background-image: url(i/markbg.jpg);
    background-size: cover;
     -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  }
}
@media only screen and (max-width: 700px) {
#bg {margin:0px;position:absolute;top:0px;
background: url(i/markbg1x.jpg) no-repeat top center fixed; 
  background-size: auto 100%;}
}

/* ## LINKS */
a, a:visited {color: #ffe1a0;text-decoration: none;}
a img {border: none;}
a:hover {color: #1d5d90;text-decoration: none;}
#navtxt a, #navtxt a:visited {color:#ffe1a0;}
#innavtxt a:hover, #spnavtxt a:hover {color:#795526;}


h2 a:visited, h2 a, .pitop a:visited, .pitop a  {color:  #1d5d90;text-decoration: none;}
h3 a:visited, h3 a {color:  #1d5d90;text-decoration: none;}

h2 a:hover, .pitop a:hover {color:  #4ebaca;text-decoration: none;}

/* ## SPLASH */



#floater {float:left; height:50%; margin-bottom:-25%;}
#spname {
clear:both;
position: relative;
margin:0px auto;
border:none;
height:50%;
}
.markname {width:58%;height:auto;margin:20% 0 2% 2%;}
#spcover {float:right;width:40%;}
#spcover img {width:100%; height:auto;}

@media only screen and (max-width: 700px) {
#floater {display:none;}
#spname {
position: relative;
margin:10% auto;
border:none;
}
.markname {width:96%;height:auto;margin:10% auto;}
#spcover {float:none;width:100%;}
}

/* ## BASE LAYOUT */
#overall {position:relative; margin:0 auto; width:100%;}

#inheader {height:275px;width:100%;
  background: url(i/markbgin.jpg) #000 no-repeat center center; 
  background-size:100% auto;
  border-bottom: solid 3px #01154d;
}
#inheader .markname {width:70%;height:auto;margin:10% auto 2% auto;}

@media only screen and (max-width: 700px) {
#inheader {height:220px;width:100%;
  background: url(i/markbgin.jpg) #000 no-repeat center center; 
  background-size:auto 100%;
  border-bottom: solid 3px #01154d;

}
#inheader .markname {width:90%;height:auto;margin:20% auto 2% auto;}
}

/* ## NAVIGATION */
#navtxt {
color:#fff; 
font-family: 'Champagne-Limousines';
font-size:1.2em;text-transform:uppercase;
text-align:center;
letter-spacing:0px;
}
#navtxt a {margin:0px 10px;}

/* begin menu */

	#navtxt ul {
	position:relative;
text-transform:uppercase;
margin:0;
z-index: 99;
	}
	
	#navtxt li {display: inline-block;
	    line-height: 30px; 
	    height: 30px; 
	    margin: 0; padding: 0 0; 
	    position: relative;
	    z-index: 99;
	}
	#navtxt li a  {
	    display: block;
	    height: 30px;
	    line-height: 30px;
	   padding: 0 5px;
	}
	#navtxt .current-menu-item a:visited, #navtxt .current_page_item a:visited, #navmenu a:visited {	    
	color: #1d5d90;}	
	
	#navtxt .current-menu-item a:hover, #navtxt .current_page_item a:hover, #navtxt a:hover {	    
	color: #fff;}
	#navtxt li a:hover { color: #136e42;}
	
	#navtxt ul ul { 
   display: none;
	    position: absolute;
	    top: 25px;
	    padding:10px 0 0 0; 
	    margin-left:0;
	z-index:100;
	z-index: 99;}
	#navtxt ul ul li { 
	    float: none; display:block;
	    width: 180px;
	    font-size:.9em;
	    background: #625232;
	    border-right:0px;
text-align:left;
z-index: 99;
height:auto;
position:relative;}
#navtxt ul ul li:hover {background:#4ebaca;color:#fff;}
#navtxt ul ul li a:hover {color:#fff;}
	#navtxt ul ul li a { padding: 1px 5px; 
font-size:.6em;
/* border-bottom:dotted 1px #e4e4e4; */}
	#navtxt ul li:hover > ul {  display: block; z-index: 99;}
	#navtxt ul ul li ul { top: -10px;left: 180px; z-index: 99;}	     


/* end menu */

/* ## CONTENT */

#content {position:relative;
margin:0 auto;
width:80%;
}

.txtstuff {
padding:30px 30px 60px 30px;
font-family: Verdana,Geneva,sans-serif; 
font-size:1em;
color:#c9c8c8;
line-height:1.7em;
text-align:left;}
@media only screen and (max-width: 700px) {
.txtstuff .wp-block-image figure img, figure img, .wp-block-image img {width:100%;height:auto;}
}

.pitop {padding:0 0 5px 0;}
.pibot {margin-top:30px;}
.postinfo {
font-size:.8em;
color:#838383;
letter-spacing:0px;margin-bottom:20px;
border-bottom:solid 1px #2a2e34;
text-transform: uppercase;}
.postinfo img {width:18px;height:18px;}

/* ## SOCIAL */
.social {font-size:1em;padding:25px 0 5px 0;}
.social h4 {
display:inline-block;
height:40px;
margin: 0 10px 0 0;
padding:0;
font-size:1.8em;
color:#626366;
}
.social img {
width:40px;height:40px;
margin:0 8px 0 0;
opacity: 1.0;
 transition: opacity 1s ease-in-out;
 -moz-transition: opacity 1s ease-in-out;
 -webkit-transition: opacity 1s ease-in-out;}
 .aus {width:59px;height:40px;}
.social a:hover img {
 opacity: .5;
 transition: opacity .55s ease-in-out;
 -moz-transition: opacity .55s ease-in-out;
 -webkit-transition: opacity .55s ease-in-out;
 }


/* ## HEADER */
h1, h2, h3 {
font-family: 'Champagne-Limousines';
color:#1d5d90;
line-height: normal;}

h1 {
font-size:9em;
padding:70px 0 10px 0;
}

h2 {
font-weight:normal;font-size:4em;
text-align:left;
margin:25px 0;
padding-bottom:25px;
letter-spacing:0px;
text-transform:uppercase;}
.tour {font-size:2em;}

@media only screen and (max-width: 700px) {
h2 {font-size:3em;}
}

h3 {
font-size:3em;
margin:25px 0 5px 0;
padding-bottom:10px;
line-height:.9em;
text-transform:none;
font-weight:normal;}
h3.titles {
font-size:2em;
margin:15px 0 15px 0;
padding-bottom:0px;
line-height:.9em;}
h3.titlespb {margin-top:-35px;}
h3.extrasp {margin-top:25px;}
h4 {margin:0px; display:inline;color:#000;}
.avatar {float:left;
margin:2px 5px 0px 0px;
border:solid 3px #fff;}

/* ############################################################## Posts */
.wp-pagenavi {
text-transform:uppercase;
font-size:.9em;
letter-spacing:2px;
color:#fff;
font-weight:normal;}
/* ############################################################ more stuff */	
.metatalk {
/* margin:0px 0px 20px 10px;
padding-left:10px; */
text-align:left;
line-height:13px;
color:#000;
/* border-left: solid 7px #000; */
font-size:9px;}
.comtalk {
margin:10px 0px 30px 30px;
text-align:left;
padding-left:5px;
line-height:13px;
border-left: solid 7px #5dabb2;
font-size:10px;}
.avatar {float:left;
margin:2px 5px 0px 0px;}
.postnav {height:20px;}
/* ################################################## image, form, & extras */
hr {
border:0px;
border-bottom:solid 1px #2a2e34;
margin:60px 0px;
clear:left;
}

ol.commentlist { list-style:none; margin:0 0 1em; padding:0; text-indent:0; }
ol.commentlist li { }
ol.commentlist li.alt { }
ol.commentlist li.bypostauthor {}
ol.commentlist li.byuser {}
ol.commentlist li.comment-author-admin {}
ol.commentlist li.comment {  padding:1em; }
ol.commentlist li.comment div.comment-author {font-family: 'MyFontRegular';text-transform:uppercase;}
ol.commentlist li.comment div.vcard { }
ol.commentlist li.comment div.vcard cite.fn { font-style:normal; }
ol.commentlist li.comment div.vcard cite.fn a.url {}
ol.commentlist li.comment div.vcard img.avatar { border:0px solid #0382b0; float:left; margin:0 1em 0 0; }
ol.commentlist li.comment div.vcard img.avatar-32 {}
ol.commentlist li.comment div.vcard img.photo {}
ol.commentlist li.comment div.vcard span.says {font-size:.9em;}
ol.commentlist li.comment div.commentmetadata {}
ol.commentlist li.comment div.comment-meta { font-size:.9em;margin-bottom:1em;border-top:solid 5px #000; background:#000;padding:0 0 5px 0; }
ol.commentlist li.comment div.comment-meta a {  }
ol.commentlist li.comment p { margin:0 0 1em 1em; font-size:1em; }
ol.commentlist li.comment ul { list-style:square; margin:0 0 1em 2em; }
ol.commentlist li.comment div.reply {text-align:right; font-size:.8em;text-transform:uppercase;}
ol.commentlist li.comment div.reply a { font-weight:bold; }
ol.commentlist li.comment ul.children { list-style:none; margin:1em 0 0; text-indent:0; }
ol.commentlist li.comment ul.children li {}
ol.commentlist li.comment ul.children li.alt {}
ol.commentlist li.comment ul.children li.bypostauthor {}
ol.commentlist li.comment ul.children li.byuser {}
ol.commentlist li.comment ul.children li.comment {}
ol.commentlist li.comment ul.children li.comment-author-admin {}
ol.commentlist li.comment ul.children li.depth-2 { margin:0 0 .25em .25em; }
ol.commentlist li.comment ul.children li.depth-3 { margin:0 0 .25em .25em; }
ol.commentlist li.comment ul.children li.depth-4 { margin:0 0 .25em .25em; }
ol.commentlist li.comment ul.children li.depth-5 {}
ol.commentlist li.comment ul.children li.odd {}
ol.commentlist li.even { }
ol.commentlist li.odd { background:#2d2d2d; }
ol.commentlist li.parent {  }
ol.commentlist li.thread-alt { }
ol.commentlist li.thread-even {}
ol.commentlist li.thread-odd {}

#submit {
background-color:#1d5d90;  
text-transform:uppercase;
border: 1px solid #2d2d2d;	
color:#fff;
font-size:1em;
padding:5px;
width: 30%;}
textarea{
width: 95%;
padding:5px;
height: 15em;
border: 3px solid #2d2d2d;	
background:#f9f9f9;
}
input{
width: 50%;
padding:5px;
border: 3px solid #2d2d2d;	
background:#f9f9f9;
    margin: 0 0 10px 0;}
.wpcf7-submit {background:#1d5d90;
color:#fff; text-transform:uppercase;}  

.mc4wp-form-fields input {width: 40%;
padding:5px;
height:1.2em;
border: 3px solid #625232;	
color:#fff;
font-size:1em;
background:#625232;
    margin: 0 0 10px 0;}
    
 .mc4wp-form-fields input[type="submit"]  {width: 10%;
padding:7px;
border: 1px solid #625232;	
background:#000;
text-transform:uppercase;	
color:#fff;
height:1.2em;
font-size:1em;
    margin: 0 0 10px 0;}
    
@media only screen and (max-width: 600px) { 

.mc4wp-form-fields input {display:block;
width: 90%;
padding:5px;
height:1.2em;
border: 3px solid #625232;	
color:#fff;
font-size:1em;
background:#625232;
margin: 10px auto;}
    
 .mc4wp-form-fields input[type="submit"]  {display:block;
width: 50%;
padding:7px;
height:2em;
border: 1px solid #625232;	
background:#1d5d90;
text-transform:uppercase;	
color:#fff;
font-size:1em;
margin: 10px auto;}

}    
    
    
input.textbox:focus, textarea:focus {
background:#fff;
border:#999 1px solid;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */
/* ################################################################# Lists */
ul {
list-style: disc;
margin:20px 0 20px 60px;
padding:0;}
ul li {}

div.widget-content ul {
list-style: disc;
margin:10px 0 20px 40px;
padding:0;}
div.widget-content ul li {
padding:0;margin:0;
font-size: .7em;
color: #7a7a7a;}
div.widget-content ul li ul {
padding:0;margin:0;
font-size: 1.3em;
}

ul.faqstyle {list-style:disc;margin:0 0 8px 40px;}
ul.faqstyle li {font-size:1em;}
.mg_item_text p {font-family:verdana,Tahoma,Arial, Helvetica, sans-serif;
line-height:1.5em;
letter-spacing:1px;}
small {line-height:15px;}
.realrelations {
text-transform:uppercase;
font-weight:bold;
font-size:1.2em;}
ol {margin:20px 0;}
ol li {margin-bottom:15px;}
ol li p {padding:0px; margin:0px;}
ol.wp-paginate li span.title {color:#fff;}
ol.wp-paginate li span.current {background-color:#625232;border:solid 1px #000;}

#contentpro ol li {font-family:verdana,Tahoma,Arial, Helvetica, sans-serif;
font-size:.85em;
color:#000;
letter-spacing:1px;
line-height:1.7em;}
/* ################################################################## Original */
acronym, abbr {border-bottom: 1px dashed #333;}
acronym, abbr, span.caps {
font-size: 90%;
letter-spacing: .07em;}
acronym, abbr {cursor: help;}
blockquote {
padding: 3px 0px 10px 45px;
margin-left:5px;
font-style:normal;
font-size:.9em;
color:#b80d0d;}
cite {
font-size: 90%;
font-style: normal;}
.wp-caption img {border: solid 0px #e6abab;}
.wp-block-image, .wp-block-image figcaption {text-align:center; font-size:.9em; color: #939393;}

.blogimg {float: left;
margin:0px 15px 5px 0px;
width:180px;height:auto;
border:solid 5px #2d2d2d;}

.unified img {width:100%;height:auto;}
.unified .wp-block-image figure {width:100%;height:auto;border:solid 0px #fff;}
.unified .wp-block-image figure.wp-block-image {width:100%;height:auto;border:solid 0px #fff;}
.unified .wp-block-image figure img {width:100%;height:auto;border:solid 0px #fff;}

.unified hr {
border:0px;
border-bottom:solid 1px #3f4247;
margin:40px 0px;
}

/* Captions & aligment */
.aligncenter,
div.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;}
.alignleft {float: left;
margin:0px 8px 0px 0px;}
.alignright {float: right;
margin:0px 0px 0px 5px;}
.bites {border:solid 4px #000;
margin-left:-2px;}
b, strong {font-weight:bold;}

@media only screen and (max-width: 700px) {
img.aligncenter, img.alignleft, img.alignright, figure.alignright img, figure.alignleft img, figure.aligncenter img {
width:90%;height:auto;
display: block;
margin-left: auto;
margin-right: auto;}
}