/* Layout (dimensions, positioning, etc.) */
body {
  min-width: 549px;      /* 2x LC width + RC width */
  margin: 0;
  padding: 0;
}

h2,h3,h4,p,ul,ul li {
  margin: 0;
  padding: 0;
}

a img {
  border: 0px;
}

#wrapper {
  height: 100%;
  width: 952px;
  margin: 0 auto;
  padding: 0;
}

#header {
  width: 952px;
  margin-top: 5px;
}

#header div.hedrleftside {
  width: 416px;
  height: 98px;
  float: left;
}

#header div.hedrleftside img {
  margin-left: -1px;
  width: 417px;
}

#header div.hedrightside {
  width: 536px;
  height: 98px;
  float: left;
}

#container {
  position: relative;
  padding-left: 183px;   /* LC width */
  padding-right: 183px;  /* RC width */
}

#container .column {
  position: relative;    /* fix to 'IE7 10000px padding-bottom spill over footer' problem */
  float: left;
}

#center {
  width: 100%;
  padding-top: 24px;
}

#center-content {
  /* padding: 0 10px; */
  width: 540px;
  margin: 0px auto;
}

#left {
  width: 179px;          /* LC width */
  right: 183px;          /* LC width */
  margin-left: -100%;
  padding-top: 24px;
}

#right {
  width: 179px;          /* RC width */
  margin-right: -203px;  /* RC width */
}

#footer {
  position: relative;
}

/*** IE6 Fix ***/
* html #left {
  left: 183px;           /* RC width */
}

/*** Equal-height Columns ***/
#container {
  overflow: hidden;
}

#container .column {
  padding-bottom: 20000px;  /* X + padding-bottom */
  margin-bottom: -20000px;  /* X */
}

/*** Footer Fix ***/
* html body {
  overflow: hidden;
}

* html #footer-wrapper {
  float: left;
  position: relative;
  clear: both;              /* IE fix for footer jumping up when right column is short */
  width: 100%;
  padding-bottom: 10000px;
  margin-bottom: -10000px;
  background: #ffffff;      /* Same as body background */
}

/*** Aesthetics ***/

a img {
  border: 0px;
}

.line {
  text-align: right;
  padding-bottom: 14px;
}

/* Left Column */
#left {
  border-left: 2px solid #000000;
  border-right: 2px solid #000000;
  background: url(../../images/leftsideback.jpg) no-repeat;
}

#left ul {
  list-style: none;
  padding: 0px;
  margin: 0px;
}

#left ul li {
  text-align: right;
  padding-right: 8px;
}

#left ul li a {
  line-height: 16px;
  font: normal 14px "Myriad Pro", Arial, Helvetica, sans-serif;
  color: #000000;
  text-decoration: none;
}

#left ul li a:hover {
  color: #ff0012;
}

#articles {
  margin-top: 205px;
  width: 179px;
  height: 201px;
  background: url(../../images/myartical.jpg) no-repeat center;
}

#articles div.article {
  padding-top: 170px;
  font: normal 22px "Myriad Pro", Arial, Helvetica, sans-serif;
  color: #ffffff;
  text-align: center;
  display: block;
}

/* Right column */
#right {
  border-left: 2px solid #000000;
  border-right: 2px solid #000000;
  background: url(../../images/leftsideback.jpg) no-repeat;
}

#bdsmpersonals {
  width: 179px;
  height: 201px;
  margin: 6px;
  /* background: url(../../images/bdsmpersonals.jpg) no-repeat center; */
}

#adspace {
  padding-top: 22px;
  text-align: center;
}

/* Footer */
#footer {
  /* clear: both; */
  /* padding: 0px 230px; */
  font: normal 14px "Myriad Pro", Arial, Helvetica, sans-serif;
  color: #000000;
  background: url(../../images/bodybackground.jpg) repeat-y;
  text-align: center;
}

/* Search */
#search {
  clear: both;
  margin: 0px auto;
  margin-top: 4px;
  height: 36px;
  width: 952px;
  background: #000000;
  text-align: center;
  padding-top: 2px;
}
  
#searchblock {
  width: 500px;
  margin: 0px auto;
}
  
#searchblock span.findyourfetish {
  width: 243px;
  height: 30px;
  float: left;
  color: #FFFFFF;
  font: normal 22px "Myriad Pro", Arial, Helvetica, sans-serif;
  text-align: right;
}

#searchblock span.findyourimage {
  width: 30px;
  height: 30px;
  float: left;
}

#searchblock span.inputbutton {
  width: 179px;
  height: 30px;
  float: left;
  padding-top: 5px;
}

.inputtext {
  border: 1px solid #5C5B5D;
  width: 115px;
  height: 21px;
  font: normal 17px "Myriad Pro", Arial, Helvetica, sans-serif;
}

/* Content-related */
#center-content h1 {
  font: normal 30px "Myriad Pro", Arial, Helvetica, sans-serif;
}

#categiroesleft {
  width: 281px;
  float: left;
  padding-top: 8px;
}

#categiroesleft .categiroesleft {
  width: 281px;
  padding-bottom: 14px;
}

#categiroesright {
  width: 259px;
  float: left;
  padding-top: 8px;
}

#categiroesright .categiroesright {
  width: 259px;
  padding-bottom: 15px;
}

.categirimage {
  width: 154px;
  float: left;
}

.categirtext {
  width: 120px;
  float: left;
}

.categirimage1 {
  width: 154px;
  float: left;
}

