/* import */
@import url(reset.css);

/* Page */
body {
background-color: #FFF;
font-family:Arial, Helvetica, sans-serif;
}

body#ex-body {
background: #fff url(img/ex_bg.gif) no-repeat top center;
}

 a {
 text-decoration: none;
color: #FF7700;

}
 a:hover {
	}
	
a.bold-link {
font-weight: bold !important ;
color: #333333 !important ;
text-decoration: none;
padding: 2px 0px;
}
a.bold-link:hover {
color: #FFF !important ;
background: #FF7700;
}
	
	
jFlowSlideContainer {
overflow: hidden !important;
}
img {border:0;}


.backtop {
background:transparent url(img/top.gif) no-repeat scroll right center;
color:#000000;
float:right;
font-size:0.9em;
font-weight:bold;
width:77px;
display: block;
margin-top: 10px;
margin-bottom: 10px;
}

.line-separator {
clear: both;
display: block;
height:10px;
border-top:1px dotted #999;
margin-bottom:20px;
margin-bottom:10px
}


.separator {
clear: both;
display: block;
height:20px;
}
.XLseparator {
clear: both;
display: block;
height:80px;
}
.wrapper {
width:980px;
padding: 0px;
margin: 0px auto;
}

#menu {
float: left;
height:73px;
width: 100%;
position: relative;
}

#logo {
float: left;
}

h1#blog-title a {
display: block;
	text-indent:-9000px;
	width:398px;
	height:73px;
}
h1#blog-title {
	position: relative;
	width:398px;
	height:73px;
	background: url("img/dreams-on-wheels_logo.gif") no-repeat;
}

ul#main-menu {	
position:absolute;
bottom:0px;
right:0px;
}
ul#main-menu li {
float: left;
display: inline;
}

ul#main-menu li a {
height:23px;
float: left;
display: block;
}
ul#main-menu #bikes a {
width: 77px;
background: url(img/menu_item_bikes.gif) no-repeat 0px 0px;
}
ul#main-menu #home a {
width: 59px;
background: url(img/menu_item_home.gif) no-repeat 0px 0px;
}
ul#main-menu #exhib a {
width: 98px;
background: url(img/menu_item_exhib.gif) no-repeat 0px 0px;
}
ul#main-menu #orig a {
width: 98px;
background: url(img/menu_item_orig.gif) no-repeat 0px 0px;
}
ul#main-menu #blog a {
width: 61px;
background: url(img/menu_item_blog.gif) no-repeat 0px 0px;
}
ul#main-menu #bikes a:hover,
ul#main-menu #bikes a.active,
ul#main-menu #home a:hover,
ul#main-menu #home a.active,
ul#main-menu #exhib a:hover,
ul#main-menu #exhib a.active,
ul#main-menu #orig a:hover,
ul#main-menu #orig a.active,
ul#main-menu #blog a:hover,
ul#main-menu #blog a.active  {
background-position:0px -23px;
}

#header {
clear: left;
width:100%;
height:268px;
background: url(img/header_bg.png) repeat-x 0px 0px;
color: #fff;
font-size: 14px;	
line-height: 16px;
overflow-y: hidden;
}

#header .wrapper {
position:relative;
overflow-y: hidden;
}

#myController {
position: absolute;
bottom: 0px;
right:0px;
}

#myController span{
color:#FFF;
background:#000;
cursor:pointer;
padding: 2px 5px 1px 5px
}

#jFlowSlide{
}

#myController span.jFlowControl {
background:#7C3C00;
}

#myController span.jFlowSelected {
background:#FF7700;
padding: 7px 5px 1px 5px; 
}

.slide-content {
float: left;
width: 980px;
margin-top: 20px;
margin-bottom: 20px;
}

.slide-content .illus {
float: left;
margin-right: 20px;
width: 335px;
}

.illus img {
margin-top: 10px;
}

.slide-content .text {
float: left;
width: 625px;
}

.slide-content h2 {
font-size: 20px;
font-weight: normal;
margin-top: .5em;
line-height: 1em;
text-transform: uppercase;
}

.slide-content h3 {
margin-top: .5em;
font-size: 18px;
font-weight: normal;
font-style: italic;
margin-bottom: 1em;
}
.slide-content p {
margin-top: 1em;
font-size: 14px;
color: #909090;
font-weight: lighter;
line-height: 1.5em;
}


