/*
Name: My Gay Houston
Website: http://www.mygayhouston.com/
Author: Juan Alejandro Vazquez of SimonSaysCreate.com
Version: 2.0
*/




/*-----reset-----*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline;
}
:focus {
    outline: 0; /*-----remember to define focus styles!-----*/
}
ol, ul {
    list-style: none;
}
table {
    border-collapse: separate;
    border-spacing: 0; /*-----tables still need 'cellspacing="0"' in the markup-----*/
}
caption, th, td {
    text-align: left;
    font-weight: normal;
}
blockquote:before, blockquote:after, q:before, q:after {
    content: "";
}
blockquote, q {
    quotes: "" "";
}
/*-----page frame-----*/
html, body {
    height: 100%;
}
* html #wrapper {
    height: 100%;
}
#wrapper {
    min-height: 100%;
    height: auto !important;
    margin: 0 auto -180px; /*-----the bottom margin is the negative value of the footer's height-----*/
    text-align: left;
}
body {
    background-image: url(http://www.visithoustontexas.com/images/display.php?id=7612);
    background-repeat: repeat-x;
    background-color: #e9e8e5;
    margin: 0;
}
/*-----typography-----*/
body, td, th {
    font-family: arial, helvetica, sans-serif;
    font-size: 14px;
    color: #666;
}
h1 {
    font-size: 24px;
    font-weight: bold;
    color: #333;
    text-shadow: 0px 1px 0px #fff;
    padding-bottom: 10px;
}
h2 {
    font-size: 20px;
    font-weight: bold;
    color: #333;
    text-shadow: 0px 1px 0px #fff;
    padding-bottom: 10px;
}
h3 {
    font-size: 18px;
    font-weight: bold;
    color: #333;
    text-shadow: 0px 1px 0px #fff;
    padding-bottom: 10px;
}
h4 {font-size: 16px; font-weight: bold; color: #333; padding-bottom: 0px;}
/*-----header-----*/
#header {
    background-image: url(http://www.visithoustontexas.com/images/display.php?id=7625);
    background-repeat: no-repeat;
    padding-bottom: 20px;
}
#header img {
    display: block;
}
/*-----logo-----*/
#logo {
    padding-top: 40px;
    padding-bottom: 20px;

float: left;
}

/*-----banner-ad-----*/
#banner-ad {
 padding-top: 40px;
 float: right;
}
.clear {
     clear: both;
     line-height:0px;
     font-size:0px;
}
/*-----navigation-----*/
#navigation {
    text-align: center;
    padding-bottom: 20px;
    padding-top: 20px;
}
#navigation ul li {
    display: inline;
    padding-right: 30px;
}
#navigation ul li.nav-last {
    padding-right: 0px;
}
#navigation ul li a {
    text-decoration: none;
    text-transform: uppercase;
    color: #333;
    font-weight: bold;
    text-shadow: 0px 1px 0px #fff;
}
#navigation ul li a:hover {
    color: #b35eab;
}
/*-----main-----*/
#main {
    width: 1000px;
    margin: 0 auto;
}
/*-----main-content-----*/
#main-content {
    width: 680px;
    float: left;
}
#main-content p {
    line-height: 1.3em;
    padding-bottom: 15px;
}
#main-picture-box {
    width: 680px;
    height: 250px;
    text-align: center;
    border: 1px solid #ccc;
    background-color: #eee;
    margin-bottom: 13px;
}
#main-picture-box img {
    padding-top: 1px;
    padding-bottom: 1px;
}
.tag{
float: right;
margin-left: 10px;

}
.weekly-calendar-box {
    border: 1px solid #ccc;
    background-color: #fff;
    margin-bottom: 20px;
}
.weekly-calendar-day {
    color: #333;
    font-weight: bold;
    text-shadow: 0px 1px 0px #fff;
    background-image: url(http://www.visithoustontexas.com/images/display.php?id=7614);
    background-repeat: repeat-x;
    padding-top: 7px;
    padding-left: 10px;
}
strong {
    font-weight: bold;
}
.weekly-calendar-box p {
    padding-left: 10px;
    padding-right: 10px;
}
.weekly-calendar-box p a {
    text-decoration: none;
    font-style: italic;
    font-weight: bold;
    color: #b35eab;
}
.weekly-calendar-box p a:hover {
    color: #333;
}
.weekly-calendar-hr {
    padding-bottom: 20px;
}
#main-content ul {
    padding-bottom: 20px;
}
#main-content ul li {
    list-style: none;
    background-image: url(http://www.visithoustontexas.com/images/display.php?id=7624);
    background-repeat: no-repeat;
    background-position: 0px .5em;
    padding-top: 1px;
    padding-left: 15px;
}
#main-content a {
    text-decoration: none;
    color: #b35eab;
    font-style: italic;
}
#main-content a:hover {
    color: #333;
}
.list-item {
height: 100px; margin-bottom: 30px; }

