/*
	RESET & BASIC SETUP
*/

* {
	margin: 0; 
	padding: 0; 
}

body { 
	font-family: 'Roboto', sans-serif;
		-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
		-webkit-text-size-adjust: 100%;
		background-image:url('liaoj-bg.jpg') ;
		z-index: 10;
		background-position: left top;
		background-attachment: fixed;
}



/*
	TYPOGRAPHY
*/
p { font-size: 14px;line-height: 20px;font-family: 'Roboto', sans-serif; color:#4D4D4D; font-weight: 400;}

/*NAV AND NEWS LINKS*/
h1 { font-size: 12px; line-height: 16px; color:#0855a3; text-transform: uppercase; font-weight:700; 
		text-align: center; margin-top: -56px;	letter-spacing: .1em; z-index: 1;}


/*SIDEBAR LINKS*/
h2 { font-size: 12px; line-height: 14px; color:#0855a3; text-transform: uppercase; font-weight:700; 
		text-align: left; letter-spacing: .1em; z-index: 1;}
h2 a{ text-decoration: none; color:#0855a3;}
h2 a:hover {text-decoration: none; color: #000000;}

/*LARGE INTRO TEXT*/
h3 { font-family: 'Roboto', sans-serif; font-size: 20px;line-height: 28px; font-weight: 400; color:#4D4D4D; }

/*LARGE TITLE HEXAGON TEXT*/
h4 { font-family: 'Roboto', sans-serif; font-size: 20px; line-height:70px; text-transform: uppercase; color: #0855a3; text-align: center; margin-top: -120px;	
letter-spacing: .1em; z-index: 1; font-weight: 900;}

h5 {  }
h6 {  }

/*LINKS*/
a {text-decoration: none; font-family: 'Roboto'; sans-serif; color:#0855a3;}
a:hover {text-decoration: none; color: #000000;}
li {line-height: 12px;}

a img {
    border: 0;
}





/*
	LOGO
*/

.logo {
	position: fixed;
	float: left;
	left: 33px;
	top: 88px;
	z-index: -1;
}



/*
	STRUCTURE
*/

.container{
	height: 200px;
	position: absolute;
}

.column{
	width: 270px;
	height: 500px;
	position: absolute;
	left: 310px;
	display: inline-block;
	top: 150px;
}

.column2{
	width: 270px;
	height: 500px;
	position: absolute;
	left: 580px;
	display: inline-block;
	top: 100px;
}

.column3{
	width: 270px;
	height: 500px;
	position: absolute;
	left: 850px;
	display: inline-block;
	top: 200px;
}

.columnfull{
	width: 750px;
	height: 500px;
	position: absolute;
	left: 340px;
	display: inline-block;
	top: 150px;
}



.news{
	border: #0855a3 solid 5px;
	margin-left: 10px;
	top: 10px;
	text-align: center;
	margin-bottom: 15px;
	overflow: auto;
	width: 220px;
	display: block;
	padding: 10px;

}








/*
	NAVIGATION
*/
#nav ul,
#nav ul li {
	float: left;
	left: 290px;
	top:18px;
	position: fixed;
	z-index: 1;
	padding-top: 5px;
	height: 20px;


}
#nav  ul li {
	display: inline;
	position: relative;
	background-color: #FFFFFF;

}
#nav ul li a, a:visited {
	display: inline-block;
	text-decoration: none;
	letter-spacing: .1em;
	padding-left: 15px;
	padding-right: 10px;


}


#sidebar{
	float: left;
	position: fixed;
	top: 340px;
	left: 120px;
	width: 155px;

}



/*
	FOOTER
*/



.footer {
	position: fixed;
	left: 30px;
	bottom:20px;
	font-size: 11px;
	color: #4D4D4D;

}

hr {
	border: solid 1px; color:#4D4D4D;
	margin: 10px 0 10px 0;
	width: 155px;

	
}

	
/*
	BORDER
*/

#top, #bottom, #left, #right {
	background: #0855a3;
	position: fixed;
	z-index: 1000;
	}
	#left, #right {
		top: 0; bottom: 0;
		width: 10px;
		}
		#left { left: 0; }
		#right { right: 0; }
		
	#top, #bottom {
		left: 0; right: 0;
		height: 10px;
		}
		#top { top: 0; }
		#bottom { bottom: 0; }



@media (max-width: 480px){

@media 

/* Fairly small screens including iphones */
only screen and (max-width: 500px),

/* iPads */
only screen and (min-device-width: 768px) and (max-device-width: 1024px) 

{
	#top, #bottom, #left, #right { display: none; }
}
}