/*   
Theme Name: Georgetown
Theme URI: http://www.eclink.com
Description: This is a WordPress Theme template for Georgetown -- WordPress v3.0.1
Author: Tony Stinson
Author URI: http://www.eclink.com
Version: 2
*/

/* make calendar text wrap and events not stack*/
.ai1ec-month-view .ai1ec-event{
height:auto !important;
}
.ai1ec-month-view .ai1ec-event,
.ai1ec-week-view .ai1ec-event,
.ai1ec-oneday-view .ai1ec-event{
max-height:none !important;
overflow:visible !important;
white-space: normal !important;
}
.ai1ec-event-footer {
display:none;
}

html, body, div, span, object, iframe,
blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video  {
  margin:0;
  padding:0;
  border:0;
  outline:0;
  font-size:1em;
  font:inherit;
  vertical-align: baseline;
}

img {display: block; max-width: 100%;}
a img {border:none;}
a:hover, a:active  { outline: none; }
nav ul, nav li  { margin: 0; list-style:none; list-style-image: none; }
small { font-size: 85%; }
strong { font-weight: bold; }

.ie7 img  { -ms-interpolation-mode: bicubic; }

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}
.clearfix:after {
    clear: both;
}
.clearfix {
    *zoom: 1;
}
/* end reset */

/* wordpress defaults */
.alignnone { margin: 5px; }
.aligncenter, div.aligncenter { display: block; margin: 5px auto 5px auto; }
.alignright { float:right; margin: 5px; }
.alignleft { float: left; margin: 5px; }
a img.alignright { float: right; margin: 5px; }
a img.alignnone { margin: 5px 20px 20px 0; }
a img.alignleft { float: left; margin: 5px 20px 20px 0; }
a img.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.wp-caption { background: #fff; border: 1px solid #f0f0f0; max-width: 96%; /* Image does not overflow the content area */ padding: 5px 3px 10px; text-align: center; }
.wp-caption.alignnone { margin: 5px 20px 20px 0; }
.wp-caption.alignleft { margin: 5px 20px 20px 0; }
.wp-caption.alignright { margin: 5px 0 20px 20px; }
.wp-caption img { border: 0 none; height: auto; margin: 0; max-width: 98.5%; padding: 0; width: auto; }
.wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; margin: 0; padding: 0 4px 5px; }
.contentboxlarge ol {
list-style-position:inside;
}
.contentboxlarge ul {
list-style-position:outside;
list-style-type: square;
}
.contentboxlarge ul li{
margin-left:15px;
} 
.contentboxlarge {
font:400 1em/1.2 'Arial', 'Helvetica','Tahoma', sans-serif;
}
.entry {
  font:400 1em/1.2 'Arial', 'Helvetica','Tahoma', sans-serif; 
}
.entry ol {
list-style-position:inside;
font:400 1em/1.2 'Arial', 'Helvetica','Tahoma', sans-serif;
}
.entry ul {
list-style-position:inside;
font:400 1em/1.2 'Arial', 'Helvetica','Tahoma', sans-serif;
}
.entry ul li ul{
margin-left:15px;
}
.entry img {
  display: inline;
border:none;
}
.entry p {
font:400 1em/1.2 'Arial', 'Helvetica','Tahoma', sans-serif;
}
h1 {
font:700 1.4em/1.6 'Droid Serif', 'Times New Roman','Times', serif;
}
h2 {
font:700 1.2em/1.4 'Droid Serif', 'Times New Roman','Times', serif;
}


/* end wordpress defaults */



/* table styling */

.entry table{
    border-collapse: collapse;
    border-spacing: 0;
    width:100%;
    height:100%;
    margin:20px 0;
	padding:0px;

}
.entry tr:nth-child(odd)c{
 background-color:#f1ede4;
 }
