@charset "utf-8";

/* @override http://roman-roehrig.de/files/2009-02.css */

/*#container {
	background: transparent url(/files/2009-02-grd.png) repeat-y 30px top !important;
}*/

/*#grid-overlay {
	position:	absolute;
	width:	960px;
	height:	100px;
	z-index:	100000;
	background: transparent url(/files/2009-11-grd_trnsprnt.png) repeat-y left top;
}*/

/* @group Fonts */

/*@font-face {
	font-family: 'LeagueGothicRegular';
	src: url('League_Gothic.eot');
	src: local('League Gothic Regular'), local('LeagueGothic'), url('League_Gothic.otf') format('opentype');
}*/

/* @end */



/* @group The Inevitable Reset */

/* 	source: http://meyerweb.com/eric/tools/css/reset/index.html */

/* 	v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin:			0;
	padding:		0;
	border:			0;
	outline:		0;
	font-size:		100%;
	vertical-align:	baseline;
	background:		transparent;
}
body {
	line-height:	1;
}
ol, ul {
	list-style:		none;
}
blockquote, q {
	quotes:			none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content:		'';
	content:		none;
}

/* 	remember to define focus styles! */
:focus {
	outline:		0;
}

/* 	remember to highlight inserts somehow! */
ins {
	text-decoration:none;
}
del {
	text-decoration:line-through;
}

/* 	tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse:collapse;
	border-spacing:	0;
}

/* @end */

/* @group screen reader */

.hidden {
/*	hide this with the "off-left technique"
	source: http://css-discuss.incutio.com/?page=ScreenreaderVisibility */
	position:		absolute;
	left:			-99999px;
}

/* @end */

/* @group body, container, footer */

body {
	background:		#eee;
	color:			#666;
	font:			13px/20px "Helvetica Neue", HelveticaNeue, Helvetica, Arial, sans-serif;
}

#container {
	background:		#fff;
	width:			960px;
	padding:		0 30px 20px;
	margin:			0 auto;
}

/* @end */

/* @group header */

#header {
	background:		transparent url(/files/2009-02-header.jpg) no-repeat 10px 20px;
	padding:		20px 0 20px;
	height:			100px;
}

#header h1 {
	height:			20px;
}

#header a {
	color:			#fff;
	font-size:		14px;
	line-height:	12px;
	font-weight:	normal;
	text-transform:	uppercase;
	height:			11px;
	padding:		5px 0 5px 5px;
	border:			0;
	display:		block;
}

#header a:hover {
	background:		#c8e9fb;
	color:			#1d87c3;
}

/* @end */

/* @group search */

#search {
	height:			20px;
	padding-top:	5px;
	padding-bottom:	5px;
	display:		inline;
	float:			left;
}

.search-text {
	background:		transparent;
	width:			191px;			/*	  191 px	(.search-text + .search-button = 220 px !)	*/
	height:			18px;
	padding:		0 2px 0;		/*	+   4 px	(2 x 2 = 4 px)								*/
	border:			1px solid #bbb;	/*	+   2 px												*/
	border-right:	0;				/*	-   1 px												*/
	display:		inline;
	float:			left;
}									/*	= 196 px	(220 - 196 = 24 px Rest)					*/

#search-text {
	background:		transparent;
	color:			#666;
	font-size:		11px;
	line-height:	11px;
	width:			99%;
	border:			0 !important;
	padding:		0;
	margin:			0;
}

.search-button {
	width:			22px;			/*	+  22 px												*/
	height:			18px;
	border:			1px solid #bbb;	/*	+   2 px	(2 x 1 = 2 px)								*/
	display:		inline;
	float:			left;
}									/*	= 220 px												*/

.search-button input {
	background:		transparent;
	color:			#666;
	font-size:		11px;
	line-height:	13px;
	width:			22px;
	height:			18px;
	padding:		0;
	margin:			0;
	border:			0;
	display:		inline;
	float:			left;
	cursor:			pointer;
	overflow:		hidden;
}

.search-button:hover {
	border-color:	#666;
}

