/* ~~~ 01) resets ~~~ */
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;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body, html {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a, a * {
	cursor: pointer;
}
/* ~~~ 02) basics ~~~ */
h1 {font-size: 260%; letter-spacing: -0.058em; }
h2 {font-size: 220%; letter-spacing: -0.058em; }
h3 {font-size: 180%; letter-spacing: -0.058em; }
h4 {font-size: 170%; letter-spacing: -0.058em; }
h5 {font-size: 140%; letter-spacing: -0.058em; }
h6 {font-size: 120%; letter-spacing: -0.058em; }

a, a:link, a:active {
	text-decoration: underline;
	color: #099fc9;
}
a:hover {
	text-decoration: underline;
	color: #ffd802;
}
a:visited {
	text-decoration: underline;
	color: #099fc9;
}
hr, .h {
	display: none;
}
hr.clearer {
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
}
.strong {
	font-weight: bold;
}
/* ~~~ 03) layout ~~~ */
html {
	background: #040404 url(img/bg-body-se.png) center bottom no-repeat;
}
body {
	background: url(img/bg-body-nw.png) center top no-repeat;
	font: 75%/1.5 "arial", arial, sans-serif;
}
#page {
	position: relative;
	width: 1000px;
	margin: 0 auto;
	background: #f5f5f5;
}
#header {
  height: 91px;
  padding-top: 29px;
  background: #f5f5f5 url(img/bg-body-nw.png) center top no-repeat;
}
  #header h1, #header p {
		width: 400px;
    height: 91px;
    background: url(img/logo.png) 0 0 no-repeat;
    font-weight: bold;
		font-size: 260%;
		letter-spacing: -0.058em;
  }
  #header a#home {
    display: block;
    position: relative;
			top: 1px; left: 50px;
		width: 300px;
    height: 70px;
    line-height: 70px;
    text-align: center;
    font-size: 150%;
    text-indent: .25em;
    text-transform: lowercase;
    text-decoration: none;
    font-family: verdana, arial, sans-serif;
    letter-spacing: -0.1em;
    color: #ef4523;
    overflow: hidden;
  }
    #header a#home strong { color: #000; }
    #header a#home em { position: relative; top: -1em; left: -1.2em; font-size: 60%; font-style: normal; }
    #header a#home span {
      display: block;
      position: absolute;
				top: 0; left: 0;
      width: 100%;
      height: 100%;
      background: url(img/logo.png) -50px -1px no-repeat;
      z-index: 10;
    }
  #header #skip-navi {
		position: relative;
    text-indent: -999px;
  }
    #header li a:focus {
      display: block;
      position: absolute;
				top: -90px; left: 420px;
      width: 240px;
      height: 60px;
      padding: 5px 10px;
		  background: url(img/bg-search.png) 0 -4px repeat-x;
      color: #fff;
      font-size: 120%;
      text-indent: 0;
      text-align: center;
      line-height: 2;
      font-weight: bold;
      z-index: 99;
    }
    #header li a:hover { background: #fff; color: #000; }

#content {
	margin: 0 0 0 20px;
	padding: 8em 0 20px 0;
}
.main {
	float: left;
	width: 660px;
}
.secondary {
	float: right;
	width: 320px;
}
.main p, .articles p {
	font-family: verdana, arial, sans-serif;
}

#menu {
	position: absolute;
		top: 120px; left: 20px;
	width: 980px;
	height: 7.5em;
}
	#menu ul.categories {
		float: left;
		width: 680px;
	}
	#menu ul.communicate {
		float: left;
		width: 300px;
	}
		#menu ul li {
			display: inline;
	    width: auto;
			float: left;
		}
			#menu ul li a, #menu ul li .active, #menu ul li a.active:hover {
				display: block;
				min-height: 56px;
				padding: 24px 0 0 20px;
				border-bottom: .5em solid #099fc9;
				background: url(img/bg-menu-light.png) left bottom no-repeat;
				font-size: 170%;
				font-weight: bold;
				color: #4c4c4c;
				text-decoration: none;
				letter-spacing: -0.05em;
				line-height: 1.2;
      }
			#menu ul.communicate li a, #menu ul.communicate li a:hover {
				background: url(img/bg-menu-dark.png) left bottom no-repeat;
			}
			#menu ul.communicate li.contact a { background-position: -110px bottom;	}
			#menu ul.communicate li.rss a { background-position: -225px bottom;	}
			
			  #menu ul li a em, #menu ul li .active em {
					display: block;
					font-size: 55%;
					font-style: normal;
					color: #999;
					line-height: 1;
				}
	    #menu ul li a:hover, #menu ul li a.active:hover {
				border-color: #ffd802;
				color: #099fc9;
				background-position: right bottom;
			}
			#menu ul li a:active, #menu ul li .active {
				min-height: 46px;
	      border-bottom: 20px solid #099fc9;
				background-position: 0 0;
				color: #4c4c4c;
			}

    #menu ul li.news {	width: 118px; }
    #menu ul li.tests {	width: 102px; }
    #menu ul li.history {	width: 115px; }
    #menu ul li.life {	width: 183px; }
    #menu ul li.media {	width: 162px; }
    #menu ul li.meet {	width: 110px; }
    #menu ul li.contact {	width: 115px; }

		#menu ul li.rss {	width: 75px; }
		#menu ul li.rss a span {
			position: absolute;
				top: 0; right: 0;
			display: block;
			width: 75px;
			height: 70px;
			background: url(img/bg-menu-dark.png) right top no-repeat;
		}
			
