<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">

<meta name="description" content="Upload, Manage, and Publish your podcasts in the cloud with Hipcast." />
<title>Podcast Hosting Service | Hipcast</title>
<link rel="stylesheet" type="text/css" href="styles/tpl-public.css" />

<style type="text/css">
h2 img{margin:0px 5px 0 0;}
html, body{height:100%;margin:0;padding:0;background-color:#333;}
a.btn-default{color:#333;}
a.btn-default img{position:relative;left:-3px;top:-2px;}
a.btn-transp{color:#9DE5F2;margin:5px 0 0 5px;box-shadow:none;}
a.btn-transp:hover{color:#fff;}
hr{border-top:solid 1px #ddd;}
.col-md-6{padding-bottom:20px;}
.col-md-6 p{font-size:16px;}
.new
{
padding:10px 0;
background:#eee;
border-top:solid 1px #ddd;
border-bottom:solid 1px #ddd;
}
.new h2{text-shadow:0 1px 1px #fff;;}
.splash{height:100% ;margin-bottom:-10px;border-top:0px;position:relative;border-bottom:0px;
               
        }
.splash .detail{position:absolute;bottom:0;left:0;top:0;right:0;}
.headimg{max-width:350px;height:auto;margin-bottom:40px;}
.separator{height:10px;background-color:#1E4E4D;position:absolute;bottom:0px; left:0px; right:0px;}
#top{display:none !important;}
.feature{
     
         width:600px;
         max-width:600px;
         
         position:absolute;
         top:50%;  
         left:0;right:0;text-align:center;  
         margin: -332px auto 0 auto;     
         
         }
.feature p{color:#9DE5F2;margin:0 0 25px 0;font-size:22px;}
.scrolltext{position:absolute;right:0px;top:135px;font-weight:bold;list-style-type:none;font-size:14px;padding:0;text-align:left;display:none;}
.scrolltext li{margin-bottom:5px;}
.scrolltext li a{border-left:solid 7px #E9A500;color:#666;padding:2px 5px;}
.scrolltext li a:hover{color:#999;border-left:solid 7px #0cf;text-decoration:none;}



@media (max-width: 767px){   
   h1{font-size:40px !important;}
   .smhide{display:none;}
   .splash{height:auto;}
   .headimg{max-width:50% !important;margin-bottom:20px;}
   .feature{position:relative;top:0;left:0;margin:50px auto 20px auto;padding:40px 0;width:auto;}
   .feature p{max-width:80%;margin:0 auto 20px auto;font-size:16px;}
   .scrolltext{display:none;}   
   }   

   @media (max-height:800px){
   	.splash{height:auto;position:relative;}
   	.detail{height:auto;position:relative !important;}    
    .feature{position:relative !important;top:0;margin:0 auto 0 auto;padding:40px 0;}
    .headimg{max-width:300px;}

}

</style>


</head>

<body>


<div class="splash">
    <div class="detail">     
            <div class="feature">	
	            <center>
	            	<img src="/images/service_outage.png" style="" class="headimg"/>
					<h1>We're Upgrading!</h1>
					<p style="margin-top:10px;">Our team is working on improving our service, and we should be back up shortly. Thank you for your patience.</p>
				</center>
			</div>
		</div>
	</div>
</div>
</body>	

</html>