.entry tr:nth-child(even) {
 background-color:#ffffff;
}
.entry td{
	vertical-align:middle;
	
	border-width:0px 1px 1px 0px;
	text-align:left;
	padding:10px;
	font-size:.8em;
	color:#000000;
}
.entry tr:last-child td{
	border-width:0px 1px 0px 0px;
}
.entry tr td:last-child{
	border-width:0px 0px 1px 0px;
}
.entry tr:last-child td:last-child{
	border-width:0px 0px 0px 0px;
}


.entry tr:first-child td:first-child{
	border-width:0px 0px 1px 0px;
}
.entry tr:first-child td:last-child{
	border-width:0px 0px 1px 1px;
}

/* end table styling */



html,
body {
  margin:0;
  padding:0;
  height:100%;
}
body {
  overflow-x: hidden;
  background: url("images/background.jpg") no-repeat top center fixed #f5f2ed;
  -moz-background-size: cover;
  -webkit-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
#wrapper {
  min-height:100%;
  position:relative;
}
#header {
  position:relative;
  max-width:960px;
  margin:0 auto;
  z-index:999;
}
#content {
  display:block;
  margin:0 auto;
  max-width:960px;
  background:#f1ede4;
  padding-bottom:80px;   /* Height of the footer element */
}
#footer {
  width:100%;
  height:80px;   /* Height of the footer element */
  position:absolute;
  bottom:0;
  left:0;
  background:#2f2010;
}
#logo {
  width:280px;
  height:110px;
}

.menu-button {
  display:none;
}
.searchbox {
  position:relative;
  float:right;
  top:-110px;
  margin-bottom:-110px;
  z-index:9998;
}
.searchbtn, input.button {
  font:700 1em/2em 'Roboto', 'Helvetica','Arial', sans-serif;
  text-decoration:none;
  color:#fff;
  background:#d18316;
  border:none;
  height:2.1em;
  cursor:pointer;
}
.sfield {
    border:1px solid #d18316;
    padding:0px;
    width:250px;
    height:2em;
    font:400 1em/2 'Arial', 'Helvetica','Tahoma', sans-serif;
}
/* nav */
#menu {
  margin:0 auto; 
  text-align:center;
  font:700 1em/60px 'Roboto', 'Helvetica','Arial', sans-serif;
}
#menu ul ul {
  display: none;
}
  #menu ul li:hover > ul {
    display: block;
}
#menu ul {
  background:#d18316; 
  list-style: none;
  max-width:960px;
  position: relative;
  margin:0 auto;
}
#menu ul li ul li > a:after {
  content: ' ▶';
  white-space: nowrap;
}
#menu ul li ul li > a:only-child:after {
  content: '';
  white-space: nowrap;
} 
  #menu ul li {
    display:inline-block;
  }
  #menu ul li a {
    text-shadow: 1px 1px 1px #555;
    font:700 1em/60px 'Roboto', 'Helvetica','Arial', sans-serif;
    text-decoration: none;
  }
    #menu ul li:hover {
      
    }
      
    #menu ul li a {
      display: block;
      padding:0px 15px;
      color:#f1ede4;
      text-decoration: none;
    }

  #menu ul ul {
    background:#d18316;
    position: absolute;
    top: 100%;
    margin-top:-1px;
text-align:left;
min-width:200px;
  }
    #menu ul ul li {
      display:block;
      border-top: 1px solid #be750e;
      position: relative;
    }
      #menu ul ul li a {
        font:700 1em/1.2em 'Roboto', 'Helvetica','Arial', sans-serif;
        color:#f1ede4;
        padding:10px 20px;
      } 
        nav ul ul li a:hover {
          color:#fff;
        }
  #menu ul ul ul {
    position: absolute; left: 100%; top:0;
  }

/* end nav */


.carousel {
  display:block;
  margin-right:5px;
  float:right;
  max-width:700px;
  background:#f1ede4;
}




/* leftnav */
.leftnav {
  position:absolute;
  top:170px;
  display:block;
  margin-left:5px;
  width:250px;
  font:700 1em/54px 'Roboto', 'Helvetica','Arial', sans-serif;
  background: url("images/leftnav-bg.jpg") top left #103469;
}