#search, #login {
	position: absolute;
		top: 30px; left: 420px;
	display: block;
	width: 220px;
	height: 30px;
	padding: 20px;
	background: #f5f5f5 url(img/bg-search.png) 0 0 no-repeat;
}
	#search fieldset, #login fieldset, #login div {
	  position: relative;
	}
	#search legend, #login legend {
		 display: none;
	}
	#search input, #search button, #login input, #login button {
		float: left;
		margin: 0;
		border: 0;
		font-size: 130%;
		font-weight: bold;
		background: #fff;
		color: #babbba;
		letter-spacing: -0.05em;
	}
		#search input#q {
			width: 160px;
			height: 20px;
			padding: 6px 10px 4px 10px;
		}
		#search button#search-btn, #login button#login-btn {
			width: 40px;
			height: 30px;
			padding: 0;
			background: #ffd802;
			cursor: pointer;
		}
			#search button#search-btn span, #login button#login-btn span {
	      position: absolute;
					top: 0; left: 180px;
				display: inline;
				width: 40px;
				height: 30px;
				background: url(img/btn-search.png) 0 0 no-repeat;
				cursor: pointer;
			}
			#search button#search-btn:hover span, #login button#login-btn:hover span  {
				background-position: right bottom;
				cursor: pointer;
			}
#login {
	left: 700px;
	width: 260px;
	background: #f5f5f5 url(img/bg-login.png) 0 0 no-repeat;
}
	  #login div div {
		  background: #fff;
		  padding: 7px 10px;
		}
			#login div div img {
				height: 20px;
				margin-right: 10px;
				float: left;
			}
	#login .tab-1, #login .tab-2 {
		position: absolute;
		  top: -20px; right: 200px;
		height: 20px;
		width: 50px;
		padding: 0 5px;
		background: #fff;
		color: #099fc9;
		line-height: 20px;
		text-align: center;
		font-weight: bold;
		font-size: 96%;
		text-decoration: none;
	}
	#login .tab-2 {
		position: absolute;
		  top: -20px; left: 59px; right: auto;
		width: 70px;
		background: #099fc9 url(img/bg-login.png) -80px 0 no-repeat;
		color: #fff;
	}
	#login a:hover {
		background: #099fc9;
		color: #fff;
	}
  #login input {
		width: 89px;
		height: 20px;
		padding: 6px 10px 4px 10px;
	}
	#login input#login-pass {
		width: 88px;
		margin-left: 3px;
	}
	#login button#login-btn span {
		left: 220px;
		background-image: url(img/btn-login.png);
	}
#footer {
	height: 200px;
	min-width: 1000px;
	background: url(img/bg-footer.png) center top no-repeat;
}
	#footer p {
    position: relative;
		width: 880px;
		margin: 0 auto;
		padding: 30px 40px;
	}
	#footer p strong {
		margin: -40px;
		padding: .5em;
		background: #ffd802;
		color: #fff;
		font-size: 125%;
    letter-spacing: -0.058em;
	}
  #footer-an {
    display: block;
    position: absolute;
    top: 46px;
    left: 915px;
    width: 60px;
    height: 50px;
    background: url(img/ico-an-logo.png) top left no-repeat;
  }
  #footer-an a {
    display: block;
    width: 100%;
    height: 100%;
    text-indent: -9999px;
    text-decoration: none;
    overflow: hidden;
  }
  #footer-an a:hover {
    background: url(img/ico-an-logo.png) top right no-repeat;
  }

	

p.perex {
	margin: .5em 0;
	font-size: 110%;
	font-weight: bold;
}
	
