/*
*******************************************************

Name: Visit Houston Texas
Website: http://www.visithoustontexas.com/
Version: 2.0

*******************************************************
*/


/*-----------------------------------------------------    
    Reset
-----------------------------------------------------*/
html, body, img, h1, h2, h3, h4, h5, h6, a, p { margin: 0; padding: 0; border: 0;  outline: 0; }
.clear { clear: both; }


/*-----------------------------------------------------    
    Typography
-----------------------------------------------------*/
body, td, th {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #444;
}

h1, h2, h3, h4, h5, h6 { font-weight: bold; }    
h1 { font-size: 40px; }
h2 { font-size: 26px; margin-bottom: 20px; color: #dc8927; }
h3 { font-size: 18px; margin-bottom: 15px; }
h4 { font-size: 16px; }
h5 { font-size: 14px; }
h6 { font-size: 12px; }

p { margin-bottom: 20px; line-height: 20px; }

a, a:link, a:visited { text-decoration: none; color: #444;}
a:hover { text-decoration: underline; color: #dc8927;}

/*-----------------------------------------------------    
    Header
-----------------------------------------------------*/
#header { width: 100%; background-color: #222; }
#header-container { width: 1000px; height: 195px; margin: 0 auto; overflow: hidden; }

#languages { float: right; margin-top: 10px;}
#languages ul { list-style: none; margin: 0; padding: 0;}
#languages ul li { float: left; padding-right: 7px; }
#languages ul li:last-child { padding-right: 0px; }
#languages ul li a { display: block; }

.logo { margin-top: 35px; float: left; margin-left: 5px; }

#banner-ad { 
width: 728px;
height: 90px; 
/*background-image: url(http://www.visithoustontexas.com/images/my_gay_houston/display.php?id=8555);*/
float: right; 
margin-top: 5px; 
margin-bottom: 10px; 
border: 2px solid #666;
} 

.clear {
     clear: both;
     line-height:0px;
     font-size:0px;
}        

#nav { width: 100%; height: 35px; float: left; margin: 0; padding: 0; background: #dc8927 url(http://www.visithoustontexas.com/images/display.php?id=9169) repeat-x; overflow: hidden; }
#nav ul { list-style: none; width: 1000px; margin: 0 auto; padding: 0; }
#nav li { float: left; text-align: center; }
#nav li a { display: block; padding: 11px 0px 11px 0px; text-decoration: none; font-size: 12px; font-weight: bold; color: #fff; border-right: 1px solid #e3b061; }
#nav li:first-child a { border-left: 1px solid #e3b061; }
#nav li.acc     { width: 125px; }
#nav li.att     { width: 90px; }
#nav li.din     { width: 60px; }
#nav li.shop    { width: 75px; }
#nav li.nl      { width: 70px; }
#nav li.ac      { width: 105px; }
#nav li.so      { width: 125px; }
#nav li.spas    { width: 50px; }
#nav li.tours   { width: 55px; }
#nav li.events  { width: 60px; }
#nav li.coupons { width: 75px; }
#nav li.plan    { width: 110px; }
#nav li a:hover { text-decoration: underline; color: #dc8927; background-color: #f2f2f2; border-right: 0px; border-left: 0px; }

#nav2-container { width: 100%; margin: 0; padding: 0; background: #f2f2f2 url(http://www.visithoustontexas.com/images/nav2bg.png) repeat-x; overflow: hidden; border-bottom: 1px solid #ddd; }
#nav2-content { width: 980px; margin: 0 auto; overflow: hidden; }

#stay-connected { float: left; margin: 0; padding: 0; list-style: none; }
#stay-connected li { float: left; }
#stay-connected li a { display: block; padding: 5px 0px 0px 10px; }

#nav2 { float: right; margin: 0; padding: 0; list-style: none; }
#nav2 li { float: left; }
#nav2 li a { display: block; padding: 5px 10px 5px 10px; text-decoration: none; font-size: 12px; font-weight: bold; color: #444; }
#nav2 li a:hover { text-decoration: underline; color: #dc8927; }


/*-----------------------------------------------------    
    Content
-----------------------------------------------------*/
#content { width: 100%; text-align: left; }
#content-container { width: 1000px; margin: 0 auto; }


/*-----------------------------------------------------    
    Main Content
-----------------------------------------------------*/
#main-content { float: left; width: 660px; position: relative; margin-top: 20px; padding-left: 10px; padding-right: 10px; }
#slider-box { background-color: #f2f2f2;  width: 640px;  padding: 5px 0 5px 0; border: 1px solid #ccc; margin-bottom: 40px; }

.article { overflow: hidden; margin: 20px 0 20px 0; border-bottom: 1px dashed #ccc; }
.article img { float: left; margin-right: 20px; padding: 5px; background-color: #f2f2f2; border: 1px solid #ccc; margin-bottom: 30px; }
.article .read-more { line-height: 0px; }
.article .read-more a { color: #dc8927; }
.article .read-more a:hover { color: #444; }

.content-divider { overflow: hidden; margin: 20px 0 20px 0; border-bottom: 1px dashed #ccc; }
.content-divider img { float: left; margin-right: 20px; padding: 5px; background-color: #f2f2f2; border: 1px solid #ccc; margin-bottom: 30px; }
.content-divider .read-more { line-height: 0px; }
.content-divider p { margin-bottom: 10px; }



#main-content h2.page-title { float: left; width: 480px;}
#main-content #share-this { float: right; margin: 5px; }
#main-content img.main-img { padding: 5px; background-color: #f2f2f2; border: 1px solid #ccc; margin-bottom: 20px; }

#main-content #main-img-caption { padding: 5px; background-color: #f2f2f2; border: 1px solid #ccc; margin-bottom: 20px; }
#main-content #main-img-caption p { margin-bottom: 0px; font-style: italic; }

#main-content img.thumbnail { padding: 5px; background-color: #f2f2f2; border: 1px solid #ccc; margin-right: 10px; }
#main-content small { font-size: 12px; font-style: italic; }
#main-content h2.article-page-title { float: left; margin-bottom: 0; }

#section-article1 { float: left; width: 290px; border-right: 1px dashed #ccc; padding-right: 30px; margin-bottom: 20px; }
#section-article1 h2 { font-size: 18px; margin-bottom: 10px; }
#section-article1 img { float: left; margin-right: 10px; padding: 5px; background-color: #f2f2f2; border: 1px solid #ccc; width: 108px; height: 81px; }
#section-article1 p { margin-bottom: 0; }

#section-article2 { float: right; width: 300px; margin-bottom: 10px; }
#section-article2 h2 { font-size: 18px; margin-bottom: 10px; }
#section-article2 img { float: left; margin-right: 10px; padding: 5px; background-color: #f2f2f2; border: 1px solid #ccc; width: 108px; height: 81px; }
#section-article2 p { margin-bottom: 0; }

#section-article-horizontal { margin-bottom: 20px; border-top: 1px dashed #ccc; overflow: hidden; }
#section-article-horizontal h2 { font-size: 18px; margin: 20px 0 10px 0; }
#section-article-horizontal img { float: left; margin-right: 10px; padding: 5px; background-color: #f2f2f2; border: 1px solid #ccc; width: 108px; height: 81px; }
#section-article-horizontal p { margin-bottom: 0; }

#dashed-horizontal-line { border-top: 1px dashed #ccc; margin-bottom: 20px;  }

.find-it-fast { border: 1px dashed #ccc; padding: 10px; background-color: #f2f2f2; }

.list-item { overflow: hidden; margin: 20px 0 20px 0; border-bottom: 1px dashed #ccc; }
.list-item img { float: left; margin-right: 20px; padding: 5px; background-color: #f2f2f2; border: 1px solid #ccc; margin-bottom: 30px; }

.page_control { margin: 20px 0 20px 0; overflow: hidden; }
.totals { float: left; }
.pages { float: right; }
.current_page { font-weight: bold; color: #f17f1c; }

.default-image { float: left; margin-right: 14px; padding: 5px; border: 1px solid #ccc; background-color: #f2f2f2; }

.events-print-friendly { margin-bottom: 20px; }

.event-holder {   
  
margin: 20px 0 20px 0; border-bottom: 1px dashed #ccc;
  
}

.event-list-title {
   font-weight: bold;
   font-size: 14px; 
}

.event-list-title a {
   color: #dc8927;
}

.event-list-title a:hover {
   color: #444; 
}

.event-list-date {
   font-size: 11px;
   font-style: italic;
}

.search-box {
 border: 1px dashed #ccc;
background-color: #f2f2f2;
padding: 5px;

}

.event-search-form {
 border-spacing: 5px;
margin: 0 auto;
}

/*----calendars----*/

/* The main calendar widget.  DIV containing a table. */

.calendar {
  border-top: 2px solid #fff;
  border-right: 2px solid #000;
  border-bottom: 2px solid #000;
  border-left: 2px solid #fff;
  font-size: 9px;
  color: #000;
  cursor: default;
  background: #d4d0c8;
  font-family: arial;
}

.calendar table {
  border-top: 1px solid #000;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  border-left: 1px solid #000;
  font-size: 9px;
  color: #000;
  cursor: default;
  background: #d4d0c8;
  font-family: arial;
}

/* Header part -- contains navigation buttons and day names. */

.calendar .button { /* "<<", "<", ">", ">>" buttons have this class */
  text-align: center;
  padding: 1px;
  border-top: 1px solid #fff;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
  border-left: 1px solid #fff;
}

.calendar thead .title { /* This holds the current "month, year" */
  font-weight: bold;
  padding: 1px;
  border: 1px solid #000;
  background: #848078;
  color: #fff;
  text-align: center;
}

.calendar thead .headrow { /* Row <TR> containing navigation buttons */
}

.calendar thead .daynames { /* Row <TR> containing the day names */
}

.calendar thead .name { /* Cells <TD> containing the day names */
  border-bottom: 1px solid #000;
  padding: 2px;
  text-align: center;
  background: #f4f0e8;
}

.calendar thead .weekend { /* How a weekend day name shows in header */
  color: #f00;
}

.calendar thead .hilite { /* How do the buttons in header appear when hover */
  border-top: 2px solid #fff;
  border-right: 2px solid #000;
  border-bottom: 2px solid #000;
  border-left: 2px solid #fff;
  padding: 0px;
  background: #e4e0d8;
}

.calendar thead .active { /* Active (pressed) buttons in header */
  padding: 2px 0px 0px 2px;
  border-top: 1px solid #000;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  border-left: 1px solid #000;
  background: #c4c0b8;
}

/* The body part -- contains all the days in month. */

.calendar tbody .day { /* Cells <TD> containing month days dates */
  width: 2em;
  text-align: right;
  padding: 2px 4px 2px 2px;
}

.calendar tbody .hilite { /* Hovered cells <TD> */
  padding: 1px 3px 1px 1px;
  border-top: 1px solid #fff;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
  border-left: 1px solid #fff;
}

.calendar tbody .active { /* Active (pressed) cells <TD> */
  padding: 2px 2px 0px 2px;
  border-top: 1px solid #000;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  border-left: 1px solid #000;
}

.calendar tbody .selected { /* Cell showing selected date */
  font-weight: bold;
  border-top: 1px solid #000;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  border-left: 1px solid #000;
  padding: 2px 2px 0px 2px;
  background: #e4e0d8;
}

.calendar tbody .weekend { /* Cells showing weekend days */
  color: #f00;
}

.calendar tbody .today { /* Cell showing today date */
  font-weight: bold;
  color: #00f;
}

.calendar tbody .emptycell { /* Empty cells (the best is to hide them) */
  visibility: hidden;
}

.calendar tbody .emptyrow { /* Empty row (some months need less than 6 rows) */
  display: none;
}

/* The footer part -- status bar and "Close" button */

.calendar tfoot .footrow { /* The <TR> in footer (only one right now) */
}

.calendar tfoot .ttip { /* Tooltip (status bar) cell <TD> */
  background: #f4f0e8;
  padding: 1px;
  border: 1px solid #000;
  background: #848078;
  color: #fff;
  text-align: center;
}

.calendar tfoot .hilite { /* Hover style for buttons in footer */
  border-top: 1px solid #fff;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
  border-left: 1px solid #fff;
  padding: 1px;
  background: #e4e0d8;
}

.calendar tfoot .active { /* Active (pressed) style for buttons in footer */
  padding: 2px 0px 0px 2px;
  border-top: 1px solid #000;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  border-left: 1px solid #000;
}

/* Combo boxes (menus that display months/years for direct selection) */

.combo {
  position: absolute;
  display: none;
  width: 4em;
  top: 0px;
  left: 0px;
  cursor: default;
  border-top: 1px solid #fff;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
  border-left: 1px solid #fff;
  background: #e4e0d8;
  font-size: smaller;
  padding: 1px;
}

.combo .label {
  text-align: center;
  padding: 1px;
}

.combo .hilite {
  background: #d4d0c8;
  padding: 0px;
  border-top: 1px solid #000;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  border-left: 1px solid #000;
}


/*----end calendars----*/


#announcement { width: 640px; height: 30px; background-color: #f2f2f2; text-align: center; line-height: 32px; font-size: 14px; font-weight: bold; border: 1px solid #ccc; }

.category-left { 
float: left;
width: 290px;
height: 160px;
border: 1px dashed #ccc;
padding: 10px;
margin-bottom: 20px; }

.category-left  p { 
margin-bottom: 10px; }

.category-left img { 
float: left;
margin-right: 10px;
width: 138px;
height: 104px;
padding: 5px;
background-color: #f2f2f2;
border: 1px solid #ccc;
 }


.category-right { 
float: right;
width: 290px;
height: 160px;
border: 1px dashed #ccc;
padding: 10px;
margin-bottom: 20px; }

.category-right  p { 
margin-bottom: 10px; }

.category-right img { 
float: left;
margin-right: 10px;
width: 138px;
height: 104px;
padding: 5px;
background-color: #f2f2f2;
border: 1px solid #ccc;
 }


.offer { overflow: hidden; margin: 20px 0 20px 0; border-bottom: 1px dashed #ccc; }
.offer-header { background-color: #f2f2f2; overflow: hidden; margin-bottom: 20px; }
.offer-title { float: left; width: 475px; height: 30px; line-height: 30px; padding: 0 0 0 5px; font-weight: bold;}
.offer-date { float: right; width: 145px; height: 30px; text-align: right; font-style: italic; line-height: 30px; margin-right: 5px; }
.offer-description img { float: left; width: 100px; height: 81px; padding: 5px; background-color: #f2f2f2; border: 1px solid #ccc; margin-right: 10px;  }
.offer-description p { line-height: 20px; width: 518px; float: right; }
.print-offer a { color: #dc8927; }
.print-offer a:hover { color: #444; }

#side-navigation { float: left; width: 128px; margin-right: 20px; }

#side-navigation h4 { margin-bottom: 10px;  }

#side-navigation ul { margin: 0; padding: 0; list-style: none; }

#side-navigation ul li { margin-bottom: 10px; }

#side-navigation ul li a { text-decoration: none; color: #dc8927;}

#side-navigation ul li a:hover { text-decoration: underline; color: #444;}

#sub-content { float: right; width: 488px;  }

#sub-content a {color: #dc8927;}

#sub-content a: hover{color: #444;}

.sub-category-left { 
float: left;
width: 214px;
height: 140px;
border: 1px dashed #ccc;
padding: 10px;
margin-bottom: 20px; }

.sub-category-left  p { 
margin-bottom: 10px; }

.sub-category-left img { 
float: left;
margin-right: 10px;
width: 100px;
height: 81px;
padding: 5px;
background-color: #f2f2f2;
border: 1px solid #ccc;
 }


.sub-category-right { 
float: right;
width: 214px;
height: 140px;
border: 1px dashed #ccc;
padding: 10px;
margin-bottom: 20px; }

.sub-category-right  p { 
margin-bottom: 10px; }

.sub-category-right img { 
float: left;
margin-right: 10px;
width: 100px;
height: 81px;
padding: 5px;
background-color: #f2f2f2;
border: 1px solid #ccc;
 }

.sub-content-divider { overflow: hidden; margin: 0 0 20px 0; border-bottom: 1px dashed #ccc; }
.sub-content-divider img { float: left; margin-right: 15px; padding: 5px; background-color: #f2f2f2; border: 1px solid #ccc; margin-bottom: 10px; }
.sub-content-divider .read-more { line-height: 0px; }
.sub-content-divider p { margin-bottom: 10px; }

/*-----------------------------------------------------    
    Side Content
-----------------------------------------------------*/
#side-content { float: right; width: 310px; padding-top: 20px; padding-left: 10px; background-color: #f2f2f2; }

#search { margin-bottom: 20px; border: 1px solid #ccc; width: 298px; overflow: hidden; background-color: #fff; }
#search .form_textbox { float: left;  width: 230px; border: 0px; padding: 7px; background-color: #fff; color: #444; font-size: 18px; }
#search .submit { float: right; display: block; width: 35px; height: 38px; border: 0px; padding: 0; margin: 0; cursor: pointer; background: url(http://www.visithoustontexas.com/images/display.php?id=7760) no-repeat; text-indent: -9999px; }
    
.events { padding-bottom: 3px; }

.coupons { padding-bottom: 5px; }

.enewsletter { padding-bottom: 10px; }

.ovg { padding-bottom: 17px; }

.side-banner-ad { padding: 17px 0 17px 0; }

.ask-veronica { padding-bottom: 20px; }


/*-----------------------------------------------------    
    Footer
-----------------------------------------------------*/
#sponsors { width: 100%; text-align: left; background-color: #f2f2f2; margin-top: 20px; border-top: 1px solid #ccc; }
#sponsors-content { width: 960px; margin: 0 auto; padding: 30px 0 80px 0; }
#sponsors-content h4 { padding-bottom: 30px; }
#sponsors-content ul { margin: 0; padding: 0; }
#sponsors-content ul li { float: left; padding-left: 70px; overflow: hidden; }

#footer { width: 100%; text-align: left; background-color: #222; border-top: 5px solid #e6a33c; padding: 20px 0 30px 0; }
#footer-content { width: 960px; margin: 0 auto; padding-top: 10px; overflow: hidden; }

#information { float: left; width: 200px; margin-right: 20px; }
#information h4 { color: #fff; padding-bottom: 10px; }
#information ul { list-style: none; margin: 0; padding: 0; }
#information ul li { padding-bottom: 5px; }
#information ul li a { text-decoration: none; color: #666; }
#information ul li a:hover { color: #fff; }

#related-sites { float: left; width: 225px; margin-right: 20px; }
#related-sites h4 { color: #fff; padding-bottom: 10px; }
#related-sites ul { list-style: none; margin: 0; padding: 0; }
#related-sites ul li { padding-bottom: 5px; }
#related-sites ul li a { text-decoration: none; color: #666; }
#related-sites ul li a:hover { color: #fff; }

#copyright { float: left; width: 225px; margin-right: 20px; color: #666; }
#copyright h4 { color: #fff; padding-bottom: 10px; }
#copyright p { margin: 0; padding: 0 0 15px 0; }
#copyright a { text-decoration: none; color: #666; }
#copyright a:hover { text-decoration: none; color: #fff; }

#footer-social-media { float: right; width: 215px; }
#footer-social-media h4 { color: #fff; padding-bottom: 10px; }
#footer-social-media ul { float: left; list-style: none; margin: 0; padding: 0; }
#footer-social-media ul li { display: inline; padding-right: 5px; }
#footer-social-media p.back-to-top { padding-top: 50px; padding-left: 60px; }