.leftnav a {
  display:block;

}


.leftnav ul li ul li > a:after {
  content: ' ▶';
  white-space: nowrap;
}
.leftnav ul li ul li > a:only-child:after {
  content: '';
  white-space: nowrap;
}
.leftnav li a {
  padding-left:54px;
}
.leftnav ul {
    margin:0;
    padding:0;
    list-style:none;
      z-index:9999;
}

.leftnav ul li ul li a {
  font:700 1em/1.6em 'Roboto', 'Helvetica','Arial', sans-serif;
  padding:10px 0 0 15px;
  background:url("images/arrow.png") no-repeat 4px -5px;

}
/* We apply background color and border bottom white and width to 150px */
.leftnav ul li{
    border-bottom:1px dotted #2f6f9f;
    width:100%;
    cursor:pointer;
}
/* We apply the background hover color when user hover the mouse over of the li component */
.leftnav ul li:hover{
    position:relative;
}
/* We apply the link style */
.leftnav ul li a{
    color:#fff;
    text-decoration:none;
}
/**** SECOND LEVEL MENU ****/
/* We make the position to absolute for flyout menu and hidden the ul until the user hover the parent li item */
.leftnav ul li ul{
    position:absolute;
    display:none;
}

/* When user has hovered the li item, we show the ul list by applying display:block, note: 150px is the individual menu width.  */
.leftnav ul li:hover > ul{
    left:100%;
    top:0px;
    width:100%;
    display:block;
}

/* we apply different background color to 2nd level menu items*/
.leftnav ul li ul li{
    background-color:#103469;
}

/* We change the background color for the level 2 submenu when hovering the menu */
.leftnav ul li:hover ul li:hover{
}

/* We style the color of level 2 links */
.leftnav ul li ul li a{
    display:inline-block;
    width:100%;
}

/* end new leftnav */

.bodycontent {
  display:inline-block;
  margin-top:5px;
  padding:7px 0 0px 5px;
  background:#f1ede4;
}
.maincontent {
  display:inline-block;
  margin-top:5px;
  min-height: 350px;
  padding:7px 20px 0px 275px;
  background:#f1ede4;
}
.content_title {
  padding-left:10px;
  color:#a59586;
  font:700 1.4em/1.6 'Droid Serif', 'Times New Roman','Times', serif;
  border:1px solid #ab9c8d;
  background:#fff;
}
.fb_box {
  float:left;
  max-width:305px;
  margin-right:5px;
  background:#fff;
}
.fb_content {
  max-width:305px;
  min-width:305px;
  min-height:230px;
  border-top:none;
  padding:5px;
}
.news_box {
  float:left;
  max-width:320px;
  margin-right:5px;
  background:#fff;
}
.news_content {
  max-width:320px;
  min-width:320px;
  min-height:230px;
  border-top:none;
  padding:5px;
}
.news_content span a{
	font:700 1.2em/1 'Droid Serif', 'Times New Roman','Times', serif;
	color:#7f6852;
}
.news_content p {
font:400 .8em/1.2 'Arial', 'Helvetica','Tahoma', sans-serif;
}


.calendar_box {
  position:relative;
  float:left;
  width:310px;
  margin:0 5px;
  background:#fff;
  margin-bottom:20px;
  overflow: hidden;
}
.calendar_content {
  max-width:310px;
  border-top:none;
  padding:5px;
}



#footernav {
  max-width:960px;
  display:block;
  margin:0 auto;
  font:400 1em/2 'Roboto', 'Helvetica','Arial', sans-serif;
  text-align:center;
}
#footernav li {
  display:inline;
  margin:12px 10px;
}
#footernav a {
  color:#e69018;
  text-decoration:none;
}
#footernav a:hover {
  color:#fff;
}
#footernav span {
  color:#c1bdb8;
  font:400 .8em/2 'Roboto', 'Times New Roman','Times', serif;
}



