/* @group Reset */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center, input, button, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td 
{ margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
ol, ul            { list-style: none; }
blockquote, q     { quotes: none; }
ins               { text-decoration: none; }
del               { text-decoration: line-through; }
table             { border-collapse: collapse; border-spacing: 0; }

/* @end */

/* @group Basic Typography */

body              { color: #8c7778; font-size: 62.5%; line-height: 1.4; font-family: Arial, Helvetica, Geneva, sans-serif; }
h1, h2, h3,
h4, h5, h6        { color: #531610; font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; }
h1                { font-size: 360%; letter-spacing: -1px; }
h2                { font-size: 360%; }
#media h2         { font-size: 180%; }
h3                { font-size: 280%; }
h4                {  }
h5                {  }
h6                {  }
a                 { color: #531610; text-decoration: none; outline: none; }
p, li, dl, 
table, select     { font-size: 120%; }
option            {  }
#slideshow li,
#news li          { font-size: 100%; }
button, label, select, option,
input, textarea   { font-family: Arial, Helvetica, Geneva, sans-serif;  }
button            { cursor: pointer; }
hr                { display: none; }
textarea          { overflow: auto; }
.source           { text-align: right; color: #aa5353; font-style: italic; }

/* @end */

body              { min-width: 960px; }

.wrapper          { width: 960px; margin: 0 auto; }

#header           { background: url(images/header_2.jpg) repeat-x center top; height: 146px; position: relative; z-index: 200; }
#headerWrapper    { background: url(images/header_1.jpg) no-repeat center top; height: 146px; }
#content          { background: url(images/content.jpg) no-repeat center top; min-height: 600px; }
#footer           { background: url(images/footer_2.jpg) repeat-x center bottom; height: 200px; }
#footerWrapper    { background: url(images/footer_1.jpg) no-repeat center bottom; height: 200px; }

#header a#brand,
#header h1        { float: left; display: inline; width: 300px; height: 87px; margin: 34px 20px 0 10px; text-indent: -9000px; }
#header h1 a      { display: block; width: 300px; height: 87px; }
#header a#brand img  {  }

#nav              { float: left; display: inline; width: 630px; height: 143px; position: relative; }
#nav a            { color: #fff; }

#extraNav,
#extraNav li,
#extraNav a,
#mainNav,
#mainNav li,
#mainNav a,
#specialNav li,
#specialNav a     { float: left; display: inline;}
#extraNav,
#extraNav li,
#extraNav a,
#mainNav,
#mainNav li,
#mainNav a        { text-transform: lowercase; }
#specialNav       { float: right; display: inline; padding: 26px 10px 0 0; text-align: center; line-height: 1.1; }
#specialNav li    { width: 140px; margin-left: 20px; text-transform: uppercase; }
#specialNav a     { color: #dfbea0; width: 120px; padding: 14px 10px 14px; background-color: #61100b; }
#specialNav a.active,
#specialNav a:hover     { background-color: #7a1111; }
/*#specialNav a:active    { position: relative; top: 1px; }*/
#mainNav          { clear: left; position: absolute; bottom: 0; left: 0; padding: 10px 0 8px; }
#extraNav         { padding-top: 43px;  }

#extraNav a       { padding: 2px 10px; margin-right: 5px; }
#extraNav a.active:hover,
#extraNav a:hover,
#extraNav a.active   { background-color: #7a1111; -webkit-border-radius: 5px; -moz-border-radius: 5px; }
#mainNav li a:hover,
#extraNav a:hover    { background-color: #4d0708; }
#mainNav li a:active,
#extraNav a:active   { background-color: #7a1111; /*position: relative; top: 1px;*/ }
#mainNav li          { font-size: 160%; padding: 0 10px; background: url(images/mainNavLi.gif) no-repeat left center; position: relative; }
#mainNav li.first-child,
#mainNav li:first-child   { font-size: 160%; padding: 0 10px 0 0; background: none; }
#mainNav li a        { line-height: 1; padding: 3px 10px 6px; }
#mainNav li:hover a,
#mainNav li a:hover,
#mainNav li a.active { background-color: #7a1111; -webkit-border-radius: 7px; -moz-border-radius: 7px; }

#mainNav li ul       { position: absolute; top: 25px; left: 10px; display: none; background-color: #7a1111; z-index: 50; padding: 10px 0; width: 160px; }
#mainNav li.subNav:hover a  { -webkit-border-bottom-left-radius: 0;
						-webkit-border-bottom-right-radius: 0;
						-moz-border-radius-bottomleft: 0;
						-moz-border-radius-bottomright: 0; }
/*#mainNav li:hover ul { display: block; }*/
#mainNav li ul li,
#mainNav li ul li a  { font-size: 14px !important; display: block; background-image: none; float: none; clear: both; }
#mainNav li ul li:first-child,
#mainNav li ul li.first-child,
#mainNav li ul li    { padding: 0 0 0 0; border-top: 1px solid #6f0e0f; }
#mainNav li ul li:first-child,
#mainNav li ul li.first-child   { border-top: none; }
#mainNav li ul li a:hover  { background-color: #6f0e0f; }

#mainNav li ul li a:hover  {  -webkit-border-radius: 0; -moz-border-radius: 0; }

#slideshow,
#mainPage,
#mainContent         { margin: 0 10px; }
#slideshow           { padding: 50px 0 0; width: 940px; height: 340px; overflow: hidden;}
#slideshowContent    { width: 940px; height: 340px; float: left; overflow: hidden; }
#slideshow ul        { width: 2840px; margin-left: 0; }
#slideshow ul,
#slideshow ul li     { float: left; display: inline; }
#slideshow ul li     { width: 940px; height: 340px; position: relative; }

#slideshow ul .slideContent { position: absolute; bottom: 0; left: 0; width: 940px; height: 145px; background: url(images/slide_show_bg.png) repeat; }

#slideshow ul h2,
#slideshow ul .content   { position: absolute; left: 15px; margin-top: 10px; }
#slideshow ul h2     { width: 275px; line-height: 1; color: #fff; }
#slideshow ul h3     { color: #fff; position: relative; line-height: 1.1; margin: 0 0 10px; }
#slideshow ul .content   { position: absolute; width: 595px; height: 103px; left: 330px; color: #fff; overflow: hidden; }
#slideshow li a      { color: #fff; }
#slideshow li a.edit      { color: #da1f20; }

.carousel-control    { color: #fff; position: absolute; z-index: 90; top: 200px; width: 40px; height: 40px; background-image: url(images/arrows.png); overflow: hidden; text-indent: 9000px; opacity: 0.8; cursor: pointer; }
.carousel-control:hover  { opacity: 1; }
.carousel-control:active { top: 201px; }
.previous            { left: -10px; background-position: left top; }
.next                { right: -10px; background-position: -40px top; }

#content .wrapper    { position: relative; }

#mainPage,
#mainContent,
#produzioni,
#news                { float: left; display: inline; }
#mainPage,
#mainContent         { margin-top: 20px; margin-bottom: 0; position: relative; z-index: 10; }
#mainContent         { width: 940px; background: url(images/mainContent.gif) repeat-y 314px; overflow: hidden; }
#mainPage            { background: url(images/mainPage.png) no-repeat left 50px; margin-top: 0; }
#produzioni          { width: 300px; margin-right: 30px; }
#news                { width: 610px; overflow: hidden; }
#news h2,
#produzioni h2       { padding-bottom: 15px; line-height: 1; font-size: 300%; }
#produzioni h3       { color: #aa5353; font-size: 240%; }
#produzioni h3 a     { color: #aa5353; }
#produzioniContent   { background-color: #f4f0ef; padding: 10px 10px 20px; }
#produzioni p.distribuzione       { font-size: 100%; font-weight: bold; display: inline; background-color: #fff; color: #593c3c; text-transform: uppercase; padding: 2px 6px; -webkit-border-radius: 4px; -moz-border-radius: 4px; }
#produzioni p        { padding: 8px 0 16px; color: #904d4d; }
#produzioni img      { display: block; }
#list li,
#news li             { font-size: 100%; padding: 15px; }
#list li             { float: left; clear: both; width: 720px; }
#news li             { clear: both; float: left; width: 585px; }

.newsContent         { float: left; width: 445px; }
#news li p           { font-size: 110%; }
#news li.first-child { padding: 0 15px 15px 10px; }
#list li p,
#news li.first-child p { font-size: 120%; }
#list li h3,
#news li h3          { font-size: 180%; line-height: 1.2; margin-bottom: 5px; }
#list li h3 a,
#news li h3 a        {  }
#list li.alt,
#news li.alt         { background-color: #f2f2f2; font-size: 100%; }
#list img,
#news img            { float: left; display: inline; width: 100px; border: 5px solid #d2d2d2; margin: 0 30px 5px 0; }

#list .noImage img,
#news .noImage img   { border: 5px solid #ebe6e6; }

#singleArticle .newsInfo { text-align: right; padding-right: 35px; color: #531610; padding-top: 10px; margin-bottom: -15px; }
#singleArticle .content .newsInfo { padding-top: 20px; padding-right: 0; }

#list p.date,
#news p.date         { font-size: 120%; color: #730703; float: right; display: inline; font-weight: bold; position: relative; top: 6px; }
#list p.newsInfo,
#news li.first-child p.newsInfo,
#news p.newsInfo     { text-align: right; font-size: 110%; padding-top: 5px; clear: left; }
#list p.newsInfo a,
#news p.newsInfo a   { padding: 2px 6px 4px; color: #787877; background-color: #f2f2f2; -webkit-border-radius: 4px; -moz-border-radius: 4px; }
#list li.alt p.newsInfo a,
#news li.alt p.newsInfo a   { background-color: #fefefe; }
#list li.alt p.newsInfo a.category,
#news li.alt p.newsInfo a.category,
#list p.newsInfo a.category,
#news p.newsInfo a.category { float: left; display: inline; margin-left: 0; padding: 2px 0 4px; color: #730703; background-color: transparent; }
#news li p em        { color: #cd3c00; font-style: normal; }

#singleArticle, #media,
#genericList, #aside { float: left; display: inline; }
#singleArticle, #media,
#genericList         { width: 750px; margin: 15px; padding-top: 50px; }

#genericList .content  { float: left; width: 580px; }
#singleArticle .articleContent  { width: 700px; padding: 15px; }
#singleArticle .articleContent.single  { clear: both; }
#singleArticle .articleContent.single .content { float: right; }

#genericList h1,
#singleArticle h1      { line-height: 1; }
#genericList h1        { padding: 15px 15px 5px; }
#singleArticle h1      { padding: 15px 15px 0; }
#singleArticle p.date  { margin-left: 15px; font-size: 120%; color: #730703; font-weight: bold; }
#singleArticle p.date a  { font-weight: normal; }

.imageColumn, #singleArticle .content { float: left; display: inline; }
.imageColumn            { width: 210px; }
.imageColumn .mediaLink { text-align: center; padding-top: 5px; }
.imageColumn img        { border: 5px solid #d2d2d2; }
#singleArticle .content { margin-left: 30px; width: 460px; }
#singleArticle .content.alt { margin-left: 0; }
.mainContent p,
#singleArticle .content p { margin-bottom: 14px; }

#mediaContent        { padding: 15px 15px 5px; }
#mediaContent h1     { line-height: 1; padding-bottom: 10px; }
.album               { float: left; display: inline; padding-bottom: 30px; }
.album, #media       { width: 910px; }
.album h2            { margin-bottom: 5px; }
.album h2 span       { padding: 2px 6px 4px; color: #787877; background-color: #f2f2f2; -webkit-border-radius: 4px; -moz-border-radius: 4px; font-size: 11px; margin: 0 0 0 8px; position: relative; top: -2px; font-weight: normal; }

.album ul, .album li,
.album li a, 
.album li a img      { float: left; }
.album li,
.album li a, 
.album li a img      { width: 108px; }
.album li            { margin: 0 5px 5px 0; }


#headingRassegna,
#headingTeatri       { margin: -30px 0 0 -8px; float: left; width: 713px; height: 84px; padding: 48px 0 12px; background: url(images/teatri.png) no-repeat left top; }
#headingRassegna     { background-image: url(images/consorzio.png); }
#headingRassegna h1,
#headingTeatri h1    { text-indent: -9000px; width: 0; height: 0; padding: 0 !important; }
#headingRassegna p,
#headingTeatri p,
#headingRassegna span,
#headingTeatri span  { float: left; display: inline; }
#headingRassegna p,
#headingTeatri p     { float: left; margin-left: 323px; width: 220px; color: #592825; text-shadow: #c1aaaa 0 -1px 0;  }
#headingRassegna span,
#headingTeatri span  { margin: 7px 0 0 20px; font-size: 120%; }
#headingRassegna span a,
#headingTeatri span a  { float: left; color: #592825; padding: 2px 10px; background-color: #eadfdd;  -webkit-border-radius: 5px; -moz-border-radius: 5px; }
#headingRassegna span a:active,
#headingTeatri span a:active  { position: relative; top: 1px; }

#aside               { width: 120px; min-height: 300px; padding: 77px 10px 10px; float: right; background: url(images/aside.jpg) no-repeat left -1px; }
#aside h2            { font-size: 240%; padding-bottom: 8px; text-shadow: #fff 0 -1px 0; border-bottom: 1px solid #d7cfcf; }
#aside ul            { border-top: 1px solid #b8adad; padding-top: 15px; }
#aside li:first-child  { border: none; }
#aside li            { font-size: 100%; font-weight: bold; text-transform: uppercase; padding: 2px 0; border-top: 1px solid #ccc2c2; }
#aside a             { display: block; color: #593c3c; padding: 1px 6px; }
#aside li.active a   { background-color: #fff; color: #593c3c; -webkit-border-radius: 4px; -moz-border-radius: 4px; }

/*.pagination          { clear: both; padding: 40px 0 20px; }
.pagination li       { display: inline; }*/


.pagination        { float: left; display: inline; width: 685px; overflow: hidden; margin: 0; padding: 30px 0 20px; }
.pagination ul,
.pagination li,
.pagination li a   { float: left; display: inline; }
.pagination ul     { border-top: 1px solid #e3e2d5;  }
.pagination li     { margin-right: -1px; }
.pagination li a   { border: 1px solid #e7d9d6; background-color: transparent; padding: 4px 9px; }
.pagination li.selected a,
.pagination li a:hover     { border: 1px solid #6c1615; background: #6c1615; color: #fff; position: relative; z-index: 10; }


#footer              { clear: both; text-align: center; position: relative; z-index: 1; }
#footer a            { color: #dfbea0; }
#footerWrapper       {  }
#footer .wrapper     {  }
#footer .wrapper p   { padding-top: 140px; font-size: 140%; }

.alt form,
.alt label,
.alt label span,
.alt label input     { float: left; display: inline; }
.alt form            { width: 460px; background-color: #f2f2f2; padding: 20px; margin-bottom: 15px; }
.alt label           { padding: 2px 0; }
.alt label input,
.alt label textarea     { background-color: #fff; border: 1px solid #592825; padding: 5px; width: 200px; }
.alt label span      { width: 80px; position: relative; top: 2px; }
.alt button          { display: block; clear: both; background-color: #6c1615; color: #fff; padding: 5px 10px; margin-left: 80px; }
.alt button,
.alt label,
.alt input           { font-size: 12px; }

#controls            { position: fixed; bottom: 20px; left: 20px; z-index: 9999; background-color: #000; color: #fff; padding: 10px; opacity: 0.8; }
#controls a          { color: #fff; }