## BASICS */
* {margin: 0;}
html,body {margin:0px;padding:0px;height:100%;} 
body { 
text-align:center;  
background-color:#fff;
}
p {margin-top:15px;}	
.clearfix:after {
content: "";
display: block;
height: 0px;
clear: both;
visibility: hidden;}
.clearfix {display: inline-block;}

/* ## LINKS */
a, a:visited {color: #db111b;text-decoration: none;
/*display:inline-block;z-index:1000;position:relative; */}
a img {border: none;}
a:hover {color: #81151c;text-decoration: none;}
#spnav a, #spnav a:visited, #mainnav a, #mainnav a:visited {color:#b0c4ff;}
#spnav a:hover, #mainnav a:hover, #subnavlist a:hover {color:#cb1f26;}
h2 a:visited, h2 a {color:  #5c080d;text-decoration: none;}
h2 a:hover {color:  #000;text-decoration: none;}

@font-face {
  font-family: 'CinzelDecorative-Regular';
  src: url('fonts/CinzelDecorative-Regular.eot?#iefix') format('embedded-opentype'),  url('fonts/CinzelDecorative-Regular.otf')  format('opentype'),
	     url('fonts/CinzelDecorative-Regular.woff') format('woff'), url('fonts/CinzelDecorative-Regular.ttf')  format('truetype'), url('fonts/CinzelDecorative-Regular.svg#CinzelDecorative-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
}

.dateline {
font-family: Georgia,Times,Times New Roman,serif; 
font-size:0.7em;color:#5b5b5b;
text-transform:uppercase;
margin: 0 0 15px 0;
}
.pibot {margin-top:30px;}
.postinfo {font-family: 'Orator Std';
letter-spacing:0px;margin-bottom:20px;
border-bottom:solid 1px #7c7c7c;}
.postinfo img {width:18px;height:18px;}

/* ## BASIC LAYOUT */

/*
#mainbg {
position:fixed;top:0;left:0;
width:100%;height:100%;
  background: url(i/newin.jpg) no-repeat center top fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='.i/newin@2x.jpg', sizingMethod='scale');
-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='i/newin@2x.jpg', sizingMethod='scale')";
  }
@media only screen and (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  #mainbg {
    background-image: url(i/newin@2x.jpg);
    background-size: cover;
    -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  }
}
*/
#mbg {width: 100%; height: auto;z-index:3;}
#mbgimg {width: 100%;position:absolute;top:0px;right:0px;
position:fixed;}

#mainnav {
position:absolute;top:0px;width:800px;left:19%;
text-align:center;
font-family: 'CinzelDecorative-Regular';
color:#fff;font-size:22pt;position:fixed;
}

#innername {display:block;
position:fixed;width:80%;height:11%;
top:14%;left:10%;z-index:88;
text-indent: 100%; white-space: nowrap; overflow: hidden;
}

#innertext {
position:relative;
margin:210px auto;
width:60%;
padding:30px 80px 10px 0px;
font-family: Georgia,Times,Times New Roman,serif; 
font-size:0.99em;
color:#000;
letter-spacing:1px;
line-height:1.7em;
text-align:left;
}

#hidetext {width: 100%; height: auto;z-index:3;}
#htext {width: 100%; margin: 0 auto;position:fixed;top:0px;right:0px;}



/* ## MENU */

ul#navlist {
font-family: 'CinzelDecorative-Regular';
color:#fff;font-size:22pt;}

ul#navlist a
{
font-weight: bold;
text-decoration: none;
}

ul#navlist, ul#navlist ul, ul#navlist li
{
margin: 0px;
padding: 0px;
list-style-type: none;
}

ul#navlist li { float: left;margin-right:30px; }

ul#navlist li a
{
font-family: 'CinzelDecorative-Regular';
color:#fff;font-size:22pt;
}

ul#navlist li a:hover
{
color: #81151c;
}

ul#navlist li a:active
{

}

ul#subnavlist { display: none; width:auto;}
ul#subnavlist li { float: left; 
font-family: 'CinzelDecorative-Regular';
color:#fff;}

ul#subnavlist li a
{
padding: 0px;
margin: 0px; 
}

ul#navlist li:hover ul#subnavlist
{
display: block;
position: absolute;
color:#fff;
padding-top: 5px;
}

ul#navlist li:hover ul#subnavlist li a
{
width: 4em;
border: none;
font-size: 13pt;
margin-right:0px;
padding: 2px 0;
}




/* ## SPLASH */
#spbg {
position:fixed;top:0;left:0;
width:100%;height:100%;
  background: url(images/clouds.jpg) no-repeat center top fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/clouds.jpg', sizingMethod='scale');
-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/clouds.jpg', sizingMethod='scale')";
  }
