/* Theme Information
   
   Theme Name: First United Methodist Church - Custom
	Theme URI: http://www.lhtek.com/
	Description: Custom wordpress template made by Lighthouse Teknologies
	Version: 1.00
	Author: Lhtek
	Author URI: http://www.lhtek.com/
	Tags: Fixed Width,  Widget ready, Valid xhtml, valid css,  theme-options, threaded-comments, sticky-post
*/
*{
margin: 0px;
padding: 0px;
}
/*	[ Basic HTML ]                                                  */<!-- -->
body{
	font-size: 12pt;
	font-family: "Tahoma", "Helvetica", sans-serif;
	font-weight: normal;
	background: #ffffff;
	color: #000000;
}

a img{
border: none;
}
a {color: #4eafba; text-decoration: underline;}
a:hover {color: #c1c1c1; text-decoration: none;}
a.postTitle{
font-size: 20pt;
text-decoration: none;
}

h1 {
color: #000000;
font-family: "Times New Roman";
font-weight: normal;
font-size: 22pt;
}
h2 {
font-size:16pt;
color: #000000;
font-weight: normal;
font-size: 18pt;
font-family: "Times New Roman";
}
h3 {font-size:15px;font-style:oblique;}
h4 {font-size:12px;}
h5 {font-size:11px;}
h6 {font-size:10px;}

hr {}
del {color:red;}
ins {color:green;}
code{font: 1.1em 'Courier New', Courier, Fixed;}
blockquote {
	background: #ddf1f3;
	padding: 10px;
	margin: 20px;
	border: 1px solid #4eafba;
	color: #49878e;
	text-align: center;
	font-weight: normal;
	font-style: italic;
}
input,select,textarea {
	font-size:11px;
	font-family: Georgia, Serif;
}

ol { list-style:decimal; }
ul { margin-left: 10px; }
li { margin-left:10px; }

hr,h1,h2,h3,h4,h5,h6 {
	margin-top: 20px;
  margin-bottom:10px;
}
p,dl,hr,ol,ul,pre,table,address,fieldset {
	margin-bottom:20px;
}

div.info {
border-top: 1px dotted #e7587b;
padding-top: 10px;
}

div.posted {
font-size:12px;
}

div.excerpt {
margin: 10px 0 0 30px;
font-size:12px;
color: #2e91d5;
}

/*	[ Predefined Class ]                                            */<!-- -->
.alignleft {float: left;}
.alignright {float: right;}
.aligncenter,div.aligncenter{
   display: block;
   margin-left: auto;
   margin-right: auto;
}
img.alignleft {
	margin:0 8px 8px 0;
	display:inline;
}

img.alignright {
	margin:0 0 8px 8px;
	display:inline;
}

img.centered {
	display:block;
	margin-left:auto;
	margin-right:auto;
}
.clear {clear:both;}
.spacer {height:20px;}
.hide-div { display:none; }
.sundaySchool{
padding: 3px;
border-collapse: collapse;
}
table{
width: 100%;
}
table td{
padding: 3px;
margin: 0px;
}
.oddRow{
background-color: #f3e8d1;
}

/*	[ Layout ]                                                      */<!-- -->
#bodyContainer{
padding: 20px;
padding-top: 0px;
width: 1000px;
margin-left: auto;
margin-right: auto;
overflow: hidden;
}
#header{
margin: auto;
z-index: 5000;
position: relative;
}
#blogTitle{
width: 980px;
margin: auto;
padding-top: 5px;
padding-left: 20px;
height: 141px;
font-family: "Times New Roman", serif;
font-variant: small-caps;
font-size: 24pt;
}
#blogTitle a{
font-family: "Times New Roman", serif;
font-variant: small-caps;
font-size: 24pt;
color: #000000;
text-decoration: none;
}
#searchbox{
float: right;
margin-right: 30px;
width: 290px;
height: 43px;
background: url("images/searchbox.jpg") no-repeat;
}
#searchbox .searchbox{
background: transparent;
border: none;
margin: 0px 4px 0px 4px;
width: 231px;
height: 41px;
font-family: "Tahoma", sans-serif;
font-size: 11pt;
}
#searchbox .searchSubmit{
width: 44px;
height: 33px;
background: url("images/searchbutton.jpg") no-repeat;
border: none;
margin-top: 5px;
}
.mainsearch {
  padding-left: 3px;
}




