/*  







Theme Name: rideon







Theme URI: http://www.rideon.gr







Description: This is the first version of rideontheme.







Version: 0.9







Author: logothetis







Author URI: http://www.mywebdesign.gr/







*/















body, h1, h2, h3, h4, h5, h6, blockquote, p , form{







margin: 0;







padding: 0;







}























body{







color: #444444;







    font-family: Verdana,'Helvetica Neue',Helvetica,'Lucida Grande','Lucida Sans Unicode',sans-serif;







    font-size: 12px;







    font-size-adjust: none;







    font-style: normal;







    font-variant: normal;







    font-weight: normal;







    line-height: normal;







    text-shadow: 0 1px 0 #FFFFFF;







text-align: left;







background: url(img/wall.jpg);







}























#wrapper {







margin: 0 auto;







width: 970px;







text-align: center;







color: #000;

padding:0 5px;







}















#wrapper2 {





	float:left;





	background: url(img/back.png) repeat-y;







}























#header{







float: left;







width: 960px;







height: 120px;







text-align:left;



color: #fff;

margin-left:5px;

padding-top:3px;





}















.logo {



	padding:0;



	float:left;



	width:160px;







}







a:link,a:hover,a:active,a:visited {







color: #515151;







}











.info1 {







	float:left;





	color: #fff;



	text-shadow: none;



	margin:0;



	width:800px;

	text-align:right;

	padding:20px 0;









}









.info {





height: 50px;

	float:left;

	color: #333333;

	text-shadow: none;

	margin:0;

	width:960px;

border-top: 3px solid #000;

border-bottom: 1px solid #c9c8c8;

}







.arcnews a {



 text-decoration:none;



    padding:5px 0;



     width:295px;



     display: block;



    



     color: #222;



}







.arcnews ul li:hover a {



     color: #515151;



}







.arcnews {



    margin-bottom:16px;



    float:left;



}







.arcnews ul,  .arcnews ul li{



    margin:0;



    padding:0;



    list-style-type:none;



    float:Left;



    text-align:left;



}







.arcnews ul li{



    background: url(img/li.png) no-repeat left center;



    padding-left:8px;



    display:block;



    float:left;



       border-bottom:1px solid #c1c1c1;



    



}







.arcnews ul li:hover {



   background: #ccc url(img/lih.png) no-repeat 2px center;



}







.arcnews a{



    color: #515151;



    font-size:14px;



}



.ateam {

	width:210px;

	float:left;

	height:220px;

	padding:20px 0 0 10px;

	text-align:center;

	background: url(img/ateam.gif) no-repeat;

	top: 0;

    left: 0;

    z-index: 1;

    position: absolute;

}







.aname {

    padding:10px;

    position: absolute;

    width:165px;



    bottom:0px;

  left: 0px;

  z-index: 10;

  background: url(img/op.png);

  color: #fff;

  text-shadow:none;

  font-size:14px;

  font-weight:400;

  margin:0 0 17px 22px;

}



.awrapper {

	position: relative;

	width:220px;

	float:left;

	height:220px;

	margin:0 10px 15px 0;

}











.info2 {float:right;







	margin:5px 0 5px 0;







	width:690px;







	padding-left:10px;







	text-align:right;







}



















#main, #mainTM , #mainTM_in{



float: left;



background-color: #fff;



width: 590px;

padding-left:4px;



padding-right:20px;



height: 100%;



margin:18px 0 0 11px;



border-right:1px solid #ccc;



}



#mainTM p {

	padding:0;

	line-height:0;

}

#mainTM_in p {

	padding:0 0 5px 0;

	line-height:17px;

}



#mainTM , #mainTM_in{

	width: 930px;

}



.atitleTM {

	margin:10px 0;
font-weight: bold;
font-size:16px;

}



.atitleTM2 {

	margin:15px 0 0 0;
	font-weight: bold;
font-size:16px;

}











#left {







float: left;



text-align:left;



width: 305px;







margin: 10px 0 0 18px;



text-shadow: none;



}















#left img {







border: 0;







}















.sidebar {







float: left;







width: 170px;







margin: 10px 6px 0 4px;







color: white;







}















.sidebar_back {







background: #000;







padding: 0 15px;







float:left;







height: 310px;







margin:9px 0;







border: 3px solid #c1c1c1;







}















.sidebar_back2 {







  background-color: #58595B;







  float:left;







  border: 3px solid #c1c1c1;







  margin:9px 0;







  width: 334px;







  padding:10px 0







}







