/* @override http://pilgrimlutheran.org/stylesheets/plc_main.css */

/* @group blueprint */

.container {
	margin: 0 auto;
	width: 760px; }

.column {
	float: left;
	margin-right: 10px; }

.last {
	margin-right: 0; }

/* @end */

/* @group grids */

.g, .gb, .gc {
	float: left;
	width: 760px; }
.g .column {
	width: 375px; }
.gb .column {
	width: 240px; }
#bd .g, #bd .gb, #bd .gc {
	width: 500px; }
/*2 column grid*/
#bd .g .column {
	width: 245px; }
/*3 column grid*/
#bd .gb .column {
	width: 160px; }

/* @end */

/* @group layout */

body {
	background: #205153 url(/images/bg.png) top left repeat-x;
	font-family: "Lucida Grande", "Lucida Sans", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
	margin: 20px 0 10px 0;
}

#hd {
	background: url(/images/header.png) top left no-repeat;
	color: #8a004b;
	height: 160px; }

#hd img {
	margin: 20px }

#hd p {
	margin-left: 20px;
}

#utility {
	background-color: #8a004b;
	border-left: 3px solid white;
	border-right: 3px solid white;
	color: white;
	width: 754px;}

#utility #breadcrumbs {
	float: left;
	padding: 7px 20px; }

#breadcrumbs a, #breadcrumbs a:link, #breadcrumbs a:visited, #breadcrumbs a:active {
	color: white; }

#breadcrumbs a:hover {
	color: #d2d2d2;
}

#search_form {
	float: right;
	padding: 3px 20px;
	width: 225px;
}

#search_form form {
	float: right;
}

#bd {
	background: white url(/images/bg_glass.jpg) top left no-repeat;
	border-top: 1px solid white;
	padding: 35px 0 20px 0; }

#bd.crayons {
	background: white url(/images/bg_crayons.jpg) top left no-repeat; }

#sidebar {
	color: #8a004b;
	margin-right: 0;
	padding-left: 25px;
	width: 185px; }

#sidebar ul {
	list-style-type: none;
	margin: 0;
}

#sidebar a, #sidebar a:link, #sidebar a:active, #sidebar a:visited {
	text-decoration: none; }

/* TODO make this double spaced according to baseline grid */
#nav li {
	margin-bottom: .7em;
	padding-left: 15px; }

#nav li.current {
	background: url(/images/current_arrow.png) no-repeat 3px 4px;
}

#nav a, #nav a:link, #nav a:hover, #nav a:visited, #nav a:active {
	color: #8a004b;
	text-decoration: none;
	font-weight: bold; }

#nav a:hover, #nav li.current ul a:hover {
	color: red;
	text-decoration: underline;
}

#nav li.current a:hover {
	color: #8a004b;
	text-decoration: none; }

#nav ul {
	padding-top: 7px }

/* TODO make this a better way of highlighting sub items */
#nav li.has_children li.current a {
	color: black;
}

#nav ul a,
#nav ul a:link,
#nav ul a:hover,
#nav ul a:visited,
#nav ul a:active {
	font-weight: normal;
}

#sidebar p {
	margin-left: 15px; }

#content {
	margin-right: 0;
	padding: 0 30px 0 20px;
	width: 500px; }

#ft {
	background: #434784;
	border-left: 3px solid white;
	border-right: 3px solid white;
	border-bottom: 3px solid white;
	color: white;
	text-align: center;
	padding: 5px 0;
	width: 754px;
}

/* @end */

/* @group pages */

.g ul {
	list-style-type: none;
	margin-left: 0; }
.g li {
	margin-bottom: 10px; }

#bd .glass {
	background: url(/images/bg_glass.jpg) top left no-repeat; }

#bd .crayons {
	background: white url(/images/bg_crayons.jpg) top left no-repeat; }

#map_canvas {
	height: 400px;
	width: 400px;
	margin-bottom: 25px; }

#map_label p {
	margin-bottom: 0; }

/* @end */

/* @group type */

h1 {
	color: #434784;
	font-size: 2em;
	margin-bottom: 0.75em; }

h2 {
	font-size: 1.5em;
	line-height: 1;
	margin-bottom: 1em; }

h2,
h3 {
	color: #297083; }

h1,
h2,
h3 {
	font-family: Georgia, "Times New Roman", Times, serif; }

blockquote {
	background: url(/images/quotes.png) top left no-repeat; }

em {
	background: none; }

ol.outline {list-style-type: upper-roman;}
ol.outline ol {list-style-type: upper-alpha; margin-bottom: 0;}
ol.outline ol ol {list-style-type: decimal;}
ol.outline ol ol ol {list-style-type: lower-alpha;}

.event {
	margin-bottom: 30px; }

.event p.date, .event p.time {
	font-weight: bold; }

.audio_title {margin-bottom:0;}

a:visited {
	color: purple; }

a:hover {
	color: red; }

a:active {
	color: orange; }

a.more {
	background-img: url(/images/more.png) no-repeat; }

/* @end */

/* @group images */

p img {
	float: left;
	padding: 0;
	margin-right: 20px; }

p img.border {
	border: 1px solid #434784;
	padding: 0; }

p img.right {
	float: right;
	padding: 0;
	margin: 0; }

img.snapshot {
	margin-left: 15px; }

.pastor img {
	border: 1px solid #434784;
	float: left;
	margin-right: 15px; }

/* @end */