.search-button:hover input,
.search-button input:hover {
	background:		#91da00;
	color:			#fff;
}



/* @end */

/* @group content */

.col h2 {
	font-size:		11px;
	font-weight:	normal;
	text-transform:	uppercase;
}

#content-main {
	width:			720px;
	display:		inline;
	float:			left;
}

#content-sub {
	font-size:		11px;
	width:			240px;
	display:		inline;
	float:			left;
}

#content-sub .article h2 {
	font-size:		11px;
	font-weight:	normal;
	text-transform:	uppercase;
	padding-left:	20px;
	padding-top:	5px;
	margin-bottom:	15px;
}

#content-sub dt {
	font:			normal 11px/20px Georgia, "Times New Roman", Times, serif;
	/*padding-top:	10px;*/
	padding-top:	5px;
	margin-bottom:	-5px;
}

#bookmarks {
	padding-top:	0;
	margin-bottom:	0;
}

#bookmarks dt {
	padding-left:	20px;
}

.linklist dt {
	font:			bold 13px/20px "Helvetica Neue", HelveticaNeue, Helvetica, Arial, sans-serif;
	margin-top:		10px;
}

ul.categories {
	padding-left:	12px;
}

#content-sub dd {
	padding-top:	5px;
	margin-bottom:	15px;
}

#content-sub .article {
	background:		transparent url(/files/vrl-dashed.png) repeat-y 10px 0;
	margin-top:		10px;
}

#content-sub .article .hr {
	background-position:	left top;
	height:			20px;
	margin:			0;
}

#content-sub .article .more-link {
	height:			20px;
	margin-left:	20px;
	margin-bottom:	0;
}

.hr-sub-bottom {
	background-position:	0 bottom !important;
}

/* @end */

/* @group navigation */

#nav {
	text-align:		justify;
	height:			20px;		/* hiding the "#nav span" justification						*/
	overflow:		hidden;		/* workaround (see below)									*/
	margin-bottom:	0;
}

#nav .nav-spacer {
	color:			#fff;
	padding-right:	120px;		/* provoke line break in order to force text justification */
}

#nav li {
	text-transform:	uppercase;
	list-style:		none;
	text-indent:	0;
	padding-left:	0;
	margin-left:	0;
	display:		inline;
}

#nav a {
	border-color:	#ccc;
}

/* @end */

/* @group ads */

#adblock-td-w468 {
	height:			100px;
}

.adblock a {
	border:			0 !important;
}

.adblock h3 {
	font-size:		10px;
	font-weight:	normal;
}

/* @end */

/* @group article */

.article {
	margin-bottom:	0px;
	display:		inline;
	float:			left;
}

.article h3 {
	font-weight:	normal;
}

#search-results h3 {
	margin-bottom:	5px;
}

#search-results p {
	margin-bottom:	5px !important;
}

#search-results strong {
	background:		#c8e9fb !important;
	color:			#000 !important;
}

.article-head h3 {
	/*font-family:	LeagueGothicRegular, "Arial Narrow", sans-serif;*/
	font-family:	"League Gothic", "Arial Narrow", sans-serif;
	letter-spacing:	1px;
	word-spacing:	3px;
	/*font-size:	20px;*/
	font-size:		26px;
	line-height:	30px;
	text-transform:	uppercase;
	/*padding-top:	3px;*/
	/*height:			33px;*/
	padding-top:	0;
	/*padding-bottom:	17px;*/
	padding-bottom:	4px;
}

.article-head a {
	border:			0;
}

.article p, .article ul, .article ol, .article dl {
	padding-top:	5px;
	margin-bottom:	15px;
}

.article h4 {
	font:			bold 13px/20px "Helvetica Neue", HelveticaNeue, Helvetica, Arial, sans-serif;
	padding-top:	5px;
	margin-bottom:	-5px;
}

.article-head h4 {
	font:			normal 12px/12px Georgia, "Times New Roman", Times, serif;
	text-align:		right;
	height:			31px;
	padding-top:	9px;
	display:		inline;
	float:			left;
	margin:			0;
}

