/* Begin Reset */
* { padding: 0; margin: 0; }
/* End Reset */

html {
 min-height: 100%;
 margin-bottom: 1px;
}
.clearer {
 clear: both;
}

/* Clearfix */
.clearfix:after {
 visibility: hidden;
 display: block;
 font-size: 0;
 content: " ";
 clear: both;
 height: 0;
}
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End Clearfix */

/*p {
 line-height: 1.5em;
}
p+p { margin: .75em 0 0 0 }
*/

/* Default font settings. 
   The font-size percentage is of 16px. (0.75 * 16px = 12px) */
body { 
  font-size: 75%;
  color: #333; 
 background: #fff;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 padding: 10px;
/* font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 12px;
 line-height:1.5;
 background: #f6f6f6; */
/* background-image: url(/css-images/bg.png);
 background-repeat: repeat-x; */
}


/* Headings
-------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 { font-weight: normal; color: #111; }

h1 { font-size: 3em; line-height: 1; margin-bottom: 0.5em; }
h2 { font-size: 2em; margin-bottom: 0.75em; }
h3 { font-size: 1.5em; line-height: 1; margin-bottom: 1em; }
h4 { font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; }
h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em; }
h6 { font-size: 1em; font-weight: bold; }

h1 img, h2 img, h3 img, 
h4 img, h5 img, h6 img {
  margin: 0;
}


/* Text elements
-------------------------------------------------------------- */

p           { margin: 0 0 1.5em; }
p img.left  { float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; }
p img.right { float: right; margin: 1.5em 0 1.5em 1.5em; }

a:focus, 
a:hover     { color: #000; text-decoration: underline;}
a           { color: #315A94; text-decoration: none; }

blockquote  { margin: 1.5em; color: #666; font-style: italic; }
strong      { font-weight: bold; }
em,dfn      { font-style: italic; }
dfn         { font-weight: bold; }
sup, sub    { line-height: 0; }

abbr, 
acronym     { border-bottom: 1px dotted #666; }
address     { margin: 0 0 1.5em; font-style: italic; }
del         { color:#666; }

pre 				{ margin: 1.5em 0; white-space: pre; }
pre,code,tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; }

/* Lists
-------------------------------------------------------------- */

div#content li ul, 
div#content li ol       { margin:1.5em 1.5em; }
div#content ul,
div#content ol      { margin: 1.5 1.5em 1.5em 1.5em; }

div#content ul          { list-style-type: disc; }
div#content ol          { list-style-type: decimal; }

div#content dl          { margin: 0 0 1.5em 0; }
div#content dl dt       { font-weight: bold; }
div#content dd          { margin-left: 1.5em;}
div#content li { margin-top: 1.5em; margin-left: 1.5em; }


/* Wrappers & Page Borders */
#top-wrapper {
 margin: 0 auto;
 width: 966px;
}
#wrapper {
 margin: 0 auto;
 width: 966px;
}
#bottom-wrapper {
 margin: 0 auto;
 width: 966px;
}
/* End Wrappers & Page Borders */

/* Begin Structure */
#header {
 height: 150px;
 width: 966px;
}
#navigation {
 clear: both;
 height: 41px;
 color: #fff;
 margin: 0px 0px 0px 0px;
 background-image: url(/css-images/nav_bottom_strip.png);
}
#sub-navigation {
 margin: 0px 0px 15px 0px;
 padding-left: 10px;
}
#navigation-footer {
 width: 966px;
 height: 20px;
 background: #ff9;
 padding: 0px 10px 0px 20px;
}
#content {
 width: 946px;
 color: #333;
 background: #fff;
 margin: 0px 0px 0px 0px;
 padding: 0px 10px 20px 10px;
}
#footer {
 clear: both;
 width: 956px;
 color: #666;
 margin: 0px 0px 10px 0px;
 padding-top: 5px;
 text-align: center;
}
/* End Structure */


