/* Greater Portland Baptist Church */
/* Based initially on the CSS from Oxford Valley Chapel
   and Plasticmind Design; used humbly with permission from Jesse 
   2010-05-12 Ron Francis - Updated misc Settings */

/*	Body defaults */
html { margin: 0; padding: 0; }

body {
	margin: 0; padding: 0;
	font: 10pt "Trebuchet MS", Verdana, Tahoma, sans-serif;
	color: #000000;
	background: #919b93 url(img/bg.gif) top repeat-x;
	text-align: center; }

/* STRIPPING DEFAULTS FOR COMMON ELEMENTS */
form { margin: 0; padding: 0; }
a { text-decoration: underline; }
a img { border: 0; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; }
h1, h2, h3, h4, h5, h6, p, ol, ul, pre, blockquote { margin: 0;	padding: 0;}
input, select {	font: 100% "Trebuchet MS", Verdana, Tahoma, sans-serif;}

.clear {
	clear:both;}

#container {
	position: relative;
	margin: 0 auto;
	text-align: left;
	border: 1px solid #000000;
	background: #ffffff url(img/content-bg.gif) repeat-y center;
	width: 780px; }
#index #container { background-image: url(img/content-index-bg.gif); }

#header {
	margin: 0 auto;
	background: url(img/header.jpg) no-repeat top center;
	height: 145px; }

#header br { display: none; }
#header h1, #header p { text-indent: -999em; } /* makes it invisible without removing it completely */

a:link { color: #003366; }
a:visited { color: #006666; }
a:hover, a:active {
	color: #ffffff;
	background-color: #003366; }

#menu { /* main menu position */
	position: absolute;
	height: 24px;
	left: 110px;
	top: 112px; }

#menu, #menu ul { /* primary elements */
	margin: 0; padding: 0;
	list-style: none; }

#menu li { /* popup list */
	float: left;
	width: auto;
	margin: 0 0 0 15px;
	padding: 0;
	line-height: normal;
	text-indent: 0; }

#menu li:hover ul, #menu li li:hover ul, #menu li.over ul, #menu li li.over ul {
	left: auto; }

#menu a { /* all anchors */
	display: block;
	font-family: "Trebuchet MS", Verdana, Tahoma, sans-serif;
	margin: 0;
	padding: 5px 10px 6px;
	color: #f0cd95;
	font-weight: bold;
	text-decoration: none;
	white-space: nowrap;
	background: none; }

#menu a:hover {
	background: #545a7c; }

#menu li ul { /* submenu */
	position: absolute; 
	left: -999em;
	margin: 0; padding: 0;
	width: 150px;
	border: 1px solid #9e805e;
	border-bottom: 0; /* the bottom border is shown with the border-bottom on the li */
	background: #fce3bb; }	
	
#menu li ul li { margin: 0; padding: 0; } /* IE goes funky if no border is identified in this element */
#menu li:hover ul, #menu li.over ul { left: auto; }
#menu li li { float: none; }
#menu ul ul li { border-bottom: 1px solid #9e805e; }
#menu ul ul li a {
	display: block;
	padding: 4px 5px;
	margin: 0;
	color: #545a7c;
	white-space: nowrap;
	text-transform: none;
	font-size: 80%;
	background: #e8dfc0; }
	
#menu ul ul li a:hover { /* submenu 1 mousover style */
	border-left: 5px solid #9e805e;
	color: #fce3bb;
	background: #545a7c; }


#content { /* for IE and others */
	margin: 0;
	background: url(img/header-index.gif) top center no-repeat; }
html>body #content { margin: 0 5px; } /* for all non-IE */

#index-about #content { background-image: url(img/header-about.gif); }
#index-announcements #content { background-image: url(img/header-announcements.gif); }
#index-media #content { background-image: url(img/header-media.gif); }
#index-ministries #content { background-image: url(img/header-ministries.gif); }
#index-missionary #content { background-image: url(img/header-missionary.gif); }
#index-news #content { background-image: url(img/header-news.gif); }
#index-newsletter #content { background-image: url(img/header-newsletter.gif); }
#index-pastors_corner #content { background-image: url(img/header-pastorscorner.gif); }
#index-sermons #content { background-image: url(img/header-sermons.gif); }
#index-staff #content { background-image: url(img/header-staff.gif); }
#index-calendars #content { background-image: url(img/header-calendars.gif); }
	