@media only screen 
and (max-width: 980px) {

body {
  background: url("images/background.jpg") no-repeat fixed #f5f2ed;
background-position:center top;
}
#header {
  position:relative;
  top:33px;
}

    #menu ul {
      position:absolute;
      top:0px;
      display:none;
      z-index:3000;
    }
  
  .menu-button {
      position:absolute;
      display:block;
      top:-33px;
      height:33px;
      background:#d18316;
      width:100%;
      z-index:9999;
    }
    .menu-button img {
      position:absolute;
      top:5px;
      right:22px;
      width:23px;
      height:23px;
      background:url(images/menu.png) top left no-repeat;
    }
    #menu.active .menu-button img {
    background:url(images/menu.png) bottom left no-repeat;
    }

  #menu.active ul{
    text-align:left;
    width:100%;
    right:0px;
    display:inline-block;
    min-height:100%;
    top:0px;
    background:#d18316;
	/*
    -moz-box-shadow:0px 10px 15px 0px #666;
    -webkit-box-shadow:0px 10px 15px 0px #666;
    box-shadow:-10px 0px 15px 0px #666;
	*/
    }
  #content.active {
    zoom:1;
    filter: alpha(opacity=80);
    opacity:0.8;
    -webkit-opacity:0.8;
    -moz-opacity:0.8;
    -khtml-opacity:0.8;
    background:#fff;
  }
  #close.active {
    display:visible;
    position:absolute;
    top:0px;
    left:0px;
    width:100%;
    height:100%;
    z-index:1001;
    cursor:pointer;
  }

/* nav */
    #menu {
      margin:0 auto; 
      text-align:center;
      font:700 1em/20px 'Roboto', 'Helvetica','Arial', sans-serif;
      background:#d18316;
    }

    #menu > ul {
      position:absolute;
      top:0px;
      display:none;
      z-index:3000;
    }
    #menu ul li ul{
      position:relative;
      display:block;
    }
  #menu ul li {
    display: block;
    border-top: 1px solid #be750e;
  }
  #menu ul li ul li > a:after {
    content: '';
    white-space: nowrap;
  }
  #menu ul li ul li > a:only-child:after {
    content: '';
    white-space: nowrap;
  } 
  #menu ul li a {
    text-shadow: 1px 1px 1px #555;
    font:700 1em/30px 'Roboto', 'Helvetica','Arial', sans-serif;
    text-decoration: none;
  }

    #menu ul li a {
      display: block;
      padding:0px 15px;
      color:#f1ede4;
      text-decoration: none;
    }
  #menu ul ul {
    background:#d18316;
    position: absolute;
    top:0;
    margin-top:-1px;
  }
    #menu ul ul li {
      display:block;
      position: relative;
    }
      #menu ul ul li a {
        font:700 1em/30px 'Roboto', 'Helvetica','Arial', sans-serif;
        color:#f1ede4;
        padding:0px 25px;
      } 
      #menu ul ul ul li a {
        padding:0px 50px;
      }       
      #menu ul ul ul ul li a {
        padding:0px 75px;
      }       
        nav ul ul li a:hover {
          color:#fff;
        }
  #menu ul ul ul {
    position: relative; left:0; top:0;
  }
/* end nav */
  




.searchbox {
  top:-50px;
  margin-bottom:-110px;
}
.sfield {
    border:1px solid #d18316;
    padding:0px;
    width:100px;
    height:2em;
    font:400 1em/2 'Arial', 'Helvetica','Tahoma', sans-serif;
}

  #content {
    margin-top:33px;
    padding:0 10px;
  }

/* left nav */
  .leftnav {
    position:relative;
    top:0px;
    width:100%;
    margin:0px auto;
    float:none;
    display:block;
    padding-bottom:80px;
    background:#0f3468;
  }
