@import url('reset.css');



/*
 *:: General Formatting
 */

body {
   font-family: Verdana, Arial, Geneva, "Helvetica Neue", Helvetica, sans-serif;
   font-size: 12px;
   line-height: 18px;
   color: #707070;
   background: url('images/background-header.png') no-repeat top center;
}

.column {
   font-size: 11px;
}

p { margin-bottom: 18px; }

p.first {
   font-family: Georgia, Times, "Times New Roman", serif;
   font-size: 18px;
   line-height: 24px;
}

strong { font-weight: bold; }

em { font-style: italic; }

pre {
   font-family: "Courier New", Courier;
   margin-bottom: 18px;
}

.alignleft { float: left; margin-right: 5px; }

.alignright{ float: right; margin-left: 5px; }

.aligncenter { margin-left: auto; margin-right: auto; }


/*: Links */

a:link,
a:visited {
   color: #528dca;
   text-decoration: none;
}

a:hover,
a:active {
   color: #375f88 !important;
}


/*: Lists */

ul {
   padding-left: 20px;
   margin-bottom: 18px;
   list-style-position: outside;
   list-style-type: none;
}

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

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

li {
   margin-bottom: 18px;
}

ol {
   padding-left: 40px;
   list-style-type: decimal;
}

ol ol {
   padding-left: 20px;
   list-style-type: lower-alpha;
}

ol ol ol {
   padding-left: 20px;
   list-style-type: lower-roman;
}

ul.tight li { margin-bottom: 0px; }

ul.aligned { padding-left: 0px; }

ul.bulleted {
   list-style-type: disc;
   padding-left: 40px;
}

ul.bulleted ul {
   list-style-type: circle;
}

ul.bulleted ul ul {
   list-style-type: square;
}

ul.tight li {
   margin-bottom: 0px;
}

#secondary-content ul {
   padding-left: 0px;
}

#secondary-content ul ul,
#secondary-content ul ul ul {
   padding-left: 10px;
}


/*: Blockquotes */

blockquote {
   margin: 10px 0 18px 0;
   padding: 17px 20px 1px 20px;
   background-color: #f0f0f0;
   font-size: 11px;
}

/*: Headers */

h1, h1 a:link, h1 a:visited,
h2, h2 a:link, h2 a:visited,
h3, h3 a:link, h3 a:visited,
h4, h4 a:link, h4 a:visited,
h5, h5 a:link, h5 a:visited,
h6, h6 a:link, h6 a:visited {
   font-family: Georgia, Times, "Times New Roman", serif;
   color: #ff6e00;
}

h1, h2 {
   /*font-size: 30px;
   line-height: 36px;
   margin: 0 0 18px 0;*/
   font-size: 22px;
   line-height: 22px;
   margin: 36px 0 14px 0;
}

h3 {
   font-size: 18px;
   margin: 40px 0 14px 0;
}

h4 {
   font-size: 14px;
   margin: 26px 0 10px 0;
}

h5 {
   font-size: 12px;
   margin: 28px 0 8px 0;
}

h6 {
   font-style: italic;
}


/*
 *:: Menus
 */

ul.menu {
   padding: 0;
}

ul.menu ul,
ul.menu ul ul {
   padding-left: 10px;
}

ul.menu a {
   border-color: #fff;
   border-style: solid;
}

ul.menu a:hover,
ul.menu a:active {
   border-color: #375f88;
}

ul.menu li.current_page_item a {
   border-color: #ff6e00;
}

/*: Primary Navigation */

#header ul.menu li {
   margin: 0;
   font-size: 14px;
   line-height: 24px;
   text-transform: uppercase;
   letter-spacing: 1px;
}

#header .menu a {
   border-width: 0 4px 0 0;
   padding-right: 2px;
}

#header ul.links li {
   margin-left: 15px;
   font-size: 10px;
   color: #777;
}



/*: Breadcrumbs */

#breadcrumbs li {
   font-size: 11px;
   line-height: 11px;
   color: #ccc;
}

#breadcrumbs a:link,
#breadcrumbs a:visited {
   color: #b1cce7;
}