.videosbg 



{



    background-color: #58595B;







  float:left;







  border: 3px solid #c1c1c1;







  margin:9px 0;







  width: 587px;







  padding:10px 0



}















.sidebar ul{







list-style-type: none;







margin: 0;







padding: 0 10px 0 10px;







}















.sidebar ul li{







padding: 10px 0 10px 0;







}















.sidebar ul li h2{







font-family: Vernada, Sans-serif;







font-size: 14px;







color: white;







text-decoration: none;







}















#left h2{







font-family: Vernada, Sans-serif;







font-size: 14px;







color: white;







text-decoration: none;







}















.sidebar ul ul li{







padding: 0;







line-height: 18px;







}























#footer {







clear: both;







float: left;







width: 960px;







padding: 10px 0;







color: #fff;







background-color: #231f20;







font-weight: bold;







margin: 5px 0 0 5px;







text-shadow:none;







}















#footer p{







line-height: 18px;







}















#footer a{







	text-shadow:none;







	text-decoration:none;







	color: #fff;







}















img {







border:0;







}















#left img a:link , #left img a:visited{







border: 0;







}



























h1{







font-family: verdana, Arial;







font-size: 24px;







padding: 0 0 10px 0;







text-decoration: none;







}















.post{







padding: 10px 0 10px 0;



float:left;



width:300px;







}















.post h2{







font-family: verdana, Sans-serif;







font-size: 18px;







text-decoration: none;







}















.story{







line-height: 18px;







padding: 0 10px;







text-align:justify;







}















.storytitle a:link , .storytitle a:active , .storytitle a:visited , .storytitle a:hover {







text-decoration: none;







}























.storytitle {







text-align:left;







background-color: #000;







padding:  2px 10px 0 10px;







}















.date {







text-align: left;



background-color:#c1c1c1;







margin: 0 0 10px 0;







color: #555;



 border-bottom-left-radius: 5px;



    border-bottom-right-radius: 5px;



    border-top-left-radius: 5px;



    border-top-right-radius: 5px;



padding:10px;



font-size: 10px;



color: #626466;



    font-size: 11px;



    text-shadow: 1px 1px 1px #FFFFFF;

width: 572px;





}















p{







font-size: 12px;







line-height: 18px;







padding: 0 0 1em 0;















}















p.postmetadata{







margin: 10px 0;







}















.navigation{







padding: 10px 0 0 0;







font-size: 14px;







font-weight: bold;







line-height: 18px;







}















.comments-template{







	margin: 10px 0 0;







	padding: 10px 0 0;







}















.comments-template ol{







	margin: 0;







	padding: 0 0 15px;







	list-style: none;







}















.comments-template ol li{







	margin: 10px 0 0;







	line-height: 18px;







	padding: 0 0 10px;







}















.comments-template h2, .comments-template h3{







	font-family: verdana, Sans-serif;







	font-size: 16px;







}















.commentmetadata{







	font-size: 12px;







}















.comments-template p.nocomments{







	padding: 0;







}















.comments-template textarea{







	font-family: Arial, Helvetica, Georgia, Sans-serif;







	font-size: 12px;







}















/* search */















.search {







padding: 1px 0 0 330px;







}















.searchform {





margin:14px 0 0 30px;

height: 24px;







}







.searchbutton {







padding-left: 5px;







vertical-align: top;







}















/* menu */























#menucontainer{height:24px;width:960px;background: #000 url(img/menu_bg.gif) repeat-x bottom left;display:block;padding:0 0 0 0;margin: 0 0 0 0;float:left;}







#menu{position:relative;display:block;height:26px;font-size:11px;font-weight:bold;font-family:Arial,Verdana,Helvitica,sans-serif;    text-shadow: 0 1px 0 #000;}







#menu ul{margin: 0 0 0 0;padding:0;list-style-type:none;}







#menu ul li{display:block;float:left;margin:0 0 0 0;}







#menu ul li a{display:block;float:left;color:#fff;text-decoration:none;padding:5px 20px 0 20px;height:19px;background:transparent url(img/menu_bg-OFF.gif) no-repeat top left;}







#menu ul li a:hover{color:#fff;background:transparent url(img/menu_bg-OVER.gif) no-repeat top right;}







#menu ul li a.current,#menu ul li a.current:hover{color:#000;background:#fff;}















img.alignright {float:right; margin:0 0 1em 1em;border:1px solid black;}







img.alignleft {float:left; margin:0 1em 1em 0;border:1px solid black;}







