@import url("normalize.css");
@import url("skeleton.css");
@import url("header.css");


.header_container  {
	display: grid;
	/*grid-template-columns: repeat(var(--colNum, auto));*/
	grid-template-columns: 5% auto 5%;
	grid-auto-flow: column;
}


#menu_col  {
	border-right: 1px solid black;
	padding-right: 10px;
}


#menu_col ul  {
	list-style-type: none;
	text-align: right;
}


#menu_col a  {
	text-decoration: none;
}


.posted  {
	color: #998;
	font-size: 85%;
}


dd  {
	margin:0 0 1em;
	padding:0;
}


dt > a  {
	text-decoration: none;
}


a.permalink  {
	background:url("/img/icon_pg.gif") no-repeat 0 0;
	float:left;
	display:block;
	width:9px;
	height:10px;
	margin:.3em 5px 0 0;
	text-indent:-10000px;
	border-width:0;
}


.position_details  {
	width:100%;
	padding-top: 15px;
	padding-bottom: 15px;
}


.position_date  {
	/*border-bottom:1px solid #1EAEDB;*/
	font-size: 1.1em;
	float: left;
	clear: right;
	padding: 5px;
	color: #1EAEDB;
}


.position_content  {
	border-left:1px solid #1EAEDB;
	margin-left: 40px;
	padding: 5px;
}


.position_title  {
	font-size: 1.2em;
	color: #1EAEDB;
}


.position_company  {
	font-size: 1.1em;
	color: #887;
}


.position_contact  {
	padding-top:1.1em;
	padding-bottom:1.1em;
}


.position_contact span  {
	color: #887;
}


.position_file  {
	line-height: 1.6em;
}


.position_info  {
	/*font-size: 1.1em;*/
	padding-top:1.6em;
}


.position_poster  {
	float:right;
	text-align: right;
	font-size: 85%;
	color: #887;
}


.position_expiry  {
	padding-bottom:1.0em;
}


.position_expiry span  {
	color: #887;
}


@media only screen and (min-device-width : 768px) and (max-device-width : 1024px)  {
	/*  iPad  */
	.header_container  {
		grid-template-columns: 0% 100% 0%;
	}
}


@media only screen and (min-device-width : 320px) and (max-device-width : 736px)  {
	/*  iPhone  */
	.header_container  {
		grid-template-columns: 0% 100% 0%;
	}
}