#breadcrumbs a:hover,
#breadcrumbs a:active {
   color: #528dca;
}

/*: Secondary Navigation/Content */

#secondary-nav,
#secondary-content {
   font-size: 10px;
}

#secondary-nav h2, #secondary-nav h2 a,
#secondary-nav h3, #secondary-nav h3 a,
#secondary-nav h4, #secondary-nav h4 a,                     
#secondary-nav h5, #secondary-nav h5 a,
#secondary-nav h6, #secondary-nav h6 a,
#secondary-content h2, #secondary-content h2 a,
#secondary-content h3, #secondary-content h3 a,
#secondary-content h4, #secondary-content h4 a,
#secondary-content h5, #secondary-content h5 a,
#secondary-content h6, #secondary-content h6 a {
   font-family: Verdana, Arial, Geneva, "Helvetica Neue", Helvetica, sans-serif;
   font-size: 12px;
   line-height: 18px;
   text-transform: uppercase;
   letter-spacing: 1px;
   /*color: #528dca !important;*/
   color: #888 !important;
   font-weight: bold;
   margin: 0px 0 0px 0;
}

#secondary-nav li, 
#secondary-content li {
   margin: 0px;
}

#secondary-nav .menu a {
   border-width: 0 4px 0 0;
   padding-right: 2px;
}

#secondary-nav .menu {
   margin-right: -6px;
}

/*
#secondary-nav .menu a:link,
#secondary-nav .menu a:visited,
#secondary-content .menu a:link,
#secondary-content .menu a:visited,
#secondary-nav .tag-cloud a:link,
#secondary-nav .tag-cloud a:visited {
   color: #000;
}
*/



/*
 *:: Search Form
 */
 
#searchform {
   float: left;
   clear: both;
   margin-bottom: 21px;
   width: 100%;
}
 
#searchform label {
   float: left;
   /*color: #528dca !important;*/
   color: #888 !important;
}

#secondary-content #searchform label {
   font-family: Verdana, Arial, Geneva, "Helvetica Neue", Helvetica, sans-serif;
   font-size: 12px;
   line-height: 18px;
   letter-spacing: 1px;
   text-transform: uppercase;
   font-weight: bold;
   margin: 0px 0 0px 0;
}

#info-block #searchform label {
   margin-top: 3px;
   font-weight: normal;
   line-height: 24px;
}

#searchform #s,
#searchform #searchsubmit {
   height: 24px;
   border: 1px solid #ccc;
   font-family: Verdana, Arial, Geneva, "Helvetica Neue", Helvetica, sans-serif;
   font-size: 11px;
   font-weight: bold;
   color: #777;
   margin-top: 3px;
}

#searchform #s {
   float: left;
   width: 175px;
   padding: 0 4px;
   letter-spacing: 1px;
}

#info-block #searchform #s {
   margin-left: 10px;
   width: 200px;
}

#searchform #searchsubmit {
   float: right;
   width: 26px;
   height: 26px;
   padding: 0;
   background-color: #f0f0f0;
   cursor: pointer;
}



/*
 *:: Event & Sermon Lists
 */

ul.post-list li {
   border: dotted #ddd;
   border-width: 0 0 1px 0;
   padding: 5px 0 4px 0;
   line-height: 15px;
   text-align: left;
}



/*
 *:: Post
 */

div.post div.post-info {
   font-style: italic;
   font-size: 11px;
   color: #777;
   margin-bottom: 18px;
}

div.post div.post-info p {
   margin-bottom: 0px;
}

div.post.category-events div.post-info,
div.post.category-sermons div.post-info {
   font-style: normal;
}
  
/*
.post.category-events p.post-info {
   padding-left: 31px;
   background: url('images/icon-ncb-18.png') no-repeat;
}

.post.category-events.tag-college-life p.post-info {
   padding-left: 22px;
   background: url('images/icon-college-life-18.png') no-repeat;
}
.post.category-events.tag-nckids p.post-info {
   background: url('images/icon-nckids-18.png') no-repeat;
}
.post.category-events.tag-outreach p.post-info {
   background: url('images/icon-outreach-18.png') no-repeat;
}
*/