.body {
	font-family:	Georgia, "Times New Roman", Times, serif;
}

/*.backlink {
	text-align:		right;
}

.backlink, .tags {
	font-size:		11px;
	font-weight:	normal;
	height:			20px;
	text-transform:	uppercase;
}

.backlink span {
	font-weight:	bold;
	font-size:		14px;
	line-height:	14px;
}*/

.tags {
	font-family:	"Helvetica Neue", HelveticaNeue, Helvetica, Arial, sans-serif;;
	font-size:		11px;
	font-weight:	normal;
	height:			20px;
	text-transform:	uppercase;
}

.article .tags {
	margin-bottom:	20px;
}

.tags h4 {
	text-align:		right;
	font-size:		11px;
	padding-top:	0 !important;
	margin-bottom:	0 !important;
}

.body .tags h4 {
	padding-right:	0px;
	width:			30px;
	overflow:		visible;
	margin-left:	-40px !important;
}

.tags h4, .tags ul, .tags li {
	font-weight:	normal;
	margin:			0;
	display:		inline;
	float:			left !important;
}

.body .tags ul {
	float:			none !important;
}

.tags li {
	list-style:		none;
	padding-left:	0;
	padding-right:	10px;
}

.tags a {
	border-color:	#ccc;
}

/* @end */

/* @group comments */

/* @group comments display */

#comments .hr {
	margin:			0 0 20px !important;
}

#comments h4 {
	margin-top:	9px;
}

#comments h4,
#txpCommentInputForm h4 {
	font:			normal 12px/12px Georgia, "Times New Roman", Times, serif !important;
	text-align:		right;
	margin-left:	-130px;
}

ol.comments li {
	font-size:		11px;
	list-style-position:	outside;
	margin-left:	30px !important;
}

dl.comment {
	padding-top:	5px;
	margin-bottom:	15px;
}

dl.comment dt {
	font-size:		11px;
	background:		#eee;
	padding:		0 3px;
	margin-left:	-30px;
	padding-left:	30px;
}

.comment-preview {
	background:		#91da00;
	color:			#fff;
	padding:		0 3px;
}

dl.comment dt strong {
	letter-spacing:	1px;
	text-transform:	uppercase;
}

dl.comment dd {
	font:			13px/20px Georgia, "Times New Roman", Times, serif;
	padding-left:	0;
}

dl.comment dd p {
	margin-bottom:	0;
}

p#txpCommentInputForm {
	color:			red;
	font-weight:	bold;
	border:			5px solid #91da00;
	padding:		25px;
	margin:			40px 0;
}

/* @end */

/* @group comments form */

.comments_error {
	color:			red;
	font-weight:	bold;
	border:			3px solid red;
	padding:		5px 0;
}

p.row {
	border-left:	0px solid red;
	padding-top:	5px;
	margin-bottom:	15px;
}

#comments-form .th {
	width:			240px;
	display:		inline;
	float:			left;
}

#authorcomment .td small{
	margin-top:	-5px;
	display:	block;
}

.comment_name_input,
.comment_email_input,
.comment_web_input {
	color:			#444;
	font:			13px/14px "Courier New", Courier, mono;
	height:			16px;
	width:			218px;
	border:			1px solid #bbb !important;
	padding:		0;
	margin:			0;
	padding-top:	1px;
}

#cookie .th {
	padding-left:	240px;
}

#remember {
	height:			auto !important;
	width:			auto !important;
}

.txpCommentInputMessage {
	color:			#444;
	font:			13px/14px "Courier New", Courier, mono;
	line-height:	150%;
	width:			458px;
	height:			198px;
	border:			1px solid #bbb;
}

#commentsubmitbutton span {
	padding-left:	240px;
	display:		block !important;
}

#txpCommentPreview, #txpCommentSubmit {
	background:		#fff;
	margin-left:	0px;
	display:		inline;
	float:			left;
	cursor:			pointer;
}

#txpCommentPreview {
	border:			1px solid #bbb;
	border-right-width:	0px !important;
	width:			110px !important;
}