#topstory {
	float: left;
	position: relative;
	padding-top: 2.6em;
	padding-bottom: 15px;
	margin-bottom: 19px;
	background: url(img/pattern-dark.png) left bottom repeat-x;
}
.category #topstory {
	padding-top: 0;
	padding-bottom: 0;
	background-image: none;
}
#topstory p {
	font-size: 110%;
}
#topstory h2 {
	float: left;
	position: relative;
	width: 380px;
	margin-right: .5em;
	line-height: 1.3;
	font-size: 250%;
}
#topstory h2 a {
	text-decoration: none;
}
	#topstory h2 a strong {
		position: absolute;
			left: 20px; top: 22px;
		width: 320px;
		/* padding-left: .3em; */
	}
	  #topstory h2 a strong em {
		  background: url(img/pattern-heading-blue.png) 0 0 repeat;
			color: #fff;
			font-style: normal;
			padding: .05em .1em .1em 0;
		}/*
			#topstory h2 a strong em span {
				 display: block;
				 position: absolute;
				   top: -0.08em; left: 0;
				 width: .3em;
				 height: 100%;
				 padding-bottom: 0.16em;
		 		 background: #099fc9;
			} */
		#topstory h2 a:hover strong em { border-color: #ffd802; background: #ffd802; }
		#topstory h2 a:hover strong em span { background: #ffd802; }
		
		#topstory h2 a img {
			display: block;
			width: 380px;
			height: 285px;
			background: #000;
		}

#topstory ul.more li.comm a {
	position: absolute;
		top: 255px; left: 320px;
	display: block;
	width: 40px;
	height: 50px;
	background: url(img/ico-comments.png) bottom left no-repeat;
	color: #fff;
	font-size: 250%;
	font-weight: bold;
	text-align: center;
	line-height: 40px;
	text-decoration: none;
}
	#topstory ul.more li.comm.add a {
		background-position: top left;
	}

#topstory ul.more li.subcat a {
	position: absolute;
		top: 0; left: 0;
	width: 310px;
	color: #4c4c4c;
	line-height: 2;
	text-decoration: none;
	letter-spacing: -0.06em;
}
  #topstory ul.more li.subcat a span {
		margin: 0 .2em;
		color: #a0a0a0;
	  font-size: 150%;
	  line-height: 1;
	}
	#topstory ul.more li.subcat a strong {
		float: left;
		padding: 0 .5em;
		background: #099fc9;
		color: #fff;
		text-transform: uppercase;
		letter-spacing: -0.02em;
	}
	#topstory ul.more li.subcat a:hover strong {
	  background: #ffd802;
	}
	#topstory ul.more li.subcat a em, .articles ul.more li.subcat a em {
		font-style: normal;
	}
	#topstory ul.more li.subcat a:hover em, .articles ul.more li.subcat a:hover em {
		text-decoration: underline;
	}

#topstory ul.more li.date strong, #topstory ul.more li.cats a {
	position: absolute;
		top: 265px; left: 20px;
	padding: .2em .6em;
	background: #099fc9;
	color: #fff;
	font-size: 120%;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
}
#topstory ul.more li.date.fresh strong {
	background: #ffd802;
}
#topstory ul.more li.cats a {
	margin-left: 5em;
}
#topstory ul.more li.cats a:hover {
	text-decoration: underline;
}

#topstory ul.more li.more a {
	position: absolute;
		bottom: 20px;
		right: 0;
	padding: .2em 28px .2em .6em;
	background: #099fc9 url(img/btn-more.png) right center no-repeat;
	color: #fff;
	text-decoration: none;
}
	.category #topstory ul.more li.more a {
			bottom: 1px;
	}
#topstory ul.more li.more a:hover {
	background: #ffd802 url(img/btn-more-hover.png) right center no-repeat;
}
#topstory ul.more {
	margin-top: 2.5em;
	background: url(img/btn-more-hover.png) -9999px -9999px no-repeat; /* preload */
}








.main.article, .comments .main {
	position: relative;
	width: 640px;
}
	.main.article p.perex {
		margin: 1.2em 0;
		font-size: 120%;
		font-weight: bold;
		color: #099fc9;
	}