.list-item img { float: left; margin-right: 10px;
padding: 1px;
border: 1px solid #ccc;
    background-color: #eee;
}  
.default-image { float: left; margin-right: 10px;
padding: 1px;
border: 1px solid #ccc;
    background-color: #eee;
}
.profile-picture { float: left; margin-right: 10px;
padding: 1px;
border: 1px solid #ccc;
    background-color: #eee;
}
#profiles-container {    
    width: 680px;
    overflow: hidden;
}

.profile {
    float: left;
    width: 90px;
    height: 160px;
    margin-top: 10px;
    margin-right: 7.1px;
}

.profile img {
    padding: 1px;
    border: 1px solid #ccc;
    background-color: #eee;
}

.profile p {
    text-align: center;
}

.profile-link {
    font-size: 11px;
    font-weight: bold;
}
.event-holder {
   padding-top: 20px; 
padding-bottom: 5px;   
border-bottom: 1px solid #ccc;
  
}

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

.event-list-date {
   font-size: 12px;
}

.page_control {
margin-top: 10px;
overflow: hidden;
margin-bottom: 10px;
}

.totals {
 font-size: 12px;
float: left;
}

.pages {
 float: right;
font-size: 12px;
}

.current_page {
 
font-weight: bold;
}

.search-box {
 border: 1px solid #ccc;
background-color: #eee;
padding: 10px;

}

.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----*/


