﻿/* RetroMoto CSS */
* {padding:0; margin:0; font-family: Verdana;}
body {text-align:center; background-image: url(../img/bgrmlv.png); background-repeat: repeat; font-size: 0.7em; font-family: Verdana, "Times New Roman", Times, serif;} 
.orange {color: #FFAA00;}
img { border:0px }
.right {float: right; margin-left:150px; margin-right:0px; margin-bottom: 5px; margin-top: -5px;}
.gensmall { font-size: 9px; }
.quicksearchbox {font-size: 9px; width: 140px;}

#nav{ margin-left: auto; margin-right: auto; margin-top: 12px; *margin-bottom: 13px; position: relative; width: 980px; height:25px; font-family: Verdana; }
.nav-left img{ border: none; }
.nav-left {position: relative; float: left; width: 560px; font-weight: normal; }
.nav-left ul{ font-size: 1em; text-align:left;}
.nav-left li{ display: inline;}
.nav-left a{ text-transform:uppercase; color: #FFFFFF; text-decoration: none; margin-left: 8px;  }
.nav-left a:hover{color: #FFAA00; text-decoration: none; margin-left: 8px; }
.nav-left a:active{color: #FFAA00;}

.nav-right{ position: relative; float: right;  width: 390px; font-weight: normal; text-align:right; font-size: 0.8em; margin-top: 6px; margin-right: 10px; }
.nav-right a{color: #999999; text-decoration: none; margin-right: 2px; }
.nav-right a:hover{color: #FFAA00; text-decoration: none; margin-right: 2px;  }


#main{padding: 0px 20px 0 5px;  margin:0px auto; 
 background: url(../img/white-top.png) no-repeat top-center;
 background-image: url(../img/white-content.png); background-repeat: repeat; position: relative; width: 980px; height:auto; font-family: Verdana; clear: both;}
#top { height:90px; padding:1px 0px 5px 1px; margin:0;}



#middle{position: relative; float: none; width: 980px; clear: both; padding: 0px;}
#middle h1{padding-left: 20px; font-weight: normal; text-align:left; color: #357380; font-size: 1.5em; }
#middle h2{ font-weight: normal; color: #FFAA00; text-shadow: 0em 0.05em 0.1em #CCCCCC; text-align:left; font-size: 17px; }

.wayback {font-size: 10px; text-decoration: none; padding-left: 45px; color: #323232; text-align:left; margin-top:-12px;}
.wayback a{text-decoration: none; color: #323232;}
.wayback a:hover{color: #FFAA00;}


.mainmenu2 { font-size: 10px; color: #FF8723; text-align:right; margin-top:3px; margin-right: 10px;}
.mainmenu2 a{ text-decoration: none; color: #324B64; padding-top:3px; }
.mainmenu2 a:hover { color: #FF8723; }
input.post, textarea.post, select { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal;}
.newsbutton {cursor: pointer; height:18px; font-size:10px;}
.quicksearch { display:inline;}

.road {font-size: 0.5em; text-decoration: none; padding-left: 20px; text-align:left; color: #357380;}
.road a{text-decoration: none;}
.road a:hover{color: #FFAA00;}

#middle-left{ background:url('../img/left_bckgr.png') no-repeat right;  text-align:center; min-height: 500px; height:auto;
 			color: #000000; width: 135px; float: left; padding-left: 10px; padding-right: 0px; font-size: 1.1em; }
.submenu{ float: right; width: 135px; font-weight: normal;}
.submenu ul{text-align:left; padding: 0px; margin: 0px; font-size: 1em;}
.submenu li{ display: block;}
.submenu a{color: #666666; text-decoration: none; margin-left: 5px; margin-right: 0px;}
.submenu a:hover{color: #FFAA00; text-decoration: none; margin-left: 5px; margin-right: 0px;}

#middle-center {padding : 0px; float: left; width: 820px; background-color: #fff; margin-bottom: 40px;}
#middle-center h1{ font-weight: normal; color: #FFAA00; text-shadow: 0em 0.05em 0.1em #CCCCCC; text-align:left; font-size: 1.5em; margin-left: -15px; }
#middle-news {padding : 0px; float: left; width: 980px; min-height: 600px; margin-bottom: 40px;}
#middle-news h2{ font-weight: normal; color: #333333; text-align:left; font-size: 1.5em; }

#middle-news-left { position: relative; float: left; width: 485px;  margin-left: 15px; font-size: 1.1em; text-align: left; text-align: justify; color:#6A5D4A;}
#middle-news-left img{ float:left; border: none;  margin-left: auto; margin-right: auto;  }
#middle-news-left h2 {font-weight: normal; text-shadow: 0em 0.05em 0.1em #CCCCCC; text-align:left; font-size: 1.1em; }
#middle-news-left a{ text-decoration: none; color: #357380; }
#middle-news-left a:hover{color: #FFAA00;}
.menu{ margin-left: 50px; text-align:left; font-size: 1.2em; }
.menu2{ margin-left: 20px; text-align:left; font-size: 1.2em; }
.menu a:hover{color: #FFAA00;} 

#middle-news-right { position: relative; float: left;  width: 450px; margin-left: 25px;  text-align:left; }
#middle-news-right h2 {color: #333333; font-size:1.3em; margin-bottom: 5px; padding-bottom: 0px;}
#middle-blog {padding : 0px; float: left; width: 640px; background-color: #fff; margin-bottom: 40px; margin-top: 0px; margin-left: 10px; font-size:1.1em; text-align:justify; color:#000000; }
#middle-blog h1 {color: #357380; text-decoration: none;  font-size:1.2em; text-shadow: 0em 0.05em 0.1em #CCCCCC;  }
#middle-blog a {color: #357380; text-decoration: none; }
#middle-blog img{ border: none;}
#middle-blog a:hover{color: #FFAA00;}
#middle-blog-item {width: 400px; }
.middle-blog-cat {position: relative; float: left; width: 390px; height:155px; margin-right: 15px;
border-bottom:1px dotted #BBBBBB; margin-bottom:10px; padding:0px 0px 10px 0px;}
.middle-blog-cat-title {font-weight: normal; text-shadow: 0em 0.05em 0.1em #CCCCCC; text-align:left; font-size: 1.1em; }

.katalog{float: left; width:199px; height:119px; text-align:center; font-size: 12px; background:url('../img/katalog_bckgr.gif') no-repeat; margin: 3px; }
.katalog a{color: #666666; text-decoration: none; margin-left: 3px; margin-right: 0px;}
.katalog a:hover{color: #FFAA00; text-decoration: none; margin-left: 3px; margin-right: 0px;}
.katalog img{ border: none; padding-top: 5px; width: 185px; height: 75px;}
.modelis{position: relative; float: left; text-align:left; font-size: 1em; padding-left: 5px; }
.modelis img{  border: none;  margin-left: auto; margin-right: auto;  }
.dati{ color: #357380;  font-size: 1.2em; }
.modelis h2 {color: #357380; font-size: 1.2em; font-weight: normal;}
.modelis a{color: #666666; text-decoration: none; margin-left: 5px;}
.modelis a:hover{color: #FFAA00; text-decoration: none; margin-left: 5px;}
.adsense  {position: relative; float: right; text-align:left; font-size: 1em; margin:20px 0 0 0; padding:0; }

#middle-news-right .katalog {margin-right: 15px;}

.pedejie50 {text-align:left; font-size:9pt; text-decoration:none; margin: 25px; color:#323232;}
.pedejie50 a { color: #357380; text-decoration:none;} 
.pedejie50 a:visited {color:#357380;}
.pedejie50 a:hover {color: #FFAA00;}
.pedejie50 a:active {color: #FFAA00;}

.pedejie12 {text-align:left; font-size:8pt; text-decoration:none; width: 470px; height: 300px; margin-top:10px; color: #C0C0C0;}
.pedejie12 a { color: #357380; text-decoration:none; font-size:9pt;} 
.pedejie12 a:visited {color:#357380; font-size:9pt;}
.pedejie12 a:hover {color: #FFAA00; font-size:9pt;}
.pedejie12 a:active {color: #FFAA00; font-size:9pt;}

.left12 {position: relative; float: left;  width: 335px; color: #C0C0C0;}
.right12 { position: relative; float: left;  width: 90px; color: #C0C0C0; font-size:9pt;} 

.left50 {position: relative; float: left;  width: 435px; margin-left: 20px; color:#silver;}
.right50 { position: relative; float: left;  width: 285px; color:#323232; }

#bottom {position: relative; width:981px; clear: both; height:130px; background:url('../img/footer.png'); border-bottom: 10px black solid; color:#6A5D4A;}
.bottomlinks{position: relative; float: left; height :120px; width: 200px; margin-left: 30px; margin-top: 15px; font-family : Verdana, sans-serif; font-weight: normal;}
.bottomlinks ul{ padding: 0px; margin: 0px; font-size: 1em; }
.bottomlinks li{ display: block; list-style-type:none;}
.bottomlinks a{color: #999999; text-decoration: none; margin-left: 8px; margin-right: 8px;}
.bottomlinks a:hover{ color: #FFAA00; text-decoration: none; margin-left: 8px; margin-right: 8px;}

.zindex img { position:relative; z-index:-20;}


/* -----RECENT TOPICS -------*/
#recenttopics{	position:relative; width:440px; padding:0px 5px 25px; float:left;}
	h2 { color: #454545; font-size:1.05em; text-shadow: 0em 0.05em 0.1em #CCCCCC; font-weight: normal; margin-bottom:10px; } 
/* The unordered list that is to be split into pages */
#holder{ width:440px; overflow:hidden; position:relative; padding-bottom:5px; color:#8F8F8F;}
	.swControls{ position:absolute;	margin-top:10px;}
/* The links that initiate the page slide */
	a.swShowPage{ color:#333333; float:left; margin:1px 1px; font-size: 0.7em; text-decoration: none; padding: 0.3em 0.5em; border: 1px solid #CCC; }
	a.swShowPage:hover, a.swShowPage.active{ background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#DDD), to(#EFEFEF)); font-weight: bold; color: black;}
#holder .time{font-size:0.825em; letter-spacing:-0.5px; margin-right:5px; }
#holder .comments{font-size:0.825em; letter-spacing:-0.5px }
#holder a{ text-decoration:none; font-size:1.1em; color: #576174; font-weight: 400;}
#holder a:hover{ color:#000; }
#holder li{ background-color:#FFF; list-style:none outside none;	border-bottom: 1px solid #ededed; margin:0px 5px 0;	padding:1px; width: 440px; float:left;}
	.clear{	clear:both;}

/*----- SEARCH BOX ------*/
	#searchmenu {width: 215px; float: right; padding:0px 10px 0px 0px; position: relative;}
	input.search { background: white; border: 1px solid #C5C2C3; padding: 2px; margin:0; width: 175px;}
	input.search:focus { border:1px solid #4F4A4B; outline: 0;}
	.searchform button { background-color: transparent; background-repeat: no-repeat; border: 0pt none; color: white; cursor: pointer; font-size: 0pt; height: 22px; 
						text-indent: -999px; width: 16px;  background-image: url("../images/search.png");}

/*------- TIPSY CUSTOM TITLE ATRIBUTE --------- */
	.tipsy { padding: 5px; font-size: 10px; opacity: 0.8; filter: alpha(opacity=80); background-repeat: no-repeat;  background-image: url(../images/tipsy.gif); }
	.tipsy-inner { padding: 5px 8px 4px 8px; background-color: black; color: white; max-width: 200px; text-align: left; }
	.tipsy-inner { -moz-border-radius:3px; -webkit-border-radius:3px; }
	.tipsy-north { background-position: top center; }
	.tipsy-south { background-position: bottom center; }
	.tipsy-east { background-position: right center; }
	.tipsy-west { background-position: left center; }
