/* Use this style sheet to add screen and projection styles (i.e. styles that will be displayed when the site is 
viewed on media such as a LCD monitor or via a projector) to the Bolton Museum website.

Any styles added here which have already been defined in another style sheet will override
the styles defined in the other style sheets */

.bolton-lives-nav ul, .rda ul {
list-style-type:disc;
display:block;
margin:0;
padding:1em 0 0 0;
color:#fff;
font-size:110%;
}

.bolton-lives-nav li {
list-style-type:none;
display:inline;
margin:0;
padding:0 2px 0 3px;
}

.bolton-lives-nav li a:visited {
color:#fff;
text-decoration:none;
}


.bolton-lives-nav li a:hover {
background-color:#757575;
text-decoration:none;
}

.bolton-lives-nav li a {
text-decoration:none;
color:#fff;
padding-right:5px;
margin:0;
}

.bullet-points {
padding:0 0 100px 1em;
line-height:1.5;
color:#fff;
}


#bolton-changes, #life-in-bolton, #revolutionary-town, #landing.bolton-lives {
margin:0;
padding:0;
width:100%;
min-width:1024px;
}

#bolton-changes a, #revolutionary-town a, #landing.bolton-lives a {
color:#fff;
text-decoration:none;
}


#bolton-changes.bolton-lives a:hover, #life-in-bolton.bolton-lives a:hover, #revolutionary-town.bolton-lives a:hover, #landing.bolton-lives a:hover {
background-color:#757575;
text-decoration:none;
}

#landing.bolton-lives img {
border-style:none;
}
#landing.bolton-lives img a:hover {
background:transparent;
}

.bolton-lives-content {
width:70%;
padding:0 0 0 1em;
}

.regular-content {
width:60%;
padding:0 0 0 1em;
margin:0;
overflow:hidden;
min-height:712px;
}

#landing dl {margin:0;}

.bolton-lives p {
color:#fff;
margin:0;
padding:0 0 10px 0;
line-height:1.2;
}

.bolton-lives p.documentFirstHeading {
padding:2em 0 0 0;
margin:0;
}

.sIFR-hasFlash .bolton-lives h1.documentFirstHeading {
margin:0;
padding:0.5em 0 1em 0;
width:100% !important;
}



.sIFR-hasFlash #revolutionary-town  h1.documentFirstHeading{
margin:0;
padding:1em 0 2em 0;
width:500px;
}


.sIFR-hasFlash #life-in-bolton  h1.documentFirstHeading{
margin:0;
padding:1em 0 2em 0;
width:500px;
}


.sIFR-hasFlash #bolton-changes  h1.documentFirstHeading{
margin:0;
padding:1em 0 2em 0;
width:500px;
}


p#landing-para {
color:#C1BCB3;
line-height:1.2;
display:block;
font-weight:bold;
}

p#first-para {
color:#000;
line-height:1.2;
display:block;
font-weight:bold;
}

#landing{
background:#56483D url('http://www.boltonmuseums.org.uk/images/boltonlives/landing-page-graphic.jpg') no-repeat right top;
}

#revolutionary-town {  
background:#868D00 url('http://www.boltonmuseums.org.uk/images/boltonlives/bolton-lives-rev-bg.jpg') no-repeat right 70px;
}

#life-in-bolton {  
background:#AD8311 url('http://www.boltonmuseums.org.uk/images/boltonlives/life-in-bolton-bg.jpg') no-repeat right 70px;
}

#bolton-changes {  
background:#37658E url('http://www.boltonmuseums.org.uk/images/boltonlives/changes-to-bolton-bg.jpg') no-repeat right 70px;
}

.dibnah-top {
background:url('http://www.boltonmuseums.org.uk/images/boltonlives/dibnah-top.gif') no-repeat right bottom;
margin:0;
padding:0;
overflow:hidden;
}

.dibnah-bottom {
background: #fff url('http://www.boltonmuseums.org.uk/images/boltonlives/dibnah-bottom.jpg') no-repeat right top !important;
padding:32px 0 0 0;
width:100%;
display:block;
clear:both;
color:#000;
font-size:80%;
/*height:150px;*/
}

.revolutionary {
padding:20px 0 0 0;
float:left;
text-align:center;
width:190px;
margin-right:20px;
height:240px;
}
.revolutionary  a{
height:2em;
font-weight:bold;
}
.changes {
padding:20px 0 0 0;
float:left;
text-align:center;
width:221px;
margin-right:20px;
height:240px;
}
.changes a{
height:2em;
font-weight:bold;
}
.life a{
height:2em;
font-weight:bold;
}
.life {
padding:20px 0 0 0;
float:left;
text-align:center;
width:190px;
height:240px;
}

.word-from-our-sponsors {
padding:32px 0 0 0;
background:#fff;
width:100%;
display:block;
clear:both;
color:#000;
font-size:80%;
/*height:150px;*/
}