/* Begin Ad column */
#ad-column-top {
 height: 15px;
 background-image: url(/css-images/ad-column-top-bg.png);
}
#ad-column-content {
 text-align: center;
 background-image: url(/css-images/ad-column-middle-bg.png);
 background-repeat: repeat-y;
}
#ad-column-bottom {
 height: 16px;
 background-image: url(/css-images/ad-column-bottom-bg.png);
}
ul#ads {
 list-style-type: none;
 padding: 20px 0px 20px 0px;
}
ul#ads li + li {
 margin-top: 10px;
}
/* End Ad column */

/*- Menu Tabs--------------------------- */

    #navigation {
 font-size: 16px;
/*      font-size:93%; */
      line-height:normal;
      }
    #main_tabs {
        float: left;
        width: 700px;
        height: 41px;
        margin:0;
/*        padding:6px 10px 0 20px;  */
        padding: 0 0 0 3px;
        list-style:none;
      }
    #main_tabs li {
      display:inline;
      margin:0;
      padding:0;
      }
    #main_tabs a {
      font-weight: bold;
      float:left;
      background:url("/css-images/tableft.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 3px;
      text-decoration:none;
      }
    #main_tabs a span {
      float:left;
      display:block;
      height: 27px;
      background:url("/css-images/tabright.gif") no-repeat right top;
/*      padding:5px 15px 4px 6px; */
      padding:10px 15px 4px 8px; 
      color:#333;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #main_tabs a span {float:none;}
    /* End IE5-Mac hack */
    #main_tabs a:hover span {
      color:#fff;
      }
    #main_tabs a:hover {
      background-position:0% -42px;
      }
    #main_tabs a:hover span {
      background-position:100% -42px;
      }

#home #navigation a#home,
#portland_events #navigation a#events,
#event #navigation a#events,
#user_event_add #navigation a#add_event,

#network #navigation a#user_home,
#profile #navigation a#user_home,
#user_editprofile #navigation a#user_home,
#user_editprofile_photo #navigation a#user_home,
#user_event #navigation a#user_home,
#user_event_add #navigation a#user_home,
#user_messages #navigation a#user_home,
#user_messages_outbox #navigation a#user_home,
#user_friends #navigation a#user_home,
#user_friends_requests #navigation a#user_home,
#user_friends_outgoing #navigation a#user_home,
#user_account #navigation a#user_home,
#user_account_privacy #navigation a#user_home,

#user_home #navigation a#user_home {
   background-position:0% -42px;
}
#home #navigation a#home span,
#portland_events #navigation a#events span,
#event #navigation a#events span,
#user_event_add a#add_event span,

#network #navigation a#user_home span,
#profile #navigation a#user_home span,
#user_editprofile #navigation a#user_home span,
#user_editprofile_photo #navigation a#user_home span,
#user_event #navigation a#user_home span,
#user_event_add #navigation a#user_home span,
#user_messages #navigation a#user_home span,
#user_messages_outbox #navigation a#user_home span,
#user_friends #navigation a#user_home span,
#user_friends_requests #navigation a#user_home span,
#user_friends_outgoing #navigation a#user_home span,
#user_account #navigation a#user_home span,
#user_account_privacy #navigation a#user_home span,


#user_home #navigation a#user_home span{
                color: #fff;
                background-position:100% -42px;
}

    #main_tabs .sub a {
        background: none;
      font-weight: normal;
    }
    #main_tabs .sub a span {
        background: none;
        font-size: 12px;
        font-weight: bold;
        color: #cf0001;
        padding-top: 0;
        padding-bottom: 0;
        line-height: 41px;
    }
    #main_tabs .sub a:hover span {
       text-decoration: underline;
    }
    #main_tabs .first-sub a {
     margin-left: 20px;
    }

#help #navigation a#help,
#help_contact #navigation a#contact,
#invite #navigation a#invite,
#wx #navigation a#wx {
       color: #333;
       text-decoration: underline;
}
#help #navigation a#help span,
#invite #navigation a#invite span,
#help_contact #navigation a#contact span,
#wx #navigation a#wx span {
       color: #333;
}
    


    /* LOGIN TABS */
    span.login {
     font-size: 11px;
     line-height: 41px;
     float: right;
     padding: 0px 12px 0px 4px; 
     text-decoration: none;
     color: #666;
    }
    #login #login a.login,
    #signup #signup a.login,
    span.login a:hover {
     color: #333;
     text-decoration: underline;
    }
    span.login a {
     color: #333;
    }
    span.login a.username {
     color: #cf0001;
     font-weight: bold;
    }

    
    /* SUB NAVIGATION */
    #sub-navigation {
      clear: both;
      font-size: 12px;
      padding: 0px 0px 0px 10px;
      margin: 0 0 15px 0;
      background: #fff;
        border-bottom: 1px solid #9FB1BC;
      padding-top: 3px;
    }
    #sub-navigation.sub-navigation-empty {
			border: none;
    }

