/* general
--------------------------------------------------- */

body * {
	padding: 0;
	margin: 0;
	border: 0;
}

body {
	margin: 0;
	padding: 0;
	background: rgb(51,70,102);
	color: rgb(40,40,40);
	font-size: 62.5%;
	font-family: Verdana, sans-serif;
}

img {
	display: block;
}

em, cite {
	font-style: italic;
}

strong {
	font-weight: bold;
}

a {
	text-decoration: none;
	outline: none;
}

acronym {
	border-bottom: 1px rgb(180,180,180) dashed;
	cursor: help;
}

hr {
	display: none;
}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}



/* global-nav
--------------------------------------------------- */

div#global-nav-wrapper {
	float: left;
	width: 100%;
	background: rgb(40,53,77);
	border-bottom: 1px solid rgb(64,89,128);
	padding: 0.4em 0;
}

div#global-nav {
	width: 960px;
	margin: 0 auto;
	position: relative;
}

div#global-nav ul {
	float: right;
}

div#global-nav ul li {
	list-style: none;
	display: inline;
	padding-left: 1.3em;
	text-transform: lowercase;
	font-size: 1em;
}

div#global-nav a {
	color: rgb(108,136,183);
}

div#global-nav a:hover, div#global-nav a:active {
	color: rgb(131,155,194);
}

div#image {
	position: absolute;
	top: -0.4em;
	left: 160px;
	width: 120px;
	height: 550px;
	background: url(../design/castle.jpg) no-repeat;
	text-indent: -9999px;
/*	border-right: 1px solid rgb(64,89,128);*/
}

body#about div#image {
	background: url(../design/leith_skyline.jpg) no-repeat;
}

body#events div#image {
	background: url(../design/national_gallery.jpg) no-repeat;
}

body#conversation div#image {
	background: url(../design/windows.jpg) no-repeat;
}

body#resources div#image {
	background: url(../design/daffodils.jpg) no-repeat;
}

body#contact div#image {
	background: url(../design/reflections.jpg) no-repeat;
}



/* masthead
--------------------------------------------------- */

div#masthead-wrapper {
	float: left;
	width: 100%;
	background: rgb(51,70,102);
	height: 60px;
}

div#masthead {
	width: 960px;
	height: 60px;
	margin: 0 auto;	
	position: relative;
}

div#masthead h2 {
	position: relative;
	float: right;
	margin-top: 14px;
	background: url(../design/logo_default.gif) no-repeat;	
	text-indent: -9999px;
	width: 660px;
	height: 33px;
}

div#masthead h2 a {
	display: block;
	width: 100%;
	height: 100%;
}



/* primary navigation
--------------------------------------------------- */

div#primary-nav-wrapper {
	width: 100%;
	float: left;
	background: rgb(240,240,240);
	border-bottom: 1px solid rgb(211,211,211);
}

div#primary-nav {
	width: 960px;
	margin: 0 auto;
	text-align: right;
	padding: 0.6em 0;
}

div#primary-nav ul li {
	list-style: none;
	padding-left: 1.2em;
	display: inline;
	font-size: 1em;
	text-transform: lowercase;
}

div#primary-nav a {
	color: rgb(51,70,102);
	font-weight: bold;
}

div#primary-nav a:hover, div#primary-nav a:active {
	color: rgb(78,108,158);
}

body#space div#primary-nav a#spaces-on,
body#events div#primary-nav a#events-on
	{
	color: rgb(140,140,0);
}

body#about div#primary-nav a#about-on,
body#contact div#primary-nav a#contact-on,
body#home div#primary-nav a#home-on,
body#resources div#primary-nav a#resources-on,
body#conversation div#primary-nav a#conversation-on
	{
	color: rgb(113,140,185);
}



/* main
--------------------------------------------------- */

div#main-wrapper {
	width: 100%;
	float: left;
	background: #fff;
	min-height: 550px;
}

div#main {
	width: 960px;
	margin: 0 auto;
	position: relative;
	padding: 1.7em 0;
}

div#main a {
	padding-bottom: 0.05em;
	border-bottom: 1px dotted rgb(195,175,118);
/*	color: rgb(145,108,0);*/
	color: rgb(127,96,5);
}

