/* CSS for ostomistics */

@import url(http://fonts.googleapis.com/css?family=Noto+Serif:400,700,400italic);

body{ 
background-color: white;
margin: 10px;
width: 90%;
padding-left: 1em;
font-size:larger;
font-family: 'Noto Serif', serif;
}

/* 2017-12-26 test*/
div iframe{
    position: absolute;
      top:250px;
    left: 50px;
    display:block;
    padding-bottom: 5.25%;
    padding-top: 35px;
    overflow: hidden;
    width: 70%;
    height: 80%;
    border-color: black;

}

/*
div iframe{
    position: relative;
    display:block;
    padding-bottom: 5.25%;
    padding-top: 35px;
    height: 0;
    overflow: hidden;
    width: 100%;
    height: 100%;
    border-color: red;

}
*/

/* div.iframe iframe {
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
}
*/




// 3 Column header

div.wrapper{ 
text-align: left;
	margin: 0px auto;
	width: 100%;
 }
div.left{ 
float:left;
width: 15%;
display: inline;
 }

div.right{ 
float:right;
width:15%
display: inline;
 }

div.title { 
float:left;
width:60%;
display: inline;
 }

div.title h1{ 
text-align: center;
 }


p.clear{ 
clear: both;

padding-right: 5em;
 }

div.secondary{ 
clear: both;
text-align: center;
margin-left: auto;
margin-right:auto;
width: 60%;
 }


/* Nav bar, wrapper   */
div.navwrapper{ 
text-align: left;
	margin: 0px auto;
	width: 100%;
 }

/* for nav bar contents */
div.nav{
padding-left: 2em; 
float:left;
width:30%;
border: thin red solid;
 }

div.bubbles{ 
float: right;
width: 60%
 }


p.clr{ 
clear: left;
 }


.osto { 
font-size: larger;
font-weight: bolder;
color: #c03;
 }

.notice{ 
background-color: #9999ff;
width: 60%;

}

#acrosticTitle{
    font-size:xx-large;
    font-family: 'noto serif';
    letter-spacing: 1.5em;
    margin: 1em;
    text-align: start;
    padding-left: 2em;
}

#acrostic{
    font-size:x-large;
    font-family: 'noto serif';
    text-align: left;
    padding-left: 2em;
    
}
#acroimg{
    padding-left: 6em;
}
#acrohd{
    padding-bottom: .5em;
    padding-left: 6em;
}

span.cap{
    color:red;
    size:larger;
    margin-right: .75em;
}

p.revision{
    font-size: 8pt;
    font-style:italic;
    float:right;
}