/* general */

* {
  margin: 0px;
  padding: 0px;
}

body {
  background-color: #fca4f7;
  line-height: 150%;
  font-family: "trebuchet ms", arial, helvetica, sans-serif;
  font-size: 100%;
  color: #333333;
}

body p {
  margin-bottom: 10px;
}

img {
  border: 0px;
}

h1, h2, h3 {
padding-top:10px;
padding-bottom: 5px;
  font-weight: normal;
  color: #333333;
}

h1 {
  font-size: 210%;
}

h2 {
  font-size: 170%;
}

h3 {
  font-size: 120%;
}

a {
  color: #b00085;
  text-decoration: underline;
}

a:hover {
  text-decoration: none;
}

p.error {
  color: #b60000;
  font-weight: bold;
}

.container {
  width: 988px;
  margin: 0px auto 0px auto;
  clear: both;
}

/* header */

#headerContainer {
  height: 100px;
  background-color: #fca4f7;
}

#header {
}

/* menu */

#menu {
  height: 53px;
  background-color: #790f73;
}

.buttons {
  float: right;
}

.buttons a div {
  width: 100px;
  text-align: center;
  line-height: 33px;
}

.buttons a {
  float: left;
  margin-top: 10px;
  margin-right: 10px;
  background-color: #b00085;
  color: #ffffff;
  text-decoration: none;
}

.buttons a:hover {
  background-color: #ff57f8;
}

/* body */

#bodyContainer {
  clear: both;
}

#body {
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 5px;
  padding-right: 5px;
  background-color:#ffffff;
  overflow: hidden;
}

.content {
  margin: 5px;
  overflow: hidden;
}

.content ul {
  margin: 0px;
  list-style: none;
}

/* mainColumn */

#mainColumnContainer {
  float: left;
  position: relative;
  margin-left: -220px;
  margin-right: -280px;
  padding-left: 10px;
  padding-right: 10px;
  width: 100%;
  z-index: 1;
}

#mainColumn {
  margin-left: 220px;
  margin-right: 280px;
  overflow: hidden;
}

/* firstColumn */

#firstColumnContainer {
  float: left;
  position: relative;
  padding-left: 0px;
  padding-right: 0px;
  z-index: 2;
}

#firstColumn {
  width: 210px;
  overflow: hidden;
}

/* secondColumn */

#secondColumnContainer {
  float: left;
  position: relative;
  padding-left: 0px;
  padding-right: 0px;
  z-index: 3;
}

#secondColumn {
  width: 270px;
  overflow: hidden;
}

#firstColumn h3, #secondColumn h3 {
  padding: 3px;
  color: #ffffff;
  font-size: 120%;
  background: url("images/side_title_bg.png");
  border: 1px solid #b00085;
}

/* ads */

.ads_428x60Container {
  margin-top: 10px;
  margin-bottom: 10px;
}

.ad_125x125 a {
  width: 123px;
  height: 123px;
  float: left;
  cursor: pointer;
  background-color: #cccccc;
  line-height: 120px;
  color: #666666;
  text-align: center;
  text-decoration:none;
  border: 1px solid #999999;
}

.ad_125x125 a:hover {
  background-color: #dddddd;
}

.ads_verticalSpace {
  float: left;
  width: 10px;
  height: 10px;
  overflow: hidden;
}

.ads_horizontalSpace {
  width: 10px;
  height: 10px;
  overflow: hidden;
}

.comments {
  clear: both;
  margin-bottom: 5px;
  padding-bottom: 5px;
  border-bottom: 1px dotted #cccccc;
  font-size: 90%;
}

.comments_end {
  clear: both;
  margin-bottom: 5px;
  padding-bottom: 5px;
  font-size: 90%;
}

/* footer */

#footerContainer {
  border-top: 3px solid #790f73;
  height: 1000px;
}

#footer {
  text-align: center;
  color: #000000;
}

#footer p {
  padding-top: 10px;
}

/* categories */

#categories ul {
  list-style: none;
}

#categories ul li {
  width: 100%;
}

#categories ul li a {
  color: #b00085;
}

#categories ul li a.suggest {
  font-size: 110%;
}

#categories ul li a:hover {
  text-decoration: none;
}

/* tabs */

#tabs{
  margin-bottom: 10px;
  width: 100%;
  border-bottom: 1px solid #b00085;
  overflow: hidden;
}

#tabs ul {
  list-style: none;
}

#tabs ul li {
  float: left;
  margin-right: 1px;
  text-align: center;
}