div#main a:hover, div#main a:active {
/*	color: rgb(115,86,0);*/
	color: rgb(101,78,12);
	border-bottom: 1px solid rgb(195,175,118);
}

div#main a:visited {
	color: rgb(145,108,0);
}

div#main h1, div#main h2, div#main h3 {
	font-family: "Trebuchet MS", sans-serif;
	color: rgb(51,70,102);
	text-transform: lowercase;
}

div#main .italic {
	font-style: italic;
}



/* content-wrapper
--------------------------------------------------- */

div#content-wrapper {
	float: right;
	width: 660px;
	padding-bottom: 4em;
}



/* content heading
--------------------------------------------------- */

div#content-heading {
	width: 660px;
	border-bottom: 1px solid rgb(200,200,200);
}

div#content-heading h1 {
	padding-bottom: 0.3em;
	width: 400px;
	padding-right: 20px;
	text-transform: lowercase;
	font-weight: normal;
	font-size: 2.6em;
	border-right: 1px solid rgb(200,200,200);
}

body.calendar div#content-heading h1 {
	border: none;
}

body#home h1 {
	font-size: 3em;
	padding-bottom: 0.2em;
}

body#home div#content-heading h2 {
	margin-top: 0;
	border-right: 1px solid rgb(200,200,200);
	padding: 0 20px 1em 0;
	width: 400px;
	color: rgb(88,119,171);
	font-size: 1.5em;
	font-weight: normal;
}



/* content
--------------------------------------------------- */

div#content {
	float: left;
	width: 400px;
	padding-right: 20px;
	border-right: 1px solid rgb(200,200,200);
	padding-top: 1.5em;
}

div#content p {
	line-height: 1.5em;
	margin-bottom: 1.5em;
	font-size: 1.1em;
}

div#content p.intro {
	margin-bottom: 2em;
}

div#content p.no-results {
	margin-top: 1.5em;
	font-style: italic;
}

div#content h2 {
	text-transform: lowercase;
	font-size: 1.4em;
	font-weight: normal;
	margin-top: 1.5em;
	margin-bottom: 0.15em;
}

div#content h2.no-top-margin {
	margin-top: 0;
}

div#content .extra-bottom-margin {
	margin-bottom: 2.5em;	
}

div#content h2.top-with-margin {
	margin: 0 0 1em 0;
}

div#content h2.large {
	font-size: 1.7em;
	margin: 0 0 0.8em 0;
}

div#content h3 {
	text-transform: lowercase;
	font: normal 1.2em "Trebuchet MS", sans-serif;
	margin-top: 1em;
}

div#content h3 a.popup {
	text-transform: uppercase;
	border: none;
	font-size: 0.8em;
	margin-left: 0.5em;
}

div#content ul, div#content ol {
	margin-bottom: 1.5em;
}

div#content ul li, div#content ol li {
	margin: 0;
	line-height: 1.5em;
	font-size: 1.1em;
}

div#content ul li {
	padding-left: 1.5em;
	background: url(../design/bullet.gif) no-repeat left 0.4em;
	list-style: none;
}

div#content ol li {
	margin-left: 1.5em;
}

div#content ul.lower-margin li {
	margin-bottom: 0.2em;
}



/* content - menu
--------------------------------------------------- */

div#content dl.menu {
	font-size: 1.1em;
	line-height: 1.5em;
}

div#content dl.menu dt {
/*	margin-bottom: 0.1em;*/
}

div#main dl.menu dt a {
	border: 0;
	padding: 0;
}

div#content dl.menu dd {
	font-style: italic;
	margin-bottom: 1.5em;
}



/* content form
--------------------------------------------------- */

div#content form {
	margin: 1.5em 0;
}

div#content form em {
	color: rgb(153,0,0);
}

div#content form p {
	font-size: 1em;
	padding: 0.8em 0 0.6em 0;
	font-style: italic;
	color: rgb(100,100,100);
	line-height: 1.3em;
}

div#content form p.captcha {
	padding: 0;
	margin-bottom: 2px;
	color: rgb(70,70,70);
}

div#content form p.alert {
	padding-left: 20px;
	background: url(../design/alert.gif) no-repeat 0 0.8em;
	font-style: italic;
}

