/* --------------------------------------- */
/* TDM HOME css */
/* --------------------------------------- */

#content {
	width: 524px;
	margin-right: 28px;
	float: left;
	}

#sidebar {
	width: 248px;
	margin-left: 28px;
	float: left;
	}

#sidebar p,
#sidebar ul,
#sidebar ol	{
	margin-bottom: 18px;
	}

#content h1 {
	border-top: 6px solid #ff4100;
	font-size: 1.5em;
	padding-top: 3px;
	}

#content h3,
#sidebar h3,
aside h3 {
	font-size: 1.2em;
	color: #989898;
	text-transform: uppercase;
	margin-bottom: 18px;
	}

#content h3						{ font-size: 1.8em; }
#content #publications-box p	{ margin-bottom: 0px; }
#content #publications-box ul	{ margin-left: 0px; }

#ogemid-box h4					{ margin-bottom: 18px; }

#ogemid-box ul {
	list-style: none;
	margin-left: 0px;
	}

#ogemid-box ul li {
	font-weight: bold;
	margin-bottom: 18px;
	}

#ogemid-box .debate-list a		{ color: #323232; }
#ogemid-box .debate-list a:hover { color: #ff4100; text-decoration: underline; }

.hot {
	background: url(/grfx/hot-icon.png) no-repeat 0px 6px;
	background-size: 20px 20px;
	padding-left: 28px;
	}

.comments {
	background: url(/grfx/comment-icon.png) no-repeat 0px center;
	background-size: 14px 14px;
	font-weight: normal;
	font-size: 0.9em;
	color: #ff4100;
	margin-left: 6px;
	padding-left: 18px;
	}


.box dl {
	margin-bottom: 18px;
	display: block;
	}

.box dt img						{ max-width: 100%; border: 1px solid #b1b1b1; }
.box dt							{ width: 72px; float: left; }
.box dd							{ margin-left: 90px; }




/* --------------------------------------- */
/* TABLET - mediaqueries css */
/* --------------------------------------- */

/* screens */
@media only screen and (max-width: 1152px) {

	#content					{ width: 468px; }
	#sidebar					{ width: 220px; }

}

/* notebooks, tablets */
@media only screen and (max-width: 1024px) {

	#content					{ width: 436px; }
	#sidebar					{ width: 204px; }

}

/* notebooks, tablets */
@media only screen and (max-width: 960px) {

	#content					{ width: 356px; }
	#sidebar					{ width: 164px; }

	.box dt						{ width: 72px; float: none; }
	.box dd						{ margin-left: 0px; }

}

/* ==> breakpoint notebooks, tablets */
@media only screen and (max-width: 800px) {

	#content					{ width: 100%; float: none; }
	#sidebar					{ width: 100%; margin-left: 0px; float: none; }

	#publications-box {
		width: 100%;
		margin-left: 0px;
		float: none;
		}

	.box dt						{ width: 72px; float: left; }
	.box dd						{ margin-left: 90px; }

}

/* ==> breakpoint tablets */
@media only screen and (max-width: 768px) {

}

/* tablets, mobiles */
@media only screen and (max-width: 480px) {

	.box dt						{ display: none; }
	.box dd						{ margin-left: 0px; }

}

/* print */
@media print {

	#content {
		width: 100%;
		margin-right: 0px;
		}

	#sidebar					{ display: none; }

}