.more-link-black {
clear:both;
width: 120px;
height: 26px;
display: block;
margin-top: 10px;
background: url(img/readmore-black.gif) no-repeat 0px 0px;
}

.more-link-black:hover {
background-position: 0px -25px;
}




#articles {
width: 680px;
float: left;
}

.article {
width:680px;
float: left;
}

#sidebar {
margin-left: 50px;
width: 250px;
float: left;
}


.intro-side {
	font-style:italic;
	line-height: 1.3em;
	color: #FF7700;
	font-size: 12px;
}

#title_news {
float: left;
background: url(img/news.gif) no-repeat 0px 0px;
width:464px;
height:110px;
}

#sidebar .box {
width: 100%;
float:left;
margin-top: 30px;
}

#sidebar h3 {
	position: relative;
	text-indent:-9000px;
	height:31px;
}

a#link_participants h3 {
	width:216px;
	background: url(img/participants.gif) no-repeat 0px 0px;
}
h3#link_media {
	width:97px;
	background: url(img/media.gif) no-repeat 0px 0px;
}

#sidebar #participants .logos {
margin: 5px 10px 5px 0px;
float: left;

}

#media-list {
float: left;
width:100%;
}

#myGallery{
height:250px;
width:100%;
}


.spacegallery {
	position: relative;
	overflow: hidden;
}
.spacegallery img {
	position: absolute;
	left: 50%;
}
.spacegallery a {
	position: absolute;
	height:25px;
	width:41px;
	z-index: 300;
	display: block;
	top: 0;
	right: 0;
	background: url(img/next.gif) no-repeat 0px 0px;
}
.spacegallery a:hover {
	background: url(img/next.gif) no-repeat 0px -25px;
}

#clicker {

	z-index: 190;
	border: 1px solid green;
}

.spacegallery a.spaceSB {
	position: absolute;
	z-index: 100;
	display: block;
	top: 0;
	left: 0;
	width:100%;
	height: 100%;
	background: none;
}
.article .illustration {
width: 250px;
float: left;
margin-bottom: 20px;
}

.article .left_part {
float:left;
width: 250px;
margin-right: 30px;
color: #999;
text-align: right;
font-size: 12px;
line-height: 1.2em;
}

* html .article .left_part { display: inline;margin-right: 14px;}


.article  .right_part {
float:left;
width: 400px;
}

.article p {
clear:both;
margin-top: 20px;
margin-bottom:20px;
}
.article li {
float:left;
clear:both;
}

.article h4 {
clear:both;
float:left;
width:auto;
font-size:16px;
font-weight: bold;
color: #FF7700;
margin-top: 20px;
margin-bottom:20px;	
}
.article h4 span {
font-size:16px;
font-weight: normal;
color: #333;
margin: 0px;
}

.article .right_part .date {
	float: left;
	width: auto;
	padding: 2px;
	background-color: #FF7700;
	color: #FFF;
	font-size: 12px;
}
.article h2 {
	clear: left;
	width: auto;
	color: #FF7700;
	font-size: 18px;
	font-weight: normal;
	line-height: 1.1em;
	margin-bottom: 0.5em;
}

.article h4 a {
font-size:16px;
}
h2 a {
text-decoration: none;
}
h2 a:hover {
background-color: #FF7700;
color:#FFF;
}


.article  h3 {
	clear: both;
	width: auto;
	color: #ff7700;
	margin-bottom: 0.8em;
	margin-top: 0.8em;	
	font-size: 14px;
	font-weight: normal;
	line-height: 1.2em;
}

.article li,
.article .right_part p,
.full p,
.form-label label {
	/*clear: left;*/
	width: auto;
	color: #333;
	font-size: 12px;	
	line-height: 1.5em;
	margin-bottom: 2em;	
}
.alignright {
	float:right;
	margin:0 0 1em 1em  ;
/*	width: 300px;*/
}




.more-link {
clear:both;
margin-top: 15px;
width: 155px;
height: 35px;
display: block;
text-indent: -9000px;
background: url(img/readmore.gif) no-repeat 0px 0px;
border: none  !important;
}

.more-link:hover {
background: url(img/readmore.gif) no-repeat 0px -35px !important;

}

#footer {
width: 980px;
text-align: center;
float: left;
color: #333;
font-size: 12px;	
line-height: 1.5em;
margin-bottom: 0.8em;
}

#footer .logos{
margin-right: 8px;
margin-bottom: 8px;
height:47px;
display: inline;
}