div#content form div.field {
	padding-bottom: 15px;
}

div#content form div.first {
	padding-top: 15px;
}

div#content form fieldset {
	margin: 1em 0 2em 0;
	padding: 0 15px 0;
	border: 1px solid rgb(200,200,200);
	background: rgb(250,250,250);
}

div#content form legend {
	font-size: 1em;
	font-weight: bold;
	color: rgb(51,70,102);
}

div#content form label {
	color: rgb(51,70,102);
	display: block;
	font-size: 0.9em;
	margin-bottom: 3px;
}

div#content form div.help {
	color: rgb(100,100,100);
	display: block;
	font-size: 1em;
	font-style: italic;
	margin-bottom: 3px;
	line-height: 1.3em;
}

div#content form input, div#content form textarea, div#content form select {
	width: 250px;
	border: 1px solid rgb(200,200,200);
	padding: 3px;
	font: 1em Verdana, sans-serif;
	color: rgb(70,70,70);
	background: #fff;
}

div#content form input#filter {
	width: 60px;
}

div#content form input.checkbox {
	width: auto;
}

div#content form span.text {
	color: rgb(100,100,100);
	font-size: 1em;
	padding-left: 1em;
}

div#content form textarea {
	width: 97%;
	height: 100px;
}

div#content form textarea.large {
	height: 200px;
}

div#content form input:focus, div#content form textarea:focus, div#content form select:focus {
	border: 1px solid rgb(150,150,150);
}

div#content form input.submit {
	width: auto;
	background: rgb(127,96,5);
	color: #fff;
	padding: 4px 10px;
	border: 0;
	text-transform: uppercase;
	cursor: pointer;
	display: block;
	font-size: 0.9em;
}

div#content form input.submit:hover {
	background: rgb(101,78,12);
}



/* list-item
--------------------------------------------------- */

div#content dl.list-item {
	width: 400px;
	float: left;
	clear: left;
	margin-bottom: 2em;
	line-height: 1.6em;
	font-size: 1.1em;
}

div#content dl.list-item dt {
	color: #000;
	margin: 0;
}

div#content dl.list-item dt img {
	width: 55px;
	padding: 2px;
	float: left;
	border: 1px solid rgb(210,210,210);
	margin: 2px 15px 0 0;
}

div#main dl.list-item dt a {
	border: 0;
	padding: 0;
}

div#content dl.list-item dt a:hover img {
	border: 1px solid rgb(190,190,190);
}

div#content dl.list-item dd {
	margin-left: 76px;
}

div#content dl.list-item dd.date {
	color: rgb(85,43,0);
}

div#content dl.list-item dd.description {
	font-style: italic;
	color: rgb(40,40,40);
}

div#content dl.list-item dd.location {
	color: rgb(100,100,100);
}



/* pagination
--------------------------------------------------- */

div#content div.pagination {
	float: left;
	width: 100%;
	margin: 2em 0 2em;
	font-size: 0.9em;
	text-transform: uppercase;
	color: rgb(130,130,130);
}

div#content div.pagination .pages {
	margin-right: 3em;
	display: inline;
}

div#content div.pagination .nav {
	color: rgb(200,200,200);
	display: inline;
}

div#content div.top {
	margin: 0 0 3em 0;
}

div#content div.bottom {
	margin: 2em 0 3em 0;
}

div#content div.search-results {
	margin: 0;
	padding-top: 1em;
}

div#content div.search-results .nav {
	color: rgb(70,70,70);
}

div#content div.search-results .nav b {
	font-weight: normal;
}



/* content - event-listing
--------------------------------------------------- */

div#content h3.event-listing-date {
	font-size: 1.1em;
	font-weight: normal;
	text-transform: lowercase;
	margin-bottom: 0.8em;
	border-bottom: 1px dashed rgb(200,200,200);
	padding: 1em 0 0.3em 0;
	float: left;
}

div#content dl.event-listing {
	margin-bottom: 1.5em;
	line-height: 1.5;
}

div#content dl.event-listing dt {
	margin-bottom: 0.2em;
	font-size: 1.1em;
}

div#content dl.event-listing dd.description {
	font-style: italic;
	font-size: 1.1em;
	color: rgb(90,90,90);
	margin-bottom: 0.5em;
}

