/* Cool colors blue greens torqoise turmaline #c0d3eb #95f5fb 51%) */
/*
<footer id="footer" class="site-footer bright-text">
        <div class="container">
*/

/* Begin control panel styles */
.mytoggle1 {
background-clip: padding-box;

jquery.mobile-1.4.5.min.css:3
.ui-corner-all
padding-box
background-color: rgb(246, 246, 246);
border-bottom-color: rgb(221, 221, 221);
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
border-bottom-style: solid;
border-bottom-width: 1px;
border-left-color: rgb(221, 221, 221);
border-left-style: solid;
border-left-width: 1px;
border-right-color: rgb(221, 221, 221);
border-right-style: solid;
border-right-width: 1px;
border-top-color: rgb(221, 221, 221);
border-top-left-radius: 5px;
border-top-right-radius: 5px;
border-top-style: solid;
border-top-width: 1px;
box-shadow: rgba(0, 0, 0, 0.15) 0px 1px 3px 0px;
color: rgb(51, 51, 51);
cursor: pointer;
display: inline-block;
font-family: "Open Sans",sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 20.8px;
margin-bottom: 8px;
margin-left: 0px;
margin-right: 10px;
margin-top: 8px;
overflow: hidden;
overflow-x: hidden;
overflow-y: hidden;
padding-bottom: 11.2px;
padding-left: 16px;
padding-right: 16px;
padding-top: 11.2px;
position: relative;
text-align: center;
text-decoration: none;
text-decoration-color: rgb(51, 51, 51);
text-decoration-line: none;
text-decoration-style: solid;
text-overflow: ellipsis;
text-shadow: rgb(243, 243, 243) 0px 1px 0px;
vertical-align: middle;
white-space: nowrap;
-moz-user-select: none;
}
/* End control panel styles */

#footer div.container p {
    
    color: #bbb;
}
 
 *{
                margin:0;
                padding:0;
            }
			#show-size {
				
				position: fixed;
				top: 300px;
				left: 7px; 
				background:#fff; 
				z-index:99999; 
				padding:7px;
				
			}
			
			h1 {
				text-align:center;
			}
				
			
			p.bluegreen {
				
			background: #eff7e1; /* Old browsers */
background: -moz-linear-gradient(top, #eff7e1 0%, #fafcf4 35%, #c7d7e2 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eff7e1), color-stop(35%,#fafcf4), color-stop(100%,#c7d7e2)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #eff7e1 0%,#fafcf4 35%,#c7d7e2 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #eff7e1 0%,#fafcf4 35%,#c7d7e2 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #eff7e1 0%,#fafcf4 35%,#c7d7e2 100%); /* IE10+ */
background: linear-gradient(to bottom, #eff7e1 0%,#fafcf4 35%,#c7d7e2 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eff7e1', endColorstr='#c7d7e2',GradientType=0 ); /* IE6-9 */	
			}
			
			p.gradient {
				background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,0.49) 48%, rgba(255,255,255,0.47) 50%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(48%,rgba(255,255,255,0.49)), color-stop(50%,rgba(255,255,255,0.47))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,0.49) 48%,rgba(255,255,255,0.47) 50%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,0.49) 48%,rgba(255,255,255,0.47) 50%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,0.49) 48%,rgba(255,255,255,0.47) 50%); /* IE10+ */
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,0.49) 48%,rgba(255,255,255,0.47) 50%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#78ffffff',GradientType=0 ); /* IE6-9 */

			}
			
			.opacity8 {
				padding: 12px 12px 12px 20px;
	background-image:url(opacity-png/white_opacity_93.png);				
			}
			
		
	
            body{
                font-family:"Myriad Pro",Georgia,Times,serif;
                /* background:#fff; */
				background-color: transparent;
				padding:0px 12px;
				position: relative;
				 background:url("og-image/one-every-15-minutes.jpg") repeat fixed; 
            }
            #content{
	width: 100%;
	max-width: 700px;
	min-width:200px;
	padding:0px 12px 12px 12px;
	color:#4B4B4B;
	margin:0 auto;
	background:url(grunge-backgrounds/little-alien-egg-grunge-v4-opacity.png) repeat fixed;				
            }
			
			.push-me-down {
				margin-top: 290px;
				
			}
			
			.pull-me-up {
				
				margin-top:-100px;
				font-size: 70px;
				color: red;
						
				
			}
            .head, .meta a{
                font-family:Helvetica,Arial,Verdana;
                text-transform:uppercase;
                font-weight:bold;
                font-size:10px;
                letter-spacing:2px;
                color:#333;
                padding-bottom:10px;
				margin-top: 140px;
                margin-bottom:10px;
				text-decoration: none;
            }
			
						
			.line{
				background-color:#ddd;
				border-bottom:1px solid #fff;
				height:1px;
				margin:0px 0px 15px 0px;
			}
            #content h1{
                color:#222;
                font-weight:normal;
                font-size:56px;
            }
			#content h2{
				color:#777;
                font-weight:normal;
                font-size:30px;
				padding-bottom:5px;
				margin:30px 0px 0px 0px;
			}
            .subline{
                font-size:22px;
                margin:20px 0px;
                color:#999;
            }
			.meta{
				text-align:right;
			}

			.meta a:hover{
				color:#89AA97;

			}
            .article p{
                margin:5px 0px 20px 0px;
                line-height:26px;
				font-size: 14px;
                
				color:#222;
				font-family:Arial,Helvetica,sans-serif;
            }
			.article p.intro{
				font-style:italic;
				margin-top:20px;
			}
			/*
.article a, .grayLink a{
	color:#9A9A9A;
	text-decoration: none;
	font-weight: bold;
			}
			.article a:hover, .grayLink a:hover{
				color:#89AA97;
			}
*/
			
			 @media all and (max-width: 1820px) and (min-width: 620px) {
  #content {
    
	margin-top: -1px;
	font-size: 20px;
	
  }
}

 @media all and (max-width: 300px)  {
  h1, h2 {
    
	line-height: 12px;
	font-size: 20px;
	
  }
}

.beep {
				position: absolute;
				min-width: 100%;
				min-height: 100%;
				top: 0;
				left: 0;
				background-color: rgb(255, 255, 255);
		}