/*
 * Motoricus Motorsport
 * author: Adam Głowienka <tr at tranx.info>
 * made for HBZ http://www.hbz.pl
 *
 *
 */     

html, body, h1, h2, h3, h4, h5, h6, div, span,
blockquote, p, address, form, fieldset, img,
ul, ol, dl, dt, dd, li, hr, table, td, th,
strong, em, sup, sub, dfn, ins, del, q, cite,
var, samp, code, kbd, tt {
	margin: 0;
	padding: 0;
	border: 0;
}

/* HTML5 elements */

article, aside, canvas, details, figcaption, figure, footer, header, 
hgroup, menu, nav, section, summary {
  display: block;
}

html, body {
  font-size: 100%;
  font-family: Arial, Helvetica, "Nimbus Sans L", Tahoma, Geneva, Verdana, sans-serif;
  color: #1e1e1e;
  background: #e2e2e2 url('../images/motorsport/header-bg.jpg') top center repeat-x;
}

/* Page elements */

input, textarea, select {
  border: 1px solid #aeaeae;
  border-top-color: #aeaeae;
  border-left-color: #aeaeae;
  border-right-color: #dcdcdc;
  border-bottom-color: #dcdcdc;
  background: #e4e7eb url('../images/motorsport/input-bg.gif') bottom center repeat-x;
	border-radius: 3px;
  -webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	-moz-border-radius: 3px;
}

button, input[type=submit], input[type=button], input[type=reset] {
  border: 1px solid #dcdcdc;
  border-top-color: #dcdcdc;
  border-left-color: #dcdcdc;
  border-right-color: #aeaeae;
  border-bottom-color: #aeaeae;
  background: #dbdfe3 url('../images/motorsport/button-bg.gif') bottom center repeat-x;
	border-radius: 3px;
  -webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	-moz-border-radius: 3px;
}

p {
  margin-bottom: 1em;
}

a {
  color: #131212;
  text-decoration: none;
}

a:hover {
  color: #000;
  text-decoration: underline;
}

/* Layout elements */

header {
  height: 40px;
  background: #ddd url('../images/motorsport/header-bg.jpg') top center repeat-x;
  width: 960px;
  margin: 0 auto;
  line-height: 40px;
  padding: 14px 10px;
  font-size: 12px;
}

header h1 {
  float: left;
  margin-right: 5px;
}

header ul {
  display: block;
  float: right;
}

header li {
  display: inline;
  text-transform: uppercase;
  line-height: 26px;
  margin: 7px 0;
}


header li a {
  color: #3e3e3e;
  text-decoration: none;
  background: url('../images/motorsport/nav-spacer.gif') center left no-repeat;
  padding: 1px 5px 1px 6px;
  display: block;
  float: left;
  cursor: pointer;
}

header li a:hover {
  background-image: none;
	background: #c7c7c7 !important;	
  padding: 0 4px 0 5px;
	border: 1px solid #a0a0a0;
}

header li:first-child a{
  background: transparent;
}

header li:last-child a {
  color: #d91018;
}

header li ul {
  display: none;
} 

#wrapper {
  background: #1e1e1e;
  color: #6e6e6e;
  font-size: 90%;
}

#wrapper2 {
  width: 980px;
  margin: 0 auto;
  background: #fff;
  color: #494848;
  min-height: 405px;
  overflow: hidden;
}

#content {
  float: left;
  min-height: 405px;
  position: relative;
  line-height: 1.6em;
  font-size: 90%;
  background: #131212;
}

#content h1 {
  color: #131212;
  font-size: 115%;
}

#content h2 {
  color: #131212;
  font-size: 105%;
}

#imagesSwitchBg {
	background: url('../images/motorsport/mainpage_bgx.png');
	position: absolute;
	top: 0;
	left: 0;
	width: 750px;
	height: 405px;
}
#imagesSwitch {
}

#imagesSwitch img {
  position: absolute;
  top: 0;
  left: 0;
}

#news {
  margin-top: 20px;
  list-style-type: none;
  z-index: 5;
  position: absolute;
  line-height: 1.2em;
}

#news li {
  border: 1px solid #131212;
  border-width: 1px 0;
  background: transparent url('../images/motorsport/news-bg-dark.png') top right repeat-y;
  width: 420px;
  margin: 10px 0;
  color: #6e6e6e;
}

#news a {
  text-decoration: none;
  color: #767474;
} 

#news a:hover {
  color: #b7b7b7; 
}

#news a.title, #news a.more {
  color: #fff;
}

#news a.title strong {
  display: block;
}

#news a.more {
  font-size: 80%;
}

#news img {
  float: left;
  margin-right: 10px;
}

.meta {
  float: right;
  padding: 10px;
  font-size: 90%;
}

#news .meta {
  width: 65px;
}

#news article{
  background: url('../images/motorsport/news-bg.png');
  overflow: hidden;
  padding: 10px 0 10px 10px;
}

