/*  
Theme Name: Oakbrook EFC Website
Theme URI: http://oakbrookonline.org/
Description: Custom design for Oakbrook EFC, Oshkosh, Wisconsin.
Version: 2.1
Author: United Media Associates, LLC.
Author URI: http://umassociates.com


/* Begin Typography & Colors */
body { font-size: 62.5%; /* Resets 1em to 10px */ font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; background-color: #E6DECB; color: #333; text-align: center; margin: 0; padding: 0; }

#page { background: url(/images/backgnd.gif) repeat-y; text-align: left; width: 766px; }

#header { background: url(/images/banner3.jpg) no-repeat; }
#header h1 { margin: 0; padding: 0; float: left; }
#header h1 a { margin: 8px 0 0 10px; width: 300px; height: 100px; display: block; text-indent: -9000px; }
#header #slideshow { display: block; float: right; width: 430px; height: 118px; background-color: #666; }

#content { font-size: 1.1em }
#content a, #content a:visited { color: #711B1A; font-weight: normal; text-decoration: underline; }
#content a:hover { font-weight: bold; text-decoration: none; }
#content h3 a, #content h3 a:visited { color: #333; font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif; font-weight: bold; text-decoration: none; }

.narrowcolumn .entry, .widecolumn .entry { line-height: 1.4em; }
.widecolumn { line-height: 1.6em; }
.narrowcolumn .postmetadata { text-align: center; }

.alt { background-color: #f8f8f8; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; }

#footer { background-color: #eee; }

small { font-family: Arial, Helvetica, Sans-Serif; font-size: 0.9em; line-height: 1.5em; }

h1, h2, h3 { font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif; font-weight: bold; }
h1 { font-size: 4em; text-align: center; }

.description { font-size: 1.2em; text-align: center; }

h2 { font-size: 1.6em; }
h2.pagetitle { font-size: 1.6em; }

#sidebar h2 { font-family: 'Lucida Grande', Verdana, Sans-Serif; font-size: 1.2em; color: #E6DECB; }
#sidebar a { color: #E6DECB; text-decoration: none; }
#sidebar a:hover { color: #485431; background-color: #E6DECB; }

h3 { font-size: 1.3em; }

h1, h1 a, h1 a:hover, h1 a:visited, .description { text-decoration: none; color: white; }
h2, h2 a, h2 a:visited { color: #485431; }
h3, h3 a, h3 a:visited  { color: #333; }
h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, #sidebar h2, #wp-calendar caption, cite { text-decoration: none; }

.entry p a:visited { color: #b85b5a; }

small, #sidebar ul ul li, #sidebar ul ol li, .nocomments, .postmetadata, blockquote, strike { color: #777; }
	
a, h2 a:hover, h3 a:hover { color: #06c; }
a:hover { color: #147; text-decoration: underline; }

a:focus {
	outline:none;
}

a:active {
  outline: none;
}
	
/* Begin Structure */

#page {
	background-color: white;
	margin: 0px auto;
	padding: 0 8px;
	width: 750px;
	}
	
#header {
	padding: 0;
	margin: 0 auto;
	height: 118px;
	width: 750px;

	}

#header h1 {
        margin: 0;
        font-size: 12px;
        text-indent: -2000px;
        float: left;
}
#headerimg {
	margin: 0;
	width: 100%;
	}

#site_search {
       color: #ffffff;
       font-size: 10px;
       margin: 10px 10px 0 0;
       float:right;
}

#site_search form {
       margin: 0;
}

.narrowcolumn {
	float: left;
	padding: 0 0 20px 25px;
	margin: 0;
	width: 480px;
	}

.widecolumn {
	padding: 0 0 20px 25px;;
	margin: 0;
	width: 700px;
	}
	
.post {
	margin: 0 0 40px;
	text-align: justify;
	}

.widecolumn .post {
	margin: 0;
	}

.narrowcolumn .postmetadata {
	padding-top: 5px;
	}

.widecolumn .postmetadata {
	margin: 30px 0;
	}

.widecolumn .smallattachment {
	text-align: center;
	float: left;
	width: 128px;
	margin: 5px 5px 5px 0px;
}

.widecolumn .attachment {
	text-align: center;
	margin: 5px 0px;
}

.postmetadata {
	clear: left;
}

#footer {
        background-color: #711B1A;
        color: #E6DECB;
	padding: 0 0 0 0px;
	margin: 0 auto;
	width: 750px;
	clear: both;
	}

#footer p {
	margin: 0;
	padding: 10px;
	text-align: right;
	}