img.aligncenter {display: block; margin-left: auto; margin-right: auto;border:1px solid black;}







a img.alignright {float:right; margin:0 0 1em 1em;border:1px solid black;}







a img.alignleft {float:left; margin:0 1em 1em 0;border:1px solid black;}







a img.aligncenter {display: block; margin-left: auto; margin-right: auto;border:1px solid black;}















.backtotop {







text-align: center;







}















.backtotop a:link,.backtotop a:hover,.backtotop a:active,.backtotop a:visited {







text-decoration: none;color: #EB2429;







}















.corner_right {







width:170px;







height: 12px;







background: #000 url(img/corner_right.gif) no-repeat left bottom;







margin-bottom: 15px;







}















#team {







float: left;







width: 596px;







height: 100%;















text-align:center;







}















.teamstory a:link , .teamstory a:hover , .teamstory a:visited , .teamstory a:active {







color: #fff;







font-size: 15px;







}















.teamstory{







line-height: 18px;







padding: 0 5px 0 0;

width: 596px;







text-align:center;







background-color: #000;







color: #fff;







}















a.linkopacity img{









   /* for IE */







  filter:alpha(opacity=100);







  /* CSS3 standard */







  opacity:1;







  -moz-opacity: 1; 







}



.brands {

	padding-right:1px;

}



.brands img {

	

	height: 15px;

}



.brands a {

	text-decoration: none;

}















a.linkopacity:hover img{





   /* for IE */







  filter:alpha(opacity=60);







  /* CSS3 standard */







  opacity:0.6;







  -moz-opacity: 0.6; v







}















.fleft {







	float:left;







	width:144px;







}















.fright {







	float:right;







	width:160px;







}















.slideshow {






z-index:1;
	width:960px;







	height:276px;







	float:left;







	padding-top:15px;







	text-align:center;



		-moz-border-radius-topright: 5px;



		-moz-border-radius-topleft: 5px;







}















.slideshow img {







	float:left;







	margin-left:14px;







}















.new-wrapper {







	float:left;







	width: 189px;







	margin: 0 10px 10px 0;







	height:169px;







	font-family: "Courier New",Courier,monospace;







	background: url(img/prod.png) no-repeat;







}















.new-wrapper h2 {







	margin:6px 0 16px 0;







	font-size:14px;







	display: block;







	font-weight:500;







	







}















.new-wrapper a {







	text-decoration:none;







	color: #fff;







	font-family: "Courier New",Courier,monospace;







	text-shadow: 0 1px 0 #000;







}















.new-wrapper:hover {







background: url(img/prod_hover.png) no-repeat;







}















.inside {







	width: 189px;







	padding-left:3px;







	font-size:10px;







	text-align:center;







}















.inside img {







	width:160px;







	







}















.posttop, .posttop2 {







	color: #515151;



clear: both;



	text-align:left;







	font-size:15px;







	padding:5px;







	font-weight:600;







	text-shadow: none;







	margin:0 0 14px 0;



	float:left;



	width:566px;



	height:15px;



	border-bottom: 1px solid #ccc;







}







.posttop2 {



    width:293px;



    margin:8px 0 0 0;



}















/* megamenu */







#topnav_wrapper {













float:left;



width:771px;





margin-left:10px;

height:28px;







}















#topnav_wrapper a {







	text-shadow: none;







}















ul#topnav {







	margin: 0; padding: 0;







	float:left;







	width: 900px;







	list-style: none;



font-family:'Helvetica Neue',Helvetica,Arial,Sans-Serif;

font-weight:bold;



	font-size: 1.2em;







	







}







ul#topnav li {







	float: left;







	margin: 0; padding: 0;







	position: relative;







}







ul#topnav li a {







	float: left; 



	color: #000;



	padding: 16px 11px 7px 11px;



	text-decoration: none;







	margin-right:10px;







	text-transform: uppercase;







}







ul#topnav li a:hover {









	color: #333;}































ul#topnav li .sub {







	position: absolute;	







	top: 50px; left: 11px;







	background: #000;







	padding: 10px 10px 10px;







	float: left;





	/*--Bottom right rounded corner--*/







	-moz-border-radius-bottomright: 10px;







	-khtml-border-radius-bottomright: 10px;







	-webkit-border-bottom-right-radius: 5px;







	/* --Bottom left rounded corner-- */







	-moz-border-radius-bottomleft: 5px;







	-khtml-border-radius-bottomleft: 5px;







	-webkit-border-bottom-left-radius: 5px;







	display: none;







	z-index: 120;















}







