/* © Copyright 2012-2016 Thomas Lextrait. All Rights Reserved. */
/* ------------------------------------------------------------ */
/* MAIN CSS														*/
/* ------------------------------------------------------------ */

body{
	/*
	background:url("../images/patterns/cream_pixels.png") top left;
	background-size:160px 160px;
	
	background:url("../images/patterns/pw_maze_white.png") top left;
	background-size:46px 23px;
	
	background:url("../images/patterns/stardust.png") top left;
	background-size:798px 798px;
	
	background:url("../images/backgrounds/keys(low).jpg") top left;
	background-size:2500px 1666px;
	*/
	background:url("../images/backgrounds/field(low).jpg") top left;
	background-size:2500px 1666px;
	
	color:#222;
	padding:0;
	font-size:13px;
	font-family:avenir, arial;
}

/* ------------------------------------------------------------ */
/* Links														*/
/* ------------------------------------------------------------ */

a,
a:visited{
	color:#04B;
	text-decoration:underline;
}
a:hover{
	color:#08E;
}

a.none{
	text-decoration:none;
}

a img{
	text-decoration:none;
	border:0;
}

/* ------------------------------------------------------------ */
/* Text															*/
/* ------------------------------------------------------------ */

hr{
	border:0;
	border-top:1px solid #666;
	margin:15px;
	padding:0;
}

.left{text-align:left;}
.right{text-align:right;}
.center{text-align:center;}

.bold{font-weight:600;}
.italic{font-style:italic;}

.s11{font-size:11px;}
.s12{font-size:12px;}
.s13{font-size:13px;}
.s14{font-size:14px;}
.s16{font-size:16px;}
.s18{font-size:18px;}
.s20{font-size:20px;}
.s22{font-size:22px;}
.s24{font-size:24px;}

/* ------------------------------------------------------------ */
/* Titles														*/
/* ------------------------------------------------------------ */

h1{
	font-size:28px;
	margin:5px 0;
	font-weight:400;
	/*
	color:#FFF;
	text-shadow:0px 0px 2px #111;
	*/
	color:#666;
}

h2{
	font-size:18px;
	color:#222;
	margin:5px 0;
	font-weight:600;
}

h3{
	font-size:13px;
	color:#111;
	margin:5px 0;
	font-weight:600;
}

/* ------------------------------------------------------------ */
/* Tables - Default settings									*/
/* ------------------------------------------------------------ */

table{}
td, th{
	text-align:left;
	vertical-align:middle;
	font-size:inherit;
}
td.middle, th.middle{
	vertical-align:middle;
}
td.top, th.top{
	vertical-align:top;
}
td.bottom, th.bottom{
	vertical-align:bottom;
}

/* ------------------------------------------------------------ */
/* Home page													*/
/* ------------------------------------------------------------ */

#main-container{
	background:#FFF; /* fallback */
	background:rgba(255, 255, 255, 0.8);
	width:740px!important;
	width:800px;
	left:50%;
	display:inline-block;
	position:relative;
	margin:0 0 0 -400px;
	padding:30px;
	height:auto;
	border-radius:0 0 5px 5px;
}

#main-container hr{
	display:block;
	margin:15px -30px;
}

/* ------------------------------------------------------------ */
/* Profile Card													*/
/* ------------------------------------------------------------ */

.profile_card{
	border-radius:5px;
	padding:5px 5px 5px 0;
	float:left;
	margin:0 0 10px 0;
}

.profile_card tr td:first-child{
	padding-left:0;
}

img.profile{
	border-radius:5px;
}

/* ------------------------------------------------------------ */
/* items														*/
/* ------------------------------------------------------------ */

.item-work-container{
	display:inline-block;	
}

.item-work{
	display:block;
	margin:5px;
	padding:5px 15px;
	width:200px!important;
	width:230px;
	height:90px!important;
	height:100px;
	text-align:left;
	position:relative;
	border-radius:3px;
	overflow:hidden;
	float:left;
}

/* EF */
.item-work.ef{
	background:rgb(24,64,92);
	color:#888;
	font-family:avenir;
	font-size:16px;
	padding:0 0 0 0;
	height:100px!important;
	height:100px;
	width:230px!important;
	width:230px;
	text-align: center;
}
.item-work.ef img{
	display:inline-block;
	margin:0 0 0 0;
}

/* STUDIFI */
.item-work.studifi{
	background:rgb(210, 10, 20);
	color:#FFF;
	font-family:aardvark;
	font-size:40px;
	cursor:pointer;
	text-align:center;
	padding:15px 15px;
	height:70px!important;
	height:100px;
	float:left;
	position:relative;
}
.item-work.studifi:hover{
	background:rgb(240, 30, 50);
}

/* MOODLE */
.item-work.moodle{
	background:#FFF;
	color:#888;
	font-family:avenir;
	font-size:16px;
	padding:30px 0 0 100px;
	height:70px!important;
	height:100px;
	width:130px!important;
	width:230px;
}
.item-work.moodle img{
	display:inline-block;
	margin:-10px 0 0 -80px;
	position:absolute;
}
.item-work.moodle:hover{
	color:#000;
}

/* AMADEUS */
.item-work.amadeus{
	background:#FFF;
	color:#888;
	font-family:avenir;
	font-size:16px;
	padding:10px 0 0 30px;
	height:90px!important;
	height:100px;
	width:200px!important;
	width:230px;
}

/* RAKUTEN */
.item-work.rakuten{
	background:#FFF;
	color:#888;
	font-family:avenir;
	font-size:16px;
	padding:20px 0 0 20px;
	height:80px!important;
	height:100px;
	width:210px!important;
	width:230px;
}

/* JACKFRUIT */
.item-work.jackfruit{
	background:url("../images/jackfruit/binding_dark.png");
	background-size:180px 180px;
	font-size:40px;
	font-family:moon;
	color:#FFD722;
	text-align:center;
	
	padding:20px 0 0 60px;
	height:80px!important;
	height:100px;
	width:170px!important;
	width:230px;
}

/* DROPLET */
.item-work.droplet{
	font-size:30px;
	color:#FFF;
	text-align:center;
	line-height:90px;
	font-family:avenir;
}
.item-work.droplet:hover{
	color:#0AF;
}

/* ROAD TRIP */
.item-work.roadtrip{
	background:#333;
	color:#DDD;
	font-family:avenir;
	font-size:20px;
	padding:0 0 0 0;
	height:100px!important;
	height:100px;
	width:230px!important;
	width:230px;
	text-align: center;
	line-height: 95px;
}
.item-work.roadtrip:hover{
	background:#444;
	color:#EEE;
}

/* ------------------------------------------------------------ */
/* Alma Matter													*/
/* ------------------------------------------------------------ */

.alma{
	display:inline-block;
	border-radius:5px;
	margin:5px 15px 0 15px;
	border-bottom:1px solid transparent;
	cursor:pointer;
}
.alma:hover{
	border-bottom:1px solid #0AF;
}