.word-from-our-sponsors img {
margin:0;
padding:0;
}

.word-from-our-sponsors p {
padding:0 10px 3px 0;
color:#000;
text-align:right;
}

p.blurb {padding-top:10px;}

img {border-style:none;}

#twtr-widget {height:300px;}

.info-box {
padding:20px;
background-color:#56483D;
}

.homepage .info-box p {
padding:3px;
margin:0.5em 0 0.5em 0;
color:#fff;

}

.info-box ul li {margin-left:20px;
}

.rda {
background:#55483d url('/images/boltonlives/homepage-image.jpg') 0 30px;
background-repeat:no-repeat;
padding-left:220px;
padding-top:30px;
}

.rda h3 {
font-size:120%;
}

.rda h3 a {
color:#fff;
text-decoration:none;
}

.rda ul li a {
color:#fff;
text-decoration:none;
}

.rda a:hover {
background-color:#757575;
}

.rda a:visited {
color:#fff;
}

.info-box p.details b {
padding:3px;
font-size:110%;
background-color:#fff;
color:#8EB55F;
margin:1em 0 1em 0;
text-align:right;
}

.homepage .garden-party h3 {
margin:1em 0 2em 0;
text-align:right;
}

.homepage .garden-party h3 a, .homepage .garden-party h3 a:hover  {
background-color:#fff;
color:#FF4131;
padding:8px;
font-size:200%;
font-family:"Helvetica Neue",Arial,sans-serif;
margin:0 0 0 0;
}





body {width:100% !important;}




#footer-menu a {text-decoration:none;}

#footer-menu a:link {color: #0159AF;}

#footer-menu a:visited {color: #0159AF;}

#footer-menu a:hover {color: #fff; background-color: #377abf;}


#footer {
bottom:0;
padding:0;
background: #ededed url(/template/images/Footer-Stripes.png) repeat-x top left;
clear:both;
width:100%;
height:6em;
}

#footer p {
padding:0 0 0 1em;
}

#footer ul li {padding:0.5em 0.25em 0.5em 0;/* puts some space around the footer menu items */}


/* feedburner-buzzboost styles */

div.feedburnerFeedBlock {
border-style:dashed;
border-width:2px;
border-color:#999;
background-color:#fff;
margin: 0 1em;
padding:1em;
}

.library-list .feedburnerFeedBlock {
border-style:none;
background-color:#fff;
margin: 0;
padding:0;
}

div.feedburnerFeedBlock p.date {
display: inline;
text-align:right;
color:#787878;
}

div.feedburnerFeedBlock ul {
margin:0;
padding:0;
}

div.feedburnerFeedBlock ul li div {
display: inline;
}

div.feedburnerFeedBlock span.headline {
font-weight:normal;
display: block;
text-indent: 0;
margin: 0 0 1em 0;
font-size:120%;
line-height:110%;
}

div.feedburnerFeedBlock span.headline a {
text-decoration:none;}

div.feedburnerFeedBlock p {
padding:0.5em 0 0.75em 0;
margin:0;}

div.feedburnerFeedBlock ul li span.headline {
display:block;
margin:1em 0.5em 0.25em 0;
}		

div.feedburnerFeedBlock ul li {
list-style-type:none;
margin-bottom: 1em;
padding-left: 0 !important;
text-indent: 0 !important;
}

div.feedburnerFeedBlock p.enclosure {margin-top: 0;}

p.enclosure a {padding-left: 0; background-image:none;}

div.feedburnerFeedBlock img {padding-bottom: 0.5em;}


pre {width:100%;}

.timeline th{

	color: #ff9c03;

	text-align: right;

	vertical-align: top;

	border-right: 1px dashed #feaa27;

	padding: 0 1em 0 0;

	width:30%;

}

table#whatson a {text-decoration:none; font-size:120%; }

#topmenu ul li a {white-space:normal;}

#compact-whatson-listing ul li a, #compact-news-listing ul li a {text-decoration:none; font-size:120%; /*font-weight:bold;*/}