#sub_nav, #sub_nav ul {
	padding: 0;
	margin: 0;
	list-style: none;
}


#sub_nav a {
    font-weight: bold;
    text-decoration: none;
    color: #333;
	display: block;
/*	width: 10em; */
        padding: 5px 10px 6px 10px;
}
#sub_nav a:hover, #sub_nav #current > a {
    color: #E46E2B;
        background: url(/css-images/pyramid.gif) no-repeat bottom center;
}

#sub_nav li {
	float: left;
/*	width: 10em; */
}

#sub_nav li ul {
	background: #fff;
	position: absolute;
	width: 200px;
	left: -999em;
        border: 1px solid #9FB1BC;
}
#sub_nav li ul a {
    width: 180px;
}
#sub_nav li ul a:hover {
    background: #E46E2B;
    color: #fff;
}


#sub_nav li:hover ul, #sub_nav li.sfhover ul {
	left: auto;
}
  
#sub_nav li.option {
    margin: 5px 10px 0;
    color: #666;
    font-weight: normal;
    font-size: 10px;
}      
#sub_nav li.options_begin {
    margin-left: 100px;
}
#sub_nav li.option input {
 vertical-align: middle;    
}   

#sub_nav li ul a img {
 display: inline;
}


/* Footer Navigation */
#footer-nav {
 font-size: 16px;
 font-weight: bold;
 margin-top: 0em;
 margin-bottom: 1em;
}
#footer-nav li {
 display: inline;
 list-style-type: none;
 font-size: 14px;
 margin-right: 6px;
}
#footer-nav li a {
 text-decoration: none;
 color: #244b83;
 padding-left: 14px;
}
#footer-nav li a:hover {
 text-decoration: underline;
}
#footer-nav li + li {
  background-image: url("/css-images/footer-nav-bullet.gif");
  background-position: 0px 2px;
  background-repeat: no-repeat;
}
/* End Footer Navigation */

/* Footer Specifics */
.copyright {
 font-size: 10px;
 font-weight: normal;
}
.copyright a {
 color: #666;
}
.copyright a:hover {
 text-decoration: none;
}

/* Header */
#header img {
 display: block;
}
/* User Menu */
#navigation img {
 display: inline;
}
#search-box {
 background-image: url("/css-images/search-bg.gif");
 height: 29px;
 width: 147px;
 margin-bottom: 5px;
}
#search-box label {
 width: 0;
 display: none;
}
#search-box #s {
    float: left;
    padding: 0;
    margin: 6px 0 0 12px;
    border: 0;
    width: 100px;
    background: none;
    font-weight: bolder;
    font-size: 15px;
    color: #98cbff;
}
#search-box #go {
    float: right;
    margin: 0px 0px 0 0;
}

#search label {
 width: 0px;
 display: none;
/* color: #666;
 font-size: 12px;
 font-weight: bold; */
}
#search a {
 font-size: 12px;
 text-decoration: none;
 color: #244b83;
}
#search a:hover {
 text-decoration: underline;
}
/* End Header */

/* Content */
div.page_header h1 {
 padding: 0px 0px 0px 0px;
 font-size: 24px;
 font-weight: bold;
}
div.page_header h1 span.cats {
	font-size: 18px;
	color: #E36E2A;
}

table.tabs {
	margin-top: 15px;
}

a.suggest-category {
	font-weight: bold;
	text-decoration: underline;
}
a.suggest-category:hover {
	text-decoration: none;
}

/* End Content */