#contentBody{
  background: transparent;
  text-align: left;
  z-index: 0;
  margin-top:-20px;
}


/* ----- Home Page Slider Styles ----- */
.flexslider{
overflow: hidden;
width: 1000px;
z-index: 0;
}
.flexslider ul, .flexslider ul li{
margin-left: 0px;
}
.slides, .slides li{
list-style-type: none;
}
.slides li{
position: absolute;
display: none;
}
#captions{
position: absolute;
margin-top: 355px;
margin-left: 20px;
z-index: 5000;
}
.caption:hover{
cursor: pointer;
}
.caption{
width: 160px;
height: 200px;
float: left;
font-size: 10pt;
}
.caption.active{
background: url("images/slider_description.png") no-repeat;
}
.caption h4{
margin-top: 35px;
margin-left: 10px;
font-family: "Times New Roman", serif;
color: #00929f;
font-weight: bold;
text-transform: uppercase;
}
.caption p{
padding: 10px;
}
.caption .readMoreLink{
font-style: Italic;
color: #887e6f;
font-size: 10pt;
text-align: right;
}
.caption .readMoreLink a{
color: #887e6f;
text-decoration: none;
}

#footer{
width: 1050px;
margin: auto;
font-size: 0.8em;
padding-top: 10px;
padding-bottom: 100px;
color: #959484;
}
#footer a{
	text-decoration:none;
	color: #959484;
}
#footer a.menus{
	text-decoration:none;
}
#footer a:hover{
	text-decoration:underline;
}
.footer{
float: left;
height: 120px;
padding: 30px 25px 0px 25px;
}
.left{
background: url("images/divider_footer.jpg") no-repeat top right;
}

/*	[ Header ] Blog Title, Description, Home URL                    */<!-- -->
#blog_name {
	position:relative;
}
#blog_name a, #blog_name a:hover {
}
#blog_desc {
	position:relative;
}

/*		[ Header Icons] RSS, Twitter                                               */<!-- -->
.rss {
	width:60px;
	height:60px;
	background:url('images/icon_rss.png') no-repeat 0 -60px;
}
.rss:hover {
	background:url('images/icon_rss.png') no-repeat 0 0;
}

.twitter {
	background:url('images/icon_twitter.png') no-repeat 0px -60px;
	width:80px;
	height:60px;

}
.twitter:hover{
	background:url('images/icon_twitter.png') no-repeat 0px 0px;
}

/*	[ Menu ]  Level 1                                               */<!-- -->
	/* if possible, give menu dynamic width*/
.menu {
width: 1000px;
margin: auto;
margin-top: 0px;
margin-bottom: 20px;
text-align: left;
height: 64px;
background: url("images/bg_menu.jpg") repeat-x;
}
.menu ul{
margin-left: 0px;
}
.menu li {
  float: left;
  list-style-type: none;
  text-align: center;
  padding-top: 0px;
  width: 140px;
  margin-left: 0px;
  height: 100%;
  background: url("images/menu_divider.png") no-repeat left;
}
.menu>li:hover {
  background: #ffffff;
  background-image: none;
  color: #9c1c20;
}
.menu>li:hover>a{
  color: #9c1c20;
}
.menu>li>a {
  text-decoration: none;
  color: #ffffff;
  font-family: "Times New Roman", serif;
  font-size: 13pt;
  display: block;
  margin-top: 20px;
}
.haschildren>a{
  background: url("images/menu_arrow.png") no-repeat right;
}
a.hover{
  background: url("images/menu_arrow_hover.png") no-repeat right;
}
.sub-menu{
  visibility: hidden;
  background-color: #ffffff;
  background-image: none;
  overflow: hidden;
  padding: 52px 0px 10px 0px;
  border: 1px solid #ffffff;
  border-top: none;
  margin-top: -42px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  border-bottom-left-radius: .5em;
  border-bottom-right-radius: .5em;
}
.sub-menu li{
  padding: 4px 4px 4px 20px;
  text-align: left;
  width: 100%;
  background-image: none;
}
.sub-menu li:hover{
  background: #eaeaea;
  width: 98%;
}
.sub-menu a{
  background-image: none;
  color: #000000;
  font-family: "Tahoma", sans-serif;
  font-size: 10pt;
  text-decoration: none;
  padding-right: 20px;
}
.sub-menu a:hover{
  color: #676767;
}
.sub-menu .sub-menu{
  margin-left: 119px;
  margin-top: -20px;
  padding-top: 0px;
  padding-right: 20px;
  position: absolute;
  background-color: #ffffff;
  border: none;
  width: 170px;
  overflow: visible;
}
.sub-menu .sub-menu a{
  padding-right: 20px;
}
#menu-item-7095{
  background: url("images/bg_menu_ImNew.jpg") repeat-x;
}
#menu-item-7095:hover{
  background: #ffffff;
}