.main.article h1 {
	position: relative;
	width: 640px;
	margin-right: .5em;
	line-height: 1.35;
	font-size: 280%;
}
	.main.article h1 strong {
		position: absolute;
			left: 20px; top: 22px;
		width: 380px;
		/* padding-left: .3em; */
	}
	  .main.article h1 strong em {
		  background: url(img/pattern-heading.png) 0 0 repeat;
			color: #fff;
			font-style: normal;
			padding: .07em .1em .1em 0;
		}/*
			.main.article h1 strong em span {
				 display: block;
				 position: absolute;
				   top: -0.08em; left: 0;
				 width: .3em;
				 height: 100%;
				 padding-bottom: 0.16em;
		 		 background: #099fc9;
			} */
		.main.article h1 a:hover strong em { border-color: #ffd802; background: #ffd802; }
		.main.article h1 a:hover strong em span { background: #ffd802; }

		.main.article h1 img {
			display: block;
			width: 640px;
			height: 480px;
			background: #000;
		}

.main.article ul.more li.author a {
	position: absolute;
		top: 57px; right: 20px;
	display: block;
	padding: .2em .6em;
	background: #999;
	color: #fff;
	font-size: 120%;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
}
	.main.article ul.more li.author a:hover {
		text-decoration: underline;
	}


.main.article ul.more li.comm a {
	position: absolute;
		top: 450px; right: 20px;
	display: block;
	width: 40px;
	height: 50px;
	background: url(img/ico-comments.png) bottom right no-repeat;
	color: #fff;
	font-size: 200%;
	font-weight: bold;
	text-align: center;
	line-height: 40px;
	text-decoration: none;
}
	.main.article ul.more li.comm.add a {
		background-position: top right;
		font-size: 250%;
	}
	.main.article ul.more li.comm span {
		font-size: 60%;
		background: #099fc9;
		color: #000;
		text-decoration: underline;
		text-transform: lowercase;
		width: 6em;
		height: 40px;
		padding: 0 0 0 .5em;
	  position: absolute;
				top: 0px; right: 40px;
	}
		.main.article ul.more li.comm.add span {
			font-size: 45%;
			background: #ffd802;
			color: #000;
			width: 9em;
		}

.main.article ul.more li.subcat a {
	position: absolute;
		top: 0; left: 0;
	width: 310px;
	color: #4c4c4c;
	line-height: 2;
	text-decoration: none;
	letter-spacing: -0.06em;
}
  .main.article ul.more li.subcat a span {
		margin: 0 .2em;
		color: #a0a0a0;
	  font-size: 150%;
	  line-height: 1;
	}
	.main.article ul.more li.subcat a strong {
		float: left;
		padding: 0 .5em;
		background: #099fc9;
		color: #fff;
		text-transform: uppercase;
		letter-spacing: -0.02em;
	}
	.main.article ul.more li.subcat a:hover strong {
	  background: #ffd802;
	}
	.main.article ul.more li.subcat a em, .articles ul.more li.subcat a em {
		font-style: normal;
	}
	.main.article ul.more li.subcat a:hover em, .articles ul.more li.subcat a:hover em {
		text-decoration: underline;
	}

.main.article ul.more li.date strong, .main.article ul.more li.cats a {
	position: absolute;
		top: 460px; left: 20px;
	padding: .2em .6em;
	background: #099fc9;
	color: #fff;
	font-size: 120%;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
}
.main.article ul.more li.date.fresh strong {
	background: #ffd802;
}
.main.article ul.more li.cats a {
	margin-left: 5em;
}
.main.article ul.more li.cats a:hover {
	text-decoration: underline;
}

.main.article ul.more li.more a {
	position: absolute;
		bottom: 20px;
		right: 0;
	padding: .2em 28px .2em .6em;
	background: #099fc9 url(img/btn-more.png) right center no-repeat;
	color: #fff;
	text-decoration: none;
}
	.category .main.article ul.more li.more a {
			bottom: 1px;
	}
.main.article ul.more li.more a:hover {
	background: #ffd802 url(img/btn-more-hover.png) right center no-repeat;
}
.main.article ul.more {
	margin-top: 2.5em;
	background: url(img/btn-more-hover.png) -9999px -9999px no-repeat; /* preload */
}


.main.article div.comm a {
	position: relative;
	display: block;
	float: right;
	margin: 20px 20px 0 20px;
	padding-top: 10px;
	width: 40px;
	height: 40px;
	background: url(img/ico-comments2.png) bottom right no-repeat;
	color: #fff;
	font-size: 200%;
	font-weight: bold;
	text-align: center;
	line-height: 40px;
	text-decoration: none;
}
	.main.article div.comm.add a {
		background-position: top right;
		font-size: 250%;
	}
	.main.article div.comm span {
		font-size: 60%;
		background: #099fc9;
		color: #000;
		text-decoration: underline;
		text-transform: lowercase;
		width: 6em;
		height: 40px;
		padding: 0 0 0 .5em;
	  position: absolute;
				top: 10px; right: 40px;
	}
		.main.article div.comm.add span {
			font-size: 45%;
			background: #ffd802;
			color: #000;
			width: 9em;
		}

.main.article p,
.main.article ul,
.main.article h2,
.main.article h3,
.main.article h4,
.main.article h5 {
	margin: 10px 0 5px 0;
}



.msg.heading {
	background: #099fc9 url(img/pattern-blue2.png) 0 0 repeat;
	padding: 20px;
	margin-bottom: 10px;
}
.msg.heading.error {
	background: #099fc9 url(img/pattern-red.png) 0 0 repeat;
}

p.msg.heading {
	font-size: 120%;
}





.comments .main h1 a {
	display: block;
	position: static;
	width: 420px;
	padding: 20px 200px 20px 20px;
	background: #099fc9 url(img/pattern-blue2.png) 0 0 repeat;
	margin-right: .5em;
	text-decoration: none !important;
	line-height: 1.34;
	font-size: 122%;
}
	.comments .main h1 a strong {
		display: inline !important;
		position: static;
		background: url(img/pattern-heading.png) 0 0 repeat;
		padding: .08em 0;
		color: #fff;
	}
		.comments .main h1 a:hover strong {
			background: #099fc9 !important;
		}
	.comments .main h1 a span {
		font-size: 45%;
		background: #fff;
		color: #000;
		padding: .1em .3em .2em .3em;
		text-decoration: underline;
		letter-spacing: -0.032em;
		position: relative;
		top: -0.3em;
	}
	
	.comments .main ul.more {
		z-index: 99;
		width: 640px;
	  position: absolute;
		  top: 0;
			left: 0;
	}
	.comments .main ul.more li.comm a {
		position: absolute;
			top: 5.5em; right: 20px;
		display: block;
		width: 40px;
		height: 50px;
		background: url(img/ico-comments.png) bottom right no-repeat;
		color: #fff;
		font-size: 200%;
		font-weight: bold;
		text-align: center;
		line-height: 40px;
		text-decoration: none;
	}
		.comments .main ul.more li.comm.add a {
			background-position: top right;
			font-size: 250%;
		}
		.comments .main ul.more li.comm span {
			font-size: 60%;
			background: #099fc9;
			color: #000;
			text-decoration: underline;
			text-transform: lowercase;
			width: 6em;
			height: 40px;
			padding: 0 0 0 .5em;
		  position: absolute;
					top: 0px; right: 40px;
		}
			.comments .main ul.more li.comm.add span {
				font-size: 45%;
				background: #ffd802;
				color: #000;
				width: 9em;
			}
  .comments .main ul.more li.author a {
		position: absolute;
			top: 3.8em; right: 20px;
		z-index: 99;
		display: block;
		padding: .2em .6em;
		background: #999;
		color: #fff;
		font-size: 120%;
		font-weight: bold;
		text-transform: uppercase;
		text-decoration: none;
	}
	.comments .main ul.more li.author a:hover {
		text-decoration: underline;
	}

		

#comment-add, .form {
	padding: 34px 20px 20px 20px;
	color: #fff;
	background: #099fc9 url(img/bg-comments-fieldset.png) 0 0 no-repeat;
	margin-top: 30px;
}
.form {
	margin-right: 20px;
}
#comment-add fieldset, .form fieldset {
	padding-top: 20px;
	position: relative;
}
	#comment-add legend, .form legend {
		font-size: 120%;
		padding: .5em .5em .4em .5em;
		color: #000;
		text-transform: uppercase;
		font-weight: bold;
		background: #ffd802;
	}
	#comment-add label, .form label {
		display: block;
  	float: left;
  	width: 150px;
  	text-align: right;
  	margin-right: 10px;
  	margin-bottom: 10px;
  	clear: both;
  	font-weight: bold;
  	font-size: 110%;
	}
		.form label {
			width: 250px;
		}
	#comment-add input, #comment-add textarea,
	.form input, .form textarea {
		display: block;
  	margin-bottom: 10px;
	}
  #comment-add textarea,
	.form textarea {
		width: 400px;
		height: 200px;
	}
		button#comment-submit, button.formsubmit {
			float: right;
			margin-top: 10px;
			margin-right: 30px;
			width: 13em;
			height: 30px;
			padding-right: 40px;
			background: #ffd802;
			border: 0;
			cursor: pointer;
			font-size: 120%;
			font-weight: bold;
			text-transform: lowercase;
			text-align: left;
		}
		button.formsubmit {
		  width: auto;
		}
			button#comment-submit span, button.formsubmit span {
	      position: absolute;
					bottom: 0; right: 30px;
				text-indent: -9999px;
				display: inline;
				width: 40px;
				height: 30px;
				background: url(img/btn-comment-add.png) 0 0 no-repeat;
				cursor: pointer;
			}
			button#comment-submit:hover, button.formsubmit:hover {
	      text-decoration: underline;
			}
		

