/*//////////////////////////////////////////////////////////
// Copyright Biard Productions Inc.                       //
//////////////////////////////////////////////////////////*/

/*  Useful Tips:
1.) To center layers inside the page wrapper or within an other layer, use {margin: 0 auto;}.
2.) Vertical margins are not additive, they collapse and will use the greatest of the 2 margins.
3.) When styling links, use pseudo-classes in this order: :link, :visited, :focus, :hover, :active.
4.) You can use the :focus pseudo-class on form textfields for an effect of active selection.
*/

/* CSS RESET AND FIXES */
html, body, div, span, table,
tbody, thead, tfoot, tr, th,
td, img, p, a, ol, ul, li,                        /* Adapted From Meyer's Reset (Reference: http://meyerweb.com/eric/tools/css/reset) */
fieldset, form, label, legend                     {font-family: inherit; font-weight: inherit; font-style: inherit; font-size: 100%; padding: 0; margin: 0; border: 0;}
                                                  /* Forces broken images to show as placeholders even if they have ALT text */
img                                               {-moz-force-broken-image-icon: 1;}
ol, ul                                            {list-style: none;}
table                                             {border-collapse: collapse; border-spacing: 0;}
th, td                                            {font-weight: normal; text-align: left;}
                                                  /* Clearfix. Reference: http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */
.clearfix:after                                   {visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;}
.clearfix                                         {display: inline-block;}
                                                  /* Clearfix. Start Commented Backslash Hack \*/
* html .clearfix                                  {height: 1%;}
.clearfix                                         {display: block;}
                                                  /* Clearfix. Close Commented Backslash Hack  */