/* Events */
#events-categories-column {
 color: #333;
 background: #fff;
 margin: 0px 0px 0px 0px;
 width: 200px;
 float: left;
}
#events-listing-column {
 float: right;
 color: #333;
 margin: 0px 0px 0px 0px;
 padding: 0px;
 width: 470px;
 display: inline;
 background: #fff;
}
/* End Events */



/* Forms */
input.text, input.text_small {
	border: 1px solid #AAAAAA;
	font-family: arial, verdana, serif;
	font-size: 9pt;
	color: #333333;
	vertical-align: middle;
	padding-left: 2px;
}

input.text_small {
	font-size: 8pt;
}

input.search {
	vertical-align: middle;
	background-image: url(/images/search.gif);
	background-repeat: no-repeat;
	color: #555555;
	font-size: 12pt;
	padding-left: 23px;
	font-weight: bold;
	font-family: arial, verdana, serif;
}

input.button {
	font-family: arial, verdana, serif;
	font-size: 8pt;
	padding: 3px;
	color: #333333;
	font-weight: bold;
	background: #EEEEEE;
	vertical-align: middle;
	border-top: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	border-bottom: 1px solid #777777;
	border-right: 1px solid #777777;
}

input.radio, input.checkbox {
	vertical-align: middle;
}

textarea {
	border: 1px solid #AAAAAA;
	font-family: arial, verdana, serif;
	color: #333333;
	padding-left: 2px;
	font-size: 10pt;
}

select, select.small {
	color: #333333;
	font-family: arial, verdana, serif;
	font-size: 9pt;
	vertical-align: middle;
	margin-top: 1px;
}
select.small {
	font-size: 8pt;
}
/* End Forms */

/* Weather */
div#wx {
 padding: 10px 10px 10px 10px;
}
#wx h3 {
	padding: 1em 0 .75em 0;
}
table.wx {
	margin-bottom: 10px;
}
table.wx td.wx-header {
	font-weight: bold;
  padding: 2px 5px 2px 0px;
}

/* TOOL TIPS */
.tip {
	color: #333;
	border: 1px solid #CCCCCC;
	background: #fffeeb;
}

/* EVENTS */
select.range {
 width: 200px;
 font-size: 20px;
 margin-bottom: 7px;
}

/* EVENT BOX - BROWSE */
div.browse-event-box {
 padding: 10px;
 border-top: 1px solid #CCCCCC;
/* border-bottom: 1px solid #CCCCCC; */
}
.browse-event-box + .browse-event-box {
/* border-top: none; */
}
.browse-event-box .thumb {
 width: 60px;
 vertical-align: top;
}
.browse-event-box .info {
 padding-left: 10px;
 vertical-align: top;
}
.browse-event-box a {
 text-decoration: none;
 color: #333;
}
.browse-event-box h2 {
 font-weight: bold;
 font-size: 12px;
 margin-bottom: .25em;
}
h2.browse-events-date {
 font-size: 1em;
 margin-bottom: 1px;
}
h2.browse-events-date span {
 font-weight: bold;
 color: #333;
 background: #9cf;
 padding: .25em 1em .25em 1em;
}
h2.event-details {
 font-size: 1em;
 border-bottom: 1px solid #ccc;
}
h2.event-details span {
 font-weight: bold;
 color: #333;
 background: #f93;
 padding: .25em 1em .25em 1em;    
 width: 10em;
}
.browse-event-box + h2.browse-events-date {
 margin-top: 1.4em;
}
h2.event_title {
 padding-bottom: .6em;
}
h2.event_title a:hover {
 text-decoration: underline;
}
#profile_fevents div.profile_headline {
 margin-bottom: 1.25em;
}

.browse-event-box .info .summary {
 padding: 0em 0 0em 0;
}
.browse-event-box .info p {
 line-height: 1.6em;
}
.event_title {
 font-weight: bold;
 margin-bottom: .6em;
}
.event_desc {
 margin-bottom: .6em;
}
.event_posted_by {
 color: #ccc;
 background: #eee;
 padding: .3em;
}
.event_posted_by .meta_title {
 font-weight: normal;
}
.meta_title {
 font-size: 1.4em;
 font-weight: bold;
 vertical-align: top;
/* font-style: italic; */
 text-align: right;
 padding: .3em;
}
.meta_content {
 font-size: 1.4em;
 vertical-align: top;
 text-align: left;
 padding: .3em .3em .3em 1em;
}