ul.comments li {
	background: #fff;
	padding: 20px;
	margin-bottom: 10px;
	position: relative;
	min-height: 130px;
}
ul.comments li.even {
	background: #eee;
	margin-bottom: 10px;
}
ul.comments li img {
	float: left;
	width: 110px;
	height: 110px;
	border: 10px solid #099fc9;
	margin-right: 10px;
}
ul.comments li p {
	padding: .4em;
	margin-left: 140px;
	margin-top: 5px;
	background: #f5f5f5;
	font-size: 95%;
}
ul.comments li span {
	color: #099fc9;
	margin-left: 10px;
	font-weight: bold;
}
ul.comments li a.reply {
	position: absolute;
		top: 20px; right: 20px;
	text-decoration: none;
	color: #000;
}
	ul.comments li a.reply strong {
		text-decoration: underline;
		font-weight: normal;
	}
  ul.comments li a.reply:hover {
		color: #099fc9;
	}























.articles {
	clear: both;
	float: left;
	background: url(img/separator-h.png) left bottom no-repeat;
	margin-bottom: 8px;
}
  .articles.two {
		float: left;
		margin-top: 10px;
		margin-bottom: 19px;
		padding-bottom: 10px;
		background: url(img/pattern-dark.png) left bottom repeat-x;
	}
	.category .articles.two {
		background: url(img/separator-h2.png) left bottom repeat-x;
		margin-top: 0;
		margin-bottom: 10px;
	}