div.post div.post-metadata {
   font-size: 11px;
   color: #777;
}

div.post img.sermon-image {
   margin: 0 0 18px 0;
}

div.navigation {
   margin: 0 0 18px 0;
   font-size: 11px;
   float: left;
   width: 100%;
}



/*
 *:: Search Results
 */

div.entry.excerpt {
   font-size: 10px;
   color: #777;
} 



/*
 *:: Footer
 */ 

#footer {
   background-color: #f0f0f0;
   padding: 20px 0;
   font-size: 10px;
   color: #777;
   float: left;
   clear: both;
}

#footer .footer-col {
   float: left;
   margin: 0 20px 0 0;
   width: 210px;
   height: 100%;
}

#footer #first-col {
   margin-left: 20px;
}

#footer p {
   margin-bottom: 0px;
}

#footer ul {
   margin: 0;
   padding: 0;
}
#footer li {
   margin-bottom: 0px;
}



/*
 *:: Secondary Nav Buttons
 */ 
 
#secondary-nav img {
  /* border: 1px #ddd dotted; */
   margin-bottom: 10px; 
}


/*
 *:: Google Maps
 */
 
#secondary-content #mapsearch {
   margin: 0;
   padding: 0;
} 


/*
 *:: Twitter Widget
 */

div#twitter {
   margin-top: 36px;
   margin-bottom: 18px;
}

#twitter h3,
#twitter h4,
#twitter h4 a {
   font-family: Verdana, Arial, Geneva, "Helvetica Neue", Helvetica, sans-serif;
   text-transform: none;
}

/*
 *:: Flickr Badge
 */

.flickr_badge {
   float: left;
   padding: 4px 0 10px 0;
} 

#flickr_badge_2 {
   margin-left: 2px;
   margin-right: 2px;
}

#secondary-content .flickr_badge_image img {
   width: 72px !important;
   height: 72px !important;
   margin: 1px 0;
}


/*
 *:: Misc
 */
object { margin-bottom: 18px; }
#info-block object{ margin-bottom: 0px; }


/*
 *:: Layout
 */

body {
   text-align: center; /* IE hack: moves EVERYTHING to the center */
   min-width: 980px
}

#wrapper {
   width: 960px;
   margin: 0 auto;   /* centers layout in non-IE browsers */
   text-align: left; /* IE hack: move ALL decendents back to the left */
}

#header {
   margin: 30px 0 0 0;
   position: relative;
}

#header img {
   position: absolute;
   top: 5px;
   left: 185px;
}

#header ul.menu {
   text-align: right;
   margin: 0 804px 0 0; /* 810-6 for border highlight */
}

#header ul.links {
   position: absolute;
   top: 96px;
   right: 10px;
}

#header ul.links li {
   display: inline;
}

#image-panel {
   height: 233px;
   width: 940px;
   margin: 20px 10px;
}

#image-panel #middle {
   margin: 0 5px;
}

#breadcrumbs {
   padding: 0;
   margin: 20px 0px 20px 185px;
}

#breadcrumbs li {
   display: inline;
}

#secondary-nav {
   float: left;
   width: 140px;
   margin: 36px 20px 0 10px;
   text-align: right;
}

#content {
   float: right;
   width: 780px;
   margin: 0 10px 0 0;
}

#primary-content {
   float: left;
   width: 510px;
   margin: 0 15px 20px 15px;
}

#secondary-content {
   float: right;
   width: 220px;
   margin-top: 36px;
}

#footer {
   clear: both;
   margin: 20px 10px 20px 10px;
}

#welcome-block {
   float: left;
   width: 620px;
   margin: 0 0 0 10px;
}

#welcome-block img {
   margin-right: 13px;
}

#info-block {
   float: right;
   width: 300px;
   margin: 25px 10px 0 0;
}

.column {
   float: left;
   width: 300px;
   margin: 0 0 0 20px;
}
.column p {
   text-align: justify;
}

#first-column {
   margin-left: 10px;
   clear: left;
}