#footer .logos img{
height: 39px;
}
table {
margin: 0 auto;
}

table td {
vertical-align: top;
}

#footer  a {
color: #FF7700;
}
#footer a:hover {
color: #fff;
/*background-color: #FF7700;*/
text-decoration: none;
}

#footer  a {
color: #FF7700;
}
table  a:hover{
background-color: #FFF !important ;
}

#footer .right_part a {
color: #FF7700;
}
#footer .right_part a:hover {
color: #fff;
background-color: #FF7700;
text-decoration: none;
}
#footer {
float: left;
}
#footer .right_part {
	
}
#footer .left_part {
float: left;
color: #333;
font-size: 12px;	
line-height: 1.5em;
margin-bottom: 0.8em;	
}

ul#footer_menu {	
float: right;
}
ul#footer_menu li {
float: left;
display: inline;
}

#extlinks {
clear: both;
font-weight:bold;
}





#ex {
float: left;
height:460px;
width: 100%;
background-color: #000;

}




/* slider specific CSS */
.sliderGallery {
width: 940px;
margin: 20px;
height: 420px;
overflow: hidden;
position: relative;
}
        
        .sliderGallery ul {
            position: absolute;   
            white-space: nowrap;
        }        
        .sliderGallery ul li {
			position: relative;
            display: inline;
            width: 480px;
            height:400px;
        }        
        .slider {
        	bottom:0px;
            width: 100%;
            height: 19px;
            position: absolute;
            background: url(img/back_slider.gif) no-repeat;
        }
        
        .handle {
            position: absolute;
            cursor: move;
            height: 19px;
            width: 180px;
            background: url(img/back_slider_handle.gif) no-repeat;
            z-index: 100;
        }
        
        .slider span {
            color: #bbb;
            font-size: 12px;
            cursor: pointer;
            position: absolute;
            z-index: 110;
            top: 3px;
        }
        
        .slider .slider-lbl1 {
            left: 50px;
        }
        
        .slider .slider-lbl2 {
            left: 107px;
        }
        
        .slider .slider-lbl3 {
            left: 400px;
        }

        .slider .slider-lbl4 {
            left: 580px;
        }

        .slider .slider-lbl5 {
            left: 760px;
        }
        
        .slider .slider-lbl6 {
            left: 200px;
        }   
        
        
     .sliderGallery ul li img {
     	vertical-align: top;
     	
     }
     .dl {cursor: pointer;}
     .downloadmessage {
     
     }
     
#download_btn {
	position: absolute;
	padding: .5em;
	display: none;
	z-index: 200;	
	background: #FFF;
	font-size: 12px;
	color:#999;
	border: 1px solid #666;
	line-height: 1.5em;

}  

.download_btn {

clear: both;
margin-top: 10px;
display: block;
background: url(img/download_pdf.gif) no-repeat 0px 0px;
width: 153px;
height:31px;
}          

.download {
display: block;
}


.image-desc-list {
width: 680px;
float: left;
color: #333;
font-size: 12px;	
line-height: 1.5em;
margin-bottom: 0.8em;	
}

.image-desc-list li {
	border: 1px solid #F0F0F0;
	float: left;
	margin: 10px;
	height:250px;
	width: 180px;
}

.image-desc-list li img {
float: left;
}

.image-desc-list li .item{
	margin: 10px;
	
}


/*
	Accessible News Slider : Plugin Specific
-----------------------------------------------------------------------------------------*/

.accessible_news_slider img {
	border: 0;
}
.accessible_news_slider li,
.accessible_news_slider p {
	font-family: "Arial", "Verdana", sans-serif;
	margin: 0;
	padding: 0;
	font-size: 12px;
	line-height: 1.6;
}
.accessible_news_slider li p {
	font-size:12px;
}
.accessible_news_slider {
	position: relative;
	overflow: hidden;
	width: 244px;
}
.accessible_news_slider .javascript_css {
	position: relative;
	z-index: 3;
	padding: 20px;
	background: #fffcd3;
}
.accessible_news_slider .skip_to_news {
	position: absolute;
	top: 0;
	left: -9999px;
}
.accessible_news_slider .back {
	float: left;
	width:30px;
	height:30px;
}
.accessible_news_slider .back a {
	width:30px;
	height:30px;
	background: url(img/arrow_left.png)	no-repeat 0 0 ;	
	display: none;
	outline: none; /* This is optional, and is arguably less accessible. */

}
.accessible_news_slider .next a {
	width:30px;
	height:30px;
	background: url(img/arrow_right.png)	no-repeat 0 0 ;		
	display: none;
	outline: none; /* This is optional, and is arguably less accessible. */
}
.accessible_news_slider .next {
	float: right;
	width:30px;
	height:30px;	
}
.accessible_news_slider ul {
	position: relative;
	left: 0;
	width: auto;
	margin: 0;
	padding: 0;
	list-style-type: none;
	overflow: hidden;
	z-index: 1;
}
.accessible_news_slider li {
	float: left;
	width: 81px;
}

