/* Ink Splash - www.flamingoroadchurch.com */
/* Main.css */
/* Created Jul 23, 2007 */
/* By Carlos Garcia & Arturo De la Mora */
/* Modified July 23, 2007
--------------------------------------- */

/* General
--------------------------------------- */

.left {float: left;	margin-right: 1em;}

.right {float: right; margin-left: 1em;}

.small {font-size: smaller;}

.hide {display: none;}

p, ul, ol { font-size:1em; line-height: 1.5em; margin:0 0 1.5em 0;}

ol {margin-left: 0.75em; padding-left: 2em;}

ul {margin-left: 0.75em;	}

ul li { list-style: none; background: url(images/bullet.gif) no-repeat left 0.2727em; padding-left: 1.3636em;}

ol li { list-style: decimal outside;}

ol ol li {list-style: lower-alpha outside;}

ol ol, ul ul {margin-bottom: 0;}

/* Structure and Layout
--------------------------------------- */

body {
	background-color: #000000;
	color: #515151;
	text-align: center;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 68.75%;
	line-height: 1.5em;
	background-image: url(images/main_bg.gif);
	background-repeat: no-repeat;
	background-position:center;
	background-position:top;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	}
/* YOU HAVE TO UPLOAD THE FILES WE CREATED */
/* ONTO PUBLISHPATH.COM SERVER. ---------- */
/* THEN CHANGE THE PATH TO THE FILES HERE- */
.General_Content {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 12px;
}
#frame {
	text-align: left;
	margin: 0em auto;
	width: 900px;
	background: #FFF url(images/frame_tile.gif) repeat-y center top;
	}
#frame_home {
	text-align: left;
	margin: 0em auto;
	width: 900px;
	background: #FFF url(images/frame_tile_oneCol.gif) repeat-y center top;
	}

.oneCol #frame {background-image: url(images/frame_tile_oneCol.gif);}

#header {
	background: url(images/header_bg.gif) no-repeat center top;	
	padding: 5.0909em 3px 0.4545em 3px;
	color: #FFF;
	}

#container {
	margin: 0 0 0 0px;
	float: left;
	display: inline;
	width: 632px;
	}
#container_home {
	margin: 0 0 0 0px;
	float: left;
	display: inline;
	width: 880px;
	}

* html #container {margin: 0 0 0 11px;}

.oneCol #container {
	width: 707px;
	}

#mainCol, #feature {padding: 0px 0 0 21px;}

.home #mainCol {
	float: left;
	display: inline;
	width: 425px;
	}

#subCol {display: none;}

.home #subCol {
	display: inline;
	float: right;
	width: 425px;
	}
#extraCol {
	float: right;
	width: 234px;
	display: inline;
	margin-right: 21px;
	}

.oneCol #extraCol {
	display: none;
	}

#footer {
	clear: both;
	background: url(images/footer_bg.gif) no-repeat center bottom;
	padding: 1.3636em 45px 3.1818em 45px;
	}

/* Links
--------------------------------------- */

a, a:link, a:visited {
	color: #007DC2;
	font-weight: bold;
	font-size:11px;
	text-decoration: none;
	}

a:visited {
	color: #007DC2;
	}

a:hover, a:active {
	text-decoration: underline;
	}
	
a img {border: none;}


/* Navigation
--------------------------------------- */

#navigation {
	float: center;
        margin: 0 21px;
	padding: 0 10px;
	height: 3em;
    background-image: url(images/menu_bg.gif);
	background-repeat: repeat-x;
	background-position:center;
	}

ul.nav, ul.nav li {
	margin: 0;
	padding: 0;
	}

ul.nav li {
	display: inline;
	list-style: none;
	background: none;
	}

#navigation .nav a, #navigation .nav a:link, #navigation .nav a:visited {
	font-family: verdana, arial, helvetica, sans-serif;
	font-weight: normal;
	text-transform: uppercase;
	line-height: 3em;
	height: 3em;
	text-decoration: none;
	padding: 0 13px;
	color: #FFFFFF;
	float: left;
	}

#navigation .nav a:hover, #navigation .nav li a.selectedPage {

    background-image: url(images/menu_over.gif);
	background-repeat:repeat-x;
	background-position:center;
	}

#extraCol .nav {
	display: block;
	background: #F3F3F3;
	padding: 1.9090em 0;
	}

#extraCol .nav li a, #extraCol .nav li a:link, #extraCol .nav li a:visited {
	display: block;
	color: #999999;
	border-bottom: 0.1818em solid;
	text-decoration: none;
	margin: 0.4545em 0 0.4545em 21px;
	padding: 0.4545em 0;
	font-weight: bold;
	}

#extraCol .nav li a:hover, #extraCol .nav li a:active {
	color: #007DC2;
	}