#tabs ul li a {
  padding: 5px;
  width: 100px;
  background-color: #790f73;
  color: #ffffff;
  text-decoration: none;
  display: block;
}

#tabs ul li a:hover {
  background-color: #b00085;
}

#tabs ul li.selected a {
  background-color: #b00085;
}

/* browse */

#paper {
  padding: 8px;
  height: 110px;
  margin-bottom: 10px;
}

#paper a {
  color: #b00085;
  text-decoration: none;
}

#paper a:hover {
  color: #790f73;
  text-decoration: none;
}

#paperIcon{
  float: left;
  width: 140px;
}

#paperIcon img {
  border: 5px solid #cccccc;
}

#paperIcon img:hover {
  border:5px solid #ff57f8;
}

#paperContent{
  margin-left: 116px;
}

#paper h3 {
padding: 0px;
  font-size: 120%;
  font-weight: bold;
  color: #000000;
}

.paperDesc {
  color: #333333;
}

/* view */

.viewthumb {
  margin-top: 5px;
  margin-bottom: 5px;
  width: 250px;
  height: 188px;
  border: 5px solid #cccccc;
}

.uploadContainer {
  text-align: center;
}

.uploadContainer img {
  border: 5px solid #cccccc;
}

.uploadContainer img:hover {
  border:5px solid #ff57f8;
}

.uploadContainer img.inactive:hover {
  border: 5px solid #cccccc;
}

.uploadHeader {
  margin-top: 10px;
  margin-bottom: 5px;
  padding: 5px;
  background-color: #790f73;
  color: #ffffff;
}

.commentHeader {
  margin-bottom: 5px;
  padding: 5px;
  background-color: #790f73;
  color: #ffffff;
}

.commentContainer {
  margin-bottom: 5px;
  padding: 5px;
  background-color: #fca4f7;
}

.commentContainer h3 {
  margin: 0px;
  padding: 0px;
  font-size: 80%;
  font-style: italic;
  color: #666666;
}

/* rating */

.star, .star a:hover, .star a:active, .star a:focus, .star .rating {
  background: url("images/rating.gif") left -1000px repeat-x;
}

.star {
  position: relative;
  width: 125px;
  height: 25px;
  margin: 0px;
  padding: 0px;
  overflow: hidden;
  list-style: none;
  background-position: left top;
}

.star li {
  display: inline;
}
.star a, .star .rating {
  position: absolute;
  top: 0px;
  left: 0px;
  text-indent: -1000em;
  height: 25px;
  line-height: 25px;
  outline: none;
  overflow: hidden;
  border: none;
}

.star a:hover, .star a:active, .star a:focus {
  background-position: left bottom;
}

.star a.one {
  width: 20%;
  z-index: 6;
}

.star a.two {
  width: 40%;
  z-index: 5;
}

.star a.three {
  width: 60%;
  z-index: 4;
}

.star a.four {
  width: 80%;
  z-index: 3;
}

.star a.five {
  width: 100%;
  z-index: 2;
}

.star .rating {
  z-index: 1;
  background-position: left center;
}

/* form */

.form {
  background-color: #eeeeee;
  border: 1px dotted #cccccc;
}

.form label {
  font-weight: bold;
}

.form input.text {
  width: 100%;
  font-size: 100%;
  border: 2px solid #cccccc;
}

.form textarea, select {
  width: 100%;
  font-size: 100%;
  border: 2px solid #cccccc;
}

.form .button {
  padding: 3px;
  font-size: 100%;
}

/* 404 */

i.comment {
  color: #aaaaaa;
}

/* advertise */

.advertiseList ul {
  margin: 20px;
  list-style: disc;
}

.advertiseList ul li {
  margin: 10px;
}

/* privacy */

.privacyList ul {
  margin: 20px;
  list-style: disc;
}

.privacyList ul li {
  margin: 10px;
}

/* pagination */

.pagination {
  margin-top: 5px;
  margin-bottom: 5px;
  padding-top: 5px;
  border-top: 1px solid #790f73;
  overflow: hidden;
}

.pageActive {
float: left;
  margin-left: 3px;
  padding: 1px 8px;
  border: 1px solid #790f73;
  background-color: #b00085;
  color: #ffffff;
  text-decoration: none;
}

.pages {
float: left;
  margin-left: 3px;
  padding: 1px 8px;
  border: 1px solid #cccccc;
  background-color: #eeeeee;
  color: #333333;
  text-decoration: none;
}

.pages:hover {
  background-color: #b00085;
  color: #ffffff;
  border: 1px solid #790f73;
}