/* plus.css 
   a Labo27.it production for orange021.com
*/

/* general stuff */

html, body {
 color: #FFF;
 background: #000;
 text-align: center;
 margin: 0px 0px;
 padding: 0px;
}

a img { border: 0; }

#main, #home-main, #header, #footer {
 margin: 0px auto;
 width: 740px;
 text-align: left;
}

#main {
 font: .9em/1.35em Georgia, Times New Roman, serif;
 padding-bottom: 20px;
}

.homepage #main {
 padding-bottom: 0px;
}

#header {
 position: relative;
 background: url(../images/header-bg.jpg);
 background-repeat: no-repeat;
 width: 740px;
 height: 72px;
}

.homepage #header { 
 height: 330px;
}

#home-flash { 
 padding-top: 72px;
}

#header a {  text-decoration: none; }

h1 { 
 position: absolute;
 margin: 0;
 left: 10px;
 top: 10px;
}

h1 img {  display: block; }

#header-tools { 
 position: relative;
 background: url(../images/header-tools-bg.jpg);
 width: 740px;
 height: 33px;
 margin: auto;
 text-align: left;
 padding: 0px;
}

#header-tools form, #header-tools p { 
 margin: 0px; padding: 0px;
}

#language-list { 
 position: absolute;
 top: 6px;
 left: 15px;
}

#header-tools ul#language-list { 
 margin: 0px; padding: 0px;
}

#header-tools li { 
 padding: 0; margin: 0;
 display: inline;
 margin-right: 12px;
 font: .65em Verdana, Arial, Helvetica, sans-serif;
}

#language-list a { 
 color: #FFF;
 font-weight: bold;
}

#header-tools form { 
 position: absolute;
 right: 20px;
 top: 5px;
}


/* news blurbs, illo + text in the side */

.news-blurb { 
 padding-left: 200px;
 /* for Mac/IE \*/
 clear: both;
 /* */
}

.homepage .news-blurb { 
 padding-left: 0px;
 width: 680px;
 margin-left: 50px;
 margin-bottom: 30px;
}

.homepage .news-blurb a { 
 color: #FC0;
}

.homepage .news-blurb h2 a { 
 text-decoration: none; 
 color: #FFF; 
}

.blurb-illo { 
 position: relative;
 left: 0px;
 float: left;
 margin-left: -200px;
}

.homepage .blurb-illo { 
 position: relative;
 left: 0px;
 width: 200px;
 margin-right: 45px;
 margin-left: 0px;
 margin-bottom: 30px;
}

.homepage .news-blurb h2 { 
 margin: 0px;
 font: bold 1.6em/1.1em Gill Sans, Verdana, sans-serif;
 text-decoration: none;
}

.news-blurb p { 
 margin-top: 0px;
 margin-bottom: 1em;
 font: .8em/1.5em Verdana;
}





#torino-city, #olympics { 
 position: absolute;
 top: 22px;
}

#torino-city { 
 width: 174px;
 left: 450px; 
 top: 16px;
 margin: 0;
 background: url(../images/torino-city.gif) no-repeat;
}

#torino-city a { 
 display: block;
 height: 37px;
 text-indent: -5000px;
}

#olympics {
 left: 640px; 
 top: 22px;
 margin: 0;
 background: url(../images/olympics.gif) no-repeat;
 width: 80px;
}

#olympics a { 
 text-indent: -5000px;
 height: 30px;
 display: block;
}

#breadcrumbs {
 margin-left: 30px;
 margin-bottom: 0px;
 padding-bottom: 13px;
 padding-top: 9px;
 font: .75em Verdana;
 color: #CCC;
}

#breadcrumbs a {
 color: #FFF;
 font-weight: bold;
}

#illustration-top {
 margin-bottom: 20px;
}

#content-container {
 /* for Mac/IE \*/
 clear: both;
 /* */
}

#content {
 width: 450px !important;
 width /**/: 480px;
 float: left;
 margin-top: 0px;
/* margin-left: 30px !important;
 margin-left: 15px; */
 padding-left: 30px; 
 padding-bottom: 50px;
 font-size: 1.05em;
 line-height: 1.35em;
}

#content p {
 margin-top: 0px;
 margin-bottom: 1em;
}

#content h2 { 
 font: bold 1.2em Verdana, Arial, Helvetica, sans-serif;
 margin-bottom: 6px;
 margin-top: 0px;
 color: #fff;
}

#content h2 a { 
 color: #666;
 text-decoration: underline;
}

#content p+ul {
 margin-top: -1em;
}

