/** CSS DOCUMENT
 *
 * Adult Site Surfer Main Site Stylesheet
 *
 * XHTML/CSS by Rev. Dustin Fineout
 *
 * Copyright 2007-2008 Adult Site Surfer www.adultsitesurfer.com
 *
**/


/* GENERAL PAGE ELEMENTS */

body {
    background : #4b4b4b url(/images/bgmain.jpg) repeat-x fixed top;
    margin : 0;
    padding : 0;
    font-family: verdana, helvetica, arial, sans-serif;
    height: 100%;
}

p {
    font-size: 12px;
    line-height: 13px;
    color: #000;
    margin-top: 0;
    margin-bottom: 8px;
}

hr {
    border: 0 none; 
    border-top: 1px dashed #000;
    width: 100%; 
    height: 1px; 
}


/* CLEAR FIX */

.clrfix { clear: both; }
.clrright { clear: right; }
.clrleft { clear: left; }


/* SOME GENERAL QUICK-FORMATTING CLASSES */

.center { text-align: center; }
.bold { font-weight: bold; }


/* GLOBAL LINK STYLE */
a:visited { color: #333399; }
a:hover { text-decoration: none; }

a img { border: none; }


/* HEADERS */

h1, h1 a {
    font-weight: bold;
    font-size: 12pt;
    color: #000000;
    text-decoration: none;
    line-height: 18px;
    margin-bottom: 4px;
    margin-top: 4px
} 

h2 {
    color: #fff;
    border-bottom: 2px solid #424e5e;
    font-size: 13pt;
    line-height: 16px;
    margin-bottom: 0;
    margin-top: 1px;
}

h2 span {
    background: #424e5e;
    padding: 0 20px;
}

h3 {
    color: #fff;
    border-bottom: 2px solid #424e5e;
    font-size: 13px;
    line-height: 12px;
    margin-bottom: 0px;
    margin-top: 2px;
}

h3 span {
    background: #424e5e;
    padding: 0 5px;
    text-transform: capitalize;
}

h4 {
    color: #fff;
    border-top: 2px solid #424e5e;
    font-size: 13pt;
    line-height: 16px;
    margin-bottom: 0;
    margin-top: 0px;
}

h4 span {
    background: #424e5e;
    padding: 0 5px;
}

h4 a {
    color: #fff;
    line-height: 16px;
}

h5 {
    color: black;
    font-weight: bold;
    font-size: 11pt;
    line-height: 12px;
    margin-top: 3px;
    margin-bottom: 8px;
}

h5 a {
    color: #163390;
}

h6, h6 a {
    font-weight: bold;
    font-size: 12pt;
    color: #ffffff;
    text-decoration: none;
    line-height: 18px;
    margin-bottom: 0;
    margin-top: 0;
} 


/* PAGE LAYOUT */

#ass {
  margin-left: auto;
  margin-right: auto;
  height: 100%;
    width: 780px;
}


/* TOP AREA */
#top {
    width: 780px;
    height: 86px;
    font-size: 11px;
    color: #b3b3b3;
} 

#top a {
    margin-left: 0; 
    color: #dbdbdb; 
} 

#top .tophead {
    width: 780px;
    height: 25px;
    background: url(images/top.jpg) repeat-x;
    text-align: right;
    vertical-align: text-bottom;
    line-height: 22px;
    color: white;
} 

#top .navtext {
    position: relative;
    width: 780px;
    margin: 0 auto;
    padding: 0px;
    background: #000000;
}

.navtext h1 a{
float: left;
display: block; /* Allows you to change the width and height of the image */
height: 40px;
width: 110px;
text-indent: -2000em; /* Hides the text in the h1 tag */
text-decoration: none; /* Hides the underline of the hyperlink */
z-index: 1000; /* IE Fix*/
margin: -4px 0 0 0;
padding: 0px;
background: url(/images/logo.jpg) 0 0 no-repeat; /* The pathway to the image*/
}



#top .navtext img {
  float: left;
}

#top .home {
    position: relative;
    width: 780px;
    height: 16px;
    top: 0;
}

#top .home img {
    float: left;
}

#top .bottom {
    position: relative;
    width: 780px;
} 