#footer a, #footer a:visited {
        padding: 1px 3px;
        color: #E6DECB;
        font-weight: bold;
        }

#footer a:hover {
        padding: 1px 3px;
        color: #711B1A;
        background-color: #E6DECB;
        text-decoration: none;
        }

/* End Structure */



/*	Begin Headers */
h1 {
	padding-top: 70px;
	margin: 0;
	}

.description {
	text-align: center;
	}

h2 {
	margin: 15px 0 0;
	}

h2.pagetitle {
	margin-top: 30px;
}

#sidebar h2 {
	margin: 5px 0 0;
	padding: 0;
	}

h3 {
	padding: 0;
	margin: 15px 0 0;
	}

h3.comments {
	padding: 0;
	margin: 40px auto 20px ;
	}
/* End Headers */

p img { padding: 0; max-width: 100%; }
	
img.centered { display: block; margin-left: auto; margin-right: auto; }
img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline; }
img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline; }

.alignright { float: right; }
.alignleft { float: left }


/* Begin Lists

	Special stylized non-IE bullets
	Do not work in Internet Explorer, which merely default to normal bullets. */

html>body .entry ul {
	margin-left: 0px;
	padding: 0 0 0 30px;
	list-style: none;
	padding-left: 10px;
	text-indent: -10px;
	} 

html>body .entry li {
	margin: 7px 0 8px 10px;
	}

.entry ul li:before, #sidebar ul ul li:before {
	content: "\00BB \0020";
	}

.entry ol {
	padding: 0 0 0 35px;
	margin: 0;
	}

.entry ol li {
	margin: 0;
	padding: 0;
	}

.postmetadata ul, .postmetadata li {
	display: inline;
	list-style-type: none;
	list-style-image: none;
	}
	
#sidebar ul, #sidebar ul ol {
	margin: 0;
	padding: 0;
	}

#sidebar#sub_nav ul {
        margin: 0 10px;
}

#sidebar ul li {
	list-style-type: none;
	list-style-image: none;
	margin-bottom: 15px;
	}

#sidebar ul p, #sidebar ul select {
	margin: 5px 0 8px;
	}

#sidebar ul ul, #sidebar ul ol {
	margin: 5px 0 0 10px;
	}

#sidebar ul ul ul, #sidebar ul ol {
	margin: 0 0 0 10px;
	}

ol li, #sidebar ul ol li {
	list-style: decimal outside;
	}

#sidebar ul ul li, #sidebar ul ol li {
	margin: 3px 0 0;
	padding: 0;
	}
/* End Entry Lists */

/* Begin Sidebar */
#sidebar
{ 
        float: right;
        background-color: #485431;
        background-color: #405870;
	padding: 20px 10px 10px 10px;
	margin-left: 0px;
	width: 200px;
        color: #fff;
	}

#sidebar form {
	margin: 0;
	}

/* End Sidebar */

/* Begin Resource Sidebar */

#resourcesidebar
{ 
        float: right;
        background-color: #485431;
        background-color: #405870;
	padding: 20px 10px 10px 10px;
	margin-left: 0px;
	width: 200px;
        color: #fff;
	}

#resourcesidebar {
}
#resourcesidebar form {
	margin: 0;
	}

/* End Resource Sidebar */

/* Begin Various Tags & Classes */

blockquote {
	margin: 15px 30px 0 10px;
	padding-left: 20px;
	border-left: 5px solid #ddd;
	}

.center {
	text-align: center;
	}

hr {
	display: none;
	}

a img {
	border: none;
	}

/* Drop-down Menus */

#nav-menu { margin: 0; padding: 0; width: 750px; height: 20px; background-color: #E6DEDA; border-top: 1px solid #9f9f9f; border-bottom: 1px solid #9f9f9f; }
div>#nav-menu { height: 29px; }
#nav-menu #search_form { float: right; padding: 0; margin: 0; }
#nav-menu form { margin: 0; padding: 5px 5px 0 0; }
#nav-menu input { width: 150px; border: solid 1px #999; color: #555; text-indent: 5px }

#nav { margin:0; padding: 0; }

#nav ul { display: block; padding: 0; margin: 0 0 0 -40px; list-style: none; width: auto; z-index: 99; position:absolute; overflow:visible; border:solid 1px #CECECE; }
#nav li ul { margin: 0 0 0 -25px}
#nav li>ul { margin: 0 0 0 15px; }
#nav li { padding: 8px 0 0 0; margin: 0; position: relative; float: left; width: 106px; background-color: #E6DEDA; display: block; height: 20px; font-size: 11px; font-weight: bold; text-align: center; }
#nav ul li{ padding: 0 0 0 10px; margin: 0; font-size: 10px; font-weight: normal; background-color:#EBEBEB; width: 180px; text-align: left; height: 20px; }
 