#content a, #sidebar a { 
 font-weight: bold;
 color: #fc0;
}

#content a:visited { color: #fc0; }
#content a:hover { color: white; }
#content a:active { color: #fc0; }

#sidebar { 
 width: 200px;
 font: .76em/1.7em Verdana, Arial, Helvetica, sans-serif;
 margin-left: 534px;
 margin-bottom: 80px; 
}

#sidebar-nav {
 width: 200px;
}

#sidebar-content {
 padding-left: 0px;
 line-height: 1.5em;
}

#sidebar-content p { 
 margin: 0px;
 padding-right: 0em;
 padding-left: 2.4em;
 padding-top: 1.5em;
 /*padding-bottom: 1.5em;*/
 font-size: 1em;
 line-height: 1.8em;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 background-image: url(../images/quotes.gif);
 background-repeat: no-repeat;
}

#sidebar h3 {
 margin: 0px;
}

#sidebar ul {
 padding: 0px;
 margin: 0px;
 padding-left: 12px;
 margin-top: 0px;
 margin-bottom: 0px;
}

#sidebar li {
 list-style-type: square;
 font: bold 1em/1.7em Verdana, Arial, Helvetica, sans-serif;
 color: #ccc;
}

#sidebar-nav a {
 font-weight: bold;
 color: white;
}

#sidebar a:visited { color: white; }
#sidebar a:hover { color: #fc0; }
#sidebar a:active { color: white; }

#related-links { 
 margin-top: 20px;
/* margin-bottom: 20px;*/
}

#related-links p { margin: 0; }

#related-links a:link { color: white; }
#related-links a:visited { color: white; }
#related-links a:hover { color: #fc0; }
#related-links a:active { color: white; }





/* navigation stuff */

#navigation {
 clear: both;
 position: relative;
 margin: 0px;
 padding: 0px;
 margin-left: 0px;
 font: 0.8em/1.8em Verdana, Arial, Helvetica, sans-serif;
}

.homepage #navigation { 
 margin-left: 50px;
}

#navigation #first { 
 margin-bottom: 50px;
}

#navigation #second, #navigation #third { 
 position: absolute;
 top: 0px;
}

#navigation #second { 
 margin-left: 270px;
}

.homepage #navigation #second { 
 margin-left: 245px;
}

#navigation #third { 
 margin-left: 540px;
}

.homepage #navigation #third { 
 margin-left: 490px;
}

#navigation ul { 
 margin: 0px;
 padding: 0px;
 padding-left: 20px;
}

#navigation li { 
 list-style-image: url(../images/icons/nav-bullet-bright.gif);
}

#navigation a { 
 color: white;
 font-weight: bold;
}

#navigation a:visited { color: white; }
#navigation a:hover {  color: #fc0; }
#navigation a:active { color: white; }


.illo-small {
 margin-right: 0px;
 margin-bottom: 5px;
 position: relative;
 left: -20px;
}




/* image gallery */

.gallery-teaser { 
 margin-top: 20px;
 padding-top: 1em;
 margin-bottom: 2em;
 font: .9em Verdana, Arial, Helvetica, sans-serif;
}

#alt-teaser { 
 width: 470px;
 font: .9em Verdana, Arial, Helvetica, sans-serif;
 margin-left: -20px !important;
 margin-left: -30px;
 padding-left: 10px;
 margin-bottom: 1em;
}

#sidebar .gallery-teaser img { 
 display: block;
 margin: 0;
}

.gallery-teaser img, #alt-teaser img { 
 width: 130px;
 height: 70px;
 border: 1px solid #666;
 margin-right: 26px;
 margin-bottom: 10px;
}

.gallery-teaser .last-teaser, #alt-teaser .last-teaser { 
 margin-right: 0px;
}

.gallery-teaser a, #alt-teaser a { 
 color: #FFF;
}

.gallery-teaser ul, #alt-teaser ul { 
 margin: 0px; padding: 0px;
}

.gallery-teaser li, #alt-teaser li { 
 float: left;
 margin: 0px; padding: 0px;
 display: inline;
 list-style-type: none;
}

.gallery-teaser p, #alt-teaser p { 
 padding: 0;
 background-image: none;
 margin: 0px;
}

#sidebar-content .gallery-teaser p { 
 padding: 0px;
}

.gallery-teaser .teaser-title, #alt-teaser .teaser-title {
 margin: 0;
 background-color: red;
 width: 30px;
 height: 60px;
 text-indent: -5000px;
}

#sidebar-content .gallery-teaser { 
 margin-left: 25px;
}