#compact-whatson-listing ul li a:visited, #compact-news-listing ul li a:visited, 
div.feedburnerFeedBlock span.headline a:visited {color: #0159AF;}
#compact-whatson-listing ul li a:hover, #compact-news-listing ul li a:hover, 
div.feedburnerFeedBlock span.headline a:hover {color: #fff; background-color: #377abf;}


.portlet h2 {

	background-color: #f0f0f0;
        font-size:1.25em;
        font-weight: bold;
	padding-left: 1em;
      /*display:normal;*/
}

.portlet {margin-bottom:1em;
      display:inline-block;
}

.portlet ul {
	padding-top:0.5em;
        border-top: 1px dashed #999;
      display:inline-block;
}

.portlet ul li {margin-top:3px;}


#compact-whatson-listing ul li, #compact-news-listing ul li {padding-bottom:10px; padding-right:1em;}

.homepage .column-a-66percent img {margin-right:20px;}

.homepage .column-a-66percent {line-height:135%;}

.flyout-right{

	float:right;
	width:33%;
	background-color:#ededed;
	margin:0 0 1em 0;
	padding: 0;
	font-size:0.9em;
	clear:right;
overflow:hidden;
position:relative;

/* background-image:url('http://www.boltonmuseums.org.uk/images/siteimages/sidebar-background.jpg');
background-repeat:repeat-x;*/

}

/* collections search styles */
.best-bets-highlight {background-color:#DEEEF6; font-weight:bold;}


/*  contentStyles.css */

/* the following link styles have been modified to make the contrast between visited and non-visted links more apparent - the visited:hover pseudo class doesn't work in IE 6 but this isn't critical */

a:link {color: #0159AF; text-decoration:underline;}
a:visited:hover {color:#fff; background-color: #646464 /*!important*/;}
a:visited {color: #646464;}
a:hover {color: #fff; background-color: #377abf;}
a:active {font-size:100%;}



.current-page {color:#fff; font-weight:normal; background-color:#000;}

.navCurrent {color:#fff;}

#topmenu ul {padding:2px 0 2px 2px;}

#topmenu a {color: #0159AF; background-color:#fff;}

#topmenu a:hover {color: #fff; background-color: #377abf;}




#banner{position:relative;}

/* #tab controls main navigation styles */

#tab {
white-space:normal;
height:1.9em;
line-height:1.95em;
color:#fff;
}
#tab {width:100%;}

#tab ul li {display:inline; background-color:#000;}


.documentDescription {
/* The description text or byline describing the document will be bold and slightly larger on any news item page*/
font-weight: bold;
font-size:110%;
display: block;
margin: 1em 0em;
line-height: 1.5em;
}

.nowrap {
/* makes dates bold on News page - might need changing if it affects text elsewhere */
white-space:nowrap;
font-weight:bold;
}

/* the next two selectors sort out the display problem with edited content overflowing in the CMS preview */
.documentByLine {clear:both;}

.discussion {clear:both;}


.flyout-left {padding-right:0.5em;}

.fullpage-flyout-right {
float:right;
width:220px;
background-color:#ededed;
margin:1em;
/*padding:1em;*/
font-size:0.9em;
clear:right;
}

.fullpage-flyout-right p {padding:0 1em 0 1em;
}


.homepage h2 {
font-weight: normal;
line-height: 1.3em;
margin:0 0 0.5em 0;
padding:0;
background-color: transparent;
font-size:1.5em;
}

.homepage h3 {
margin:0 0 0.25em 0;
}


.inline-note {
padding:0.1em 0.4em 0.1em 0.4em;
width:46%;
border-color:#FFE252;
border-style:dashed;
border-width:2px;
background-color:#FFF4A1;
-moz-border-radius:0.6em;
border-radius:0.6em;
}

/* change News and Whats on heading links to behave like in-page links */

.portletTitle a {text-decoration:none;}

.portletTitle a:link {color: #0159AF;}

.portletTitle a:visited {color: #0159AF;}

.portletTitle a:hover {color: #fff; background-color: #377abf;}

.portletBody ul {margin-top:0; padding-top:0;}

#content-column h2 a:link, h3 a:link {text-decoration:none; letter-spacing: normal;}
#content-column h2 a:visited, h3 a:visited {text-decoration:none; letter-spacing: normal; color: #0159AF;}
#content-column h2 a:visited:hover, h3 a:visited:hover {text-decoration:none; letter-spacing: normal; color: #fff;}

.google-map {width:50%; height:15em;}

.homepage #contentArea hr {
border:0px hidden #fff;
border-top:1px dashed #999;
margin:0;
padding:0;
height:1px;
}

.hr-style {
margin:0 0 5px 0;
}
.align-left {
text-align: left;
}


.column-em {
	float: left;
	width: 35em;
}

.search-results dt {
	margin: 0.5em 0 0.25em 0;}

.search-results dd {
	margin: 0 0 0.5em; width:50%;}

.search-results a {
text-decoration:none;}

#logo a:hover {background-color:#fff;}


p {margin:0 10px 10px 0 !important;}


.whitespace {padding-top:1em;}

.archive {clear: both;}

.flyout-right h2 {background-color:#F0F0F0;}

.homepage .flyout-right h2 {background-color:#F0F0F0;
padding-top:0.5em;
}

.no-right-margin {margin-right:0; padding-right:0;}
.no-left-margin {margin-left:0; padding-left:0;}

.yahoo-pipes-badge {
margin:5px;
}

.portlet h2 { }