div#content dl.event-listing dd.location {
	color: rgb(130,130,130);
	font-size: 0.9em;
}



/* content - resource
--------------------------------------------------- */

div#content div.resource {
	border-bottom: 1px dashed rgb(200,200,200);
	margin-bottom: 1.3em;
}

div#content div.resource h3 {
	text-transform: none;
	margin-bottom: 0.2em;
	font-size: 1.3em;
}

div#content div.resource p {
	margin-bottom: 0.7em;
	font-style: italic;
	color: rgb(40,40,40);
}

div#content div.resource p.more {
	font-size: 0.9em;
	color: rgb(120,120,120);
	margin-bottom: 1.5em;
	font-style: normal;
}



/* content - splash
--------------------------------------------------- */

div#content dl.splash {
	width: 380px;
	padding: 10px;
	float: left;
	clear: both;
	margin-bottom: 1em;
	background: rgb(245,245,245);
	border-top: 1px solid rgb(210,210,210);
	border-bottom: 1px solid rgb(220,220,220);
}

div#content dl.splash:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

div#content dl.splash dt {
	font: 1.8em "Trebuchet MS", Trebuchet, sans-serif;
	color: #000;
	margin: 0 0 0.2em 0;
	text-transform: lowercase;
}

div#content dl.splash dt a {
	border: none;
}

div#content dl.splash dt a.spaces {
	color: rgb(100,100,0);
}

div#content dl.splash dt a.spaces:hover, div#content dl.splash dt a.spaces:active
 {
	color: rgb(120,120,0);
	border: none;
}

div#content dl.splash dt a.events {
	color: rgb(85,43,0);
}

div#content dl.splash dt a.events:hover, div#content dl.splash dt a.events:active
 {
	color: rgb(110,56,0);
	border: none;
}

div#content dl.splash dt a.conversations {
	color: rgb(145,108,0);
}

div#content dl.splash dt a.conversations:hover, div#content dl.splash dt a.conversations:active {
	color: rgb(115,86,0);
	border: none;
}

div#content dl.splash dt img {
	width: 100px;
	height: 80px;
	padding: 2px;
	float: left;
	border: 1px solid rgb(200,200,200);
	margin: 4px 15px 0 0;
}

div#content dl.splash dt a:hover img {
	border: 1px solid rgb(165,165,165);
}

div#content dl.splash dd {
	margin-left: 121px;
	margin-bottom: 0.5em;
	color: rgb(40,40,40);
	line-height: 1.5;
	font-size: 1.1em;
	width: 250px;
}

div#content dl.splash dd.link {
	font-style: italic;
}



/* content - entry details
--------------------------------------------------- */

table#entry-details {
	width: 100%;
	margin-top: 1em;
}

table#entry-details tr {
	text-align: left;
	vertical-align: top;
}

table#entry-details tr.alt {
	background: rgb(240,240,240);
}

table#entry-details tr.header {
	background: rgb(230,230,230);
}

table#entry-details td, table#entry-details th {
	border-top: 1px dashed rgb(210,210,210);
	padding: 0.6em 0.3em;
	margin: 0;
	line-height: 1.5;
	font-size: 1.1em;
}

table#entry-details td.title {
	font-weight: bold;
	color: #000;
}

table#entry-details th {
	letter-spacing: 1px;
	text-transform: uppercase;
	color: rgb(90,90,90);
	font-weight: normal;
	font-size: 1em;
}

table#entry-details td p {
	font-size: 1em;
}

table#entry-details td.label {
	font-style: italic;
}



/* content-sidebar
--------------------------------------------------- */

div#content-sidebar {
	float: right;
	width: 220px;
	padding-top: 1.2em;
}

div#content-sidebar h2 {
	font-size: 1.3em;
	margin-bottom: 0.8em;
}

div#content-sidebar h3 {
	text-transform: uppercase;
	margin-bottom: 0.2em;	
	font: 1em normal Verdana, sans-serif;
}

div#content-sidebar p {
	line-height: 1.5;
	font-size: 1em;
	margin-bottom: 1em;
}

div#content-sidebar p.intro {
	margin-bottom: 1.3em;
}

