/* Start of CMSMS style sheet 'LT: Layout' */
/* CSS Document  for Lochside Theatre */
/* Designed by Allan Scott - http://www.allanscott.co.uk*/

/*---[ undohtml ]-------------------------- */

:link,:visited { text-decoration:none }
ul,ol { list-style:none }
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input
{ margin:0; padding:0 }
a img,:link img,:visited img { border:none }
address { font-style:normal }
fieldset{
padding:.5em;
}

/*layout.css CSS file*/
body {
font-size:small;
font-family:Verdana, sans-serif;
line-height:1.3em;
color:#333342;
color:#444;
margin:0;
background-color:#fff;
background-image:url(images/layout/body-bg.jpg);
background-position: top;
background-repeat: repeat-x;
}

#pagewrapper {
width:780px;
margin:0 auto;
text-align:left;
height:100% !Important;
height:1%;
background-color:#fff;
}

#navmenu {
background:#0066CC;
float:left;
height:31px;
margin:0 0 5px 0;
padding:0;
position:relative;
width:540px;
z-index:900;
}

#header {
width:540px;
border-bottom: 5px solid #fc8108;
padding:0;
margin:0;
}

#footer {
clear:both;
text-align:right;
border-top: 1px solid #0066cc;
margin:0 20px;
padding:5px;
}

#main-body {
width:780px;
}

#content-box	{
float:right;
width:560px;
margin:0 0 20px 0;
background:url(images/layout/content-box-bg.jpg)top left no-repeat;
}

#content-box .inside	{
padding:10px 0 0 0px;
}

#content {
float:left;
overflow:hidden;
width:380px;
}

#content .inside	{
margin:0;
padding:20px 20px 0 0px;
}

#sidebar {
float:left;
width:218px;
overflow:hidden;
}

#sidebar .inside {
padding:10px 15px 0px 20px;
}

#sidebar-2 {
float:right;
width:180px;
overflow:hidden;
margin-left:-3px;
}

#sidebar-2 .inside {
padding:10px 30px 0 5px;
}

/*---[ programmelist]------------------------*/

#programmelist	{
/*font-family:'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;*/
padding:0;
margin:0 0 20px 0;
text-align:left;
}

#programmelist .eventblock	{
overflow:hidden;
margin:5px 0;
}

#programmelist h1	{
font-size:200%;
line-height:1.5em;
margin:0 0;
/*color:#0066cc;*/
color:#427abd;
}

#programmelist h3	{
font-size:120%;
font-weight:normal;
color:#fff;
padding:1px 0 3px 4px;
margin:10px 0 0 0;
line-height:1.5em;
background-color:#0066cc;
/*border-top:1px solid #fc8108;
border-bottom:1px solid #73a9db;*/
}

#programmelist .eventicon	{
float:left;
margin:0 5px 0 0;
padding:0;
border:1px solid #999;
}

#programmelist p.eventtitle	{
border:none;
font-size:12px;
color:#036;
margin:0 0 0 0;
}

#programmelist p.eventdate	{
border:none;
font-size:11px;
margin:0;
}

#programmelist p.listnote	{
border:none;
font-size:11px;
color:#ff0000;
margin:0;
}

#programmelist .eventsummary	{
font-family:"Trebuchet MS", Arial, Helvetica;
font-size:95%;
font-weight:normal;
color:#333;
margin:0 0 10px 55px;
}


#programmelist a{
text-decoration:none;
font-weight:normal; 
color:#0066cc;
}

#programmelist a:hover{
text-decoration:underline;
color:#fc8108;
}


/*---[ programme-detail ]--- */
.programme-detail	{
margin:0;
}

.event-header	{
overflow: hidden;
background:#ddd;
padding:5px;
}

.event-image	{

}

.event-summary	{
margin:10px 0;
padding:10px;
background:#eee;
border-bottom: 1px solid #ddd;
}

.event-summary p	{
margin:0 0 10px 0;
color:#444;
}

p.event-detail-note	{
background:#ff0000;
font-size:13px;
padding:4px;
font-weight:bold;
color:#fff;
}


.programme-detail h1	{
font-size:18px;
background:#0066cc;
color:#fff;
margin:0;
line-height:normal;
padding:0 .3em .3em .3em;
}

.programme-detail h2	{
height:16px;
font-size:13px;
background:#0066cc;
color:#fff;
margin:0;
line-height:normal;
padding:0 .3em .3em .3em;
}



/*-- text formatting --*/
a{
color:#0066cc;
text-decoration:none;
}

a:hover{
color:#fc8108;
text-decoration:underline;
}

h1, h2, h3	{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:normal;
color:#0066cc;
}

h1	{
font-size:1.8em;
line-height:1.7em;
color:#0066cc;
}

h2 {
font-size:1.5em;
line-height:1.5em;
}

h3{
font-size:1.3em;
line-height:1.3em;
}

#sidebar-2 h3	{
font-size:1.1em;
line-height:1.3em;
margin:5px 0;
padding:0 0 3px 0;
border-bottom:2px solid #fc8108;
}

h4{
font-size:1.1em;
line-height:1.2em;
}

h5{
font-size:1.1em;
line-height:1.1em;
}
h6{
font-size:1em;
line-height:1em;
font-weight:bold;
}

p 	{
font-size:90%;
margin:0 0 10px 0;
}

#footer,.small,.createdate,.modifydate,.mosimage_caption{
font-size:90%;
color:#484848;
}

/*-- other layout --*/
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

hr	{
border:none;
background-color:#0066cc;
height:1px;
}



/* End of 'LT: Layout' */