#txpCommentSubmit {
	border:			1px solid #bbb;
	width:			110px !important;
}

#txpCommentPreview:hover, #txpCommentSubmit:hover {
	background:		#91da00;
}

#txpCommentSubmit.disabled,
#txpCommentSubmit.disabled:hover {
	background:		#fff;
	cursor:			default;
}

#comments-tips {
	clear:			left;
	font-size:		11px;
	padding-top:	15px;
	margin-bottom:	-5px;
}

/* @end */

/* @end */

/* @group Hyperlinks */

a {
	color:			#666;
	border-bottom:	1px solid #999;
	text-decoration:none;
}

a:hover {
	color:			#1d87c3;
}

.article-head a {
	background:		transparent url(/files/hrl-dashed.png) repeat-x 0 bottom;
	color:			#1d87c3;
	display:		block;
	width:			460px;
	padding-bottom:	5px;
	margin-bottom:	5px;
	margin-top:		-4px;
}

.article-head a:hover {
	color:			#4a9fcf;
}

.more-link {
	background:	transparent url(/files/bullet-arrow-right.png) no-repeat 0 6px;
	font:			11px/20px "Helvetica Neue", HelveticaNeue, Helvetica, Arial, sans-serif;
	text-transform:	uppercase;
	padding-left:	20px;
	margin-left:	-20px;
	padding-top:	0 !important;
	margin-bottom:	0 !important;
}

/* @end */

/* @group text structure */

p, ul, ol , dl {
	/*margin-bottom:	10px;*/
	margin-bottom: 20px;
}

blockquote, pre {
	background-color:		#f0f0f0;
	border-left:	15px solid #ddd;
	margin:					-5px  0   15px;
	padding:				 5px 10px 5px;
}

blockquote p {
	margin-bottom:	0;
}

pre {
	overflow:	auto;
}

li {
	list-style-position:	outside;
	padding-left:	0px;
	text-indent:	0px;
	margin-left:	20px;
}

ul li {
	list-style-type:circle;
}

ol li {
	list-style-type:decimal;
	/*list-style-position:	inside !important;*/
	margin-left: 20px;
}

dt {
	padding-left:	0;
	font-weight:	bold;
}

dd {
	padding-left:	20px;
}

dd + dt {
	padding-top:	20px;
}

strong {
	font-weight:	bold;
}

em {
	font-style:		italic;
}

small {
	font-size:		11px;
}

code {
	color:			#a40000;
}

.hr {
	background: 	url(/files/hrl-dashed.png) repeat-x 0 9px;
	height:			20px;
	margin:			0 10px;
	clear:			both;
}

.hr hr {
	display:		none;
}

/* @end */

/* @group images */

.image {
	
}

.image-left {
	display:		inline;
	float:			left;
	margin-right:	10px;
}

.image-right {
	display:		inline;
	float:			right;
	margin-left:	10px;
}

.image-wide {
	width:			700px;
	margin-left:	-120px;
	overflow:		hidden;
}

.image, .image-left, .image-right, .image-wide {
	padding-top:	0 !important;
	margin-bottom:	20px;
}

.image img, .image-left img, .image-right img, .image-wide img,
.image object, .image-left object, .image-right object, .image-wide object {
	display:	block;
}

.image img,
.image object {
	margin-left:	auto;
	margin-right:	auto;
}

.image small, .image-left small, .image-right small, .image-wide small {
	display:	block;
	/*margin-bottom:	20px;*/
}

.image-wide small {
	margin:	0 120px;
	text-align:	left;
}

.image a, .image-left a, .image-right a, .image-wide a {
	border: 		0;
}

.image small a, .image-left small a, .image-right small a, .image-wide small a {
	color:			#666;
	border-bottom:	1px solid #999;
	text-decoration:none;
}

.image, .image-left, .image-right, .image-wide,
.image p, .image-left p, .image-right p, .image-wide p {
	font-family:	"Helvetica Neue", HelveticaNeue, Helvetica, Arial, sans-serif !important;
	text-align:		center;
}

/* @end */

/* @group footer */

