/* RESET */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-size: 1em; font-weight: normal; font-style: normal; }
ul,ol { list-style: none; }
fieldset,img { border: none; }
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }

/* COMMON ATTRIBUTES USED */
.clear { clear:both; }
.left { float:left; }
.right { float:right; }

/* BODY CENTER ALIGNMENT */
body { text-align:center; background-color: #323232; font-family:arial,sans-serif,helvetica; color:#fff; }
  
  #header_cont, .header_logo, #navbar_cont, #navbar_cont ul li a:hover, .login_button { background-image: url(http://graphics.alt.com/images/bdsm/cover/bdsm_cb/sprite.png); }
  #header_content, #cover_cont, #footer { position:relative; width:910px; text-align:left; margin:0 auto; }
  
  /* HEADER CONTAINER */
  #header_cont { background-position:0px -44px; position:relative; z-index:20; }
    #header_content { height:72px; }
    #header_logo { width:57%; position:absolute; top:5px; left:0px; }
      .header_logo { background-position:0 0; width:200px; height:39px; }
      #header_logo .tagline { font:bold 13px Arial; }
    #header_tools { float:right; width:65%; color:#999; }
      .header_user_tools_guest ul li a, .lang_dd a { color:#fff; }
      .guest_login { position:absolute; right:0; top:46px;}
        .fields { width:110px; font-size:11px; padding:2px; border:none; }
        .pw_bg { position:relative; }
        .handle_bg, .pw_bg { width:120px; height:18px; }
        .login_title { color:#fff; margin-right:10px; }
        .login_button { height:18px; width:18px; background-position: 21px -12px; border:none; font-size:1px; cursor:pointer; }
         #pass_holder { color:#555; height:13px; left:0px; padding:2px; position:absolute; top:0px; width:99px; background:#fff; font-size:11px; _padding:0 2px; _top:2px; }	

   /* LANGAUGE DROPDOWN */
   .header_user_tools_guest { position:absolute; top:10px; right:0px; width:383px; font-size:11px; z-index:99; }
     #ie6_hack { width:395px !important; }
    .forgot_cont { border-right:1px solid ; padding-right:7px; width:248px; _width:255px; }
    .forgot_cont, .lang_drop { float:left; text-align:right; }
    .forgot_cont a, .lang_drop a { color:#fff; }
      .lang_cont { position:absolute; top:0px; right:1px; }
      .lang_drop .content_filter_select { padding-left:5px;}
      .option_style, .option_style option { font-size:10px; }


    #lang_dd {width:100px; position:absolute; top:0; right:18px; _right:2px; }
    #lang_dd { top:-2px !important; }
      #lang_dd span { text-align:left; padding:0 0 0 4px; cursor:pointer;  }
      #lang_dd.suspended a {display:none;}

    a.lng_active { display:block !important; text-align:left; width:115px; background:#323232; border:1px solid #666; margin:0 0 -1px 0; padding:2px; text-decoration:none; }
    .expanded a, .expanded a:hover { display:block; text-align:left; width:115px; background:#323232; border:1px solid #666; margin:0 0 -1px 0; padding:2px; text-decoration:none; }
      .expanded a:hover { background:#666; }

    .lang_flag_english, .lang_flag_spanish, .lang_flag_french, .lang_flag_german, .lang_flag_japanese, .lang_flag_korean, .lang_flag_portuguese,
      .lang_flag_italian, .lang_flag_dutch, .lang_flag_swedish, .lang_flag_chinese, .lang_flag_tagalog, .lang_flag_arrows { background:url(http://graphics.alt.com/images/bdsm/cover/bdsm_cb/sprite.png) no-repeat; width:18px; height:12px; display:inline; padding:2px 9px; cursor:pointer; } 

    .lang_flag_arrows { background-position:-72px -303px; width:9px; padding:2px; float:right; cursor:pointer; _width:15px; _margin-top:2px; }
    .lang_flag_english { background-position:-71px -318px; }
    .lang_flag_spanish { background-position:-94px -318px; }
    .lang_flag_french { background-position:-213px -318px; }
    .lang_flag_german { background-position:-188px -318px; }
    .lang_flag_japanese { background-position:-258px -318px; }
    .lang_flag_korean { background-position:0 -1573px; }
    .lang_flag_portuguese { background-position:-117px -318px; }
    .lang_flag_italian { background-position:-164px -318px; }
    .lang_flag_dutch { background-position:-140px -318px; }
    .lang_flag_swedish { background-position:-235px -318px; }
    .lang_flag_chinese { background-position:-114px -334px; }
    .lang_flag_tagalog { background-position:-22px -1573px; }
  
  /* NAVBAR CONT */
  #navbar_cont { background-position:0px -116px; height:40px; }
    #navbar_cont[id] ul { width:910px; text-align:left; margin:0 auto; }
    #navbar_cont ul { width:910px; text-align:left; }
    #chinese #navbar_cont ul li, #japanese #navbar_cont ul li {float:left; padding-top:10px; padding-bottom:10px; }
    #navbar_cont ul li { float:left; padding-top:10px; padding-bottom:13px; }
      #navbar_cont ul li a:hover { color:#333; background-position:0px -156px; }  
      #navbar_cont ul li a { color:#FFFFFF; padding:10px 10px 13px; text-decoration:none; font:bold 13px arial; }
  
  /* COVER MAIN CONTAINER */
  #cover_cont { position:relative; background-color:#242424; z-index:10; }
    
    /* LEFT COLUMN */
    #cover_cont #col_l { float:left; width:528px; padding:15px 0 15px 15px;}
      #members_cont {}
        #members_cont p, #groups_cont p { color:#ccc; font:bold 22px arial; margin:10px 0px; }
        #members, #members span { color:#ccc; font-size:12px; }
        #members a.handle { color:#FFFFFF; font-size:12px; }
          #members a.handle:hover { color:#fff !important; }
        #members .piclist_thumbs { padding-right:9px; }
        #members .piclist_thumbs img { height:160px; width:120px; }
        #members .location { font-size:11px; }

      /* GROUP INFO TABLES */
      .groups td { padding:8px; }
        .groups span { font-weight:bold; color:#fff; font-size:14px; padding:5px; }
        .groups span a { font-weight:bold; color:#fff; font-size:12px; text-transform:lowercase; }
      .groups_info th { color:#ccc; font:bold 12px arial; padding:3px; }
        .groups_info .title { width:189px; }
	.groups_info .mem_count { text-align:center; }
        #english .groups_info td { font-weight:bold; border:1px solid #444; padding:8px; white-space:nowrap; }
        .groups_info  td { font-weight:bold; border:1px solid #444; padding:8px; }
        .groups_info td a { font-weight:bold; color:#fff; }

    /* RIGHT COLUMN */
    #cover_cont #col_r { float:left; padding-top:15px; margin-left:15px; width:335px; }
      #bdsm_info { box-shadow:0 0 8px #000; -moz-box-shadow:0 0 8px #000; -webkit-box-shadow: 0 0 8px #000; background:#1f1f1f url(http://graphics.alt.com/images/bdsm/cover/bdsm_cb/info_bg.jpg) repeat-x; padding:15px; height:auto; _height:100%; }
        #box_info { background-color:#242424; font:bold 16px arial; padding:15px 15px 15px 35px; }
        #box_info li { margin-top:10px; }
        #box_info .first{ margin-top:0px; }
          #box_info a { color:#ff0000; text-decoration:none; }
        #bdsm_info .kink { padding-left:40px; }
        #bdsm_info div p { color:#ccc; font:bold 20px arial; margin:10px 0px; text-align:center; overflow:hidden; }
		
  /* FOOTER */
  #footer { background:transparent url(http://graphics.alt.com/images/bdsm/cover/bdsm_cb/footer_bg.jpg) repeat-x; height:202px; padding-top:20px; }
  #footer, #footer a { font:normal 10px arial; color:#666; }
    #footer a:hover { color:#fff; }
    #footer .copy, #footer .links, #footer .logos { float:left; padding:0px 15px; width:270px; }
    .veris_seal { margin-right:25px; }
    .icra { margin-bottom:15px; }
    .rta { }
		
  /* BUTTONS */
  .kink li { clear:both; }
  .kink li a { margin-top:5px; }
  a.button:active { position:relative; left:1px; top:1px; }
  
  #german a.button { font-size:13px; cursor:pointer; clear:both; float:left; display:block; background:url(http://graphics.alt.com/images/bdsm/cover/bdsm_cb/sprite.png) 183px 250px; height:32px; font-weight:bold; color:#000; padding-right:50px; text-decoration:none; }
  #japanese a.button { font-size:10px; cursor:pointer; clear:both; float:left; display:block; background:url(http://graphics.alt.com/images/bdsm/cover/bdsm_cb/sprite.png) 183px 250px; height:32px; font-weight:bold; color:#000; padding-right:50px; text-decoration:none; }
  #italian a.button { font-size:12px; cursor:pointer; clear:both; float:left; display:block; background:url(http://graphics.alt.com/images/bdsm/cover/bdsm_cb/sprite.png) 183px 250px; height:32px; font-weight:bold; color:#000; padding-right:50px; text-decoration:none; }
  a.button { font-size:16px; cursor:pointer; clear:both; float:left; display:block; background:url(http://graphics.alt.com/images/bdsm/cover/bdsm_cb/sprite.png) 183px 250px; height:32px; font-weight:bold; color:#000; padding-right:50px; text-decoration:none; }          
    a.button span { display:block; background:url(http://graphics.alt.com/images/bdsm/cover/bdsm_cb/sprite.png) 0 217px; line-height:32px; width:165px; _width:190px; padding-left:21px; }

  #german a.button:hover { font-size:13px; clear:both; float:left; display:block; background:url(http://graphics.alt.com/images/bdsm/cover/bdsm_cb/sprite.png) 237px 250px; height:32px; font-weight:bold; color:#fff; text-decoration:none; }
  #japanese a.button:hover { font-size:10px; clear:both; float:left; display:block; background:url(http://graphics.alt.com/images/bdsm/cover/bdsm_cb/sprite.png) 237px 250px; height:32px; font-weight:bold; color:#fff; text-decoration:none; }
  #italian a.button:hover { font-size:12px; clear:both; float:left; display:block; background:url(http://graphics.alt.com/images/bdsm/cover/bdsm_cb/sprite.png) 237px 250px; height:32px; font-weight:bold; color:#fff; text-decoration:none; }
  a.button:hover { font-size:16px; clear:both; float:left; display:block; background:url(http://graphics.alt.com/images/bdsm/cover/bdsm_cb/sprite.png) 237px 250px; height:32px; font-weight:bold; color:#fff; text-decoration:none; }          
    a.button:hover span { display:block; background:url(http://graphics.alt.com/images/bdsm/cover/bdsm_cb/sprite.png) 0 187px; line-height:32px; width:165px; _width:190px; padding-left:21px; }
  a.button2 { font-size:16px; clear:both; float:left; display:block; background:url(http://graphics.alt.com/images/bdsm/cover/bdsm_cb/sprite.png) 237px 250px; height:32px; font-weight:bold; color:#fff; text-decoration:none; }          
 
  /* JOIN BUTTON */
  .join_but { padding-top:10px; }
  a.join { margin:0 auto; width:220px; display:block; font-size:28px; background:url(http://graphics.alt.com/images/bdsm/cover/bdsm_cb/sprite.png) no-repeat 180px -298px; height:75px; line-height:75px; text-align:center; padding-right:5px; color:#fff; text-decoration:none; text-shadow:0 0 10px #000; cursor:pointer; }
  a.join span { display:block; background:url(http://graphics.alt.com/images/bdsm/cover/bdsm_cb/sprite.png) no-repeat -3px -374px; height:75px; line-height:75px; color:#fff; text-decoration:none; cursor:pointer; }
  #french a.join { font-size:18px; }
  #dutch a.join,
  #german a.join { font-size:20px; }
  #portuguese a.join { font-size:16px; }
  #swedish a.join,
  #spanish a.join,
  #italian a.join { font-size:24px; }