.articles li.article {
  float: left;
  position: relative;
	width: 310px;
	padding: 2.5em 10px 12px 0;
}
.category .articles li.article {
	padding-top: 0;
	padding-bottom: 4px;
}
  .articles li.article.even, .articles li.article.last  {
		padding-left: 10px;
		background: url(img/separator.png) 0 2.5em no-repeat;
	}
	.articles li.article.last {
		padding-right: 0;
	}
.articles h3 {
	position: relative;
	width: 310px;
	margin-right: .5em;
	line-height: 1.3;
	font-size: 200%;
}
.articles h3 a {
	text-decoration: none;
}
	.articles h3 a strong {
		position: absolute;
			left: 20px; top: 22px;
		width: 250px;
	/*	padding-left: .3em; */
	}
	  .articles h3 a strong em {
		  background: url(img/pattern-heading.png) 0 0 repeat;
			color: #fff;
			font-style: normal;
			padding: .04em .1em .09em 0;
		}
		/*	.articles h3 a strong em span {
				 display: block;
				 position: absolute;
				   top: -0.08em; left: 0;
				 width: .3em;
				 height: 100%;
				 padding-bottom: 0.16em;
				 background: url(img/pattern-heading.png) 0 0 repeat;
			} */
		.articles h3 a:hover strong em, .articles h3 a:hover strong em span { background: #ffd802; }
		
.articles h3 a img {
	display: block;
	width: 310px;
	height: 232px;
	background: #000;
}
.articles p {
  padding: 1em 1em 0 1em;
}
.articles ul.more li.comm a {
	position: absolute;
		top: 210px; left: 260px;
	display: block;
	width: 32px;
	height: 40px;
	background: url(img/ico-comments-small.png) bottom left no-repeat;
	color: #fff;
	font-size: 200%;
	font-weight: bold;
	text-align: center;
	line-height: 32px;
	text-decoration: none;
}
	.category .articles ul.more li.comm a {
		top: 180px;
	}
.articles ul.more li.comm.add a {
	background-position: top left;
}

.articles ul.more li.subcat a {
	position: absolute;
		top: 0; left: 0;
	width: 310px;
	color: #4c4c4c;
	line-height: 2;
	text-decoration: none;
	letter-spacing: -0.06em;
}
.articles li.even ul.more li.subcat a, .articles li.last ul.more li.subcat a {
	left: 10px;
}
  .articles ul.more li.subcat a span {
		margin: 0 .2em;
		color: #a0a0a0;
	  font-size: 150%;
	  line-height: 1;
	}
	.articles ul.more li.subcat a strong {
		float: left;
		padding: 0 .5em;
		background: #099fc9;
		color: #fff;
		text-transform: uppercase;
		letter-spacing: -0.02em;
	}
	.articles ul.more li.subcat a:hover strong {
	  background: #ffd802;
	}

.articles ul.more li.date strong, .articles ul.more li.cats a {
	position: absolute;
		top: 220px; left: 20px;
	padding: .2em .6em;
	background: #099fc9;
	color: #fff;
	font-size: 100%;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
}
	.category .articles ul.more li.date strong, .category .articles ul.more li.cats a {
		top: 190px;
	}
.articles ul.more li.date.fresh strong {
	background: #ffd802;
}
.articles ul.more li.cats a {
	margin-left: 5em;
}
.articles ul.more li.cats a:hover {
	text-decoration: underline;
}
.articles ul.more li.more a {
	float: right;
	margin: 10px 0 0 0;
	padding: .2em 28px .2em .6em;
	background: #099fc9 url(img/btn-more.png) right center no-repeat;
	color: #fff;
	text-decoration: none;
}
.articles ul.more li.more a:hover {
	background: #ffd802 url(img/btn-more-hover.png) right center no-repeat;
}


.secondary #brands {
	margin: 2px 0 20px 20px;
}
.secondary h3, .bestof h3 {
	font-size: 150%;
	color: #fff;
}
.secondary #brands h3 {
	float: right;
	padding: .05em 35px .05em .5em;
	margin-bottom: 1px;
	background: #099fc9 url(img/ico-arrow-down.png) 88px 50% no-repeat;
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
}
.secondary #brands div {
	clear: both;
	display: block;
	width: 280px;
	height: 260px;
	padding: 20px 0 20px 20px;
	background: #fff url(img/pattern-blue.png) 0 0 no-repeat;
}
  .secondary #brands ul {
		width: 270px;
		height: 230px;
		padding: 20px 0 10px 10px;
		overflow: auto;
	}
	  .secondary #brands ul li a {
			float: left;
			width: 120px;
			margin-bottom: 25px;
			padding-left: 40px;
			font-size: 135%;
			font-weight: bold;
			letter-spacing: -0.07em;
			background-position: left center;
			background-repeat: no-repeat;
		}
		.secondary #brands ul li a:hover { color: #ffd802; }
		.secondary #brands ul li.even a { width: 70px; }
		
    .secondary #brands ul li a.hd { background-image: url(img/brands/hd.png); }
    .secondary #brands ul li a.ktm { background-image: url(img/brands/ktm.png); }
    .secondary #brands ul li a.honda { background-image: url(img/brands/honda.png); }
    .secondary #brands ul li a.bmw { background-image: url(img/brands/bmw.png); }
    .secondary #brands ul li a.yama { background-image: url(img/brands/yama.png); }
    .secondary #brands ul li a.duca { background-image: url(img/brands/duca.png); }
    .secondary #brands ul li a.suzu { background-image: url(img/brands/suzu.png); }
    .secondary #brands ul li a.apri { background-image: url(img/brands/apri.png); }
    .secondary #brands ul li a.kawa { background-image: url(img/brands/kawa.png); }
    .secondary #brands ul li a.other { background-image: url(img/brands/other.png); }