div#content-sidebar p.no-bottom-margin {
	margin-bottom: 0;
}

div#content-sidebar p.room {
	margin-bottom: 0.2em;
	font-style: italic;
}

div#content-sidebar p.more {
	font-style: italic;
	margin: 1.5em 0 0 0;
}

div#content-sidebar img {
	width: 220px;
	margin-bottom: 1.5em;
}

form#search-events, form#search-spaces {
	margin-bottom: 0.8em;
}

div#content-sidebar ul {
	line-height: 1.5;
	font-size: 1em;
}

div#content-sidebar ul li {
	margin: 0 0 0.8em 0;
	padding-left: 1.5em;
	list-style: none;
	background: url(../design/bullet.gif) no-repeat left 0.5em;
}

div#content-sidebar img {
	width: 214px;
	padding: 2px;
	border: 1px solid rgb(210,210,210);
}



/* content-sidebar section
--------------------------------------------------- */

div#content-sidebar div.section {
	margin-bottom: 1.3em;
	padding-bottom: 0.8em;
	border-bottom: 1px rgb(180,180,180) dashed;
}



/* content-sidebar form
--------------------------------------------------- */

div#content-sidebar form label {
	font-size: 0.9em;
	display: block;
	margin-bottom: 0.15em;
	font-style: italic;
	color: rgb(102,102,0);
}

div#content-sidebar form input, div#content-sidebar form select {
	border: 1px rgb(200,200,200) solid;
	padding: 3px;
	font: 0.9em Verdana, sans-serif;
	color: rgb(100,100,100);
	width: 218px;
	margin-bottom: 0.7em;
}

div#content-sidebar form select {
	width: 185px;
}

div#content-sidebar form input:focus {
	border: 1px rgb(150,150,150) solid;
}

div#content-sidebar form input.submit {
	background: rgb(230,230,230);
	border: 1px solid rgb(200,200,200);
	color: rgb(100,100,100);
	font: 0.9em Verdana, sans-serif;
	padding: 2px;
	width: auto;
	margin-bottom: 1em;
	text-transform: uppercase;
}

div#content-sidebar form input.submit:hover, div#content-sidebar form input.submit:active {
	cursor: pointer;
}



/* content-sidebar mini calendar
--------------------------------------------------- */

table#calendar-mini {
	margin-bottom: 1em;
	width: 100%;
}

table#calendar-mini tr#cal-header th {
	padding: 0.5em 0.4em;
	border-bottom: 1px rgb(97,52,7) solid;
	font-size: 0.9em;
	background: rgb(66,33,0);
	color: #fff;
	text-align: left;
	text-transform: uppercase;
	font-weight: normal;
}

table#calendar-mini tr#cal-days th {
	font-size: 0.9em;
	text-transform: lowercase;
	font-weight: normal;
	width: 14%;
	padding: 0.4em;
	font-style: italic;
	background: rgb(85,43,0);
	color: #fff;
}

table#calendar-mini td {
	font-size: 0.9em;
	text-align: center;
	padding: 0.4em;
	background: rgb(240,240,240);
	color: rgb(90,90,90);
}

table#calendar-mini td.today {
	font-weight: bold;
	color: #000;
}

table#calendar-mini td a {
	font-weight: bold;
}

table#calendar-mini tr#cal-footer td {
	font-size: 0.9em;
	font-weight: normal;
	padding: 0.7em 0.4em;
	background: #fff;
	border-top: 1px rgb(211,211,211) solid;
	text-align: left;
}

table#calendar-mini tr#cal-footer td a {
	display: block;
	font-weight: normal;
	font-family: Verdana, sans-serif;
}

table#calendar-mini tr#cal-footer td a.prev {
	float: left;
}

table#calendar-mini tr#cal-footer td a.next {
	float: right;
}



/* content-sidebar glossary
--------------------------------------------------- */

div#content-sidebar ul.glossary li {
	padding: 0;
	background: none;
	font-style: italic;
}

div#content-sidebar ul.glossary em {
	color: rgb(51,70,102);
	font-style: normal;
}



/* content-sidebar blockquote
--------------------------------------------------- */

div#content-sidebar span.quote {
	font-style: italic;
}

