/* --------------------------------------- */
/* CITCLOPS newsletter css */
/* --------------------------------------- */

#articles						{ display: inline-block; }
#articles article {
	border-top: 1px solid #007ba0;
	padding-top: 14px;
	}

#articles article:first-child	{ margin-top: 18px; }
#articles article:last-child {
	border-bottom: 1px solid #007ba0;
	padding-bottom: 14px;
	}


article.newsletter-edition dl {
	display: inline-block;
	margin-top: 18px;
	}

article.newsletter-edition dt {
	position: relative;
	border: 1px solid #aeaeae;
	width: 82px;
	height: 102px;
	float: left;
	overflow: hidden;
	}

article.newsletter-edition h6 {
	position: absolute;
	background-color: #58bccc;
	font-weight: normal;
	font-size: 0.8em;
	color: #fff;
	text-transform: uppercase;
	padding: 0px 6px 0px 6px;
	bottom: 10px;
	left: 0px;
	}

article.newsletter-edition dd {
	font-size: 0.9em;
	line-height: 1.4em;
	margin-left: 92px;
	}

article.newsletter-edition h4 {
	font-weight: bold;
	font-size: 1.2em;
	margin-bottom: 6px;
	}

article.newsletter-edition h4 a			{ color: #4d4a4a; }


#colophon h5 {
	font-weight: bold;
	font-size: 1em;
	margin-top: 18px;
	margin-bottom: 18px;
	}

.column-colophon {
	position: relative;
	width: 220px;
	margin-right: 14px;
	float: left;
	}

.column-colophon:last-child		{ margin-right: 0px; }

#sidebar {
	width: 225px;
	margin-left: 14px;
	float: right;
	}

#block-subscribe {
	position: relative;
	border: 1px solid #7d7d7d;
	margin-bottom: 18px;
	padding: 24px 14px 54px 14px;
	}

#block-subscribe h3 {
	position: absolute;
	background-color: #fff;
	border: 1px solid #7d7d7d;
	font-weight: normal;
	font-size: 1.1em;
	color: #4da3bc;
	padding: 3px 10px 3px 10px;
	top: -15px;
	left: 14px;
	}

#block-subscribe h4 {
	font-weight: normal;
	font-size: 1em;
	margin-top: 6px;
	}

#block-subscribe input {
	font-family: arial,helvetica;
	font-size: 1em;
	color: #acacac;
	width: 90%;
	margin-top: 10px;
	padding: 6px 6px 6px 10px;
	}

#block-subscribe .container-input input	{
	width: auto;
	margin-top: 0px;
	padding: 0px;
	}

#block-subscribe input.input-type-submit {
	position: absolute;
	background-color: #007ba0;
	background-image: url(/grfx/signup-arrow.png);
	background-repeat: no-repeat;
	background-position: 95% center;
	border: 0px;
	font-size: 1.2em;
	color: #fff;
	width: auto;
	padding-right: 30px;
	float: right;
	bottom: 14px;
	right: 14px;
	cursor: pointer;
	}

.other-editions {
	background: url(/grfx/bullet-other-editions.png) no-repeat 0px center;
	padding-left: 14px;
	}

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


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

#articles article img {
	display: none;
	}

}