/******************/
/**  Global.css  **/
/******************/

* { padding: 0; margin: 0; }

/**************************/
/**  Global definitions  **/
/**************************/
body {
	background: #FFF;
	font: 80%/1.5 Verdana, Arial, sans-serif;
	color: #000;
}

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

/**  LoVe-HAte  **/
a,
a:link    { color: #BF1C21; }
a:visited { color: #127FC0; }
a:hover,
a:active {
	background-color: #BF1C21;
	color: #FFF;
}

fieldset { border: 0; }
legend { display: none; }
label, button { cursor: pointer; }
/**  end of global definitions  **/


/***************/
/**  Classes  **/
/***************/
.hidden	{ display: none; }

/**  RTIM : Rundle's Text-Indent Method  **/
.rtim,
.rtim a {
	display: block;
	overflow: hidden;
	font-size: 0;
	text-indent: -9999em;
	text-decoration: none;
}

/**  Boxes (#meta, #twitter, etc.)  **/
.box {
	background-repeat: no-repeat;
	width: 235px;
	margin-top: 25px;
}

	.box div {
		background: #161616 url(img/back-block.png) repeat;
		padding: 10px 10px 15px 10px;
		color: #FFF;
	}

	/**  LoVe-HAte  **/
	.box a:link    { color: #FFF; }
	.box a:visited { color: #127FC0; }
	.box a:hover,
	.box a:active {
		background-color: transparent;
		color: #BF1C21;
	}
/**  end of boxes  **/


/**  Posts lists  **/
.posts { list-style: none; }

	.posts li {
		background: url(img/back-bottom.png) no-repeat center bottom;
		padding-bottom: 1px;
	}

	.posts li.last {
		background: none;
		padding-bottom: 0;
	}

	.posts a {
		background: url(img/sprites-24.png) no-repeat -155px -3px;
		padding: 7px 7px 7px 28px;
		display: block;
		font-size: 95%;
	}

		.posts a span {
			line-height: 1;
			display: block;
			font-size: 80%;
			color: #A7A7A7;
		}
/**  end of posts lists  **/


/**  Categories lists  **/
.categories { list-style: none; }

.categories a {
	background: url(img/sprites-24.png) no-repeat -160px -170px;
	padding-left: 20px;
}
/**  end of categories lists  **/
/**  end of classes  **/


/***************/
/**  #header  **/
/***************/
#header {
	background: #161616 url(img/sprites-back.png) repeat-x;
	padding: 12px 15% 0 15%;
	height: 188px; /* 200px - padding-top */
	position: relative;
	color: #FFF;
}

	/**  LoVe-HAte  **/
	#header a:link    { color: #FFF; }
	#header a:visited { color: #127FC0; }
	#header a:hover,
	#header a:active	{
		background-color: transparent;
		color: #BF1C21;
	}

	#header h1 a { margin-left: 30px; }

	#header #baseline {
		position: relative;
		top: -18px;
		left: 154px;
		font-style: italic;
		text-indent: -9999em;
	}

	#header h2 { text-indent: -9999em; }

	#quick {
		margin: 1em;
		position: absolute;
		top: 0;
		right: 0;
		font-size: 70%;
		text-align: right;
		list-style: none;
	}

	/**  #menu  **/
	#menu {
		position: absolute;
		bottom: 40px; /* 58px - #menu li.current padding-bottom */
		left: 50%;
		list-style: none;
		font-family: "Century Gothic", Verdana, Helvetica, sans-serif;
		font-size: 170%;
		text-transform: lowercase;
		z-index: 1;
	}

		#menu li {
			margin-left: 30px;
			float: left;
		}

		#menu li.current {
			background: url(img/current.png) no-repeat center bottom;
			padding-bottom: 18px;
		}

			#menu li a {
				background: url(img/sprites-24.png) no-repeat;
				padding-left: 25px;
				display: block;
			}

			#menu li.blog     a { padding-left: 25px; background-position: -10px -3px; }
			#menu li.archives a { padding-left: 23px; background-position: -10px -42px; }
			#menu li.links    a { padding-left: 19px; background-position: -10px -82px; }
			#menu li.contact  a { padding-left: 28px; background-position: -10px -122px; }
	/**  end of #menu  **/

	/**  #header form  **/
	#header form {
		position: absolute;
		bottom: 62px;
		left: 15%;
	}

		#header label,
		#header input,
		#header button {
			background: #FFF;
			height: 22px;
			border: 0;
			float: left;
		}

		#header label {
			padding: 0 3px;
			border-radius-topleft: 5px;
			border-radius-bottomleft: 5px;
			-moz-border-radius-topleft: 5px;
			-moz-border-radius-bottomleft: 5px;
			color: #000;
		}

		#header label img { padding-top: 3px; }

		#header input {
			background: #FFF;
			width: 224px;
			height: 18px;
			padding: 2px 20px 2px 2px;
			border-left: 1px solid #CCC;
			border-right: 1px solid #CCC;
			border-radius-topright: 5px;
			border-radius-bottomright: 5px;
			-moz-border-radius-topright: 5px;
			-moz-border-radius-bottomright: 5px;
			color: #A7A7A7;
		}

		#header input:focus { color: #000; }
	/**  end of #header form  **/

	/**  search form  **/
	.js #header #search,
	.js #header #reset { display: none; }

	.js #header form.loading input { background: #FFF url(img/search/loading.gif) no-repeat 98%; }

	.js #header form.loaded #reset {
		background: #FFF url(img/search/reset.gif) no-repeat center;
		width: 20px;
		margin-left: -20px;
		border-radius-topright: 5px;
		border-radius-bottomright: 5px;
		-moz-border-radius-topright: 5px;
		-moz-border-radius-bottomright: 5px;
		display: block;
		text-indent: -9999em;
	}

	.js #header form.loading label,
	.js #header form.loading input,
	.js #header form.loaded label,
	.js #header form.loaded input {
		border-radius-bottomright: 0;
		border-radius-bottomleft: 0;
		-moz-border-radius-bottomright: 0;
		-moz-border-radius-bottomleft: 0;
	}


	/******************/
	/**  #spotlight  **/
	/******************/
	.js #spotlight {
		background: #1B1B1B;
		width: 270px;
		position: absolute;
		top: 138px;
		left: 15%;
		z-index: 1;
	}

		.js #spotlight p {
			height: 0;
			text-indent: -9999em;
		}

		.js #spotlight ul { list-style: none; }

		.js #spotlight span.category {
			background: #BD1D1F url(img/sprites-24.png) no-repeat -150px -165px;
			line-height: 2;
			padding-left: 35px;
			display: block;
			color: #FFF;
		}

			.js #spotlight li ul a {
				background-position: -140px 0;
				padding: 10px 10px 10px 45px;
			}

			.js #spotlight li ul a:hover,
			.js #spotlight li ul a:active	{
				background-color: #2B2B2B;
				color: #FFF;
			}

		.js #spotlight #all-results {
			background: #BD1D1F url(img/sprites.png) no-repeat 242px -317px;
			padding: 2px 10% 2px 0;
			display: block;
			font-size: 90%;
			text-align: right;
		}

		.js #spotlight #all-results:link,
		.js #spotlight #all-results:hover,
		.js #spotlight #all-results:visited { color: #FFF; }
		.js #spotlight #all-results:hover { text-decoration: underline; }
	/**  end of #spotlight  **/

	#header #syndication {
		width: 145px;
		height: 56px;
		position: absolute;
		bottom: -4px;
		left: 9%;
		text-indent: inherit;
	}