div#content-sidebar span.author {
	font-style: italic;
	color: rgb(51,70,102);
}



/* content-sidebar event listing
--------------------------------------------------- */

div#content-sidebar dl.event-listing {
	line-height: 1.4;
}

div#content-sidebar div.event-listing-date {
	font: 1em Verdana, sans-serif;
	margin-bottom: 0.2em;
	margin-top: 1.5em;
	color: rgb(51,70,102);
}

div#content-sidebar dl.event-listing dt {
	font-size: 1em;
}

div#content-sidebar dl.event-listing dd {
	font-size: 1em;
	color: rgb(120,120,120);
	margin-bottom: 0.7em;
}

div#content-sidebar dl.event-listing dt a {
	font-style: normal;
}



/* content-sidebar books-list
--------------------------------------------------- */

div#content-sidebar ul {
/*	color: rgb(110,110,110);*/
	margin-bottom: 1.3em;
}

div#content-sidebar ul.books-list li {
	margin-bottom: 0.4em;
}

div#content-sidebar ul.books-list li span.author {
	color: rgb(70,70,70);
}

div#content-sidebar ul.books-list li span.title {
	color: rgb(51,70,102);
}

div#content-sidebar ul.books-list li span.publisher {
	font-style: italic;
}

div#content-sidebar p.note {
	color: rgb(110,110,110);
}



/* sidebar
--------------------------------------------------- */

div#sidebar {
	float: left;
	width: 140px;
	padding-top: 0.5em;
}



/* sidebar section
--------------------------------------------------- */

div#sidebar div.section {
	margin-bottom: 1.2em;
	border-bottom: 1px dashed rgb(180,180,180);
	padding-bottom: 1.2em;
}

div#sidebar div.section h2 {
	color: rgb(51,70,102);
	text-transform: lowercase;
	font-weight: bold;
	font-size: 1.3em;
	margin-bottom: 0.5em;
}

div#sidebar div.section h2.rss {
	background: url(../design/rss.gif) no-repeat 0 50%;
	padding-left: 20px;
}

div#sidebar div.section p {
	line-height: 1.5;
	font-size: 1em;
	margin-bottom: 1em;
}




/* simple input form style
--------------------------------------------------- */

div#sidebar form input {
	border: 1px rgb(200,200,200) solid;
	padding: 3px;
	font: 0.9em Verdana, sans-serif;
	color: rgb(100,100,100);
	width: 138px;
	margin-bottom: 1em;
}

div#sidebar form input:focus {
	border: 1px rgb(150,150,150) solid;
}

div#sidebar form input.submit {
	background: rgb(230,230,230);
	border: 1px solid rgb(200,200,200);
	color: rgb(100,100,100);
	font: 0.9em Verdana, sans-serif;
	padding: 2px;
	width: auto;
	margin-bottom: 1em;
	text-transform: uppercase;
}

div#sidebar form input.submit:hover {
	cursor: pointer;
}



/* footer-links
--------------------------------------------------- */

div#footer-links-wrapper {
	width: 100%;
	float: left;
	background: rgb(40,53,77);
	position: relative;
	border-bottom: 1px rgb(64,89,128) solid;
}

div#footer-links {
	width: 960px;
	margin: 0 auto;
	padding: 0.7em 0;
}

div#footer-links p {
	margin-left: 300px;
	color: #fff;
	font-size: 1em;
	width: 660px;
}

div#footer-links a {
	padding-left: 17px;
	color: #fff;
}

div#footer-links a:hover {
	color: #fff;
}

div#footer-links a.rss {
	background: url(../design/rss.gif) no-repeat center left;
	margin-right: 20px;
}

div#footer-links a.mailing-list {
	background: url(../design/edit.gif) no-repeat center left;
}



/* footer
--------------------------------------------------- */

div#footer-wrapper {
	clear: both;
	width: 100%;
	float: left;
	background: rgb(51,70,102);
}

div#footer {
	width: 960px;
	margin: 0 auto;
	padding: 1.5em 0;
}

div#footer p {
	margin-left: 300px;
	color: #fff;
	font-size: 1em;
	width: 660px;
}

div#footer a {
	color: #fff;
}

div#footer a:hover {
	color: #fff;
}