/* MAIN BODY OF PAGE (EVERYTHING BELOW TOP NAV) */

#mainbody {
    position: relative;
  width: 778px;
    background: #212830;
    background-repeat: repeat-y;
    background-position: top left;
    border-right: #b7afba solid 1px;
    border-left: #b7afba solid 1px;
}

#mainbody a {
    margin-left: 0;
}


/* LEFT BAR */

#leftbar {
  float: left;
  width: 167px;
  background: #212830;
  text-align: left;
    padding: 13px 0 0 3px;
    margin: 0 0 0 1px;
    height: 98%;
}


/* SEARCH FORM */

#searchform {
    width: 163px;
    font-size : 11px; 
    line-height : 24px; 
    color: white;
    margin-bottom: 2px;
    padding: 0 0px 5px 0px;
    clear: both;
}


/* LEFT NAV TEXT - MAIN CATEGORIES*/

.mainleftnav a {
    text-decoration: none;
}

.leftnavtext {
    position: relative;
    top: -5px;
    left: 3px;
    font-size: 11px;
    line-height: 16px;
    color: white;
    font-weight: bold;
}

.leftnavtext ul { list-style: none;  margin: 0px; padding: 0px; }
.leftnavtext li { padding: 0px; margin: 0px; }

.leftnavtext a {
    color: white;
    font-weight: bold;
    padding-left: 3px;
}

#alphalist {
    background: #212830;
    font-size: 11px;
    line-height : 16px;
    margin-top: 10px;
    padding: 10px 10px 0 6px;
}

#alphalist a {
    color: #fff;
    font-weight: bold;
    font-size: 11px;
    text-decoration: underline;
}

#alphalist a:hover {
    text-decoration: none;
}

/* BOOKMARK, DEL.ICIO.US */

#bookmark {
    margin-bottom: 10px;
}

#bookmark a {
    color: #fff;
    font-size: 10px;
}

/* LEFT BOX ELEMENTS */

.leftboxheader {
    background: #0f1824;
    font-size: 11px;
    line-height: 24px;
    color: white;
    font-weight: bold;
}

.leftbox {
    width: 167px;
    font-size: 11px;
    line-height: 14px;
    font-weight: normal;
    color: white;
    background: #484f59;
    margin-bottom: 10px;
}

.leftbox a {
    font-size: 11px;
    line-height: 14px;
    font-weight: normal;
    color: white;
    background: #484f59;
}

.lb_tbl_left {
    float: left;
}

.lb_tbl_right {
    float: right;
}


/* POLL */

#smallpoll {
    width: 167px;
    background-color: #0f1824;
}

#smallpoll_inner {
    background-color: #fff;
    color: #000;
    font-size: 10px;
}


/* LINKS */

#links {
    font-size: 12px;
    left: 3px;
    color: white;
    line-height: 14px;
}

#links a {
    color: white;
}


/* MAIN AREA FOR PAGE CONTENT */

#mainarea {
    float: right;
    width: 598px;
    font-size : 11px;
    padding: 5px 0 10px 4px;
    margin: 0 0 4px 0;
    line-height : 14px;
    background: #fffef5;
    border-right: 3px solid #000;
    text-align: left;
    clear: right;
    min-height: 1000px;
} 



#mainarea h1 {
  font-size: 14px;
  display: inline;
}

#mainpages {
    float: right;
    width: 598px;
    font-size : 11px;
    padding: 5px 0 10px 4px;
    margin: 0 0 4px 0;
    line-height : 14px;
    background: #fffef5;
    border-right: 3px solid #000;
    text-align: left;
    clear: right;
    min-height: 1000px;
}

#mainpages h2, #mainpages h3 {
color: #000;
border: 0px;
}

#mainpages h1 {
  float: left;
  font-family: Arial;
  color: #fff;
  width: 96%;
  border: 1px solid #000;
  background-color: #404040;
  padding: 5px;
  margin-top: 4px;
  font-size: 140%;
  display: inline;
}

/* FEATURE */

#feature {
    font-size: 11px;
    background-color: #d9e9ef;
    width: 590px;
    height: 195px;
    border: 1px solid #000;
    margin: 5px 0 10px 0;
    padding: 0;
    clear: both;
}