/*	[ Content ] Post                                                */<!-- -->
	/* post date height=75px, so post author + post title >=75px */
#post{
clear: both;
z-index: 0;
width: 900px;
margin: auto;
}
.homepageslider { padding-top: 575px; }

.post_date{
color: #949494;
font-style: italic;
margin-top: 0px;
margin-bottom: 20px;
font-size: 10pt;
}
.postbox.home_page{
width: 400px;
margin-top: 25px;
}
#featuredNewsArticles{
margin-top: 20px;
padding: 5px;
background-color: #f2f8e6;
}
.entry{
overflow: hidden;
}
.postIMG{
float: left;
margin-right: 10px;
width: 125px;
min-height: 125px;
}
.postIMG img{
width: 100%;
}
.entry_home_page h3, .entry_home_page a{
color: #9d1d20;
font-weight: bold;
font-family: "Times New Roman", serif;
font-size: 14pt;
font-style: normal;
text-decoration: none;
}
.entry_home_page a:hover{
text-decoration: underline;
}
#pageNavLinks{
border-top: 1px solid #949494;
text-align: right;
clear: both;
}
#pageNavLinks a{
color: #949494;
text-decoration: none;
}
.alignColumn_right{
float: right;
}
.alignColumn_left{
float: left;
}

.divider{
display: block;
width: 975px;
margin: auto;
}

#post_page{
width: 700px;
float: left;
}
#post_page .postbox{
float: left;
width: 500px;
}
#picture_column{
width: 200px;
float: right;
text-align: center;
}
#picture_column img{
margin-bottom: 50px;
}

#sidebar{
width: 225px;
float: right;
font-size: 9pt;
border-left: 1px #e0d2c8 solid;
padding-top: 10px;
padding-left: 15px;
}
.breadcrumb{
margin-bottom: 20px;
font-family: "Times New Roman", serif;
font-size: 11pt;
word-spacing: 0.5em;
}
.breadcrumb_current{
color: #9C1C20;
font-weight: bold;
}
#sidebar li{
list-style-type: none;
padding: 2px 0px 2px 0px;
margin: 0px;
}
#childPageList li{
padding: 5px 0px 5px 0px;
}
#childPageList .children{
margin-bottom: 0px;
padding-bottom: 0px;
margin-left: 20px;
}
#childPageList .children li{
list-style-type: circle;
}
#sidebar a{
text-decoration: none;
color: #000000;
}
#sidebar a:hover{
color: #9C1C20;
}
#sidebar p{
margin-top: 1em;
margin-bottom: 1em;
}
#sidebar .sidebar_green{
font-weight: bold;
color: #00939f;
}
#sidebar .children li{
list-style-type: square;
}

.customFacebookBadge{
height: 41px;
width: 300px;
color: white;
padding: 10px;
padding-left: 50px;
margin-bottom: 20px;
background: url("http://fumc.lhtek.com/wp-content/uploads/2012/06/facebookLogo_white.png") no-repeat #3B5998;
}
.customFacebookBadge a{
color: white;
}