#footer .nav a, #footer .nav a:link, #footer .nav a:visited {
	margin-right: 1em;
	text-transform: uppercase;
	}

#footer .nav, #footer .nav li {
	margin-bottom: 0;
         margin-top: 3em;
	text-align: center;
	}


/* Headers
--------------------------------------- */

h1, h2, h3, h4 {
	font-family: "Trebuchet MS", verdana, arial, helvetica, sans-serif;
	}

h1 {
	font-size: 2em;
	line-height: 1.1em;
	margin: 1em auto 0.5em;
	font-weight: bold;
	}

h2, #extraCol h1 {
	font-size: 1.7272em;
	line-height: 1.2em;
	margin: 1.1578em auto 0.5789em;
	font-weight: bold;
	}

h3, #extraCol h2 {
	font-size: 1.4545em;
	line-height: 1.2em;
	margin: 1.375em auto 0.6875em;
	font-weight: bold;	
	}
	
h4, #extraCol h3 {
	font-size: 1.2727em;
	line-height: 1.1785em;
	margin: 1.57174em auto 0.7857em;
	font-weight: bold;
	}

h5, #extraCol h4 {
	font-family: verdana, arial, helvetica, sans-serif;
	line-height: 1.5em;
	font-weight: bold;
	}

h6, #extraCol h5 {
	font-family: verdana, arial, helvetica, sans-serif;
	text-align: right;
	line-height: 1.5em;
	margin: 1.5em 0 0 0;
	font-style: italic;
	font-weight: bold;
	}

#header h1, #header h2, #header h3, #header h4 {
	color: #FFF;
	margin: 0.75em 0 0 0;
	padding: 0;
	}

#header h1 {
	font-size: 3em;
	}

.title {
	border-bottom: 0.1818em solid;
	padding-bottom: 0.1818em;
	}

/* Content
------------------------------------- */

#header p {
	margin-top: 0;
	}

#header a, #header a:link, #header a:visited, #header a:hover, #header a:active {
	color: #FFF;
	text-decoration: none;
	}

div.content {
	padding: 1.5em;
	}

.eventsList ul, .linksModule ul, .blogList ul {
	margin-left: 0.75em;
	padding-left: 0;
	}

.eventsList li, .linksModule li, .blogList li {
	list-style: none;
	padding-left: 18px;
	margin-left: 0;
	background: url(images/bullet.gif) no-repeat left 0.2727em;
	margin-bottom: 1em;
	}

.blogList li  {
	background-image: url(images/news_bullet.gif);
	}

.eventsList li {
	background-image: url(images/events_bullet.gif);
	}

.linksModule li {
	background-image: url(images/links_bullet.gif);
	}

.breadCrumb {
	border-bottom: 0.0909em dotted #E1DED0;
	padding: 1em 0;
	margin-bottom: 1em;
	}

.button {
	border: 2px solid #C5C3B6;
	padding: 4px 8px;
	background: #FFF url(/Styles/images/waterButtons_tile.gif) repeat-x left -6px;
	clear: both;
	text-decoration: none;
	color: #6E6F71;
	font-weight: normal;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	display: block;
	width: auto;
	float: left;
	}

div.comments dd.comment {
	padding: 1em 1.5em;
	background: #f3f3f3;
	}

div.comments dt.comment {
	border-bottom: 4px double #E1DED0;
	padding: 1em 1.5em;
	background: #f3f3f3;
	}

div.comments dd.alternate, div.comments dt.alternate {
	background: #F2F2EA;
	}

.postDate {
	font-style: normal;
	font-size: 10px;
	color: #666;
	}

.blogList .postInfo, .blogList .postDate {
	font-style: normal !important;
	font-size: 11px !important;
	color: #515151 !important;
	}

.blogBack, .eventBack {
	border-top: 1px dotted #515151;
	background: #f3f3f3;
	padding: .5em 1.5em;
	margin-top: 1em;
	clear: both; 
	}

div.commentsForm input, div.commentsForm textarea {
	padding: .25em;
	font-size: 13px;
	width: 80%;
	}
	
.blogList h2.postTitle {	
	font-size: 100%;
	line-height: 1.5em;
	font-family: verdana, arial, helvetica, sans-serif;
	margin: 0;
	}

div.commentsForm {
	padding: 11px 18px;
	border: 4px double #E1DED0;
	margin-top: 1em;
	background: #f3f3f3;
	}

div.commentsForm h3.addComment {
	background: #E1DED0;
	color: #FFF;
	padding: 11px 18px;
	margin: -11px -18px 1em;
	}

a.commentNumber, a.commentNumber:link, a.commentNumber:visited {
	text-indent: -9999px;
	background: url(images/comment_icon.gif) no-repeat left top;
	width:14px;
	height:15px;
	display: block;
	}

