/* @override http://dwtheme.com/main.css */

@font-face {
	font-family: 'Europa Grotesque';
	src: local('☺'), url('fonts/eur-gro.eot'), url('fonts/eur-gro.woff') format('woff'), url('fonts/eur-gro.ttf') format('truetype'), url('fonts/eur-gro.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

body {
	background-color: black;
	color: #666;
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	text-align: center;
	width: 320px;
	margin-left: auto;
	margin-right: auto;
}

a {
	color: #bbb;
	font-weight: bold;
	text-decoration: none;
}

a:hover {
	color: #fff;
	text-shadow: #fff 0 0 20px;
}

header {
	margin-top: 80px;
	text-shadow: 0 0 100px #999;
	color: #fff;
	text-transform: uppercase;
	font-weight: 300;
	font-stretch: normal;
}

#doctor {
	font-size: 66px;
	font-weight: bold;
	text-indent: -16px;
	line-height: 50px;
}

#who {
	font: bolder 160px "Europa Grotesque", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

#theme{
	font: 40px "Europa Grotesque", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	letter-spacing: 4px;
}

#comingsoon {
	letter-spacing: 1px;
	font-size: large;
	margin-top: 50px;
	margin-bottom: 60px;
	color: #999;
	text-transform: none;
}

#links ul {
	list-style-type: none;
	padding-left: 0;
	padding-right: 0;
	line-height: 26px;
}

footer {
	font-size: x-small;
	color: #333;
	margin-top: 80px;
}

/* 500-pixel layout for smaller screens */
@media (max-width: 680px) {
    body{
    	padding-left: 10px;
    	padding-right: 10px;
    	font-size: 14px;
    }
    
    header{
    	margin-top: 100px;
		text-shadow: 0 0 100px #999;
    }
    
    #doctor{
    	font-size: 52px;
    	text-indent: -11px;
    	line-height: 46px;
    }
    
    #who{
    	font-size: 126px;
    }
    
    #theme{ font-size: 28px; }
    
    #comingsoon{
    	color: #999;
    }
    
    #links ul{
    	line-height: 20px;
    }
}

/* 240-pixel layout for iPhone-sized screens */
@media (max-width: 520px) {
    body{
    	padding-left: 10px;
    	padding-right: 10px;
    	width: 240px;
    }
    
    header{
    	margin-top: 20px;
		text-shadow: 0 0 80px #999;
    }
    
    #doctor{
    	font-size: 42px;
    	text-indent: -11px;
    	line-height: 36px;
    }
    
    #who{
    	font-size: 104px;
    	font-weight: normal;
    }
    
    #theme{ font-size: 24px; }
    
    #comingsoon{
    	color: #999;
    	margin-bottom: 20px;
    }
    
    #links{ display: none; }
    
    footer{ display: none; }
}