.categirtext1 {
  width: 105px;
  float: left;
}

.categirtext h4 { 
  font: normal 13px "Myriad Pro", Arial, Helvetica, sans-serif;
  font-weight:bold;
}

.categirtext ul {
  list-style: none;
  padding: 0px;
  margin: 0px;
  padding-left: 6px;
}

.categirtext ul li {
  padding: 0px;
  margin: 0px;
  font: normal 12px "Myriad Pro", Arial, Helvetica, sans-serif;
}

.categirtext ul li a {
  padding: 0px;
  margin: 0px;
  font: normal 12px "Myriad Pro", Arial, Helvetica, sans-serif;
  text-decoration: none;
  color: #000000;
}

.categirtext ul li a:hover {
  padding: 0px;
  margin: 0px;
  font: normal 12px "Myriad Pro", Arial, Helvetica, sans-serif;
  text-decoration: underline;
  color: #000000;
}

.categirtext1 h4 {
  font: normal 13px "Myriad Pro", Arial, Helvetica, sans-serif;
  font-weight: bold;
}

.categirtext1 ul {
  list-style: none;
  padding: 0px;
  margin: 0px;
  padding-left: 6px;
}

.categirtext1 ul li {
  padding: 0px;
  margin: 0px;
  font: normal 12px "Myriad Pro", Arial, Helvetica, sans-serif;
}

.categirtext1 ul li a {
  padding: 0px;
  margin: 0px;
  font: normal 12px "Myriad Pro", Arial, Helvetica, sans-serif;
  text-decoration: none;
  color: #000000;
}

.categirtext1 ul li a:hover {
  padding: 0px;
  margin: 0px;
  font: normal 12px "Myriad Pro", Arial, Helvetica, sans-serif;
  text-decoration: underline;
  color: #000000;
}

.whatnew h2 {
  color: #ff0012;
  text-align: center;
  font: normal 18px "Myriad Pro", Arial, Helvetica, sans-serif;
}

.whatnew h3 {
  color: #000;
  font: normal 14px "Myriad Pro", Arial, Helvetica, sans-serif;
  padding-bottom: 9px;
}

.whatnew p {
  color: #000;
  font: normal 14px "Myriad Pro", Arial, Helvetica, sans-serif;
  line-height: 13px;
  padding: 2px 0px;
}

.whatnew p a {
  color: #000;
  font: normal 14px "Myriad Pro", Arial, Helvetica, sans-serif;
  text-decoration: underline;
}

.whatnew p a:hover {
  color: #000;
  font: normal 14px "Myriad Pro", Arial, Helvetica, sans-serif;
  text-decoration: none;
}

.clear {
  clear: both;
}

#contentmiddlesubtext {
  width: 540px;
  height: auto;
  margin: 0px auto;
}

#contentmiddlesubtext p.storytitle {
  color: #000;
  font: normal 14px "Myriad Pro", Arial, Helvetica, sans-serif;
}

#contentmiddlesubtext p.storytitle a {
  color: #000;
  font: normal 14px "Myriad Pro", Arial, Helvetica, sans-serif;
}

#titlefo {
  margin-top: 35px;
  width: 540px;
  height: 108px;
  border-bottom: 1px solid #000;
}

#titlefo #titleleft {
  width: 428px;
  height: 109px;
  float: left;
}

#titlefo #titleright {
  width: 106px;
  height: 24px;
  float: left;
  padding-top: 85px;
  padding-right: 4px;
  font: normal 14px "Myriad Pro", Arial, Helvetica, sans-serif;
}

#titleright a {
  font: normal 14px "Myriad Pro", Arial, Helvetica, sans-serif;
  color: #000000;
}

#titleright a:hover {
  font: normal 14px "Myriad Pro", Arial, Helvetica, sans-serif;
  text-decoration: none;
  color: #000000;
}

#titleleft h1 {
  font: normal 30px "Myriad Pro", Arial, Helvetica, sans-serif;
}

#categirious {
  margin-top: 28px;
  width: 540px;
}

#categirious ul {
  list-style: none;
}

#categirious ul li {
  width: 216px;
  float: left;
  font: normal 14px "Myriad Pro", Arial, Helvetica, sans-serif;
  text-decoration: none;
  color: #000000;
}

#categirious ul li a {
  width: 216px;
  font: normal 14px "Myriad Pro", Arial, Helvetica, sans-serif;
  text-decoration: none;
  color: #000000;
}

#categirious ul li a:hover {
  width: 216px;
  font: normal 14px "Myriad Pro", Arial, Helvetica, sans-serif;
  text-decoration: underline;
  color: #000000;
}

.height45 {
  height: 25px;
  padding: 10px 0px;
}

.paddingtop10 {
  padding-top: 10px;
}

.whatnew p.colorred {
  color: #FF0000;
  padding: 8px 0px;
}

#pagetext {
  margin-top: 28px;
  width: 540px;
}

#pagetext p {
  font: normal 14px "Myriad Pro", Arial, Helvetica, sans-serif;
  color: #000000;
  padding-bottom: 10px;
}

#pagetext p a {
  font: normal 14px "Myriad Pro", Arial, Helvetica, sans-serif;
  color: #000000;
  text-decoration: underline;
}

#pagetext p a:hover {
  font: normal 14px "Myriad Pro", Arial, Helvetica, sans-serif;
  color: #000000;
  text-decoration: none;
}

/* Miscellaneous */

/* slightly enhanced, universal clearfix hack */
.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; }
/* close commented backslash hack */