.wp-cpl-sc-post h2{
font-size: 12pt;
margin-bottom: 0px;
}
#sidebar .wp-cpl-sc-meta p{
margin-top: 0px;
font-style: italic;
margin-left: 10px;
}

.player-container{
visibility: visible;
}

#mobile-menu {
  display: none;
}

/* @media only screen and (min-width: 380px) and (max-width: 767px) { */
@media only screen and (max-width: 768px) {
  body {
    width:100%;
    font-size: 15px;
  }

  /*header*/ 
  #blogTitle { width:100%; text-align: center; padding: 0px; }
  #searchbox { display: none; }
  .glow { width: 80; }

  /*navigation*/ 
 
  /* turn off the primary desktop menu */
  #menu {
    display: none;
  }
  /* turn on the primary mobile menu */
  #mobile-menu {
    display: block;
    width: 100%;
    background: #000000;
    color: #ffffff;
    font-weight:bold;
    padding: 0;
  }

  .mobile-menu-icon { padding: 5px; text-align: right; cursor: pointer; }

  .primary-mobile-nav ul {
      list-style: none;
      background: #f5f4f1;
      padding: 0px;
      width:100%;
      margin: 0px;
  }
   
  .primary-mobile-nav li a {
      display: block;
      padding: 0 20px;
      color: #000;
      text-decoration: none;
      font-weight: bold;
      text-transform: uppercase;
      letter-spacing: 0.1em;
      letter-spacing: 0.1em;
      line-height: 2em;
      height: 2em;
  }
   
  .primary-mobile-nav li:last-child a {
      border-bottom: none;
  }
   
  .primary-mobile-nav li a:hover,
  .primary-mobile-nav li a:focus {
      color: #1c1c1c;
      background: #ccc;
  }

  .primary-mobile-nav .sub-menu{
    visibility: visible;
    overflow: hidden;
    padding: 0x 0px 0px 10px;
    border: none;
    box-shadow: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
  }
  .primary-mobile-nav .sub-menu .sub-menu{
    visibility: visible;
    overflow: hidden;
    padding: 0x 0px 0px 20px;
    position: static;
    border: none;
    box-shadow: none;
    margin: 0px;
    background-color: transparent;
    white-space: nowrap;
  }



  /* body fixes */
  #contentBody { margin-top: 10px; }
  #bodyContainer { width: 100%; padding: 0px; }
  #post_page { width: 100%; }
  #post_page .postbox { width: 100%; padding: 0px 5px 0px 5px; }
  #post { width: 100%; }
  .divider { width: 100%; }
  #contentBody { width: 100%; }
  .entry { padding: 10px; }
  .entry img { max-width: 100%; height: auto; }
  .flexslider ul, .flexslider ul li {
    width:100%;
    margin-top:-10px;
    float: none !Important;
  }
  .flexslider img { display:block; width: 100% !Important; }
  .flexslider h4 { clear:both; border:1px red solid; }
  .slides li { float: none !important; }


  #sidebar { display: none; }


   #captions { position: static; clear:both; margin: 40% 0px 0px 0px; text-align: center; }
  .caption { display: none; float: none; margin: auto; width: 100%; height: auto; }
  .caption h4 { margin: 0px;  font-size: 135%; }
  .caption p { margin: 0px; }
  .caption.active{ display: block; background: none; cursor: default; }

  .homepageslider { clear:both; padding-top: 20px; }

  #featuredNewsArticles { width: 100%; padding: 0px; }
  .postbox.home_page {
      clear:both;
      width: 100%;
      margin-top: 25px;
  }
  .entry_home_page { border-bottom: 1px black dotted; padding: 10px; }
  .alignColumn_left { float: none; }
  .alignColumn_right { float: none; }

  /* footer fixes */
  #footer { text-align: center; width:100%; }
  .footer{ float: none; height: auto; margin: 0px 0px 20px 0px !Important; padding: 0px; }
  .left { float: none; margin: auto; }
  .left { background: none; }
}