/**  end of #header  **/


/**************/
/**  Layout  **/
/**************/
#content {
	background: #FFF;
	padding: 0 10% 0 16%;
	margin-top: 4px;
	position: relative;
}

.post { padding-left: 270px; }

#aside {
	width: 250px;
	position: absolute;
	top: 0;
	left: 16% /* #content padding-left */
}
/**  end of layout  **/


/*************/
/**  #meta  **/
/*************/
#meta {
	background-image: url(img/sprites.png);
	background-position: 213px -350px;
	padding-right: 11px;
}

	#meta h3,
	#meta h4 { display: none; }

	#meta ul {
		clear: left;
		list-style: none;
	}

	#meta #post-date,
	#meta #post-comments,
	#meta #post-number {
		margin-bottom: 10px;
		display: block;
	}

	#post-comments a,
	#post-number {
		padding-left: 20px;
		font-weight: normal;
	}

	#post-date {
		background: #BE1C1F;
		padding: 5px;
		float: left;
		font-size: 100%;
		font-weight: normal;
		line-height: 1;
	}

	#post-date sup { line-height: 0; }
	#post-date .more { display: none; }

	#post-categories { margin-bottom: 10px; }
	#post-comments a { background: url(img/sprites-24.png) no-repeat -160px -90px; }

	#post-number {
		background: url(img/sprites-24.png) no-repeat -160px -10px;
		padding-left: 22px;
	}

	#posts-nav {
		overflow: hidden;
		list-style: none;
	}

	#posts-nav .previous	{ float: left; }
	#posts-nav .next			{ float: right; }