.bestof {
	width: 320px;
	float: left;
}
.bestof h3 {
	float: left;
}
.bestof h3 a {
	margin: 0 1px 1px 0;
	padding: .2em 30px .2em .5em;
	background: #999 url(img/ico-arrow-right.png) right center no-repeat;
	color: #fff;
	text-decoration: none;
}
.bestof li a {
		display: block;
	  padding: .4em;
	  font-size: 110%;
	  background: #f5f5f5;
	  text-decoration: none !important;
	}
	  .bestof li a:hover {
		  background: #e0e0e0 !important;
		}
	  .bestof li.even a {
	  	background: #fff;
		}
		.bestof li a strong {
			display: block;
			padding-left: 4em;
		}
		.bestof li a span {
			display: block;
		  float: left;
		  padding: .03em .15em 0 .15em;
		  background: #099fc9;
		  color: #fff;
		  text-align: center;
		}
			.bestof li a span.fresh {
			  background: #ffd802;
			}
			.bestof li a span span {
				visibility: hidden;
				text-indent: -9999px;
				height: 0;
				width: 0;
			}



	.bestof h3.active a {
		background: #099fc9 url(img/ico-arrow-down.png) 152px 50% no-repeat;
	}
	.bestof h3 a:hover {
		background: #ffd802 url(img/ico-arrow-down.png) -148px 50% no-repeat;
	}