/* css/tooltip.css */



/* EVENT BOX - PROFILE */
.profile-event-box {
 padding: 10px;
 border-top: 1px solid #CCCCCC;
 border-bottom: 1px solid #CCCCCC;
}
.profile-event-box + .profile-event-box {
 border-top: none;
}
.profile-event-box .thumb {
 width: 60px;
 float: left;
 margin: 0 10px 0 0px;
}
.profile-event-box .info {
 display: inline;
 float: right;
 width: 344px;
}
.profile-event-box a {
 text-decoration: none;
}
.profile-event-box h2 {
 margin-bottom: .25em;
}

.profile-event-box span.tool {
  position: relative;   /* this is key */
/*  cursor: help; */
}
 
.profile-event-box span.tool span.tip {
  display: none;        /* so is this */
}

/* tooltip will display on :hover event */
 
.profile-event-box span.tool:hover span.tip {
  display: block;
  z-index: 100;
  position: absolute;
  top: 1.6em;
  left: 0;
/*  width: auto; */
  width: 340px;
  padding: 3px 7px 4px 6px;
  border: 1px solid #336;
  background-color: #f7f7ee;
  font: normal 0.9em/1.2em arial, helvetica, sans-serif;
  text-align: left;
  color: #000;
}

h1.event_page_title {
/* color: #E46E2B; */
 color: #333;
}
.profile_event_details_tab h2 {
  font-weight: bold;
}
.profile_event_details_tab p {
  font-size: 12px;
  line-height: 20px;
}

/* ADS */
div.ad_right {
/*	padding: 10px 0px 10px 10px; */
	vertical-align: top;
	text-align: center;
}
td.ad_right {
  width: 120px;
/*  background: #ccc; */
  padding: 0;   
}
div.ad_right h3 {
 font-size: 8px;
 margin-bottom: 5px;
}




/* RATINGS */
iframe#rateframe {
	text-align: center;
}

.funtime {
 font-style: italic;
 color: #E46E2B;
}

div.cat-crumbs {
 color: #E46E2B;
 font-size: 16px;
 font-weight: bold;
 margin-bottom: 10px;
 line-height: 30px;
 
} 

/* Event Add */
div.event_form_desc {
 font-weight: bold;
}

/* Notifications */
#notifications {
	margin: 0px 10px 10px 10px;
	padding: 10px;
	color: #333;
	background: #DBFFCF;
	border: 1px solid #96BF5F;
}
#notifications a {
	color: #333;
	text-decoration: underline;
}
#notifications a:hover {
	text-decoration: none;
}


/* HOME PAGE */
#main-column {
 width: 540px;
/* background: #cFc; */
 padding-right: 20px;
}
#sub-column {
/* background: #ccF; */
}
#ad-column-right {
/* background: #Fcc; */
}
#home-photo {
 border: 1px solid #666;
} 
#home-photo-caption {
 font-style: italic;
 text-align: right;
 padding: 8px;
 margin-bottom: 1.5em;
}
#home-blurb-header {
 height: 10px;
 background-image: url(/css-images/home-blurb-top.png);
 background-position: right;
}
#home-blurb {
 background-color: #CFE9FF;
 padding: 8px 10px 10px 10px;
 margin: 0 0 1.5em 0;
 text-align: center;
}
#home-blurb-footer {
 height: 10px;
 background-image: url(/css-images/home-blurb-footer.png);
 background-position: right;
 margin-bottom: 10px;
}
#home-blurb div.blurb {
 font-size: 16px;
 font-weight: bold; 
 margin-bottom: 10px;
}
div.blurb-buttons {
 text-align: center;
}


/* PROFILE */
.profile_status_box {
  border: 1px solid #ccc;
  padding: 1em;
  margin-bottom: 1em;
}
.profile_status_message {
  font-size: 14px;
  font-weight: bold;
  margin-bottom: .3em;
}
.profile_status_meta {
  text-align: right;
}

.button {
 padding: 10px;
 font-weight: bold;
 border: 1px solid #ccc;
}