/*
	AUTHOR:		MICHAEL PODSIADLY
	DATE:		APRIL 2, 2012
*/

/*---------------------------------
	IMPORTS
-----------------------------------*/
@import url(font.css);

/*---------------------------------
	MAIN ELEMENTS
-----------------------------------*/
body {
	overflow-x: hidden !important;
	font-family: sans-serif;
	background: url('../content/images/light_toast.png');
	-webkit-font-smoothing: antialiased;
	-khtml-font-smoothing: 	antialiased;
	-moz-font-smoothing: 	antialiased;
	-ms-font-smoothing: 	antialiased;
	-o-font-smoothing: 	antialiased;
	font-smoothing: 	antialiased;
	padding: 0 0;
	color: #00A6FF;
}

/*---------------------------------
	OFFLINE PAGE
-----------------------------------*/
#wrap {
	width: 1000px;
	height: 100%;
	position: fixed;
	display: none;
}
#Content {
	width: 620px;
	height: 200px;
	text-align: center;
	font-size: 20px;
}
#footer a {
    color: #888; 
    text-decoration: none;
    -webkit-transition: all 0.1s ease-in;  
    -khtml-transition:  all 0.1s ease-in;
    -moz-transition:    all 0.1s ease-in;  
    -ms-transition:     all 0.1s ease-in;
    -o-transition:      all 0.1s ease-in;  
    transition:         all 0.1s ease-in;
}
#footer a:hover {color: #DF9955;}
#footer {
	position: absolute;
	width: 320px;
	margin: 0 auto 20px;
	color: #00A6FF;
	bottom: 25px !important;
	text-align: center;
	font-size: 13px;
  	padding: 15px 20px;
}
.uc, .uc2 {
	color: #00A6FF;
	padding: 15px 20px;
}
/*---------------------------------
	SCREEN SIZES
-----------------------------------*/
@media screen and (max-width: 1200px) {
	
}

@media screen and (max-width: 860px) {
	#wrap {width: 90%;}
}

@media screen and (max-width: 600px) {
	#wrap {width: 90%;}
	#footer {width: 270px; margin: 0 auto; position: relative;}
	#Content {width: 300px; height: 300px;}
	.logo {width: 300px;}
}