#footer p {
	padding-top:	5px;
	margin-bottom:	15px;
}

/* @end */

/* @group generic layout columns */

.i00-c01 { width: 100px; float: left; display: inline; padding-right: 10px; padding-left: 10px; }
.i00-c02 { width: 220px; float: left; display: inline; padding-right: 10px; padding-left: 10px; }
.i00-c03 { width: 340px; float: left; display: inline; padding-right: 10px; padding-left: 10px; }
.i00-c04 { width: 460px; float: left; display: inline; padding-right: 10px; padding-left: 10px; }
.i00-c05 { width: 580px; float: left; display: inline; padding-right: 10px; padding-left: 10px; }
.i00-c06 { width: 700px; float: left; display: inline; padding-right: 10px; padding-left: 10px; }
.i00-c07 { width: 820px; float: left; display: inline; padding-right: 10px; padding-left: 10px; }
.i00-c08 { width: 940px; float: left; display: inline; padding-right: 10px; padding-left: 10px; }

.i01-c01 { width: 100px; float: left; display: inline; padding-right: 10px; padding-left: 130px; }
.i01-c02 { width: 220px; float: left; display: inline; padding-right: 10px; padding-left: 130px; }
.i01-c03 { width: 340px; float: left; display: inline; padding-right: 10px; padding-left: 130px; }
.i01-c04 { width: 460px; float: left; display: inline; padding-right: 10px; padding-left: 130px; }
.i01-c05 { width: 580px; float: left; display: inline; padding-right: 10px; padding-left: 130px; }
.i01-c06 { width: 700px; float: left; display: inline; padding-right: 10px; padding-left: 130px; }
.i01-c07 { width: 820px; float: left; display: inline; padding-right: 10px; padding-left: 130px; }

.i02-c01 { width: 100px; float: left; display: inline; padding-right: 10px; padding-left: 250px; }
.i02-c02 { width: 220px; float: left; display: inline; padding-right: 10px; padding-left: 250px; }
.i02-c03 { width: 340px; float: left; display: inline; padding-right: 10px; padding-left: 250px; }
.i02-c04 { width: 460px; float: left; display: inline; padding-right: 10px; padding-left: 250px; }
.i02-c05 { width: 580px; float: left; display: inline; padding-right: 10px; padding-left: 250px; }
.i02-c06 { width: 700px; float: left; display: inline; padding-right: 10px; padding-left: 250px; }

.i03-c01 { width: 100px; float: left; display: inline; padding-right: 10px; padding-left: 370px; }
.i03-c02 { width: 220px; float: left; display: inline; padding-right: 10px; padding-left: 370px; }
.i03-c03 { width: 340px; float: left; display: inline; padding-right: 10px; padding-left: 370px; }
.i03-c04 { width: 460px; float: left; display: inline; padding-right: 10px; padding-left: 370px; }
.i03-c05 { width: 580px; float: left; display: inline; padding-right: 10px; padding-left: 370px; }

.i04-c01 { width: 100px; float: left; display: inline; padding-right: 10px; padding-left: 490px; }
.i04-c02 { width: 220px; float: left; display: inline; padding-right: 10px; padding-left: 490px; }
.i04-c03 { width: 340px; float: left; display: inline; padding-right: 10px; padding-left: 490px; }
.i04-c04 { width: 460px; float: left; display: inline; padding-right: 10px; padding-left: 490px; }

.i05-c01 { width: 100px; float: left; display: inline; padding-right: 10px; padding-left: 610px; }
.i05-c02 { width: 220px; float: left; display: inline; padding-right: 10px; padding-left: 610px; }
.i05-c03 { width: 340px; float: left; display: inline; padding-right: 10px; padding-left: 610px; }

.i06-c01 { width: 100px; float: left; display: inline; padding-right: 10px; padding-left: 730px; }
.i06-c02 { width: 220px; float: left; display: inline; padding-right: 10px; padding-left: 730px; }

.i07-c01 { width: 100px; float: left; display: inline; padding-right: 10px; padding-left: 850px; }

/* @end */