#nav a { color: #711B1A; text-decoration: none; display: block; padding: 1px; margin: 2px 0 0 1px; width: auto; height: 21px; }
#nav ul li a { height: 10px; }

/*all see this*/
#nav ul li:hover { background-color:#AE9558;  margin: 0 0 0 -10px; padding: 3px 0 4px 12px; } 
#nav ul li a { margin: 0 0 0 -10px; padding: 3px 0 5px 12px; } 
#nav ul li a:hover  { background-color:#AE9558; }

/* non-IE browsers see this */
#nav>li { padding: 4px 0; }
#nav ul>li:hover { padding: 0 0 0 10px; margin: 0px; width: 180px; height: 20px; border: none }
#nav ul li>a:hover { padding: 1px; margin: 2px 0 2px 1px; width: auto; height: 10px; }
#nav ul{ display:none; }

/*all see this */
#nav ul ul, #nav ul ul ul{ display:none; position:absolute; margin-top:-20px; margin-left: 180px; }

/* non-IE browsers see this */
#nav ul li>ul, #nav ul ul li>ul{ margin-top:-30px; }

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul, #nav li:hover ul ul ul ul ul{ display:none; }
#nav li:hover ul, #nav ul li:hover ul, #nav ul ul li:hover ul, #nav ul ul ul li:hover ul, #nav ul ul ul ul li:hover ul{ display: block; }

li>ul { top: 29px; left: auto; }

#quick_links li { margin: 0; padding: 0; }
#quick_links li a { display: block; text-indent: -9000px; overflow: hidden; }
#quick_links li#news a { background: url(/images/icon_news.jpg) no-repeat; height: 74px; }
#quick_links li#calendar a { background: url(/images/icon_calendar.jpg); height: 74px; }
#quick_links li#sermons a { background: url(/images/icon_sermons.jpg); height: 74px; }
#quick_links li#photos a { background: url(/images/icon_photos.jpg); height: 74px; }
#quick_links li#forums a { background: url(/images/icon_forums.jpg); height: 74px; }
#quick_links li#vbs2006 a { background: url(/images/icon_vbs2006.jpg); height: 74px; }
#quick_links li#projectfriendship a { background: url(/images/icon_projectfriendship.jpg); height: 74px; }

#quick_links li#ql-giving a { 
	width: 200px;
	height: 41px;
	background: url(/images/ql-giving-button-bg.png) no-repeat top left;
	background-position: 0px 0px;
	display: block;
	text-align: left;
	text-indent: -9000em;
	overflow: hidden;
	text-decoration: none;
}

#quick_links li#ql-giving a:hover {
	background-position: -200px 0px;
}

#calendar_nav td {
        text-decoration: none;
        vertical-align: bottom;
}

#calendar_nav td a {
        font-size: 12px;
        text-decoration: none;
}

#giving {
	width: 485px;
	height: 100px;
	float: left;
}

#giving-button {
	margin: 10px 10px 10px 0px;
}

#giving-button a {
	width: 319px;
	height: 65px;
	float: left;
	background: url(/images/giving-button-bg.png) no-repeat top left;
	background-position: 0px 0px;
	display: block;
	text-align: left;
	text-indent: -9000em;
	overflow: hidden;
	text-decoration: none;
}

#giving-button a:hover {
	background-position: -319px 0px;
}

.giving-loading {
	width: 220px;
	height: 19px;
	float: left;
	display: block;
	margin: 20px 0px 0px 0px;
}

.input {
	font-size: 1.4em;
	border:1px solid #b3ae98; 
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	margin: 1px;
	padding: 3px;
	color: #8f896c;
}

.input:focus, .input.sffocus, select:focus {
	border: 1px solid #6e6957;
	background: #f1efe5; 
}

#flash-banner {
	width: 480px;
	height: 200px;
	float: left;
	margin: 25px 0px 25px 0px;
}
#cformsform fieldset {
	padding: 10px;
margin: 0 0 10px;
}
#cformsform legend {
	font-weight: bold;
padding: 0 5px;
margin: 0 0 10px;
color #69c !important;
}
.cf_error {
	border-color : red;
	background: #fcc;
}
.reqtxt {color: red;}
#cformsform ul, #cformsform ol {
	margin: 0;
padding: 0;
list-style: none;
border: none;
}
#cformsform li {
	margin: 0 0  10px;
list-style: none;
}
#cformsform label {
	margin: 0 10px 0 0;
}