/* gallery, index page */

#gallery-index { 
 clear: both;
 padding: 20px;
 padding-bottom: 50px;
 padding-right: 0px;
 padding-top: 10px;
 height: 200px;
}

#gallery-index a { 
 display: block;
 border: 1px solid #666;
 line-height: 0px;
}

#gallery-index a:visited { 
 border: 1px solid #666;
}

#gallery-index a:hover { 
 border: 1px solid #FC0;
}
#gallery-index a:active { 
 border: 1px solid #666;
}

#gallery-image img { 
 display: block;
}

#gallery-index ul { 
 margin: 0; padding: 0;
 clear: both;
 margin-bottom: 50px;
}

#gallery-index li { 
 padding: 10px;
 margin-bottom: 6px;
 width: 132px;
 height: 145px;
 margin-right: 24px;
 list-style-type: none;
 display: block;
 float: left;
}

#gallery-index .image-caption { 
 margin-top: 7px;
 font: .75em/1.4em Verdana, Arial, Helvetica, sans-serif;
}


/* gallery, lone image display */

#main #image {  margin-left: 30px;  }

#image a { 
 font-weight: bold;
 color: #FC0; 
}

#image #image-number { 
 float: right;
 text-align: left; 
 width: 190px; 
 color: #CCC; 
 font-size: .75em;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 line-height: 1.3em;
}

#image img { 
 display: block; 
 float: left; 
 /* width: 500px; */
 padding-bottom: 50px;
}

#image p { 
 float: right; 
 width: 190px; 
 text-align: left; 
 font: 1em/1.3em Georgia, Times New Roman, serif;
}

/* code, quotes, lists */

li { 
 list-style-type: square;
}

blockquote { 
 margin: 0px;
 padding-right: 0em;
 padding-left: 3em;
 padding-top: 1.5em;
 padding-bottom: 1.5em;
 font-size: .75em;
 line-height: 1.8em;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 background-image: url(../images/quotes.gif);
 background-repeat: no-repeat;
}

pre, code { 
 color: #F60;
 font-family: Monaco, Andale Mono, Courier New, monospace;
}


/* definition lists */

dt { 
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-weight: bold;
 font-size: .9em;
}

dd { 
 margin-left: 0px;
 margin-bottom: 20px;
 font-size: .8em;
 line-height: 1.4em;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 margin-right: 3em;
}

dd ul { 
 margin: 0px; 
 padding: 0px;
 padding-left: 40px;
}

.calendar dl, .calendar dt, .calendar dd {
 font: .7em/1.3em Verdana, Arial, Helvetica, sans-serif;
 font-weight: normal;
 margin: 0;
 padding: 0;
}
.calendar dt {
 text-transform: capitalize;
 color: red;
 margin-top: .6em;
}
.calendar dd {
 text-transform: uppercase;
 display: inline;
 color: #ccc;
}
.calendar dd strong {
 color: #fff;
}
.calendar dd:before {
 color: #ccc;
 content: " / ";
}

/* form elements  */

#header-tools .search-submit { 
 border: 1px solid #000;
 border-top: 1px solid #F00;
 border-left: 1px solid #F00;
 background: #900;
 color: #FFF;
 font: bold .75em Verdana, Helvetica, sans-serif;
 margin-left: 5px;
 margin-right: 10px;
}

#header-tools .search-input { 
 font: .7em Verdana, Helvetica, sans-serif;
 color: #333;
}



/* footer stuff */

#footer-container {
 background: url(../images/footer-long.gif); 
 background-position: top;
 background-color: #333;
 background-repeat: repeat-x;
 padding-bottom: 70px;
 clear: both;
}

#footer {
 clear: both;
 font: .7em Verdana, Arial, Helvetica, sans-serif;
 padding: 30px;
 padding-top: 90px;
 padding-bottom: 0px;
 width: 680px !important;
 width /**/: 740px; 
}

#footer #aotm { 
 float: right;
display:none;
}

#footer ul, #footer li { 
 margin: 0;
 padding: 0;
}

#footer li { 
 display: inline;
 margin: 0;
 padding: 0;
 padding-right: 15px;
}

#footer a { 
 color: #FFF;
 font-weight: bold;
}

.homepage #footer ul { 
 margin-left: 40px;
 margin-right: 70px;
}

.homepage #aotm { 
 padding-right: 20px;
}

/* accessibility */
.accessibility {
 display: none;
}

ul.adj-link-aid, ul.adj-link-aid li {
 margin: 0;
 padding: 0;
 list-style-type: none;
}