/*-----side-content-----*/
#side-content {
    width: 302px;
    float: right;
}
#featured-profile-box {
    width: 300px;
    height: 228px;
    background-color: #eee;
    border: 1px solid #ccc;
    text-align: center;
}
#featured-profile-box img {
    padding-top: 1px;
    padding-bottom: 1px;
}
#featured-profile-link-box {
    width: 300px;
    padding-top: 8px;
    text-align: right;
    margin-bottom: 18px;
}
#featured-profile-link-box a {
    text-decoration: none;
    color: #b35eab;
    font-family: arial;
    font-size: 14px;
    font-weight: bold;
    font-style: italic;
    text-shadow: 0px 1px 0px #fff;
}
#featured-profile-link-box a:hover {
    color: #333;
}
#calendar-outer-box {
    width: 300px;
    background-color: #87a14f;
    padding: 1px;
    margin-bottom: 20px;
}
#calendar-inner-box {
    width: 298px;
    padding-bottom: -1px;
    background-color: #b4d66a;
    border: 1px solid #cdf27a;
}
#calendar-inner-box img {
    float: left;
    padding-top: 20px;
    padding-left: 10px;
}
#calendar-inner-box h4 {
    padding-top: 22px;
    padding-right: 10px;
    padding-left: 79px;
    color: #333;
    font-weight: bold;
    text-shadow: 0px 1px 0px #fff;
}
#calendar-inner-box p {
    padding-left: 80px;
    padding-right: 10px;
    padding-bottom: 25px;
    font-size: 12px;
    color: #333;
    line-height: 1.3em;
}
#calendar-inner-box p a {
    text-decoration: none;
    font-style: italic;
    font-weight: bold;
    color: #333;
    line-height: 1.3em;
}
#calendar-inner-box p a:hover {
    color: #703b6a;
}
#newsletter-outer-box {
    width: 300px;
    background-color: #5d869e;
    padding: 1px;
    margin-bottom: 20px;
}
#newsletter-inner-box {
    width: 298px;
    padding-bottom: -1px;
    background-color: #8bc9ee;
    border: 1px solid #bfe4fa;
}
#newsletter-inner-box img {
    float: left;
    padding-top: 11px;
    padding-left: 10px;
    padding-bottom: 20px;
    padding-right: 4px;
}
#newsletter-inner-box h4 {
    padding-top: 13px;
    padding-right: 10px;
    color: #333;
    font-weight: bold;
    text-shadow: 0px 1px 0px #fff;
}
#newsletter-inner-box p {
    padding-bottom: 5px;
    padding-right: 10px;
    font-size: 12px;
    color: #333;
    line-height: 1.3em;
}
#newsletter-inner-box form {
    height: 20px;
    width: 200px;
    background: #8bc9ee;
    margin: 0px;
    padding: 0px;
    padding-bottom: 25px;
    overflow: hidden;
}
.form_textbox {
    color: #333;
    font-size: 12px;
    background-color: #fff;
    border: none;
    padding: 2px;
    width: 149px;
    height: 17px;
    float: left;
}
.submit {
    width: 47px;
    height: 21px;
    padding: 0px;
    margin: 0px;
    display: block;
    border: none;
    cursor: pointer;
    background-image: url(http://www.visithoustontexas.com/images/display.php?id=7634);
    background-repeat: no-repeat;
    text-indent: -9999px;
}
#plan-outer-box {
    width: 300px;
    background-color: #703b6a;
    padding: 1px;
    margin-bottom: 20px;
}
#plan-inner-box {
    width: 298px;
    padding-bottom: -1px;
    background-color: #b35eab;
    border: 1px solid #f3bfee;
}
#plan-inner-box img {
    float: left;
    padding-top: 17px;
    padding-left: 10px;
}
#plan-inner-box h4 {
    padding-top: 23px;
    padding-left: 80px;
    padding-right: 10px;
    color: #fff;
    font-weight: bold;
    text-shadow: 0px 1px 0px #703b6a;
}
#plan-inner-box ul {
    padding-left: 80px;
    padding-bottom: 25px;
}
#plan-inner-box ul li {
    list-style: none;
    background-image: url(http://www.visithoustontexas.com/images/display.php?id=7613);
    background-repeat: no-repeat;
    background-position: 0px .5em;
    padding-top: 1px;
    padding-left: 15px;
}
#plan-inner-box ul li a {
    text-decoration: none;
    color: #fff;
    font-size: 12px;
    font-style: italic;
}
#plan-inner-box ul li a:hover {
    color: #b4d66a;
}
#partners-box {
    width: 300px;
    background-color: #fff;
    border: 1px solid #ccc;
    margin-bottom: 20px;
    text-align: center;
}
#partners-box img {
    padding: 20px;
}
/*-----footer-----*/
#push {
    padding-top: 40px;
    clear: both; /*-----for sticky footer-----*/
}
.footer, .push {
    height: 180px; /*-----.push must be the same height as .footer-----*/
}
#footer {
    background-image: url(http://www.visithoustontexas.com/images/display.php?id=7621);
    background-repeat: repeat-x;
    background-color: #333;
}
.footer-hr {
    display: block;
}
#footer-content {
    width: 1000px;
    margin: 0 auto;
    padding-top: 20px;
    overflow: hidden;
}
#footer-navigation {
    padding-bottom: 20px;
}
#footer-navigation ul li {
    display: inline;
    padding-right: 15px;
}
#footer-navigation ul li.footer-nav-last {
    padding-right: 0px;
}
#footer-navigation ul li a {
    text-decoration: none;
    color: #666;
    font-style: italic;
}
#footer-navigation ul li a:hover {
    color: #fff;
}
#related-sites {
    padding-top: 20px;
    padding-bottom: 20px;
}
#related-sites ul li strong {
    font-weight: bold;
    text-shadow: 0px 1px 0px #000;
}
#related-sites ul li {
    display: inline;
    padding-right: 15px;
}
#related-sites ul li.related-sites-last {
    padding-right: 0px;
}
#related-sites ul li a {
    text-decoration: none;
    color: #666;
    font-style: italic;
}
#related-sites ul li a:hover {
    color: #fff;
}
#social-media {
    padding-top: 20px;
}
#social-media ul {
    float: left;
}
#social-media ul li {
    display: inline;
    padding-right: 5px;
}
#copyright {
    float: right;
    padding-bottom: 30px;
}
#copyright a {
    text-decoration: none;
    color: #666;
    font-style: italic;
}
#copyright a:hover {
    text-decoration: none;
    color: #fff;
    font-style: italic;
}