.leftnav ul li ul li > a:after {
  content: '';
  white-space: nowrap;
}
#living {
  background: url("images/icon-living.png") top left no-repeat;  
}
#business {
  background: url("images/icon-business.png") top left no-repeat;  
}
#visitors {
  background: url("images/icon-visitors.png") top left no-repeat;  
}
#history {
  background: url("images/icon-history.png") top left no-repeat;  
}
#bills {
  background: url("images/icon-bills.png") top left no-repeat;  
}
#floods {
  background: url("images/icon-floods.png") top left no-repeat;  
}
#ordinances {
  background: url("images/icon-ordinances.png") top left no-repeat;  
}
#alerts {
  background: url("images/icon-alerts.png") top left no-repeat;  
}
.leftnav li a {
  padding-left:10px;
}
.leftnav ul li a {
  width:90%;
}
.leftnav ul li ul li a {
  width:90%;
}

/* We apply background color and border bottom white and width to 150px */
  .leftnav > li {
    background:url("images/arrow.png") no-repeat 5px 12px;
  }
  .leftnav ul li:last-child {
    border:none;
  }
  .leftnav ul li ul li:first-child {
  border-top:1px solid #00557e;
  }

  /**** SECOND LEVEL MENU ****/
  .leftnav ul li ul{
    position:relative;
    display:block;

  }
  .leftnav li ul li {
    background:#0f3468;
  }
  .leftnav li ul li ul li {
    background:#0f3468;
  }
  /* We change the background color for the level 3 submenu*/
  .leftnav ul li:hover ul li:hover ul li{
    background:#0f3468;
  }
  .leftnav ul li ul li a {
    margin-left:20px;
  }
  .leftnav ul li ul li ul li a {
    margin-left:40px;
  }
  .leftnav ul li ul li ul li ul li a {
    margin-left:60px;
  }
  .leftnav ul li ul li ul li ul li ul li a {
    margin-left:80px;
  }  
  /* When user has hovered the li item, we show the ul list by applying display:block, note: 150px is the individual menu width.  */
  .leftnav ul li:hover ul{
    left:0px;
    top:0px;
    display:block;
  }
 /**** THIRD LEVEL MENU ****/
/* We need to hide the 3rd menu, when hovering the first level menu */
  .leftnav ul li:hover ul li ul{
    position:relative;
    left:0px;
    display:inline;
} 
.leftnav ul li:hover ul li:hover ul li{
    position:relative;
    left:0px;
}
/* end new leftnav */

  .carousel {
    display:block;
    margin:0 auto;
    margin-top:33px;
    float:none;
    max-width:700px;
    background:#f1ede4;
  }

  .bodycontent {
    margin-top:7px;
    padding:0;
    background:#f1ede4;
    width:100%;
  }
  .content_title {
    padding-left:10px;
    max-width:100%;
  }
  .fb_box {
    float:none;
    max-width:100%;
    margin-right:0px;
    margin-bottom:5px;
    background:#fff;
  }
  .fb_content {
    max-width:100%;
    border:1px solid #dcd0c5;
    border-top:none;
    padding:5px;
  }
  .news_box {
    float:none;
    max-width:100%;
    margin-right:0px;
    margin-bottom:5px;
    background:#fff;
  }
  .news_content {
    max-width:100%;
    border:1px solid #dcd0c5;
    border-top:none;
    padding:5px;
  }
  .calendar_box {
    float:none;
    width:100%;
    margin-right:0px;
margin-left:0px;
    margin-bottom:5px;
    background:#fff;
  }
  .calendar_content {
    max-width:100%;
    border:1px solid #dcd0c5;
    border-top:none;
    padding:5px;
  }


} 

@media only screen 
and (max-width: 680px) {
    #content {
      padding-bottom:100px;    Height of the footer element
    }
    #footer {
      height:180px; 
    }


}  


@media only screen 
and (max-width: 500px) {

  .searchbox {
  display:none;
  }

}




