/* Cool colors blue greens torqoise turmaline #c0d3eb #95f5fb 51%) */
 
 
 *{
                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:#666;
				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);
		}