@charset "utf-8";
/* CSS Document */

* {
	margin: 0 auto;
	padding: 0;
}

/* HTML ELEMENTS */

body {
	background-color: #CCC;
	font: 8pt Tahoma, Geneva, sans-serif;
	color: #333;
}

p { line-height: 10pt; }

p.text { padding: 4px; }

/* BASIC STYLE */
.align-left { text-align: left; }
.align-right { text-align: right; }
.align-center { text-align: center; }

.float-left { float: left; }
.float-right { float: right; }

.first { margin-left: 0; }
.last { margin-right: 0; }

/* LAYOUT ELEMENTS */
#header {}
.container {
	margin-left: auto;
	margin-right: auto;
	width: 800px;
}
	#content,
	#content-header,
	#content-main,
	#content-footer,
	#footer {
		width: 560px;
	}
		#content-main {
			background-color: #FFF;
			padding: 5.5px; /* Float! */
		}
		#content-main h1 {
			color: #1B0808;
			font-weight: bold;
			text-transform: uppercase;
			font-size: 8pt;
			padding-bottom: 6px;
			padding-top: 6px;
		}
		#content-main img { 
			margin: 4px;
			margin-right: 10px;
			padding: 2px;
			border: 3px solid #1B0808;
		}
	#sidebar {
		width: 220px;
	}

/* PAGINATOR */

#paginator { border: 0; margin-top: 10px; padding: 0; text-align: center; }

#paginator li {
	display: inline-block;
	border: 0;
	margin: 0;
	padding: 0;
	list-style: none;
}
#paginator a {
	border: 1px solid #DDD;
	margin-right: 2px;
}
#paginator li.disabled {
	color: #666;
	display: inline-block;
	/* float: left; */
	font-weight: bold;
	padding: 3px 4px;
}
#paginator li .next a,
#paginator li .previous a {
	font-weight: bold;
	border: 1px solid #FFF;	
}
#paginator .active {
	color: #1b0808;
	font-weight: bold;
	display: inline-block;
	/* float: left; */
	padding: 4px 6px;
}
#paginator a:link,
#paginator a:visited {
	color: #0063e3;
	display: inline-block;
	/* float: left; */
	padding: 3px 6px;
	text-decoration: none;
}
#paginator a:hover {
	border: 1px solid #1b0808;
}

/* MESSAGES ERROR */
#messages {
	border: 1px solid;
	margin: 10px 0px;
	padding: 15px 10px 15px 50px;
	background-repeat: no-repeat;
	background-position: 10px center;
}
	#messages.error {
		color: #D8000C;
		background-color: #FFBABA;
		background-image: url('../images/messages-error.png');
	}
		
/* CLEAR FIX HACKS */
.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}
.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}
.clearfix {
	display: inline-block;
}
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}