body { margin: 0; padding: 0; font-family: Verdana, Arial, Sans-Serif; font-size: small; }
a { color: #333; }
a:hover { color: #ff7b00; }

span.label { text-transform: uppercase; font-weight: bold; font-size: 0.85em; }

span.free { color: #06a202; }
span.member { color: #2e82ff; }
span.private { color: #c200df; }
span.offline { color: #8a8181; }

#outer { width: 960px; margin: 0 auto; }

#header { width: 960px; float: left; border-bottom: solid 1px #ddd; }

#header #logo { float: left; }
#header #current-time { float: right; margin-top: 4px; font-size: 0.85em; }

#menubar { width: 960px; float: left; clear: both; border-bottom: solid 1px #ddd; background-color: Black; }
#menubar a { color: #fff; }
#menubar a:hover { color: #ff7b00; }

#menubar #nav, #menubar #user-nav { float: left; margin: 0; padding: 6px 0; list-style-type: none; }
#menubar #nav li, #menubar #user-nav li { display: inline; margin: 0; padding: 0 6px; font-size: 85%; }
#menubar #nav li a, #menubar #user-nav li a { text-decoration: none; }

#menubar #watchlist-summary { float: right; margin: 5px 0; padding: 0; list-style-type: none; }
#menubar #watchlist-summary li { display: inline; margin: 0; padding: 0 6px; font-size: 85%; line-height: 16px; height: 16px; max-height: 16px; color: #fff; font-weight: bold; }
#menubar #watchlist-summary li span { padding: 2px 2px 2px 20px; height: 16px; max-height: 16px; font-weight: bold; text-transform: uppercase; }
*:first-child + html #menubar #watchlist-summary { margin-top: 2px; }
*:first-child + html #menubar #watchlist-summary li { display: inline; margin: 0; padding: 0 6px 2px 6px; font-size: 85%; line-height: 18px; max-height: 18px; }
*:first-child + html #menubar #watchlist-summary li span { padding: 2px 2px 4px 20px; max-height: 18px; /*font-size: 85%;*/ font-weight: bold; text-transform: uppercase; }
#menubar #watchlist-summary li span.free { background: transparent url(Images/tristate-led-green-vertical-16.png) no-repeat left 0px; }
#menubar #watchlist-summary li span.member { background: transparent url(Images/tristate-led-blue-vertical-16.png) no-repeat left 0px; }
#menubar #watchlist-summary li span.private { background: transparent url(Images/tristate-led-purple-vertical-16.png) no-repeat left 0px; }
#menubar #watchlist-summary li span.offline { background: transparent url(Images/tristate-led-gray-vertical-16.png) no-repeat left 0px; }

#sub-head { width: 960px; float: left; clear: both; }

#sub-head #search-box { float: left; padding: 4px 0; }
#sub-head #search-box a { font-size: 85%; }

#sub-head #site-info { float: right; margin: 0; padding: 8px 0; }

#content { width: 960px; float: left; clear: both; padding: 8px 0; border-bottom: solid 1px #ddd; }

#category-tree { float: left; font-size: 80%; margin-right: 12px; }
#category-tree h3.tree-head { margin-bottom: 0.2em; font-size: 1.25em; }
#category-tree h3.tree-head a { font-size: 85%; }
#category-tree ul { margin: 0; padding: 0; list-style: none; }
#category-tree ul li { margin: 0; padding: 0.2em 0; }
#category-tree ul li.page-constraint { padding-top: 0.5em; color: #ff7b00; font-weight: bold; }

#performers div.pager { margin-bottom: 8px; padding: 8px; font-size: 0.9em; text-align: center; background-color: #f7f6ed; }
#performers div.pager div.range { float: left; margin-right: 12px; }
#performers div.pager div.page { float: right; margin-left: 12px; }
#performers div.pager ul.pages-nav { display: inline; margin: 0; padding: 0; }
#performers div.pager ul.pages-nav li { display: inline; padding: 0 2px; list-style-type: none; font-weight: bold; }
#performers div.pager ul.pages-nav li a { font-weight: normal; text-decoration: none; }
#performers div.pager ul.pages-nav li a:hover { text-decoration: underline; }

div.performer { margin: 0; padding: 12px 8px; border-top: solid 1px #ddd; border-bottom: solid 1px #ddd; }

div.performer ul.performer-links { margin: 0 auto 12px auto; padding: 0; list-style: none; text-align: center; }
div.performer ul.performer-links li { display: inline; margin: 0 32px; }

div.performer .performer-thumb { float: left; clear: left; margin-right: 12px; margin-bottom: 12px; }

div.performer ul.performer-status { float: right; margin: 0 0 8px 4px; list-style: none; }
div.performer ul.performer-status li { margin: 0; padding: 0; text-align: right; }
div.performer ul.performer-status li.current-status { font-size: 90%; line-height: 16px; font-weight: bold; text-transform: uppercase; }
div.performer ul.performer-status li.current-status a { display: block; max-height: 16px; padding: 0 20px 0 0; text-decoration: none; }
div.performer ul.performer-status li.current-status a.free { color: #06a202; background: transparent url(Images/tristate-led-green-vertical-16.png) no-repeat right 0px; }
div.performer ul.performer-status li.current-status a.free:hover { color: #43cb3f; background: transparent url(Images/tristate-led-green-vertical-16.png) no-repeat right -16px; }
div.performer ul.performer-status li.current-status a.member { color: #2e82ff; background: transparent url(Images/tristate-led-blue-vertical-16.png) no-repeat right 0px; }
div.performer ul.performer-status li.current-status a.member:hover { color: #6ca7ff; background: transparent url(Images/tristate-led-blue-vertical-16.png) no-repeat right -16px; }
div.performer ul.performer-status li.current-status a.private { color: #c200df; background: transparent url(Images/tristate-led-purple-vertical-16.png) no-repeat right 0px; }
div.performer ul.performer-status li.current-status a.private:hover { color: #e139fc; background: transparent url(Images/tristate-led-purple-vertical-16.png) no-repeat right -16px; }
div.performer ul.performer-status li.current-status a.offline { color: #8a8181; background: transparent url(Images/tristate-led-gray-vertical-16.png) no-repeat right 0px; }
div.performer ul.performer-status li.last-online { font-family: Tahoma, Arial, Sans-Serif; font-size: 70%; line-height: 160%; text-transform: uppercase; }

div.performer h2.performer-name, div.performer h3.performer-name, div.performer h4.performer-name, div.performer h5.performer-name, div.performer h6.performer-name { margin: 0 0 8px 0; padding: 0; font-weight: bold; font-size: 1.2em; }

div.performer ul.performer-details { margin: 0; padding: 0; font-size: 85%; list-style: none; }
div.performer ul.performer-details li { padding: 0; }
div.performer ul.performer-details li span.label { padding-right: 6px; }

div.performer #performerXMLData { margin: 12px 0; padding: 0; font-size: 85%; list-style: none; }
div.performer #performerXMLData li { padding: 0; }
div.performer #performerXMLData li span.label { padding-right: 6px; }

div.performer #performerXMLData #performerFetishImages { margin: 12px 0; list-style: none; }
div.performer #performerXMLData #performerFetishImages li { display: inline; padding: 0 12px 0 0; }

div.performer ul.tags { clear: both; margin: 12px auto 0 auto; padding: 0; list-style: none; text-align: center; }
div.performer ul.tags li { display: inline; margin: 0 8px; padding: 0 8px; }
div.performer ul.tags li a { font-size: 85%; white-space: nowrap; }

div.performer #presenseGraphContainer #stats_table { clear: left; margin-top: 12px; text-align: center; border-top: 1px dotted #bbb; font-size: 0.7em; border-collapse: collapse; }
div.performer #presenseGraphContainer #stats_table td { padding: 0; border-bottom: 1px dotted #bbb; border-collapse: collapse; white-space: nowrap; }
div.performer #presenseGraphContainer #stats_table img { display: block; float: left; margin: 0; padding: 0; border-collapse: collapse; white-space: nowrap; }

div.performer #presenseGraphContainer #stats_table #stats_status { background-color: #efedba; font-size: 120%; line-height: 125%; }
div.performer #presenseGraphContainer #stats_table #stats_status td { width: 727px; padding: 4px; white-space: normal; }
div.performer #presenseGraphContainer #stats_table #stats_status span.label { padding-right: 6px; }
div.performer #presenseGraphContainer #stats_table #stats_status span.label-freechat { padding: 0 8px 0 0; color: #06a202; font-weight: bold; }
div.performer #presenseGraphContainer #stats_table #stats_status span.label-memberchat { padding: 0 8px 0 0; color: #2e82ff; font-weight: bold; }
div.performer #presenseGraphContainer #stats_table #stats_status span.label-privatechat { padding: 0 0 0 0; color: #c200df; font-weight: bold; }

div.performer #presenseGraphContainer #stats_table #stats_header td { padding: 0; font-size: 9px; text-align: center; }
div.performer #presenseGraphContainer #stats_table td.altGraphColumn { background-color: #efedba; }
div.performer #presenseGraphContainer #stats_table td.graphDateColumn { font-size: 10px; }
div.performer #presenseGraphContainer #stats_table td.graphDataColumn, #presenseGraphContainer #stats_table td.graphDataColumn img { font-size: 10px; white-space: nowrap; }
div.performer #presenseGraphContainer #stats_table td.graphDailyTimeColumn { font-size: 10px; }

div.performer #presenseGraphContainer #stats_table td.graphDailyTimeColumn span.label-freechat { color: #06a202; font-weight: bold; }
div.performer #presenseGraphContainer #stats_table td.graphDailyTimeColumn span.label-memberchat { color: #2e82ff; font-weight: bold; }
div.performer #presenseGraphContainer #stats_table td.graphDailyTimeColumn span.label-privatechat { color: #c200df; font-weight: bold; }

#advanced-search table { }
#advanced-search table tr { white-space: nowrap; }
#advanced-search div.list { float: left; padding: 6px 12px; }
#advanced-search div.list strong { display: block; font-size: 80%; white-space: nowrap; }
#advanced-search div.list select { margin: 2px 0 12px 0; }
#advanced-search .search-box { margin-right: 12px; }

#supportedSites { margin: 0; padding: 0; list-style-type: none; font-weight: bold; }
#supportedSites ul { margin: 0; padding: 0; list-style-type: none; }
#supportedSites li { padding: 0 0 1.0em 0; }
#supportedSites li li { padding-bottom: 0; }
#supportedSites li.comingSoon { }
#supportedSites li.comingSoon span { padding-right: 100px; background: transparent url(Images/coming-soon.png) no-repeat right 2px; }

#contact-form { width: 600px; padding-bottom: 1.0em; }
#contact-form table { margin: 0 auto; }
#contact-form td { padding-bottom: 12px; vertical-align: top; }
#contact-form td.form-labels { text-align: right; padding-top: 0.2em; }
#contact-name input, #contact-email input { width: 180px; }
#contact-body td { padding-bottom: 0; }
#contact-body textarea { width: 390px; }
#contact-form p { width: 520px; margin: 0 0 0 40px; font-size: 0.8em; line-height: 1.5em; }
#contact-form .send-btn { margin: 0 0 32px 200px; }

#footer { width: 960px; float: left; clear: both; font-size: 0.75em; text-align: center; }