/* --- TYPOGRAPHY CSS --- */

/*==========================================
 *     GENERAL STYLES
 *==========================================*/
  
body {
font-family:verdana, arial, helvetica, sans-serif;
font-size:77%;
color:#000000;
}

/* --- Accessibility --- */
#block_1.bigger, #block_2.bigger{font-size:116%;}

/*==========================================
 *     TYPE
 *==========================================*/

h2, h3, h4, h5, h6 {margin:0; padding:0; position: relative; clear: left; text-align: left; font-family:arial, helvetica, verdana, sans-serif;}

h2 {font-size:100%;margin:0 0 3px 0; padding:0;}
h3 {font-size:85%; color:#cc0099; font-weight:bold;margin:0 0 3px 0; padding:0;}
h4 {font-size:85%; color:#EE0191; font-weight:bold;margin:0 0 12px 0; padding:0;}
h5 {font-size:85%; color:#820267; font-weight:bold;margin:0 0 12px 0; padding:0;}
h6 {font-size:77%;margin:0 0 3px 0; padding:0;}

div.maintitle {
margin:0 0 10px 0;
padding:0;
color:#ec008c;
width: 100%; position: relative; clear: both;
}

.kw-news-box div.maintitle {margin: 0;}

#rightCol div.maintitle {margin-top: -20px;}

div.maintitle h1 {
font-size:230%;
margin:0;
padding:0 0 2px 0;
font-weight:bold;
font-family:arial, helvetica, verdana, sans-serif;
text-transform: uppercase;

}

div.maintitle h2 {
font-size:230%;
margin:0;
padding:0 0 2px 0;
font-weight:bold;
font-family:arial, helvetica, verdana, sans-serif;
width: 100%; position: relative; clear: both;
text-transform: uppercase;
}

h3 {
margin:10px 0 10px 0; 
padding:0 0 2px 0;
font-size:180%;

font-family:arial, helvetica, verdana, sans-serif;
font-weight: 400;
}

h4 {
margin: 15px 0 10px 0; 
padding: 25px 0 20px 60px;
font-size:134%;
letter-spacing:-0.02em;
font-weight: 600;
background:url(/other_files/kidsweek-v2/2011-images/2011-page-content-h4-bg.png) top left no-repeat;

}

h5 {
font-family:arial,helvetica,verdana,sans-serif;
font-size:134%;
margin:15px 0 4px 0;
padding:0 0 3px 0;
font-weight: 600;
}

a, a:link, a:visited {
color:#00adef;
font-weight: bold;
text-decoration:underline;
}

a, a:hover {
color:#0852a5;
text-decoration:none;
}

a.edit {
color:#e9009b;
float:right;
margin:0;
padding:0;
}

p.archive a{
font-size:92%;
font-weight:bold;
}

p {
margin:0 0 10px 0; 
padding:0;
line-height:18px;
position: relative;
width: 755px;
}

p span {font-weight:bold; text-transform:capitalize;}

p span.title{font-weight:bold; text-transform:none; }

p span.activityName{
color:#0852A5;
font-weight:bold; 
text-transform:none;
}

p.date {
margin:0 0 10px 0;
padding:0;
font-size:77%;
color:#838383;
}



/* small grey */
p.sg {
font-size:85%;
color:#666;
line-height:13px;
margin:0 0 15px 0;
}

/* --- hr --- */

hr {
margin:15px 0;
padding:0;
height:1px;
color:#ccc;
background-color:#ccc;
border:0;
position: relative;
clear: both;
}

hr.pinkline {
margin:15px 0;
padding:0;
height:10px;
color:#fe76c8;
background-color:#fe76c8;
border:0;
}

/*==========================================
 *     PAGINATION
 *==========================================*/

/* Vyre Pagination */

ul.pagination {
float:right;
width:auto;
font-size:92%;
margin:0 0 10px 0;
padding:0;
}

ul.pagination li {
width:13px;
float:left;
text-align:center;
margin:0 0 0 0;
padding:0;
}

ul.pagination li.last {border-right:0;}

ul.pagination li a {
background:#fff;
padding:1px 0px 1px 0px;
margin:0;
font-weight:normal;
text-decoration:none;
}

/* Ajax Pagination */

div.pagination {
border:0px solid red;
margin:0 0 10px 0;
padding:0;
float:right;
cursor:pointer;
font-size:92%;
line-height:16px;
}

div.pagination p {
border:0px solid blue;
margin:0;
padding:0 2px;
display:inline;
}

div.pagination a {
border:0px solid green;
margin:0;
padding:0 2px;
display:inline;
text-decoration:none;
}

div.pagination b {
border:0px solid orange;
margin:0;
padding:0 2px;
}

/*==========================================
 *     LISTS
 *==========================================*/


#footer ul {

padding:10px 0 20px 0;
margin:0 0 18px 0;
font-size:85%;
}

ul {

padding:10px 0 5px 0;
margin:0 0 0px 0;
font-size:85%;
}

ul li {
padding: 0 0 0 15px;
margin:0 25px 10px 25px;
}


ul li.story.showlist {
padding:0;
/*margin:0 0 4px 0;*/
}


ol {
padding:0;
margin:0 0 18px 20px;
font-size:85%;
list-style-type:decimal;
}

ol li {
padding: 0;
margin:0 0 4px 0;
background:none!important;
text-align: left;
color: #888;
}





/* =============================================================
      Kids Week Quick Calendar
 ===============================================================*/

.item-display div ul .calactiv , .item-display div ul .calworks , .item-display div ul .calevent {
font-size:115%;
/*background:url(/other_files/solt/std-libg.gif) top left no-repeat;*/
background-position:0 0px;
margin: -7px 8px 5px 8px;
padding: 4px 0;
list-style-type: none;


font-size:110%;
}

li.calactiv , li.calworks , li.calevent {}

.item-display div .callist .calitem {
font-size:115%;
/*background:url(/other_files/solt/std-libg.gif) top left no-repeat;*/
background-position:0 0px;
margin: 0px 8px;
padding: 4px 0;
list-style-type: none; }

.item-display div .callist {margin:2px 0; width: 100%; }

ul .calworks a {border-bottom: 2px solid #66B934; width: inherit; padding: 5px 0; margin: 5px 0; font-weight:bold;}
ul .calactiv a {border-bottom: 2px solid #FF7E00; width: inherit; padding: 5px 0; margin: 5px 0; font-weight:bold;}
ul .calevent a {border-bottom: 2px solid #01A0C6; width: inherit; padding: 5px 0; margin: 5px 0; font-weight:bold;}

/* =============================================================
      Kids Week Listing Item
 ===============================================================*/

/* page content */
.item-display ul {
margin:0 0 10px 0;
position: relative;
clear: left;
text-align: left;
}

.item-display ul li {
font-size:115%;
background:url(/other_files/kidsweek-v2/2011-images/2011-white-list-dots.png) top left no-repeat;
background-position:0 4px;
margin: 0 25px;
color: #000000;
list-style-type:dot; 
margin-bottom: 17px;

}

#Reelkandi .item-display ul li {background:url(/other_files/kidsweek-v2/2011-images/2011-blue-list-dots.png) top left no-repeat; background-position:0 3px;}

.item-display ul li h4 {background: none; padding: 0;}

/* Pink Arrows */

ul.pinklist {
padding:0;
margin:8px 0 0 0;
font-size:92%;
}

ul.pinklist li {
padding: 0 0 0 6px;
margin:0 0 4px 0;
background:url(/other_files/solt/pinklist.gif) top left no-repeat;
}

/* within story (maybe make .home instead ) */

ul.pinklist.story {font-size:100%; margin:4px 0 0 0;}
ul.pinklist.story li {padding:0 0 0 8px; background-position:0 1px;}

/* related articles LHN */

ul.pinklist.related {
padding:0;
margin:8px 0 20px 0;
font-size:85%;
}

ul.pinklist.related li {padding: 0 0 0 8px;}

/* Shows linked to theatre list */
ul.pinklist.linkedshows {
margin:0 0 10px 0;
padding:0;
}


/* Date Schedule */

ul.date {
padding:0;
margin:0 0 0px 0;
font-size:100%;
}

ul.date li {
padding: 0 0 0 0;
margin:0 0 8px 0;
}

/* A to Z list */

#atom ul,#ntoz ul {
padding:0;
margin:0;
text-align:center;
}

#atom ul {border-top:1px solid #ccc; padding:5px 0 0 0;}
#ntoz ul {border-bottom:1px solid #ccc; padding:0 0 5px 0; margin:0 0 10px 0;}

#atom ul li,#ntoz ul li {
display:inline;
padding:0;
margin:0;
font-size:115%;
font-weight:bold;
line-height:22px;
}

#atom ul li a,#ntoz ul li a {
margin:0;
border-right:1px solid #ccc;
padding:2px 8px;
text-decoration:none;
}

#atom ul li.last a,#ntoz ul li.last a {border-right:0px solid #ccc;}

#atom ul li a:hover,#ntoz ul li a:hover {background:#e7e7e7; color:#444;}
#atom ul li a.active,#ntoz ul li a.active {background:#e7e7e7; color:#e9009b; text-decoration:none;}

/* Full Theatre List */

ul.listing-items {
margin:0;
padding:0;
}

ul.listing-items li {
margin:0 0 10px 0;
padding:0;
clear:left;
}

ul.listing-items li.first img {margin-bottom:20px;}

ul.listing-items li h3 {
font-family:arial,helvetica,verdana,sans-serif;
font-size:135%;
border-bottom:1px solid #e9009b;
margin:0 0 4px 0;
padding:0 0 3px 0;
}

ul.listing-items li p {
margin:0 0 2px 0;
padding:0;
font-size:115%;
}

/* News Archive List */

ul.listing-items li.story h3 {
border-bottom:0px;
margin:0 0 0px 0;  /* was 0 0 2 0 */
padding:0;
}

ul.listing-items h3 a,
.story h3 a,
.topstory h3 a {text-decoration:none;}

/* Awards Gallery - Years List */

ul.listing-items.years {
margin:0 0 20px 0;
padding:0;
}

ul.listing-items.years li {
padding:5px 0 2px 5px;
margin:0;
border-bottom:1px solid #fff;
}

ul.listing-items.years li.story.current_item {background:#e7e7e7;}

/* Special Offer List */

ul.listing-offers {
margin:0;
padding:0;
}

ul.listing-offers li {
margin:0 0 10px 0;
padding:0 0 10px 0;
border-top:1px solid #fff;
border-bottom:1px solid #ccc;
}

ul.listing-offers li h3 {
font-family:arial,helvetica,verdana,sans-serif;
font-size:135%;
margin:0 0 0 80px;
padding:0;
}

ul.listing-offers li p {
margin:0 0 2px 80px;
padding:0;
font-size:115%;
}

ul.listing-offers li img {
margin:0 0 0 0;
padding:0;
float:left;
}

ul.listing-offers h3 a {text-decoration:none;}

ul.listing-items li.showlist h3 {
color:#0852A5;
font-family:arial,helvetica,verdana,sans-serif;
font-size:135%;
border-bottom:1px solid #e9009b;
margin:0 0 4px 0;
padding:0 0 3px 0;
}

/*ul.listing-items li.showlist p {
margin-left:80px;
}*/

/* Show Schedule list */
ul.schedule li {
font-size:115%;
background:url(/other_files/solt/std-libg.gif) top left no-repeat;
background-position:0 5px;
}


/* --- footer --- */



#footer { text-align:center; }
#footer ul { margin:0 auto; }
#footer li {
display:inline;
font-size:120%;
padding:0 5px 0 1px;
margin:0;
border-right:1px solid;
color:#ccc;
}


/* ===============================================================
      PROMOBOXES - Whats On section
 ===============================================================*/

.promowrap {margin:0 0 20px 0; padding:0;}
.promowrap .promobox {
float:left;
width:220px;
margin-right:10px;
padding:0;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 0.8em;

}

.promowrap .promobox.last {margin-right:0px;}
.promowrap h3 {margin:10px 0 0 0; padding:5px 0px 2px 5px; color:#000; font-size:120%;}
.promowrap .promobox.first h3  {background:#01A0C6; margin:5px 0 0 0; padding:2px 5px; text-align:center;}
.promowrap .promobox.second h3 {background:#66B934; margin:5px 0 0 0; padding:2px 5px; text-align:center;}
.promowrap .promobox.last h3   {background:#FF7E00; margin:5px 0 0 0; padding:2px 5px; text-align:center;}
.promobox a:link {text-decoration: none; color: #fff;}
.promobox a:visited {text-decoration: none;
	color: #fff;}
.promobox a:hover {	text-decoration: underline;
	color: #fff;	}
.promobox a:active {	text-decoration: none;
	color: #fff;	}
.promobox h2 {background: #EE0191; margin:10px 0 10px 0; padding:5px 0px 2px 5px; color:#fff; font-size:150%;}
.promowrap .promobox p {margin:0; padding:5px 0 0 5px;}


/* ===============================================================
      PROMOLINKS - RHN
 ===============================================================*/

div.promo {
margin:0 0 15px 0;
padding:0;
text-align:center;
}

div.promo img {
margin:0;
padding:0;
}

/* ===============================================================
      FOOTER
 ===============================================================*/

#footer { text-align:center; }
#footer ul { margin:0 auto; }
#footer li {
display:inline;
font-size:120%;
padding:0 5px 0 1px;
margin:0;
border-right:1px solid;
color:#ccc;
}

#footer a, 
#footer a:link, 
#footer a:visited {
text-transform: capitalize;
}

/* ===============================================================
      SOCIAL BOOKMARKING
 ===============================================================*/

#social-bookmarking {
margin:5px 0 0 0;
border-top:1px solid #EEE;
padding:10px 0 5px 0;
text-align:center;
clear:both;
width: 100%;
}

#social-bookmarking p {
padding:0;
margin:0;
font-size:92%;
}

#social-bookmarking ul {list-style-type:none;margin-top:8px;}
#social-bookmarking li {display:inline;font-size:85%; padding:0 7px; margin-left: -20px;}

#social-bookmarking a {padding:3px 5px 3px 20px; text-decoration:none;}

#social-bookmarking #del a {background:transparent url(/other_files/solt/sb-delicious.gif) no-repeat left center;}
#social-bookmarking #digg a {background:transparent url(/other_files/solt/sb-digg.gif) no-repeat left center;}
#social-bookmarking #fb a {background:transparent url(/other_files/solt/sb-facebook.gif) no-repeat left center;}
#social-bookmarking #red a {background:transparent url(/other_files/solt/sb-reddit.gif) no-repeat left center;}
#social-bookmarking #su a {background:transparent url(/other_files/solt/sb-stumble.gif) no-repeat left center;}
#social-bookmarking #twit a {background:transparent url(/other_files/solt/sb_twitter.gif) no-repeat left center;}

/* ===============================================================
      TRACER
 ===============================================================*/

.vyre_tracer {
margin:0;
padding:0;
}

.vyre_tracer ul, .vyre_tracer ul li {margin:0;padding:0;font-size:85%;}
.vyre_tracer span.tracer-first-separator {display:none;}
.vyre_tracer span.tracer-separator {margin:0;padding:0 0 0 5px;color:#bbb;}

.vyre_tracer ul {
margin-left: 0px;
margin-top: 2px;
}

.vyre_tracer li {list-style-type: none; float: left; clear: none;}


/* ===============================================================
      DOMTABS x 2
 ===============================================================*/

.domtabs.two li.active a:link, 
.domtabs.two li.active a:visited, 
.domtabs.two li.active a:active, 
.domtabs.two li.active a:hover {
width:220px;
background:#fff url(/other_files/solt/ajaxtab-wide-on.gif) top left no-repeat;
}

.domtabs.two a:link, 
.domtabs.two a:visited, 
.domtabs.two a:active, 
.domtabs.two a:hover {
width:220px;
background:#fff url(/other_files/solt/ajaxtab-wide-off.gif) top left no-repeat;
}

.domtabs.two a:hover {
background:#fff url(/other_files/solt/ajaxtab-wide-on.gif) top left no-repeat;
color:#fff;
}

/* EFF: kidsweek 2 domtabs*/
.kidsweek .domtab{
border:0px;
}

.kidsweek  .domtabs.two {border-bottom:2px solid #148db2;}

.kidsweek .domtabs.two LI{
width:405px;
font-size: 12px;
}

.kidsweek .domtabs.two LI.first {
margin-right:5px;
}

.kidsweek .domtabs.two li.active a:link, 
.kidsweek .domtabs.two li.active a:visited, 
.kidsweek .domtabs.two li.active a:active, 
.kidsweek .domtabs.two li.active a:hover{
background:#fff url(/other_files/kidsweek-v2/2011-images/2011-tab-bg-on.png) top left no-repeat;
width:405px;
text-align: center;
}

.kidsweek .domtabs.two a:link, 
.kidsweek .domtabs.two a:visited, 
.kidsweek .domtabs.two a:active, 
.kidsweek .domtabs.two a:hover {
background:#fff url(/other_files/kidsweek-v2/2011-images/2011-tab-bg-off.png) top left no-repeat;
width:405px;
text-align: center;
}

/* Kidsweek Domtab */
.kwd .tabs h2 {height:45px;}
.kwd .domtab {border-bottom:0!important;}
.kwd .domtab .domtabs.two {border-bottom:6px solid #0852a5;}

.kwd #lalthm {
clear:both;
} 
/* ===============================================================
      DOMTABS x 3
 ===============================================================*/
/*EFF start Phase1.1*/
.domtab .showDetails{background-color:#F5F9FC;}

#tabsection {
display:block;
background-color:#F5F9FC; /*EFF: redundant*/
}

.tab_one p{
margin:10px 5px 5px 5px;
}

.tab_two p,tab_three p 
{
margin-left:5px;
}
/*EFF:end*/
.toolbarBlock {clear:both;}

.domtab {
margin:0;
padding:0;
float:left;
width:100%;
border-bottom:1px solid #ccc;
}

.domtab li {overflow:hidden;}

.domtab h2 a {text-decoration:none;}

.domtabs {
margin:0;
padding:0;
float:left;
width:100%;
list-style-type:none;
}

.domtabs li.active a:link, 
.domtabs li.active a:visited, 
.domtabs li.active a:active, 
.domtabs li.active a:hover {
float:left;
display:block;
text-decoration:none;
text-align:left;
color:#fff;
margin:0;
padding:0;
height:25px;
width:143px;

text-shadow: 1px 1px 1px #0186B8;
background:#fff url(/other_files/solt/ajaxtab-on.gif) top left no-repeat;
}

.domtabs a:link, 
.domtabs a:visited, 
.domtabs a:active, 
.domtabs a:hover {
float:left;
display:block;
text-decoration:none;
text-align:left;
color:#FFF;
margin:0px;
padding:0;
height:25px;
width:143px;

text-shadow: 1px 1px 1px #C00172;
background:#fff url(/other_files/solt/ajaxtab-off.gif) top left no-repeat;
}

.domtabs a:hover {
background:#fff url(/other_files/solt/ajaxtab-on.gif) top left no-repeat;
color:#fff;
}

.domtabs li {
display:inline;
float:left;
font-size:115%;
line-height:26px;
font-weight:bold;
height:25px;
padding:0;
margin:0;
}



#tabs-wrap {float:left;width:100%;}

.tab_one, .tab_two, .tab_three {
float:left;
width:459px;
padding:0px 0px;
background:#fff url(/other_files/solt/ajaxtab-libg.gif) top left no-repeat;
margin-top:-1px;
position:relative;
}

.item-display .domtab ul {margin:0 0 0 0;}

.domtab p span{
text-transform: capitalize;
}

/*=======================================
Page Body
=======================================*/

#block_2 .content li {
padding: 4px 0 4px 0px;
margin:4px 0 4px 0;}


#age-select-header {width: 300px; color: #FFF; background: #EC0088; font-weight: 500;}
#age-select-body {background: #FFEEE2; width: 300px;}

.ageimg-box {width: 150px;}
#ages-1 h5 {color: #F37E21;}
#ages-2 h5 {color: #EC0088;}
#ages-3 h5 {color: #64AF46;}
#ages-4 h5 {color: #1898BB;}

.important-notice {background: #FFFCCE; color: #FF0000; border: 1px solid #FF0000; padding: 5px 10px 3px 10px; font-size: 85%; font-weight: bold; margin-bottom: 10px;}

.important-notice h3 , .important-notice p {color:#FF0000; font-size: 85%; font-weight: bold;}