#feature_left {
    float: left;
    padding: 0;
    margin: 0;
    width: 365px;
    height: 195px;
    text-align: right;
}

#feature_left a {
}

#feature_right {
    float: right;
    background-color: #d9e9ef;
    border-left: 1px dashed #003366;
    padding: 5px;
    line-height: 13px;
    margin: 0;
    width: 214px;
    height: 185px;
}

#feature_right span {
display: block;
  color: #000;
  border-bottom: 1px solid #000;
  border-top: 0px;
  font-size: 13pt;
  margin-bottom: 5px;
  padding-bottom: 6px;
  font-weight: bold;
}

#feature_right a {
color: #000;
text-decoration: none;
}


/* LOWER MAIN CONTENT AREA (column set)*/

#main_lower {
    width: 593px;
    clear: both;
}


/* LOWER MAIN CONTENT AREA: LEFT COLUMN */

#main_left {
    float: left;
    width: 358px;
    padding: 0;
}


/* EYE CANDY / RANDOM */

#eyecandy {
    border-color: #000;
    border-width: 0 1px 1px 1px;
    border-style: solid;
    background-color: #f0d4bc;
    text-align: center;
    padding: 5px 0 0 3px;
    font-size: 9px;
}

#eyecandy .ec_pic {
    float: left;
    text-align: center;
    margin-left: 1px;
    margin-right: 3px;
}

#eyecandy img {
    border-style: solid;
    border-width: 1px;
    border-color: black;
}


/* RECENT UPDATES */

#recent {
    width: 357px;
}

#recent a {
    text-decoration: none;
    color: #333399;
}

#recent a:hover {
    text-decoration: underline;
}

.rec_head {
    background-color: #d6d6d6;
    font-weight: bold;
}

.rec_site {
    width: 205px;
    text-align: left;
    float: left;
    clear: left;
    font-weight: bold;
    border-bottom: 1px solid #ccc;
}

.rec_date {
    width: 60px;
    text-align: left;
    float: left;
    border-bottom: 1px solid #ccc;
}

.rec_rating {
    width: 50px;
    text-align: center;
    float: left;
    font-weight: bold;
    border-bottom: 1px solid #ccc;
}
.rec_reviewer {
    width: 50px;
    text-align: center;
    float: left;
    font-weight: bold;
    border-bottom: 1px solid #ccc;
}

.rec_vote {
    width: 42px;
    text-align: center;
    float: left;
    clear: right;
    border-bottom: 1px solid #ccc;
}


/* VERBAL DIARY-A */

.verbal {
    width: 357px;
    border-top: 1px solid #fff;
    border-bottom: 1px dashed #000;
    margin-bottom: 5px;
}

.verbal_top a {
    color: #fff;
}

.verbal_body a {
    color: #000;
}

.verbal_top {
    width: 357px;
    background-color: #424e5e;
    color: #fff;
    font-weight: bold;
}

.verbal_date {
    float: left;
}

.verbal_by {
    float: right;
}

.verbal_body {
    background-color: #dee5eb;
    margin-bottom: 5px;
}

/* LOWER MAIN CONTENT AREA: RIGHT COLUMN */

#main_right {
    float: right;
    clear: right;
    width: 223px;
    padding: 0 0 0 3px;
    border-left: 1px dashed black;
}


/* TOP REVIEWS */

.toprevs {
    width: 220px;
}

.toprevs a {
    text-decoration: none;
    color: #333399;
}

.toprevs a:hover {
    text-decoration: underline;
}

.trev_head {
    background-color: #d6d6d6;
    font-weight: bold;
}

.trev_row {
    width: 220px;
    clear: both;
    border-bottom: 1px solid #ccc;
}

.trev_sitehead {
    width: 177px;
    background-color: #d6d6d6;
    font-weight: bold;
    clear: left;
    float: left;
}

.trev_no {
    width: 20px;
    text-align: right;
    font-weight: bold;
    float: left;
    clear: left;
}

.trev_site {
    width: 157px;
    text-align: left;
    float: left;
    font-weight: bold;
}