h3.commentsHead {
	background: url(images/comment_icon.gif) no-repeat 4px 4px;
	padding-left: 24px;
	}

/* Search
--------------------------------------- */

div.search {
	background: #f3f3f3;
	padding: .5em 1.5em;
	}

.searchInput {
	width: 95%;
	margin-bottom: 0.75em;
	padding: 0.1818em;
	font-size: 1.1727em;
	font-weight: normal;
	}

.searchButton {
	background: #f3f3f3;
	color: #666666;
	font-weight: normal;
	padding: 0.1818em;
	font-size: 1.2727em;
	margin-bottom: 1.5em;
	}

div.search label {
	display: block;
	font-size: 1.4545em;
	line-height: 1.2em;
	margin: 1.375em auto 0.6875em;
	font-weight: bold;	
	}

/* Events Calendar
--------------------------------------- */

.eventsCalendar table {
	border: 1px solid #807d70;
	width: 100%;
	border-collapse: collapse;
	}
	
.calendarDay, .calendarToday, .calendarDayHeader, .calendarTitle td, .calendarWeekendDay, .calendarOtherMonthDay   {
	padding: 2px;
	border: 1px solid #807d70;
	}

.eventsCalendar table table, .eventsCalendar table table td {
	border: none;
	width: 100%;
	border-collapse: collapse;
	}
	
.calendarTitle td {
	text-align: center;
	background: #515151;
	color: #FFF;
	font-weight: bold;
	padding: 6px 4px;
	}

.calendarNextPrevious {
	font-weight: normal;
	}

.calendarNextPrevious a {
	color: #88D3E2 !important;
	font-weight: normal;
	}

.calendarToday, .calendarToday a {
	color: #FFF;
	background: #333333;
	}

.calendarDayHeader {
	color: #f2f2ea;
	background: #807d70;
	font-weight: bold;
	height: 1px;
	text-align: center;
	padding: 4px 2px;
	}

.calendarWeekendDay {
	background: #f2f2ea;
	}
	
.calendarOtherMonthDay {
	color: #807d70;
	background: #e1ded0;
	}

/* Admin
--------------------------------------- */

.ajax__tab_default .ajax__tab_body {
	background: #f7f7f2 url(images/tab_body_tile.gif) repeat-x left bottom;
	}

.ajax__tab_default .ajax__tab_header {
	border: none;
	background: url(images/single_line.gif) repeat-x left bottom;
	}

.ajax__tab_default .ajax__tab_inner {
	
	}

.ajax__tab_default .ajax__tab_outer {
	background: #e1ded0 url(images/tab_normal_tile.gif) repeat-x left top;
	padding: 0.4545em 1.0909em;
	margin-bottom: 0.0909em;
	}

.ajax__tab_default .ajax__tab_active .ajax__tab_outer {
	background: #f7f7f2 url(images/tab_active_tile.gif) repeat-x left top;
	margin-bottom: 0;
	padding-bottom: 0.5454em;
	}

.ajax__tab_default .ajax__tab_active span.ajax__tab_tab {
	font-weight: bold;
	border: none;
	padding-bottom: 0.0909em;
	}

.ajax__tab_default .ajax__tab_hover .ajax__tab_tab {
	border: none;
	padding-bottom: 0.0909em;
	}

div.helpContent {
	background: #ffffe1;
	color: #515151 !important;        
	}

div.helpContent p {margin-bottom: 0;}

.templateChooser {
	background: url(images/tab_body_tile.gif) repeat-x left bottom;
	border: 1px solid #e1ded0;
	}
.ajax__tab_default .ajax__tab_body blockquote {

}

.actions img {vertical-align: middle;}


/* Forms
--------------------------------------- */

.formHeader h2 {
	border-bottom: 0.1818em solid !important;
	padding-bottom: 0.1818em !important; 
	font-size: 2em !important;
	line-height: 1.1em;
	margin: 1em auto 0.5em !important;
	font-weight: bold;
	}

.fieldSelected {
	background: #c3e7fb !important;
	border: 1px solid #88d3e2 !important;
	}

.fieldError {
	color: #F00 !important;
	background: transparent !important;
	border: 1px solid #F00 !important;
	}

#errorSummary {
	color: #F00 !important;
	padding: 0 !important;
	background: transparent !important;
	border: none !important;
	}

/* Clearing
--------------------------------------- */

#container:after, #extraCol .nav:after, #frame:after, #footer:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

#container, #extraCol .nav, #frame, #footer {display: inline-block;}

* html #container, * html #extraCol .nav, * html #frame, * html #footer {height: 1%;}
#container, #extraCol .nav, #frame, #footer {display: block;}