#slideNavi button {
  background: transparent url('../images/motorsport/dots.png') -20px 0 no-repeat;
  border: none;
  width: 16px;
  height: 16px;
  cursor: pointer;
}

#slideNavi button.active {
  background: transparent url('../images/motorsport/dots.png') 0 0 no-repeat;
}

#singleContent {
  background: #131212;
  width: 750px;
}

#singleContent article{
  background: #fff;
  width: 630px;
  overflow: hidden;
  min-height: 405px;
  padding: 10px;
  text-align: justify;
}

#singleContent .pictures, #listContent .pictures {
  float: left;
  width: 140px;
}

#singleContent .pictures img, #listContent .pictures img {
  margin: 0 9px 8px 0;
  border: 1px solid #161616
}

#singleContent .gallery {
  text-align: left;
}

#singleContent .gallery img {
}
#singleContent .gallery a {
	width: 122px;
	display: inline-block;
	position: relative;
	text-align: center;
}

#singleContent .meta, #listContent .meta {
  width: 80px;
  color: #6e6e6e;
}

#singleContent .back {
  position: absolute;
  bottom: 0;
  right: 10px;
  font-size: 95%;
}

#singleContent .back a {
  color: #fff;
  text-decoration: none;
}

#listContent {
  background: #fff;
  overflow: hidden;
  min-height: 405px;
  padding: 0;
  text-align: justify;
  width: 730px;
  float: right;
  padding: 10px;
}

#listContent .listElement{
  background: #131212;
  border: 1px solid #353535;
  border-width: 1px 0;
  margin: 0 -10px -1px -10px;
}

#listContent .listElement:last-child {
}

#listContent .listElement article {
  background: #fff;
  /* width: 630px; */
  overflow: hidden;
  padding: 10px;
  text-align: justify;
}

.paginator {
	text-align: center;
	padding: 10px 0;
}

.paginator p {
	display: inline;
	color: #6e6e6e;
}

.paginator a {
	padding: 5px;
	text-decoration: none;
}

.paginator p.selected {
	background-color: #1e1e1e;
}

.paginator p.selected a {
	color: white !important;
	font-weight: bold;
}

aside {
  width: 210px;
  padding: 10px;
  float: right;
  font-size: 75%;
}

aside section {
  padding-bottom: 10px;
}

aside h1 {
  color: #333232;
  font-size: 130%;
  background: url('../images/motorsport/sidebar-underline.gif') bottom right repeat-x;
  padding: 0 0 5px 0;
  margin-bottom: 5px;
  font-weight: normal;
}

#specialOffer .pic{
  float: left;
  border: 1px solid #e6e5e5;
  margin-right: 10px;
}

#specialOffer a{
  text-decoration: none;
  color: #333232;
}

#specialOffer span {
  color: #fff;
  background: #ed1c24;
  padding: 3px 5px;
  line-height: 25px;
}

#specialOffer .tRight{
  color: #ed1c24;
  font-size: 85%;
  font-weight: bold;
  margin-top: 10px;
}

#nextRun .tRight {
  margin-top: 10px;
}

#newsletter h1{
	font-weight: bold;
	color: #f00;
}

#newsletter input {
  width: 105px;
  padding: 2px 6px;
  margin: 5px 0;
  font-size: 11px;
}

#newsletter input[type=submit] {
  width: 75px;
  text-align: center;
  padding: auto 0;
}

div.billboard {
  margin-bottom: -3px;
  clear: both;
}

footer {
  width: 980px;
  margin: 0 auto;
  font-size: 70%;
  padding: 10px 0;
}

footer img {
  margin-right: 10px;
  float: left;
}

#copyright {
  line-height: 16px;
  padding: 5px 0;
  text-align: right;
}

#sideCalendar {
	width: 132px;
	position: relative;
	overflow: auto;
	float: left;
	height: 300px;
	margin: 4px;
	font-size: 0.9em;
	color: #636363;
}

#listContent.calevents {
	width: 590px;
}

#sideCalendar table {
	position: absolute;
	top: 0;
	left: 0;
	display: none;
	border-collapse: collapse;
	line-height: 1.2em;
}

#sideCalendar table td, #sideCalendar table th {
	padding: 2px;
}

#sideCalendar table th, #sideCalendar table b {
	color: #fff;
}

/* misc */

.tRight {
  text-align: right;
}
.tLeft {
  text-align: left;
}
.tCenter {
  text-align: center;
}
.tJustify {
  text-align: justify;
}

/* MenuMatic */

/* Based partially on Matthew Carroll's keyboard accessible flavor of Suckerfish 
 * Dropdowns by Patrick Griffiths and Dan Webb. 
 * http://carroll.org.uk/sandbox/suckerfish/bones2.html
 */

/* ----[ LINKS ]----*/

/* all menu links */
#nav a, #subMenusContainer a{
}

/* Just main menu links --[for non-javascript users this applies to submenu links as well]*/
#nav a{
}