ul#topnav li .row {clear: both; float: left; width: 100%; margin-bottom: 10px;}







ul#topnav li .sub ul{







	list-style: none;







	margin: 0; padding: 0;







	width: 100px;







	float: left;







	text-align:left;







}







ul#topnav .sub ul li {







	width: 100%;







	color: #fff;



}







ul#topnav .sub ul li h2 {







	padding: 0;  margin: 0;







	font-size: 1.3em;







	font-weight: normal;







}







ul#topnav .sub ul li h2 a {







	padding: 5px 0 5px 0;







	background-image: none;







	color: #fff;

	font-weight:bold;







}







ul#topnav .sub ul li a {







	float: none; 







	text-indent: 0; /*--Reset text indent--*/







	height: auto;







	background: url(img/navlist_arrow.png) no-repeat 5px 12px;







	padding: 3px 5px 3px 18px;







	display: block;







	text-decoration: none;







	color: #fff;







	font-size:12px;







}







ul#topnav .sub ul li a:hover {color: #c1c1c1; background-position: 5px 12px ;font-weight:500;}























.homenews, homenewsTMin {







	text-align:left;



    float:left;



}















.homenews h2 a{







	font-size:21px;



	color: #626467;



	text-decoration:none;



	font-family: "Helvetica Neue",Arial,Helvetica,sans-serif;







}

.homenewsTM h2 
{
    font-size:21px;
    border-bottom: 1px solid #ddd;
    width: 285px;
	color: #444;
}

.homenewsTMin .thetitle {
border-bottom: 1px solid #ddd;
    width: 295px;
margin-left:20px;
float:left;
}

.homenewsTMin .thetitle .tback {
width:23px;
float:left;
height: 16px;
padding:0 2px 0 20px;
background: url(img/tback.gif) no-repeat left center;
margin-top:3px;
}

.homenewsTMin .thetitle .tback a{
text-decoration: none;

}


.homenewsTMin  h2 
{
float:left;
    font-size:17px;
    width: 235px;
padding:0 5px 5px 0;
	color: #444;

text-align: left;
display: block;
}

.homenewsTMin .in_text {
padding-top: 5px;
color: #444;
}

.homenewsTMin .in_text strong {
color: #666;
}


.homenews h2 a:hover {



color: #383738;



}

.tcontent {
float:left;
width: 960px;
}






















.thestrong {







	font-weight:bold;







}







.entry  



{



    



    background-color: #F6F6F6;



    box-shadow: 3px 3px 3px #999999;



    height: 155px;



    margin: 0 18px 20px 0;



 



    position: relative;



    width: 182px;



    float:left;



}







.entry:hover 



{



     -moz-transform: scale(1.1);



}







.g_photos {



    background-color: #FFFFFF;



    border: 1px solid #F0EFF2;



    left: 0;



    margin-right: 10px;



    position: absolute;



    top: 0;



    z-index: 1;



}



.g_name {



    background: url("img/op.png") repeat scroll 0 0 transparent;



    bottom: 0;



    left: 0;



    margin-left: 2px;



    padding: 0 5px 5px 5px;



    position: absolute;



    width: 170px;



    z-index: 10;



}



.g_name a {



    color: #FFFFFF;



    font-size: 12px;



    text-decoration: none;



    text-shadow: none;



   



}







.g_name h2 



{



    display:block;



    float:left;



    width:130px;



     line-height:15px;}











.g_price 



{



    bottom:2px;



position: absolute;



right:2px;



    background-color: #ec222a;



    float:right;



    color: #fff;



    text-shadow: none;



    padding: 5px;



    font-weight: 600;



}



#theadv1, #theadv2, #theadv3 {

margin-top:10px;

width: 302px;

height: 209px;

}



    ul.paging { list-style: none; padding: 0; font-weight: bold; }  

    ul.paging li { float: left; margin: 0 6px 6px 0; }  

    ul.paging li a, ul.paging li.active { display: block; padding: 3px 6px; background-color: #f5f5f5; border: 1px solid #ccc; }  

    ul.paging li.active { background-color: #000; border-color: #000; color: #fff; }  
    
    .in_text 
    {
        float: left;
        width: 285px;
        padding: 20px;
        text-align: left;
    }
    
    .in_image 
    {
        float: left;
        width: 600px;
    }
    
    .in_image img 
    {
        width: 600px;
    }