/* ELEMENTS DEFAULT STYLES */
body                                              {color: #FFFFFF; background: #250A31 url('/images/bg.gif'); font-family: Verdana, Geneva, sans-serif; font-weight: normal; font-size: 12px; text-align: center;}
a:link                                            {color: #CCBFD2; font-weight: bold; text-decoration: none;}
a:visited                                         {color: #CCBFD2; font-weight: bold; text-decoration: none;}
a:hover                                           {color: #CCBFD2; font-weight: bold; text-decoration: underline;}
a:active                                          {color: #CCBFD2; font-weight: bold; text-decoration: none;}
input.textfield,textarea                          {color: #000d2b; background-color: #eef4ff; border: 2px solid #00184f; padding: 2px; font-family: inherit; font-weight: inherit; font-style: inherit; font-size: 110%;}
button                                            {color: #FFFFFF; background-color: #000c27; border-top: 2px solid #00133c; border-left: 2px solid #00133c; border-bottom: 2px solid #000716; border-right: 2px solid #000716; padding: 1px 8px;}
button:active                                     {color: #FFFFFF; background-color: #000c27; border-top: 2px solid #000716; border-left: 2px solid #000716; border-bottom: 2px solid #00133c; border-right: 2px solid #00133c; padding: 1px 8px;}

/* SITE-SPECIFIC */
#wrapper                                          {width: 1022px; position: relative; text-align: left; margin: 0 auto;}
#gals                                             {}

.topsubmit                                        {width: 74px; height: 31px; border: 0; cursor: pointer; background: url('/images/search_button.gif') no-repeat;}
.topsubmit_active                                 {width: 74px; height: 31px; border: 0; cursor: pointer; background: url('/images/search_button_mouseover.gif') no-repeat;}
.top_of_page                                      {height: 26px; background-image: url('/images/top_center.gif'); border-left: 1px solid #40264B; border-right: 1px solid #40264B; border-bottom: 1px solid #40264B;}
.header                                           {background-color: #1E002B; border-left: 1px solid #40264B; border-right: 1px solid #40264B;}
.tabs                                             {height: 32px; background-image: url('/images/tab_bg.gif'); background-color: #1E002B; border-left: 1px solid #40264B; border-right: 1px solid #40264B;}
.content_area                                     {background-color: #250A31; border-left: 1px solid #40264B; border-right: 1px solid #40264B; border-bottom: 1px solid #40264B;}
.sexsearch_banner                                 {text-align: center; padding-top: 15px;}
.categories                                       {text-align: center; padding-top: 15px; width:728px; margin: 0 auto;}
.toplist                                          {text-align:center; padding-top: 45px; padding-bottom: 30px;}
.footer                                           {text-align: center; padding-top: 25px; padding-bottom: 25px; background-color: #1E002B; border-left: 1px solid #40264B; border-right: 1px solid #40264B; border-bottom: 1px solid #40264B;}
.copyright                                        {text-align: center; padding-top: 5px; height: 21px; background-image: url(/images/bottom_center.gif); border-left: 1px solid #40264B; border-right: 1px solid #40264B;}

/* SITEBUILDER-SPECIFIC */
.search-error-head                                {display: none;}
.search-error-head-left                           {display: none;}
.search-error-head-right                          {display: none;}
.search-error-foot                                {display: none;}
.search-error-foot-left                           {display: none;}
.search-error-foot-right                          {display: none;}
.search-error                                     {text-align: center; padding: 20px 0; margin: 10px 1px 20px;}

#gals div.head                                    {margin: 0px 1px 2px; padding-top: 20px;}
#gals div.head div.title                          {float: left; font-size: 15px; font-weight: bold; text-align: left;}
#gals div.head div.pagination                     {float: right;}
#gals div.head div.pagination ul                  {}
#gals div.head div.pagination li                  {float: left; list-style-type: none; display: inline; margin-right: 2px;}
#gals div.head div.pagination li.last             {list-style-type: none; display: inline; margin-right: 0;}
#gals div.head div.pagination li.title            {color: #ffffff; font-weight: bold; text-decoration: none; background-color: #351b40; border: 1px solid #40264b; padding: 3px 5px; display: inline-block;}
#gals div.head div.pagination li.disabled         {color: #ffffff; font-weight: bold; text-decoration: none; background-color: #351b40; border: 1px solid #40264b; padding: 3px 5px; display: inline-block;}
#gals div.head div.pagination li.current          {color: #20042d; font-weight: bold; text-decoration: none; background-color: #ccbfd2; border: 1px solid #40264b; padding: 3px 5px; display: inline-block;}
#gals div.head div.pagination li a:link           {color: #ffffff; font-weight: bold; text-decoration: none; background-color: #351b40; border: 1px solid #40264b; padding: 3px 5px; display: inline-block;}
#gals div.head div.pagination li a:visited        {color: #ffffff; font-weight: bold; text-decoration: none; background-color: #351b40; border: 1px solid #40264b; padding: 3px 5px; display: inline-block;}
#gals div.head div.pagination li a:hover          {color: #20042d; font-weight: bold; text-decoration: none; background-color: #ccbfd2; border: 1px solid #40264b; padding: 3px 5px; display: inline-block;}
#gals div.head div.pagination li a:active         {color: #20042d; font-weight: bold; text-decoration: none; background-color: #ccbfd2; border: 1px solid #40264b; padding: 3px 5px; display: inline-block;}

#gals div.body                                    {width: 100%;}
#gals div.body div.thumbs                         {float: left; margin: 1px; display: inline;}
#gals div.body div.thumbs img                     {border: 1px solid #40264b;}
#gals div.body div.thumbs a:hover img             {border: 1px solid #40264b;}

#gals div.foot                                    {margin: 3px 0;}
#gals div.foot div.left                           {display: none;}
#gals div.foot div.right                          {display: none;}
#gals div.foot div.pagination                     {float: left; display: inline; position: relative; left: 50%; padding: 5px 0 0 0;}
#gals div.foot div.pagination ul                  {position: relative; right: 50%;}
#gals div.foot div.pagination li                  {float: left; position: relative; display: inline; margin-right: 2px;}
#gals div.foot div.pagination li.last             {margin-right: 0;}
#gals div.foot div.pagination li.title            {color: #ffffff; font-weight: bold; text-decoration: none; background-color: #351b40; border: 1px solid #40264b; padding: 3px 5px; display: inline-block;}
#gals div.foot div.pagination li.disabled         {color: #ffffff; font-weight: bold; text-decoration: none; background-color: #351b40; border: 1px solid #40264b; padding: 3px 5px; display: inline-block;}
#gals div.foot div.pagination li.current          {color: #20042d; font-weight: bold; text-decoration: none; background-color: #ccbfd2; border: 1px solid #40264b; padding: 3px 5px; display: inline-block;}
#gals div.foot div.pagination li a:link           {color: #ffffff; font-weight: bold; text-decoration: none; background-color: #351b40; border: 1px solid #40264b; padding: 3px 5px; display: inline-block;}
#gals div.foot div.pagination li a:visited        {color: #ffffff; font-weight: bold; text-decoration: none; background-color: #351b40; border: 1px solid #40264b; padding: 3px 5px; display: inline-block;}
#gals div.foot div.pagination li a:hover          {color: #20042d; font-weight: bold; text-decoration: none; background-color: #ccbfd2; border: 1px solid #40264b; padding: 3px 5px; display: inline-block;}
#gals div.foot div.pagination li a:active         {color: #20042d; font-weight: bold; text-decoration: none; background-color: #ccbfd2; border: 1px solid #40264b; padding: 3px 5px; display: inline-block;}