#main {
	float: left;
	width: 480px;
	margin-top: 80px;
	padding: 0 10px 0 15px; }

#index #main {
	float: right;
	padding: 0 15px 0 10px; }

#sidebar {
	font-size: 11px;
	float: right;
	width: 255px; 
	padding: 0;
	margin: 10px 5px 0 0; }

#index #sidebar	{
	float: left;
	width: 250px; 
	margin: 10px 0 0 10px; }

#footer {
	clear: both;
	margin: 0;
	background: url(img/footer.gif) no-repeat bottom center;
	height: 37px;
	padding: 0 20px;
	font-size: 80%;
	text-align: left; }
	
#index #footer  {
	background-image: url(img/footer-index.gif);
	text-align: right; }

#footer p { padding: 16px 0 0; }

#main h2 {
	font: italic bold 14pt "Trebuchet MS", Verdana, Tahoma, sans-serif;
	color: #545a7c;
	clear: both;
	border-bottom: 1px dashed #545a7c; }
#main p { margin-bottom: 1em; }

.entry-container {
	margin: 0 0 20px;
	padding: 0; }
.entry-container img {
	float: left;
	padding: 2px;
	margin: 10px 10px 10px 0;
	border: 0px solid #545a7c; }
.entry-container p {
    padding-top: 8px;}

.entry-footer {
	height: 25px;
#	background: url(img/finial3.gif) top right no-repeat;
	clear: both;
	margin: 2px 8px 2px 200px;
	padding: 2px 40px 2px 2px;
	border-top: 1px dashed #cccccc;
	color: #aaaaaa;
	font-size: 80%;
	text-align: right;
	font-style: italic; }

#sidebar a {
	color: #545a7c;
	text-decoration: none; }
#sidebar a:link { color: #545a7c; }
#sidebar a:visited { color: #545a7c; }
#sidebar a:hover, #sidebar a:active {
	color: #f0cd95;
	background: none;
	text-decoration: underline; }

#sidebar img {
	float: left;
	padding: 2px;
       border: 1px solid #545a7c; 
	margin: 5px; }
#sidebar img.clear{
	clear: both;
	float: none; }
#index-missionary #sidebar img, #sidebar .lside img { border: 1px solid #545a7c; }

#sidebar p {
	line-height: 120%;
	margin-bottom: 1em;
	color: #222536; }
#sidebar h2 {
	font: italic 22px "Georgia", "Times New Roman", Times, serif;
	padding-bottom: 7px;
	color: #545a7c; }
#sidebar h3 {
	font: italic 14px "Georgia", "Times New Roman", Times, serif;
	padding-top: 3px;
	color: #545a7c; }

#sidebar ul.category { list-style: none; }
#sidebar ul.category li {
	font: italic 14px "Georgia", "Times New Roman", Times, serif;
	color: #545a7c;
	padding: 0 0 3px 15px; }

#sidebar ul.bullet { list-style-type: none; }
#sidebar ul.bullet li {
	background-image: url(img/bullet1.gif);
	background-repeat: no-repeat;
	background-position: 0 .2em;
	padding-left: 15px; }

.sidebar-container, .sidebar-container-first {
#	background: url(img/finial2.gif) no-repeat top right;
	margin: 0 0 30px;
	clear: both; }

.sidebar-container-first {
#	background: url(img/finial1.gif) no-repeat top right; }

.sidebar-body {
	padding-right: 5px; }
	
.sidebar-footer {
	padding: 5px;
	margin: 0 50px;
	border-bottom: 1px dashed #545a7c; }

.faded { color: #999999; } /* for lighter text, such as footer */

blockquote {
	padding: 10px 30px 20px 30px;
}