.view_all {
	height:30px;
	text-align: center;
	width: 246px
}
.view_all a {
	padding: 2px;
	border-bottom: 1px dotted #FF7700;
	
}



ol li { margin-bottom:0.5em; }
ol {
  margin-left:1.5em;
  padding-left:0px;
}
ol li {
  list-style:decimal;
  background-image:none;

  padding-left:0em;

}


.flag {
float: left;
margin-right:10px;
margin-top: 2px;
vertical-align: baseline;
}

.city {
margin-right:10px;
float: left;
font-size: 12px;
color: #FF7700;
}

.city-date {
float: left;
font-size: 12px;
color: #666;
font-style: italic;
}

.schedule-intro {
float: left;
width: 290px;
margin:20px 0px 0 0;
}


.schedule-intro li {
float:left;
width:100%;
margin-bottom: 10px;
}

.schedule-intro .city {
width: 102px;
color: white;
}

.schedule-intro img {
width: 16px;
height:11px;
}

.first-schedule {
margin:20px 23px 0 0;
}

h2.blog-title {
	float: left;
	clear: none;
}

h2.blog-title a {
font-size: 22px
}
.article h2 {
font-size: 22px
}

.blog-date {
	padding: 2px;
	padding-left: 4px;
	padding-right: 4px;	
	background-color: #999;
	color: #FFF !important;
	font-size: 11px;
	vertical-align:top;
}

.blog-content {
	width: 680px;
	float: left;
}

.blog-content a {
	padding: 2px;
	border-bottom: 1px dotted #FF7700;

}
.blog-content a:hover{
	background: #FF7700;
	color: white
}



.entry-title,.entry-meta {
	clear:both;
}
.entry-meta {
	float: left;
	font-size: 12px;
	color:#999;
	border-bottom: 1px dotted #ccc;
	border-top: 1px dotted #ccc;
	padding-top: 10px;
	padding-bottom: 10px;
	line-height: 1.7em;	
	width:100%;
}
.entry-meta a,
.comment-meta a {
	color:#FF7700;
	padding: 2px;
	border-bottom: 1px dotted #FF7700;
	line-height: 1.4em;		
}
.entry-meta a:hover,
.comment-meta a:hover {
	color:#fff;
	background-color: #FF7700;
}

.entry-meta-backtop {
float: right;
line-height: 17px	;
font-size:12px;
color: #333;
background:transparent url(img/top.gif) no-repeat scroll right center;
font-weight:bold;
width:82px;
display: block;
}

.entry-meta-backtop:hover {
	color:#FF7700;
}

.stbutton {
font-size:12px;
color: #333;
float: left !important;
font-weight:bold;

padding: 1px 5px 2px 22px !important;
}

.sep {
float:left;
color: #999999;
}


.comment-author, .comment-meta{
	font-size: 12px;
	color:#999;
	float: left;
	padding-top: 10px;
	padding-bottom: 10px;
	line-height: 1.5em;	
}

.comment p {
	margin-top: 20px;
	clear: both;
	font-size: 12px;
	border-bottom: 1px dotted #ccc;
	padding-bottom: 10px;
	line-height: 1.5em;		
}

#blog-box {
	font-size: 12px;
	color:#999;
	line-height: 1.5em;	
	color:#FF7700;
}
#blog-box h5 {
	color: #333;
	font-size: 14px;
	font-weight: normal;
}

#blog-box li {
margin-bottom: 7px;
}

#blog-box li a, #tagcloud a {
	padding: 2px 0px;
	border-bottom: 1px dotted #FF7700;

}


#blog-box a:hover {
	background: #FF7700;
	color:white
}

.no-bg {
background: none !important;
text-decoration: none !important;
}

.archive-title{
	color: #999;
	padding-bottom: 10px;
	border-bottom: 1px dotted #ccc;

}


.stbutton:hover {
color: #FF6600 !important;
}