.trev_rating {
    width: 43px;
    text-align: center;
    float: left;
    font-weight: bold;
    clear: right;
}

#trev_seeall {
    float: right;
    font-size: 10px;
}

#trev_seeall a {
    color: #696969;
}

.trev_seeall {
    float: right;
    font-size: 10px;
}

.trev_seeall a {
    color: #696969;
}

/* FRESH MEAT */

#freshmeat {
    width: 220px;                                   
}

#freshmeat a {
    text-decoration: none;
    color: #333399;
}

#freshmeat a:hover {
    text-decoration: underline;
}

.fm_head {
    background-color: #d6d6d6;
    font-weight: bold;
}

.fm_row {
    width: 220px;
    clear: both;
    border-bottom: 1px solid #ccc;
}

.fm_site {
    width: 117px;
    text-align: left;
    float: left;
    font-weight: bold;
}

.fm_date {
    width: 60px;
    text-align: center;
    float: left;
}

.fm_rating {
    width: 43px;
    text-align: center;
    float: left;
    font-weight: bold;
    clear: right;
}


/* DAILY FILL */

#dailyfill {
    font-weight: bold;
    text-align: center;
}

#dailyfill a {
    color: #333399;
}

#dailyfill img { border: 1px solid #000; }

/* BOTTOM */

#bottom {
    border: 1px #b8b8b8 solid;
    padding: 5px;
    font-size: 11px;
    text-align: center;
    line-height: 16px;
    color: #fff;
    background: #0f1824;
    width: 768px;
}

#bottom a {
    color: #fff;
}



/*******************************************************************************
 * REVIEW PAGE STYLE
*******************************************************************************/


/* RATING BOX */

#ratingbox {
  float: left;
  width: 570px;
    border: #000 1px solid;
    background: #373c3f;
    margin: 4px 0 4px 0;   
    color: #fff;
}

html>body #ratingbox { width: 577px;
padding: 4px;
height: 185px;
}

#ratingbox h1 {
color: #fff;
font-size: 160%;
}

#rb_screenshot {
    float: left;
    width: 145px;
    height: 130px;
    margin: 7px 6px 0 0;
}

#rb_screenshot img {
    border: 1px solid #000;
}

#rb_ratings {
    float: left;
    padding-right: 5px;
}

#rb_rat_score {
    float: left;
    width: 76px;
    height: 50px;
    margin: 0 4px 4px 0px;
    text-align: center;
    font-size: 46px;
    color: #cdfb00;
    padding: 10px 0 0 0;
    line-height: 1;
    font-weight: bold;
    background: #272727;
    border: 1px solid #000;
}

#rb_rat_graph {
    float: left;
    clear: right;
    width: 190px;
    height: 60px;
    background: #272727;
    border: 1px solid #000;
}

#rb_rat_ratings {
    font-size: 10px;
    color: white;
    line-height: 12px;
    clear: left;
    margin-left: 0px;
    width: 272px;
    background: #272727;
    border: 1px solid #000;
}

.rb_rat_rat_score {
    width: 80px;
    float: left;
    clear: left;
    text-align: center;
}

.rb_rat_rat_cat {
}

#rb_content {
    float: inherit;
    border: 1px solid #000;
    background: #484f59;
    font-size: 10px;
    color: white;
    line-height: 12px;
    width: 123px;
    margin: 0px 0px 1px 0;
    height: 133px;
    padding: 5px 1px 0 1px;
}

.bargraph {
    border: 1px solid #808080;
    padding: 1px 1px 1px 0;
    text-align: left;
    clear: both;
    width: 121px;
    margin-bottom: 5px;
}

.bargraph_bar {
    background-color: #f08d00;
    font-size: 4px;
    line-height: 4px;
    height: 4px;
    padding: 0;
    margin: 0;
}

#rb_user {
float:inherit;
position: relative;
    border: 1px solid #000;
    background: #484f59;    
    bottom:1px;
    margin-top:4px;
    padding: 4px 0 3px 2px;
    color: #fff;
    width: 572px;
}

#rb_user a {
    color: #fff;
}