/**
 * BxSlider v4.0 - Fully loaded, responsive content slider
 * http://bxslider.com
 *
 * Written by: Steven Wanderski, 2012
 * http://stevenwanderski.com
 * (while drinking Belgian ales and listening to jazz)
 *
 * CEO and founder of bxCreative, LTD
 * http://bxcreative.com
 */


/** RESET AND LAYOUT
===================================*/

.bx-wrapper {
  position: relative;
  margin: 0 auto;
  padding: 0;
  *zoom: 1;
  background:#f1ede4;
}

.bx-wrapper img {
  max-width: 100%;
  display: block;
}

/** THEME
===================================*/

.bx-wrapper .bx-viewport {
  border: solid #fff 0px;
  left: 0px;
}

.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
  position: relative;
  bottom:0px;
  width: 300px;
  margin:0 auto;
  padding-bottom:0px;
  background: none;
  z-index:10;
}

/* LOADER */

.bx-wrapper .bx-loading {
  min-height: 50px;
  background: url(images//bx_loader.gif) center center no-repeat #fff;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index:10;
}

/* PAGER */
 
.bx-wrapper .bx-pager {
  text-align: center;
  
  margin-top:-28px;
}

.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
  display: inline-block;
  *zoom: 1;
  *display: inline;
}

.bx-wrapper .bx-pager.bx-default-pager a {
  background: #f1ede4;
  text-indent: -9999px;
  display: block;
  width: 20px;
  height: 20px;
  margin: 0 5px;
  outline: 0;
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  border-radius: 20px;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
  background: #d18316;
}

/* DIRECTION CONTROLS (NEXT / PREV) */

.bx-wrapper .bx-prev {
  left: 0px;
  background: url(images//controls.png) no-repeat 0 0px;
}

.bx-wrapper .bx-next {
  right: 0px;
  background: url(images//controls.png) no-repeat -36px 0px;
}

.bx-wrapper .bx-prev:hover {
  background-position: 0 -70px;
}

.bx-wrapper .bx-next:hover {
  background-position: -36px -70px;
}

.bx-wrapper .bx-controls-direction a {
  position: absolute;
  top:40%;
  margin-top: -10px;
  outline: 0;
  width: 36px;
  height: 70px;
  text-indent: -9999px;
  z-index:10;
}

.bx-wrapper .bx-controls-direction a.disabled {
  display: none;
}

/* AUTO CONTROLS (START / STOP) */

.bx-wrapper .bx-controls-auto {
  text-align: center;
}

.bx-wrapper .bx-controls-auto .bx-start {
  display: block;
  text-indent: -9999px;
  width: 10px;
  height: 11px;
  outline: 0;
  background: url(images//controls.png) -86px -11px no-repeat;
  margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {
  background-position: -86px 0;
}

.bx-wrapper .bx-controls-auto .bx-stop {
  display: block;
  text-indent: -9999px;
  width: 9px;
  height: 11px;
  outline: 0;
  background: url(images//controls.png) -86px -44px no-repeat;
  margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active {
  background-position: -86px -33px;
}

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
  text-align: left;
  width: 80%;
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
  right: 0;
  width: 35px;
}

/* IMAGE CAPTIONS */

.bx-wrapper .bx-caption {
  position: absolute;
  bottom:0px;
  left:0px;
  background: #666\9;
  background: rgba(0, 0, 0, 0.8);
  width: 100%;
}

.bx-wrapper .bx-caption span {
  color: #fff;
  font-family: Arial;
  display: block;
  font-size: .85em;
  padding: 10px;
}

@media only screen 
and (max-width: 980px) {

  .bx-wrapper {
    position: relative;
    margin: 0 auto;
    padding: 0;
    *zoom: 1;
    background:#f1ede4;
    padding-bottom:6px;
  }
  .maincontent {
	padding:7px 0 0 5px;
  }

}  

@media only screen 
and (max-width: 460px) {

  .bx-caption{
    display:none;
  }
  .maincontent {
	padding:7px 0 0 5px;
  }

}