@import url(layout.css);
@import url(presentation.css);
@import url(colour.css);
/*
@import url(mimicon.css);
*/
html { }
body { margin-left: 25px; margin-right: 25px; width: 70em; min-width: 55em; font-family: "Verdana", sans-serif; font-size: 95%;}

/* ====== Forms layout for the admin interface ============================= */
fieldset { margin-top: 1em; padding: 0.66em 0.33em; }
.hid { float: left; }
caption { text-align: left; }
table { border-collapse: collapse; }
th, td { padding: .2em .5em; text-align: left; font-weight: normal; vertical-align: top; }
th p, td p { margin: 0 0 .5em 0; }
blockquote p { margin-top: 0; }
table#autheditlist, table#pageeditlist, table#newseditlist, table#titleeditlist, table#transeditlist   
    { width: 100%; padding: 1em; border: 1px solid #ccc; }
tr#hdr td { background-color: #ddf; }
table.editlist { width:96%; margin:0.5em auto; }
table.editlist tr { font-size: 85%; }

div.editbox { margin: 0.5em auto; width: 98%; padding: 0; }
div.editbox h1, div.editbox h2 { background: none; }
div.editbox h1 a, div.editbox h1 a:visited { color: #fff; }
div.editbox { font-size: 105%; }
div.editbox input, div.editbox textarea { 
    font-family: "Droid Sans", "Courier", sans-serif;
    font-size:108%; 
    padding: 0.2em 0.33em; 
    background: #ffe;
}
div.editbox textarea { }
div.editbox input:focus, div.editbox textarea:focus { border: 1px solid #dde; background: #fff;}

/* ========= Styling the dynamic HTML feedback div ===================== */
#statusmessage { position: absolute; top: 100px; left:200px; right: 200px; z-index: 5000; }
#statusmessage div { width: 400px; margin: 0px auto; height: 50px; padding: 35px 10px 10px 75px; 
    background-repeat: no-repeat; background-position: left; font-size: 14px; opacity: .75;
    filter: alpha(opacity=75); }

/* ========= Autocompletion result styling ============================ */
div.autocomplete { position:absolute; width:250px; width: 15em; background-color:white; border:1px solid #ddd; margin:0; padding:0; font-size:0.9em; color: #444;}
div.autocomplete ul { list-style-type:none; margin:0; padding:0; }
div.autocomplete ul li.selected { background-color: #eef; }
div.autocomplete ul li { background-color: #fff; list-style-type:none; display:block; margin:0; padding:2px; height:1.2em; cursor:pointer; }

/* ======== Layout for tab-styled lists =============================== */
.lcolgroup, .rcolgroup { width: 45%; padding-left: 1em; } 

/*ul.col1 { position: absolute; top:6em; left: 2em; }
ul.col2 { position: absolute; top:6em; left: 35%; }
ul.col3 { position: absolute; top:6em; left: 70%; }*/
ul.col1 a, ul.col2 a, ul.col3 a { font-size: 100%; }

/* ========= Main header shenanigans =================================== */
#logo { font-size: 1em; margin: 0 1em 0 1em; padding: 0; }
#logo { height: 8em; width: 58em; width: 68em; min-width: 55em; }
#logo { background: transparent url("/img/assets/logo.png") 0.5em 0 no-repeat;}
ul#skipnav { margin: 0; padding: 0; position: absolute; left: 4%; top: 0; list-style-type: none; font-size: 80%; width: 80%; }
ul#skipnav li  { display: inline; }
ul#skipnav li a { margin: 0 1em 0 0; padding: 0; text-decoration: none; }
#legend { margin-bottom: -1em; width: 64%;}
#legend { position: relative; top: -1.75em; left: 85px; }
#legend p { margin: 0; padding: 0.5em; font-size: 80%; }
#srchbox { float: right; width: 13.5em; margin-right: 1em; }

/* ======= Row of navigation buttons =================================== */
#headerblock { float: left; padding-left: 0.5em; display: inline; width: 98%; margin-bottom: 1em;}
#headerblock {  font-size: 85%; }
#headerblock ul { margin: 0; padding: 0; list-style: none; }
#headerblock li { float: left; margin: 0 5px 0 0; }
#headerblock li { text-align: center; }
#headerblock li a { text-decoration: none; display: block; font-weight: bold;  padding: 0.25em 0.66em; }

/* ====== Occasional use submenu =============================== */
#submenu { float: left; padding-left: 0; display: inline; padding-bottom: 1em; width: 93%; }
#submenu ul { margin: 0.15em 0 0 0; padding: 0; }
#submenu li { float: left; margin: 0 5px 0 0;  list-style-type: none;}
#submenu li { text-align: center; }
#submenu li a { display: block; font-weight: bold; padding: 0.25em 0.66em 0.25em 0.66em;}
#submenu li a img { vertical-align: top;}

/* ======= Footer styles ================================================ */
#footer { width: 93%; padding-top: 2em; }
#footer ul { clear: both; margin: 0 auto; padding: 5px 0; }
#footer ul { font-size: 90%; height: 30px; }
#footer li { display: inline; list-style-type: none; margin: 0 .5em 0 1em; }
p#credits {text-align: center; padding-top: 0.25em; width:90%;}

/* ========= Basic post-header styling ================================= */
#main { 
    float: left; 
    min-width: 40em;
    width:100%;
/*    background: transparent url(../img/background.jpg) 0 0 repeat;*/ 
    background-attachment: fixed; 
}

/* ======== Centre, Left & Right column styles ========================= */
#content { font-size: 0.85em; line-height: 110%; }
#lhcolumn, #rhcolumn { font-size: 0.85em; line-height: 110%; }
#lhcolumn  { margin: 0 0 2em 0.5em; }
#rhcolumn  { margin: 0 0.5em 2em 0; }
img.hicon { padding: 0 1em;}

/* ======== Flash user feedback device ========================= */
#flash { position: fixed; top: 0px; left: 0px; width: 100%; z-index: 1000; background-color: #569; color: white; border-bottom: 1px solid #555; }
#flash, #flash * { cursor: pointer; }
#flash .yui-b { padding: 5px 0; }
#flash .yui-b>* { font-size: 128%; }
#flash label { display: block; text-align: right; font-weight: bold; text-transform: capitalize; }
#flash label:after { content: ':'; }
#flash.subtle { background-color: #444; color: white; }
#flash.subtle:hover { background-color: #222; }
#flash.warning { background-color: #ff0; color: black; }
#flash.warning:hover { background-color: #ff8; }
#flash.success { background-color: #595; }
#flash.success:hover { background-color: #7b7; }
#flash.failure, #flash.error { background-color: #800; }
#flash.failure:hover, #flash.error:hover { background-color: #a00; }
#flash.subtle, #flash.success, #flash.failure, #flash.error { text-shadow: black 2px 2px 2px; }

/* ********* Design styling ******************************************** */

#lhcolumn h1, #content h1, #rhcolumn h1 { margin-bottom: 0.5em; padding: 0.25em 0.5em 0em 0.5em; }

/* ======== Main central content area styles =========================== */
.main-content { width: 100%;}

#content       { margin: 0 0.5em; }
#content h3    { font-size: 135%; }
#content p     { font-size: 100%; line-height: 140%; margin: 0 1em 1.25em 1em; }
#content p a   { margin: 0; padding: 0; margin-bottom: -0.25em; }
div.faqfrag    { margin-bottom: 2em; padding: 1em; border:1px solid #aaa; }
#content .faqfrag h2, #content .faqfrag h3, #newfaq h2
    { border: none; background: none; margin-bottom: 0; color: #444; }
#content .faqfrag h2 a, #content .faqfrag h3 a
    { font-size: 115%; }
#newfaq h2 { margin-left: 0.66em; font-size: 135%; }
 
/* ======== Left/Right column content styles =========================== */
#lhcolumn ul, #rhcolumn ul { margin: 8px 0 1em 0; list-style-type: none; }
#newslist .newsitem h2, #newslist .newsitem h3, 
    #newslist .production h2, #newslist .production h3, 
    #productions .production h2, #productions .production h3,
    #newsnewslist .newsitem h2, #newsnewslist .newsitem h3, 
    #enscene h2
    { border: none; background: none; margin-bottom: 0; }
#newslist .newsitem h2 a, #newslist .newsitem h3 a, 
    #newslist .production h2 a, #newslist .production h3 a, 
    #productions .production h2 a, #productions .production h3 a,
    #newsnewslist .newsitem h2 a, #newsnewslist .newsitem h3 a
    { font-size: 95%; }
#newslist .newsitem, #productions .production, #newsnewslist .newsitem, 
    #newsnewslist .newsitem, #signals, #announcements, #enscene .newsitem
    { margin-bottom: 0.66em; padding-bottom: 0.66em; }

#lhcolumn span.photocredit, #rhcolumn span.photocredit  { padding-left: 0; }

/* ======== Left column-specific content styles ========================= */
#lhcolumn p   { }
#lhcolumn a   { }
#lhcolumn .date { font-size: 100%; }

#newsnewslist { border-right: 1px solid #698; }

/* ======== Right column=specific content styles ======================= */
#rhcolumn dl  { margin: 0 0 1em 0; padding-left: 0; }
#rhcolumn dt  { margin-top: 10px; }
#rhcolumn dd  { margin: 0; background: url("/img/assets/bullet.gif") 0 .4em no-repeat; padding-left: 12px; }
#rhcolumn #plays h1, #rhcolumn #bookspanel h1 { font-size: 120%; }
#rhcolumn #plays h1 a, #rhcolumn #bookspanel h1 a { color: #fff; }
#rhcolumn #plays h1, #rhcolumn #plays h2, #rhcolumn #books h1, #rhcolumn #bookspanel h2  { padding: 0.15em; }
#bookspanel {margin-top: 1.33em;}

/* ======== Authors names list ========================================= */
div.namelist { padding: 0.5em 0; }
div.namelist table tr {background: none;}
div.namelist table tr td {background: none;}
ul.list { list-style-type: none; font-size: 90%;}
ul.list li { line-height: 1.75em; }
ul.tlist { list-style-type: none; font-size: 90%;}
ul.tlist li { line-height: 1.65em; /* padding-left: -2em; */ margin-left: -2em;}

/* ======== Tab introduction style ===================================== */
div.intro { padding: 0.5em; border: 1px solid #ccf; margin-top: 1em;} 
div.introit { background: #fff url("/img/cc/it.png") 0 .4em no-repeat; } 
div.introen { background: #fff url("/img/cc/gb.png") 0 .4em no-repeat; } 

/* ======== Various stylings for different types of #content =========== */

/*
span.author { font-style: italic; }
span.newsdate { font-size: 80%; color: #9F1C00; }
span.cnt { color: #9F1C00; width: 2em;}
*/

#titledetail, #authordetail { font-size: 100%; padding-bottom: 1em;}
#titledetail li, #authordetail li { margin: 0.25em 0 1em 3em; }
#titledetail p, #authordetail p  { margin: 0 1em; }
#titledetail h3, #authordetail h3,
#titledetail h4, #authordetail h4,
#titledetail h5, #authordetail h5,
#titledetail h6, #authordetail h6  { margin: 1.5em 1em 0.5em 1em; }
#pedialink { margin: 1em; font-size: 85%; }
#pedialink a { font-style: italic; }

#authordetail h2 { float: none; clear: both; }

#lead { margin-bottom: 1em; }

#content .newsitemfull 
    { margin-bottom: 0.66em; padding-bottom: 0.66em; }
#content .newsitemfull h2, #content  .newsitemfull h3
    { border: none; background: none; margin-bottom: 0; }
#content .newsitemfull h2 a, #content .newsitemfull h3 a 
    { font-size: 125%; color: #666;}


/* ======== News items and photo credits ================================= */

/*
#newscontent { font-size: 80%; margin-left: 1em;}
#newslist { font-size: 85%; }
#newslist h2 { margin-top: 0; padding-top: 0; font-size: 140%; }
#newslist img { padding:0 0.5em 0.15em 0; width: 80px; }
.newsitemfull { margin: 0.5em; padding: 0.5em; }
*/

span.photocredit , span.origlang { font-size: 80%; font-style: italic; }
span.photocredit { padding-left: 2em; }


/*#lhcolumn img.scene, #lhcolumn img.scene 
    { margin: 0.5em 0.25em 0.1em 0; padding: 0.2em; float:left; }

#rhcolumn .newsimg,  #lhcolumn .newsimg, #enscene .newsitem .newscontent .newsimg 
    { margin: 0.5em 0.25em 0.1em 0; padding: 0.2em; float:left; }

*/
img.scene, .newsitemfull .newscontent .newsimg, #signals .newsimg, #signals .newsimg, #lead .newsimg,
div#enscene div.newsitem div.newscontent img.newsimg, div#content img.newsimg 
    { margin: 0.5em 1em 0.5em 1em; padding: 0.5em; border:1px solid #ddd; float:left; }

#lhcolumn img.scene, #lhcolumn img.newsimg, #lhcolumn .newsitem .newscontent .newsimg 
    { margin: 0.5em 0.5em 0.1em 0; padding: 0.2em; border: 1px solid #ddd; float:left ;}

#rhcolumn #productions .production .newsimg
    { margin: 0.5em 0.5em 0.1em 0; padding: 0.2em; border: 1px solid #ddd; float:left ;}

.newscontent { margin-bottom: 1em;}
div.newscontent p {margin: 0 0.66em; padding:0;}
div#signals div#announcements {margin:0; padding:0; border:none;}
/* Photos of authors and translators */
/*img.transpic { margin-left: 30px; margin-top: 5px; }*/

img.portblock { display: block; margin: 5px auto; padding-left: 8px; }
img.landblock { display: block; margin-left: 8px; margin-right: 2px; }
.imgblock { display: table-cell; vertical-align: middle; width: 210px; height: 210px; /* background: #f0f0f0; border: 1px solid #ccc; */ background: #f0f0f0; border: 1px solid #aaa;}
#imgblockwrap { float: left; margin: 0.5em 1em 0.5em 1em; }
/*
img.floatimage { float: right; padding: 3px; margin: 0 0 1em 1em; }
img.floatimagethumb { float: left; padding: 3px; margin: 0 .5em .5em 0; }
*/

/* ====== Generic styling and utility classes =========================== */
/* ====== Header styling ================================ */
h1, h2 { font-weight: normal; line-height: normal; }
h1 { font-size: 150%; }
h2 { font-size: 130%; }
h3 { font-size: 115%; }
h4 { font-size: 100%; }

h1, h2, h3, h4, h5 { font-family: "Helvetica", "Verdana", sans-serif; margin-bottom: 0.5em;}
a { text-decoration: none; }
pre { padding: 1em; font-family: mono; }
em { font-style: italic; }
strong { font-weight: bold ;}
p { font-family: "Verdana", "Bitstream Vera Sans", "Arial", "Helvetica", sans-serif; }

div#vcard ul, div#hcard ul { padding-left: 1em; }
#pageLogin { font-size: 10px; font-family: verdana; text-align: right; margin-right: 2em; }
#sparql {margin-top: 1em; }
div.srchres { font-size:95%; margin:0.66em 1em; padding:0 0.5em 0 0.5em; padding-bottom: 0;border: 1px solid #ddd; }
span.orglang { font-style: italic;}

/* ======== FAQ LHS TOC =============================================== */ 
span.faqa { font-size: 120%; line-height: 140%; padding-left: 1em; }
#enscene h2 { font-size: 145%; color: #444;}
#enscene h3 { font-size: 110%; }

/* ======== Lang switch =============================================== */ 
.langid { font-size: 90%; font-weight: normal; }

/* ========= Unused =================================================== */
div#vcard, div#vcard { padding: 1em; border: 1px solid #aaa; }
#sitemap ul { margin: 1em; }
/* a.srchhdr { font-weight: bold; font-size: 120%; } */
tr.thead td a { font-weight: bold; font-size: 120%; }

#application legend.req:before { color: red; content: "\* ";}
#application fieldset { margin: 1em;}

/* ======== TW Forms ================================================== */

/*ul.field_list { list-style-type:none; display: block; margin:1em; padding: 2em;}
ul.field_list li { font-size: 120%; }
ul.field_list li.odd { background: #eef; }
ul.field_list li.even { background: #efe;}
ul.field_list li label { font-size: 80%; font-weight: normal;}
ul.field_list li label.required:before { color: red; content: "\* ";}*/

#amatoriale_form_produzione_container, #amatoriale_form_contatti_container,
#amatoriale_form_fatturazione_container, #amatoriale_form_rubric_label_container, 
#amatoriale_form_submit_container 
    { list-style: none; }
fieldset.contatti, fieldset.fatturazione {margin-top: 3em;}

div.newscontent iframe {margin: 0.5em auto;}