/* Just sub menu links */
#subMenusContainer a, #nav li li a{
	text-align:left;
	text-decoration: none;
	padding: 3px 5px;
	display: block;
	min-width: 110px;
}

/* All menu links on hover or focus */
#nav a:hover, #nav a:focus, #subMenusContainer a:hover, #subMenusContainer a:focus, #nav a.mainMenuParentBtnFocused, #subMenusContainer a.subMenuParentBtnFocused {
/*	background-color:#F6C739 ;
	color:#FFF;*/
	text-decoration: none;
}

/* sub menu links on hover or focus */
#subMenusContainer a:hover, 
#subMenusContainer a:focus, 
#nav a.mainMenuParentBtnFocused, 
#subMenusContainer a.subMenuParentBtnFocused,
#nav li a:hover,
#nav li a:focus{
/*	background-color:#F6C739 ;
	color:#FFF;*/
	background: #a0a0a0;
}

/* Parent Sub Menu Links ---[javascript users only]*/
.subMenuParentBtn{ 
	/*ackground: url(../img/arrow_right.gif) right center no-repeat;*/  
}

/* Parent Sub Menu Links on hover or focus ---[javascript users only]*/
.subMenuParentBtnFocused{ 
	/*background: url(../img/arrow_right_over.gif) right center no-repeat;*/  
	background-image: none;
}

/* Parent Main Menu Links ---[javascript users only]*/
.mainMenuParentBtn{	
	 /*background: url(../img/arrow_down.gif) right center no-repeat;*/ 
}

/* Parent Main Menu Links on hover or focus ---[javascript users only]*/
.mainMenuParentBtnFocused{	
	/*background: url(../img/arrow_down_over.gif) right center no-repeat;*/
	border-bottom: none;
	background: #c7c7c7 !important;	
	border: 1px solid #a0a0a0;
	padding: 0 4px 0 5px;
	border-bottom: none !important;
	z-index:2
}

/* ----[ OLs ULs, LIs, and DIVs ]----*/

/* Submenu Outer Wrapper - each submenu is inside a div with this class - javascript users only */
.smOW{ 
	display:none; 
	position: absolute; 
	overflow:hidden; 
	/*the 2px left & right padding lets you have a 1px border 
	  on the ul or ol inside since overflow is set to hidden*/
	padding:0 2px;
	margin: 0 0 0 -2px;
}

/* All submenu OLs and ULs */
#nav ol, #nav ul, #subMenusContainer ul, #subMenusContainer ol {	
	/*border around submenu goes here*/
	background:#c7c7c7;	
	border:1px solid #a0a0a0;
	left:0;
	font-size: 80%;
}


/* List items in main menu --[for non-javascript users this applies to submenus as well]  */
#nav li { 
	/*great place to use a background image as a divider*/
	display:block;
	list-style:none;
	position:relative;
	float:left;
}

#subMenusContainer li{
	list-style: none;
}



#subMenusContainer{	display:block; 	position:absolute;	top:0;	left:0;	width:100%;	height:0;	overflow:visible;	z-index:1000000000; }


/* --------------------------[ The below is just for non-javscript users ]--------------------------*/
#nav li li{	float:none; }

#nav li li a{ /* Just submenu links*/	
	position:relative;
	float:none;
}

#nav li ul { /* second-level lists */
	position: absolute;
	width: 10em;
	margin-left: -1000em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	margin-top:2.2em;
}

/* third-and-above-level lists */
#nav li ul ul { margin: -1em 0 0 -1000em; }
#nav li:hover ul ul {	margin-left: -1000em; }

 /* lists nested under hovered list items */
#nav li:hover ul{	margin-left: 0; }
#nav li li:hover ul {	margin-left: 10em; margin-top:-2.5em;}

/* extra positioning rules for limited noscript keyboard accessibility */
#nav li a:focus + ul {  margin-left: 0; margin-top:2.2em; }
#nav li li a:focus + ul { left:0; margin-left: 1010em; margin-top:-2.2em;}
#nav li li a:focus {left:0;  margin-left:1000em; width:10em;  margin-top:0;}
#nav li li li a:focus {left:0; margin-left: 2010em; width: 10em;  margin-top:-1em;}
#nav li:hover a:focus{ margin-left: 0; }
#nav li li:hover a:focus + ul { margin-left: 10em; }

#facebook {
	margin-top: 30px;
}

.mainPageBg {
	width: 980px;
	height: 480px;
	background: url('../images/motorsport/mainpage_bg.jpg') top center repeat-x;
}

.mainPageBox {
	background: url('../images/motorsport/mainpage_bgx.png');
	color: white;
	width: 250px;
	text-align: center;
	padding: 20px;
	margin: 50px 18px 0 18px;
	float: left;
	display: block;
}

.mainPageBox.secondLine {
	padding-top: 8px;
    padding-bottom: 5px;
    width: 413px;
}

.mainPageBox.secondLine p {
  margin-bottom: 0;
}

.pagePart {
	font-weight: bold;
	padding: 1px 5px 1px 6px;
	color: red;
}