/*
========================================================================
Filename:		sol.css
Date Created:	2009-02-11
Description:	Story of London CSS stylesheet
Site:			london.gov.uk/storyoflondon
Author:			Matt Richards (matt.richards@london.gov.uk)
========================================================================
*/
 

/* Story of London styles
--------------------------------------------------------------------- */
.component img.nomarg {
	margin-right: 0px;
}

/* Background styles
--------------------------------------------------------------------- */
html body#sol {
	background-color: #03447a;
	background-image: url(/storyoflondon/images/backgrounds/sol_tile.gif);
	color: #FFFFFF;
}
body#sol #outer-wrapper {
	background-image:url(/storyoflondon/images/backgrounds/sol_bg.jpg);
	background-repeat:no-repeat;
}

/* Search button
--------------------------------------------------------------------- */
body#sol #quicksearch input.submitbtn {
	background-color: #ab2939;
	color: #ffffff;
}

/* Left nav styles
--------------------------------------------------------------------- */
body#sol #secondary-nav, body#sol #sub-nav, body#sol #browse, body#sol #sub-sub-nav {
	margin-top: 0px;
}

body#sol #nav li {
	margin-bottom:4px;
	position:relative;
}
body#sol #nav li ul li {
	margin-bottom:1px;
}
body#sol #nav li div {
	background-image:url(/images/site_redesign/generic/leftnav_main_bg.png);
	background-repeat:repeat;
	/* padding:9px 21px 9px 11px; */
}
body#sol #nav li div p {
	display:block;
	font-size:125%;
	font-weight:bold;
}
body#sol #nav ul li.active {
	background-image:url(/images/site_redesign/generic/leftnav_bg.png);
	background-repeat:repeat;
}
body#sol #nav div p {
	font-size:130%;
	font-weight:bold;
}
body#sol #nav li div p a {
	color:#ffffff;
}
body#sol #nav a:hover {
	text-decoration: underline;
}
body#sol #nav a {
	text-decoration: none;
}

/* Left sub-nav styles
--------------------------------------------------------------------- */
body#sol #sub-nav li div {
	background-image: url(/images/site_redesign/generic/leftnav_main_bg.png);
	background-repeat: repeat;
	padding: 8px 15px 8px 10px;
}
body#sol #sub-nav ul {
	padding: 13px 0 27px 0;
	margin-top: 1px;
	background-image: url(/images/site_redesign/generic/leftnav_bg.png);
	background-repeat: repeat;
}
body#sol #leftcol #secondary-nav li.active, body#sol #leftcol #sub-nav li.active, #sub-nav li.active {
	background-image:url(/storyoflondon/images/backgrounds/secondarynav_bg.gif) !important;
}
body#sol #leftcol #secondary-nav li.active, body#sol #leftcol #sub-nav li.active, body#sol #leftcol #browse li.active, body#sol #leftcol #sub-sub-nav li.active {
	border-bottom:1px dashed #ffffff;
	border-top:1px dashed #ffffff;
}
body#sol #secondary-nav ul li.active p, body#sol #sub-nav ul li.active p, body#sol #browse ul li.active p, body#sol #sub-sub-nav ul li.active p {
	background-image:url(/storyoflondon/images/backgrounds/secondarynav_icon.gif);
}
body#sol #sub-nav li.active a:link, body#sol #sub-nav li.active a:visited, body#sol #sub-nav li.active a:hover, body#sol #sub-nav li.active a:focus, body#sol #sub-nav li.active a:active {
	color:#ffffff;
}
#sol #pagecontentwrapper .component h2.component-heading span,
#sol #pagecontentwrapper .component h2.component-heading_long span,
#sol #pagecontentwrapper .component h2.component-heading_longest span,
#sol #pagecontentwrapper .component h2.component-heading_medium span,
#sol #pagecontentwrapper .col1 .component h2.component-heading span,
#sol #pagecontentwrapper .col1 .component h2.component-heading_long span,
#sol #pagecontentwrapper .col1 .component h2.component-heading_longest span,
#sol #pagecontentwrapper .col1 .component h2.component-heading_medium span, 
#sol #pagecontentwrapper .col_expanded .component h2.component-heading span,
#sol #pagecontentwrapper .col_expanded .component h2.component-heading_long span,
#sol #pagecontentwrapper .col_expanded .component h2.component-heading_longest span,
#sol #pagecontentwrapper .col_expanded .component h2.component-heading_medium span,
#sol #pagecontentwrapper .col2 .component h2.component-heading span,
#sol #pagecontentwrapper .col2 .component h2.component-heading_long span,
#sol #pagecontentwrapper .col2 .component h2.component-heading_longest span,
#sol #pagecontentwrapper .col2 .component h2.component-heading_medium span {
	background-color: #ab2939;
}
/* Component styles
--------------------------------------------------------------------- */
body#sol #pagecontentwrapper .col2 .component h2.component-heading span {
	/* background-color: #172F00; */
}
.component .page-ownership p {
	margin: 10px 12px 0px 12px;
}

body#sol #dp-events h2 {
	background:#AB2939;
}

body#sol .component button, .component input.submitbtn {
	background-color:#AB2939;
}

body#sol div.dp-popup h2 {
	background:#AB2939;
}

body#sol #dp-events table.jCalendar td.today, body#sol table.jCalendar td.today  {
	background:#AB2939;
}