/**  end of #meta  **/


/****************/
/**  #twitter  **/
/****************/
#twitter {
	background-image: url(img/sprites.png);
	background-position: 127px bottom;
	padding-bottom: 13px; /* background's height */
}

	#twitter h2 {
		font-family: "Century Gothic", Verdana, Helvetica, sans-serif;
		font-size: 170%;
		font-weight: normal;
		text-transform: lowercase;
	}

	#twitter p {
		clear: left;
		font-size: 80%;
		color: #C6C6C6;
	}

	#twitter q a { color: #9AE4E8; }
	#twitter q a:hover { text-decoration: underline; }
/**  end of #twitter  **/


/***************/
/**  #footer  **/
/***************/
#footer {
	background: #1E1D1B url(img/sprites-back.png) repeat-x 0 -200px;
	padding: 90px 15% 12px 15%;
	color: #FFF;
}

	/**  LoVe-HAte  **/
	#footer a:link    { color: #FFF; }
	#footer a:visited { color: #127FC0; }
	#footer a:hover,
	#footer a:active	{
		background-color: transparent;
		color: #BF1C21;
	}

	/**  #footer layout  **/
	#container {
		width: 860px; /* .about width + 40px + .lastest-posts width + 40px + #categories width */
		margin: 0 auto;
		overflow: hidden;
	}

		.lastest-posts, #categories, .about {
			float: left;
			position: relative;
		}

		.lastest-posts {
			width: 230px;
			left: 440px; /* .about width + 40px */
		}

		#categories {
			width: 150px;
			left: 480px; /* .lastest-posts left + 40px */
		}

		.about {
			width: 400px;
			left: -380px; /* -(.lastest-posts width + #categories width) */
		}
	/**  end of #footer layout  **/

	/** @see i18n files for background **/
	#footer h2 {
		background: #BE1C1F;
		padding: 0 5px;
		margin-bottom: 10px;
		float: left;
		font-family: "Century Gothic", Verdana, Helvetica, sans-serif;
		font-weight: normal;
		font-size: 170%;
		text-transform: lowercase;
	}

	#footer img,
	#footer ul { clear: left; }

	#footer .posts a:hover,
	#footer .posts a:active	{
		background-color: #2B2B2B;
		color: #FFF;
	}

	#footer .categories { padding-left: 6px; }

	#copyrights {
		margin: 3em 0 2em 0;
		font-size: 80%;
		text-align: center;
	}

		#copyrights a img {
			margin-right: 5px;
			vertical-align: middle;
		}
/**  end of #footer  **/
/** end of FILE  **/