.bestof div {
	clear: both;
	float: left;
	width: 280px;
	height: 320px;
	overflow: auto;
	margin-top: 1px;
	border: 20px solid #999;
}
.bestof .active { border-color: #099fc9; }
.bestof.addtl { margin-right: 10px; }
.bestof.addtl.last { margin-right: 0; }
.bestof.addtl h3 a { padding-right: .5em; background-image: none; }
.bestof.addtl div { min-height: 200px; }

.paging {
	margin-top: 10px;
	text-align: center;
	font-size: 120%;
	font-weight: bold;
}
.paging li {
	display: inline;
}
.paging li a,
.paging li span,
.paging li strong {
	padding: .5em .6em;
	background: #999;
	color: #fff;
}
.paging li a:hover {
  background: #ffd802;
  color: #000;
}
.paging li strong {
	background: #099fc9;
}
.paging li.more a {
  background: #ffd802;
  color: #000;
}
	.paging li.more a:hover {
	background: #099fc9;
	  color: #fff;
	}

.breadcrumbs {
	margin: .15em 0;
	height: 2.6em;
  text-transform: uppercase;
	letter-spacing: -0.058em;
	font-weight: bold;
}
	.breadcrumbs a {
	  position: relative;
		background: #099fc9;
		color: #fff;
		font-size: 140%;
		padding: .4em .3em .35em 1.3em;
	}
		.breadcrumbs a.hp {
			background: #999;
			padding-left: .3em;
		}
	  .breadcrumbs a:hover {
			background: #ffd802 !important;
		}
		.breadcrumbs a span, .breadcrumbs h1 span, .breadcrumbs strong span {
			position: absolute;
				top: 0; right: -18px;
			display: block;
			z-index: 99;
			text-indent: -9999px;
			width: 18px;
			height: 100%;
			background: url(img/bg-breadcrumbs.png) -60px center no-repeat;
		}
		.breadcrumbs a.hp span, .breadcrumbs a.last span {
		  background-position: left center;
		}
			.breadcrumbs a:hover span, .breadcrumbs h1 span, .breadcrumbs strong span {
    		background-position: -30px center;
			}
	.breadcrumbs h1, .breadcrumbs a.last, .breadcrumbs strong {
	  position: relative;
		font-size: 100%;
		display: inline;
		font-size: 140%;
		padding: .4em .3em .35em 1.3em !important;
		background: #ffd802;
	}
	.breadcrumbs h1, .breadcrumbs strong {
		padding-right: 20px;
	}
	.breadcrumbs a.last {
		background: #999;
	}



#article-photos {
	background: url(img/pattern-blue2.png) 0 0 repeat;
	padding-bottom: 5px;
}
	#article-photos h3 {
		font-size: 150%;
		color: #099fc9;
		padding: 10px 20px 5px 20px;
	}
	#article-photos ul {
		margin: 0 0 0 15px;
	}
			#article-photos ul li a img {
				float: left;
				border: 5px solid #fff;
				margin: 5px;
			}
				#article-photos ul li a:hover img {
					border: 5px solid #099fc9;
					border: 5px solid #ffd802;
				}





.secondary .category {
	margin-bottom: 1em;
}
  .secondary .category h3 {
		margin-top: .47em;
		color: #999;
	}
	  .secondary .category.newest h3,
		.secondary .category.more h3 {
			color: #099fc9;
	  }
	.secondary .category div {
		border: 20px solid #999;
		font-weight: bold;
	}
	  .secondary .category.newest div,
		.secondary .category.more div {
			border-color: #099fc9;
		}
	.secondary .category li a {
		display: block;
	  padding: .4em;
	  font-size: 110%;
	  background: #f5f5f5;
	  text-decoration: none !important;
	}
	  .secondary .category li a:hover {
		  background: #e0e0e0 !important;
		}
	  .secondary .category li.even a {
	  	background: #fff;
		}
		.secondary .category li a strong {
			display: block;
			padding-left: 4em;
		}
		.secondary .category li a span {
			display: block;
		  float: left;
		  padding: .03em .15em 0 .15em;
		  background: #099fc9;
		  color: #fff;
		  text-align: center;
		}
			.secondary .category li a span.fresh {
			  background: #ffd802;
			}
			.secondary .category li a span span {
				visibility: hidden;
				text-indent: -9999px;
				height: 0;
				width: 0;
			}


.secondary .advert {
	float: left;
	margin-bottom: 10px;
}
.secondary .advert h3 {
	clear: both;
	float: left;
	margin: 0;
	padding: 0 .5em;
	background: #999;
	color: #fff;
}
.secondary .advert a {
	display: block;
	clear: both;
	float: left;
	width: 250px;
	padding: 15px;
	margin-top: 1px;
	border: 20px solid #999;
	overflow: visible;
}
	.secondary .advert a object, .secondary .advert a embed  {
		width: 250px;
		margin: 0 !important;
		padding: 0 !important;
		float: left;
	}



#ahead {
	text-align: center;
	background: black;
}
#ahead div {
	width: 760px;
	height: 100px;
	margin: 0 auto;
	border: 10px solid #999;
}