/* Carol's CSS changes, to override other style rules because custom.css is loaded last */

body {
	color: #222222;
	font-size: 13px;
	line-height: 17px;
}

#header {
	background-color: #585e41;
	color: #f2eadc;
	display: none;		/* Otherwise header will be visible as a thin bar, even if there's no module assigned */
	/* visibility: hidden hides an element, but it will still take up the same space as before. display: none hides and element, and it will not take up any space. */
	/* Set padding here if you want to override the settings in 1_template.css */
}
#header h1 {
	color: #f2eadc;
}

/* Set a smaller bottom-margin for headings, and a larger margin-top */
#main h1, h1 {
	margin-top: 0px;
	margin-bottom: 5px;
}
#main h2, #main h3, h2, h3 {
	margin-top: 8px;	/* was zero */
	margin-bottom: 5px;
}
#main h4, #main h5, #main h6, h4, h5, h6 {
	margin-top: 5px;	/* was zero */
	margin-bottom: 5px;
}
/* Make the individual event header text a little smaller.  2em black is the default - we don't want to change the default for the page title. */
#main .page-header h2 .subheading-category {
	color: black;
	font-size: 1.5em;		/* 2em comes out WAY too big - why? */
}
#main .page-header h2 {
	color: #0e4073;
	font-size: 1.6em;
}

/* styles for small article images - from Ken's old website */
.image-left {
	float: left;
	border: 0;
	margin: 5px 9px 5px 0px;
}
.image-right {
	float: right;
	border: 0;
	margin: 5px 0px 5px 8px;
}

/* Styles for pull quotes - something I made up */
/* These can be applied to both divs and spans */

.pull-quote-left, .pull-quote-right {
	width: 280px;
	background: #ffffff;
	border: 1px solid #0e4073;
	border-radius: 8px;
	font: italic 120%/130% Georgia, Cambria, "Times New Roman", Times, serif;
	/* font: font-size/line-height font-family p. 256 */
}
.pull-quote-left {
	float: left;
	margin: 5px 8px 5px 0px;
	padding: 7px 8px 9px 10px;
}
.pull-quote-right {
	float: right;
	margin: 5px 0px 5px 6px;
	padding: 7px 8px 9px 10px;
}

/* For RQUOTES module.  Overrides modules/mod_rquotes/assets/rquote.css */

.mod_rquote_style {
	color: brown;
	background: white;
	border: 1px solid #dddddd;
	border-radius: 8px;
	font-size: 120%; 
	font-family: Georgia, Cambria, "Times New Roman", Times, serif;
	line-height: 130%;
	padding: 9px 7px 9px 9px;
}


/* For button links.  Style the link with class sidebar-button-base and a button color */

.blue-button {
	background-color: #0e4073;
	background-image:    -moz-linear-gradient(center top , #0a2f55, #1560ad);
	background-image: -webkit-linear-gradient(center top , #0a2f55, #1560ad);
	background-image:         linear-gradient(center top , #0a2f55, #1560ad);
	/* consider adding "to bottom" */
}

.blue-button:hover, .blue-button:active {		/* Darker on hover at Akeeba & Novitas demo */
	background-color: #0a2f55;
	color: #FFFFFF;
	text-decoration: none;
}

.sidebar-button-base {
   background-repeat: repeat-x;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	color: linen;		/* might depend on button color? */
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	border-radius: 6px;
	border-style: solid;
	border-width: 1px;
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
	cursor: pointer;
	display: inline-block;
	font-size: 14px;
	line-height: 20px;
	margin-bottom: 0;
	padding: 4px 14px;	/* For Akeeba padding is 11px 19px */
	text-align: center;
   vertical-align: middle;
   /* font-weight: 400;  For Akeeba */
   text-decoration: none;
}

/* Note button gets bigger on hover, because an outline of some sort applies for a:active and a:hover by default.  Let that go. */


	

/* For "featured" row */

#featured {
	padding: 0px;
	font-size: 13px;
	line-height: 14px;
}
#featured img {
	margin-top: 2px;		/* push down images to align with text */
	margin-right: 11px;
	float: left;		/* Must be set with image, doesn't seem to help here but keep it for now */
}

#footer {
	background-color: #0e4073;
	color: #aaaaaa;
	font-size: 90%;
	margin: 9px 0px 0px;		/* Top margin appears to be ignored!  Oh, because it's a "sticky" footer.  Fine. */
	text-align: center;
	padding: 4px 9px 10px;
}
#footer a:link, #footer a:visited {
	color: #aaaaaa;
	text-decoration: none;
}
#footer a:focus, #footer a:hover, #footer a:active {
	text-decoration: underline;
	color: #cccccc;
}
#footer .row {
	margin-left: 0;		/* was -30px for .row in general, which puts footer off center */
}