@media only screen and (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  #spbg {
    background-image: url(images/clouds.jpg);
    background-size: cover;
    -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  }
}

#spimg {width: 100%; height: auto;z-index:3;}
#spimgcon {width: 95%; margin: 0 auto;position:absolute;top:0px;right:0px;}


@keyframes stretch {
  0% {
    transform: scale(.3);
  }
  50% {
  }
  100% {
    transform: scale(2);
      }
}

#spnav {
position:relative;top:0px;
/* right:110px; */
margin:0px auto;
text-align:center;
font-family: Georgia, serif;
font-weight: bold;
color:#fff;
font-size:4vmin;
}
#spnav a {padding:0 5px;}


#spnav2 {
font-family: Arial;
font-size:3vmin;
color:#bcbcbc;
padding: 10px;
text-align:left;

}


#spnav3 {
font-family: Arial;
font-size:1.5vmin;
color:#bcbcbc;
padding: 0px;
letter-spacing:1px;
text-transform:uppercase;
}

#spnav4 {
font-family: Arial;
font-size:3vmin;
color:#bcbcbc;
padding: 40px;
text-align:left;

}
}

/* ## HEADER */
h2 {
font-weight:normal;font-size:2.8em;
margin-bottom:10px;
color:#5c080d;
letter-spacing:3px;
line-height:1em;
text-transform:uppercase;
font-family: Georgia,Times,Times New Roman,serif; }
h3 {
font-family: 'Pompiere-Regular' !important;
font-size:18pt;
margin:25px 0 0 0;
padding:0;
color:#ffffff;
text-transform:uppercase;
letter-spacing:1px;
font-weight:normal;}
h4 {margin:0px; display:inline;color:#000;}
.avatar {float:left;
margin:2px 5px 0px 0px;
border:solid 3px #fff;}

/* ############################################################## Posts */

.wp-pagenavi {
font-family:Arial, Helvetica, sans-serif;
text-transform:uppercase;
font-size:.9em;
letter-spacing:2px;
color:#fff;
font-weight:normal;}
/* ############################################################ more stuff */	
.endpad {margin-bottom:10px;}
.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;
border:solid 3px #fff;}
#passionorfear .avatar {float:none;margin:0px 3px 5px 20px;border:solid 1px #b80d0d;padding:3px;}
.postnav {height:20px;}
/* ################################################## image, form, & extras */
hr {
border:0px;
border-bottom:dotted 1px #111a67;
margin:0px 0px;
opacity:.5;}
#btnSearch, #searchsubmit{
background-color:#b52f2f; 
border: 1px solid; 
text-transform:uppercase;
border-color: #930b0c; 
color:#fff;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
height:22px;
font-size:1em;
padding:0px 3px;}
#searchsubmit {
font-size:0.6em;
visibility:hidden;}
#submit {
background-color:#b52f2f; 
border: 1px solid; 
text-transform:uppercase;
border-color: #930b0c; 
color:#fff;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
height:22px;
font-size:1em;
padding:0px 3px;}
input.textbox, input#s {
border:#e6abab 1px solid;
background:#f9f9f9;
font:.9em Georgia, Serif;
padding:5px;
width:135px;
height:12px;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;}
input#s{width:160px; background:#fff;}
textarea{
width: 95%;
padding:5px;
height: 15em;
border: 1px solid #e6abab;	
background:#f9f9f9;
font:1em Georgia, Serif;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;}
input{
width: 150px;
padding:5px;
color:#000;
background:#3c5141;
font:1em Georgia, Serif;
letter-spacing:1px;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
border-radius: 50px;
    border: 5px solid white; 
    -webkit-box-shadow: 
      inset 0 0 8px  rgba(0,0,0,0.1),
            0 0 16px rgba(0,0,0,0.1); 
    -moz-box-shadow: 
      inset 0 0 8px  rgba(0,0,0,0.1),
            0 0 16px rgba(0,0,0,0.1); 
    box-shadow: 
      inset 0 0 8px  rgba(0,0,0,0.1),
            0 0 16px rgba(0,0,0,0.1); 
    padding: 5px 10px;
    background: rgba(255,255,255,0.5);
    margin: 0 0 10px 0;}
div.mc-field-group label {width:30px;}    
    
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: none;
margin:0 0 8px 0;
padding:0;}
ul li {font-family:verdana,Tahoma,Arial, Helvetica, sans-serif;
font-size:.75em;
color:#000;
letter-spacing:1px;}
.mg_item_text p {font-family:verdana,Tahoma,Arial, Helvetica, sans-serif;
font-size:.8em;
color:#000;
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 {font-size: .8em;margin-bottom:15px;}
ol li p {padding:0px; margin:0px;}
#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 3px #e6abab;}
.wp-caption-text, .wp-caption {text-align:center; font-style:italic;}
/* 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;}