.bargraphlg {
    border: 1px solid #808080;
    padding: 1px 1px 1px 1px;
    text-align: left;
    width: 180px;
    float: left;
}

.bargraphlg_bar {
    background-color: #e7ae00;
    font-size: 10px;
    line-height: 10px;
    height: 10px;
    padding: 0;
    margin: 0;
}


/* REVIEW HEADER */

.review_head {
    color: #fff;
    clear: both;
    width: 565px;
    padding: 2px 12px 2px 8px;
    border: #000 1px solid;
    background: #373c3f;
    margin: 4px 0 4px 0;
}

.review_head a { color: #fff; }

.rh_by {
    float: left;
}

.rh_free {
    float: right;
    font-weight: bold;
}


/* REVIEW BODY AND PICTURES */

#review_body h2 {
color: #000;
margin-bottom: 6px;
border: 0px;
}



#rb_text {
    float: left;
    width: 495px;
}

#rb_pics {
    float: right;
    margin: 6px 8px 0 0;
}

#rb_pics img {
    border: 1px solid #000;
    margin-bottom: 15px;
}


/* REVIEW USER COMMENTS */

#rev_user_comments {
    font-size: 12px;
    width: 588px;
}

#rev_user_comments hr {
border: 0;
background-color: #000;
height: 1px;
color: #000;
margin-top: 0px;
}

#rev_user_comments p {
margin-top: -4px;
font-size: 90%;
}

#ruc_head {
    background: #373c35;
    color: #fff;
    padding: 2px 0 2px 5px;
    font-weight: bold;
}

#rev_user_comments a {
    color: #163390;
}



/*******************************************************************************
 * REVIEW PAGE STYLE
*******************************************************************************/


/* CATEGORY HEADER */

#cat_head {
    border: 1px solid black;
    background: #f8f8f2;
    width: 580px;
    padding: 2px 2px 2px 4px;
    margin-top: 4px;
}
#topsites { float: left; background-color: #e0ddd1; }
.topsiteswrap { background: #fff; color: #404040; float: left;  width: 135px; height: 100%; font-size: 80%; padding: 2px; border: 1px solid #848484; margin: 0 3px 6px 3px; text-align: left; }
.topniche {float: left; width: 135px; font-size: 120%; text-align: center; margin-bottom: 4px; }
.topimg { float: left; }
.topname { float: left; width: 135px; font-size: 100%; text-align: center; font-weight: bold; }
.toprating { float: right; text-align: center; width: 40px; border: 1px solid #dadada; background-color: #f8f8f8; padding: 20px 10px 20px 10px; margin-top: 0px; margin-right: 5px;}
.toprating strong { font-size: 200%; color: black;  }

#categories { float: left; background-color: #e0ddd1; }
.category {float: left; width: 280px; font-size: 200%; text-align: center; margin-bottom: 4px; }
.categorywrap { background: #fff; color: #404040; float: left;  width: 280px; height: 100%; font-size: 80%; padding: 2px; border: 1px solid #848484; margin: 0 3px 6px 3px; text-align: left; }
.categorysites  { float: left; width: 200px;}
.catimg img { float: left; padding: 5px; }

.features { float: left; width: 571px; background-color: #D9E9EF; border: 1px solid #000; margin: 5px; padding-right: 9px; }
.featurepic { float: left; width: 180px; height: 108px; border-right: 1px dashed #000; margin-right: 9px; }
.featuresn { font-size: 120%; font-weight: bold; margin-bottom: 5px; }
.featuredesc { }

.sorted {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; color: #ff5400}
.sort {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #001920}
a.sort:visited {  color: #001920; text-decoration: underline}
a.sort:link { color: #001920; text-decoration: underline }
a.sort:hover { color:#ff5400; text-decoration: underline }

table.top10 {
font-family : Verdana; 
font-size : 11px; 
margin-top : 0px; 
margin-bottom : 0; 
line-height : 13px; 
float: left;
color : #000000; 
text-decoration : none; 
} 
.top10 A:link {
text-decoration : none; 
color : #333399; 
} 
.top10 A:visited {
text-decoration : none; 
} 
.top10 A:active {
text-decoration : none; 
} 
.top10 A:hover {
text-decoration : underline; 
}