body {
margin: 0;
padding: 0;
font-family: Trebuchet MS, Tahoma, sans-serif;
/* font-family: Times, serif; */
}

#container {
margin: 0;
padding: 0;
/* width: 1000px; */
margin: 0 auto;
}

form {
margin: 0;
padding: 0;
}

input, textarea {
font-family: Trebuchet MS, Tahoma, sans-serif;
}

h1, h2, h3, h4 {
margin-top: 0;
padding-top: 0;
}

h1 {
margin-bottom: 5px;
display: block;
padding: 0px 10px;
}

h4 {
font-size: 1em;
}

a {
text-decoration: none;
}

a:hover {
text-decoration: underline;
}

.strong {
font-weight: 600;
}

.wide {
width: 990px;
margin: 0 auto;
padding: 0px;
overflow:visible;
}

.input95 {
width: 95%;
}

.input5 {
width: 5%;
}

/*** HEADER ***/
/* note: lavalamp menu style is in separate file */
#header {
margin: 0;
padding: 0;
overflow: hidden;
width: 100%;
}

#header strong {
font-weight: normal;
}

#logo {
float: left;
border: 0;
margin: 0;
}

#adsHeader {
float: right;
text-align: right;
padding: 0em 0em;
margin-top: 5px;
}

#adsTitle {
clear: left;
text-align: center;
}

#horizontalNavigation {
clear: both;
height: 26px;
margin: 5px auto;
padding: 5px;
overflow: hidden;
}

#horizontalSearch {
float: right;
margin: 0;
padding: 0;
}

#searchInput {
width: 140px;
padding-left: 18px;
background: white url(icons/mini-view.png) left bottom no-repeat;
margin-top: 1px;
#margin-top: 0;
}

#searchButton {
background: url(search-buttons.png) 0 -275px no-repeat;
border: none;
width: 60px;
height: 25px;
cursor: pointer;
padding-bottom: 3px;
margin-top: 1px;
# padding: 0;
}

/*** CONTENT ***/

#content {
padding: 5px 0 0.5em;
/* background: url(bg-top.gif) top repeat-x; */
overflow: hidden;
}

#mainContent {
overflow: hidden;
padding: 0.5em;
}

.textIcons {
border: 0;
}

.itemIcons {
margin-right: 5px;
border: 0;
}

#texts {
float: left;
width: 640px;
}

#offers {
float: right;
margin: 10px;
width: 250px;
}

#offers h4 {
margin-bottom: 0px;
}

.floatRight {
float: right;
text-align: right;
clear: right;
}

#addPost {
width: 50%;
float: left;
}

#addPostRules {
width: 45%;
float: left;
}

/*** FOOTER ***/
#footer {
clear: both;
padding: 1em 0 0.2em;
min-height: 40px;
background: url(bg-footer.gif) repeat-x;
}

#adsFooter {
padding: 1.5em 0.5em 0;
text-align: center;
margin: 0 auto;
}

.registrationRules {
float: left;
width: 47%;
}

/*** START PAGE ***/

.startCategories {
float: left;
width: 230px;
min-height: 150px;
font-size: 0.7em;
margin-left: 3px;
margin-bottom: 3px;
padding: 5px;
}

.startCategories h3 {
padding: 1px 5px;
margin: 0;
font-size: 1.2em;
font-weight: 600;
background-position: 98% center;
background-repeat: no-repeat;
}

.startContainer {
clear: both;
overflow: hidden;
margin-bottom: 3px;
}

.startContainerThumb {
float: left;
width: 60px;
height: 60px;
margin: 5px;
}

.startContainerThumb img {
width: 60px;
height: 60px;
margin: 0;
padding: 0;
border: 0;
}

.smallerHeader {
clear: both;
margin: 3px 0 0;
padding: 3px 5px;
}

.catGames {
width: 103px;
height: 115px;
text-align: center;
padding: 5px;
overflow: hidden;
margin-top: 3px;
}

.catThumbs {
margin: 0 0px 2px;
border: 1px gray solid;
background-position: center center;
background-repeat: no-repeat;
overflow: hidden;
}

.catThumbs img {
width: 90px;
height: 80px;
border: 0;
}

.catStretch {
width: 100%;
clear: both;
margin: 0;
height: 0;
padding: 0;
}

.startAds {
text-align: center;
clear: both;
#margin-bottom: 5px;
}

.squareAd {
text-align: center;
width: 300px;
float: left;
margin-bottom: 5px;
#margin-bottom: 0;
padding: 5px;
padding-bottom: 0;
#padding-bottom: 5px;
}

#cyclingContainer {
width: 419px;
overflow: hidden;
float: right;
}

#cyclingHeaderContainer {
margin: 5px;
#margin-top: 10px;
font-weight: 600;
font-size: 1.1em;
}

#cyclingHeader {
font-weight: 600;
padding: 5px;
}

#startMedia {
float: left;
padding: 5px;
width: 409px;
height: 250px;
}

#cyclingMedia {
margin: 5px;
margin-bottom: 3px;
height: 175px;
}

.cyclingLayers {
top: 0;
left: 0;
margin: 0px;
padding: 0px;
overflow: hidden;
}

.featuredItems {
width: 120px;
float: left;
height: 160px;
padding: 5px;
text-align: center;
margin-right: 4px;
font-size: 0.9em;
}

.featuredIllustration {
margin-top: 3px;
width: 118px;
height: 90px;
background-position: center center;
background-repeat: no-repeat;
}

.featuredIllustration img {
text-decoretion: none;
width: 100%;
height: 100%;
border: 0;
}

.mediaNav {
float: left;
line-height: 30px;
}

#mediaNav { text-align: center; width: 355px; z-index: -1; }
#mediaNav a { margin: 3px; padding: 1px 3px; border: 1px solid #ddd; background: #fff; text-decoration: none; }
#mediaNav a.activeSlide { background: gray; color: white; }
#mediaNav a:focus { outline: none; }

#prevMedia {
z-index: 2;
width: 20px;
height: 20px;
background: url(arrows.png) left top no-repeat;
cursor: pointer;
padding: 0;
margin: 5px 0 0 5px;
}

#prevMedia:hover {
background: url(arrows.png) left bottom no-repeat;
}

#nextMedia {
z-index: 2;
width: 20px;
height: 20px;
background: url(arrows.png) right top no-repeat;
cursor: pointer;
padding: 0;
margin: 5px 0 0 5px;
}

#nextMedia:hover {
background: url(arrows.png) right bottom no-repeat;
}

#startColumn {
float: left; 
width: 240px; 
margin-right: 3px; 
text-align: center;
#padding: 3px 0 3px 0;
}

#startColumnNarrow {
float: left; 
width: 140px; 
margin-right: 5px; 
text-align: center;
#padding: 3px 0 3px 0;
}

.firstPageText {
width: 100%;
clear: both;
margin: 0.5em 0;
font-size: 0.9em;
}

.emptyHR {
width: 99%;
clear: both;
height: 1px;
margin: 0;
padding: 0;
border: 0;
}

/*** SINGLE MEDIA PAGE ***/

#mediaItem {
width: 100%;
text-align: center;
padding-top: 0.5em;
padding-bottom: 0.3em;
margin-top: 0.5em;
margin-bottom: 0.5em;
z-index: 1;
}

#mediaItem p {
margin: 0;
padding: 0;
padding-top: 0.7em;
}

.mediaItemDescription {
width: 99%;
text-align: center;
margin: 0 auto;
}

#web20marks {
text-align: center;
width: 100%;
padding-top: 1em;
}

/*** LIST PAGE - CHECKERS MODE ***/
.checkersWrap {
float: left;
margin: 3px;
padding: 5px;
width: 130px;
height: 165px;
text-align: center;
font-size: 0.9em;
line-height: 1.2em;
}

.checkersContent {
height: 155px;
overflow: hidden;
padding: 5px;
}

.checkersImage {
 width: 120px;
height: 90px;
overflow: none;
margin: 0 auto;
background-repeat: no-repeat;
background-position: center center;
}

.checkersImage img {
height: 90px;
width: 120px;
}

/*** LIST PAGE - THUMBNAILS MODE ***/
.thumbsWrap {
float: left;
margin: 3px;
padding: 5px;
width: 130px;
height: 130px;
text-align: center;
font-size: 0.9em;
line-height: 1.2em;
}

.thumbsContent {
height: 120px;
overflow: hidden;
padding: 5px;
}

.thumbsImage {
 width: 120px;
height: 90px;
overflow: none;
margin: 0 auto;
background-repeat: no-repeat;
background-position: center center;
}

.thumbsImage img {
height: 90px;
width: 120px;
}

/*** LIST PAGE ***/

.mediaItemsWrap {
width: 47%;
margin: 5px;
padding: 5px;
}

.mediaItems {
padding: 5px;
padding-bottom: 2px;
min-height: 90px;
}

.mediaItemsInner {
float: left;
width: 235px;
white-space: nowrap;
overflow: hidden;
}

.mediaDescription {
white-space: normal;
overflow: hidden;
height: 70px;
width: 235px;
float: left;
clear: left;
font-size: 0.9em;
line-height: 1.2em;
}

.mediaItems: hover {
/* border: 1px red solid; */
}

.mediaItems .mediaThumb {
float: left;
padding: 2px;
margin: 2px;
margin-right: 10px;
border: 1px gray solid;
}

.mediaItems .mediaThumbs {
float: left;
margin-right: 10px;
border: 1px gray solid;
background-position: center center;
background-repeat: no-repeat;
padding: 1px 2px 0px;
# padding: 2px;
/* margin: 2px; */
overflow: hidden;
}

.mediaThumbs img {
width: 80px;
height: 80px;
}

.specialMedia {
font-weight: 600;
}

#relatedMedia {
overflow: hidden;
}

.mediaItemsRelated {
padding: 5px;
height: 70px;
white-space: nowrap;
overflow: hidden;
}

.mediaItemsWrap2 {
width: 48%;
float: right;
margin-bottom: 10px;
padding: 5px;
}

#relatedMedia .mediaItemsWrap2 {
/* width: 93%; */
width: 330px;
}

.mediaItemsWrap2 .mediaItemsInner {
width: 235px;
}

.mediaItemsRelated:hover {
/* border: 1px red solid; */
}

.mediaItemsRelated .mediaThumb {
float: left;
padding: 2px;
margin: 2px;
margin-right: 10px;
border: 1px gray solid;
}

.mediaItemsRelated .mediaThumbs {
float: left;
margin-right: 10px;
border: 1px gray solid;
background-position: center center;
background-repeat: no-repeat;
padding: 1px 2px;
# padding: 2px;
/* margin: 2px; */
overflow: hidden;
width: 65px;
height: 65px;
}

.thumbSubstitute {
border: 0px;
}

.itemsVote {
padding: 5px 2px;
font-size: 0.9em;
height: 16px;
overflow: hidden;
}

#embedCode {
height: 200px;
overflow: hidden;
}

/*** MP3 SEARCH ***/

.mp3Results {
width: 100%;
float: left;
clear: both;
margin-bottom: 10px;
}

.musicDescription {
width: 420px;
float: left;
}

.musicTools {
float: left;
text-align: right;
}

.mp3ResultsAds {
width: 100%;
text-align: center;
}

.music_player {
text-align: center;
margin-top: 1px;
}

/*** IMPORT FACILITIES ***/
.importItem {
clear: both;
width: 100%;
overflow: hidden;
padding-left: 0.5em;
}

.importHidden {
float: left;
clear: left;
width: 100%;
display: none;
padding-left: 0.5em;
}

/*** SIDE NAVIGATION ***/

#mainColumn {
float: right;
width: 730px;
padding: 5px;
}

#rightColumn {
float: left; 
width: 220px;
font-size: 0.95em;
}

.sideMenuWrap {
float: right;
width: 210px;
padding: 5px;
margin-bottom: 5px;
}

.sideMenu {
padding: 3px;
}

.sideMenu p {
padding: 0px;
margin: 5px;
margin-right: 2px;
padding-left: 3px;
}

.sideMenu ul {
padding: 0px;
margin: 5px;
}

.sideMenu li {
margin-left: -5px;
padding-left: -5px;
}

.iconed {
padding-left: 20px;
background-repeat: no-repeat;
background-position: left 5px;
}

.pictured a {
text-decoration: underline;
}

.pictured li {
#margin-left: -18px;
}

.bulleted, .pictured li {
padding-left: 3px;
}

.bulleted, .pictured li:hover {
background: url(bullet-blue.gif) no-repeat left 60%;
}

#interfaceLanguages {
clear: both;
padding-left: 0.5em;
}

.interfaceLanguage {
white-space: no-wrap;
float: left;
padding-right: 3px;
}

#cat_id {
width: 180px;
}

.sideMenu h3 {
margin: 0;
padding: 0;
font-size: 1.2em;
}

.sideMenu ul {
margin: 0;
padding: 0;
padding-left: 10px;
list-style-type: none;
}

.specialList {
font-weight: 600;
}

#media_id {
margin: 0.3em;
width: 175px;
}

#media_id option {
width: 180px;
}

#siteForms {
width: 50%;
float: left;
}

#siteFormsText {
width: 49%;
float: left;
}

.columnAds {

text-align: center;
margin: 3px;
}

/* Traffic Exchange / TOPSITES */
#siteImage {
padding-right: 10px;
border: 0;
float: left;
}

/* 2 columns layout */

#leftHalf {
float: left;
width: 45%;
margin-right: 10px;
}

#rightHalf {
float: right;
width: 50%;
}

/* site admin interface */
#configTabs {

}

#configTabs div {
padding: 10px;
}

.configTab label {
padding-top: 10px;
}

#configTabs input {

}

#configTabs textarea {
width: 95%;
height: 10em;
}

.configResults {
font-weight: 600;
color: #702edd;
padding-left: 20px;
}

.numberField {
width: 5em;
}

.textField {
width: 95%;
}

#loginDiv {
display: none;
margin-left: 1em;
}

.showSpecial {
font-weight: 600;
}

/*** COMMENTS ***/

#commentsWrap {
#position: relative;
width: 350px;
float: left;
font-size: 0.9em;
}

#comments {

}

#relatedComments {

}

#commentForm {
overflow: hidden;
#position: relative;
clear: left;
padding: 0.5em;
padding-top: 0;
width: 335px;
}

#commentForm a {
/* color: #56c1e0; */
}

#commentForm label {
clear: both;
float:left;
margin-top: 19px;
}

#commentForm input, #commentLogin, #commentForm textarea  {
float:right;
margin-top: 17px;
width: 190px;
white-space: no-wrap;
}

.commentContainer {
clear: both;
overflow: hidden;
margin-bottom: 3px;
}

.commentContent {
margin-left: 5px;
padding: 5px;
}

.commentThumb {
float: left;
width: 60px;
height: 60px;
margin: 5px;
}

.commentThumb img {
width: 60px;
height: 60px;
margin: 0;
padding: 0;
border: 0;
}

#massLanguage {
width: 100%;
display: none;
}

/*** PROFILES ***/

#profiles .profile {
width: 235px;
height: 220px;
float: left;
position: relative;
margin: 3px;
}

#profiles .profileText {
width: 215px;
position: absolute;
bottom: 0px;
text-align: center;
}

.profilePic {
/* border: 1px dashed gray; */
border: 0;
}

#profilePics {
float: left;
padding-right: 1.5em;
text-align: center;
width: 10em;
}

#profilePics img {
margin-bottom: 1em;
}

#profileControls {
width: 10em;
padding-right: 1.5em;
float: left;
}

#profileControls img {
align: absmiddle;
}

#profiles .profileText {
width: 215px;
position: absolute;
bottom: 0px;
text-align: center;
}

/* pagination */

.search-nav {
margin: 0px auto;
#margin-top: 5px;
padding-top: 5px;
text-align: center;
font-weight: 600;
clear: both;
}

.search-nav a {
vertical-align:top;
display: inline-block;
margin: -5px 0 0 0;
position:relative;
padding: 3px 7px 3px 7px;
background: #f0f0f0;
border: solid 1px #939598;
border-top: 1px solid #DDD;
border-left: 1px solid #DDD;
text-decoration:none;
color: #666;
height: 1.4em;
}

.search-nav a:hover, .search-nav a.current {
color: white;
background: #666666;
border: 1px solid #8faf0a;
}

#previous-page-link {
float: left;
width: 100px;
}

#next-page-link {
float: right;
width: 100px;
}

#padintation-links {
margin: 0 auto;
}

/*** STARS RATING ***/
img.stars_rating_small_0, img.stars_rating_small_1, img.stars_rating_small_2, img.stars_rating_small_3, img.stars_rating_small_4, img.stars_rating_small_5 {background: url(stars.png) top left no-repeat; width: 63px; height: 12px; border: none}
img.stars_rating_small_5 {background-position: 0 -264px }
img.stars_rating_small_4 {background-position: 0 -276px }
img.stars_rating_small_3 {background-position: 0 -288px }
img.stars_rating_small_2 {background-position: 0 -300px }
img.stars_rating_small_1 {background-position: 0 -312px }
img.stars_rating_small_0 {background-position: 0 -324px }

img.rating_small_0, img.rating_small_1, img.rating_small_2, img.rating_small_3, img.rating_small_4, img.rating_small_5 {background: url(stars.png) top left no-repeat; width: 63px; height: 12px; border: none}
img.rating_small_5 {background-position: 0 -192px }
img.rating_small_4 {background-position: 0 -204px }
img.rating_small_3 {background-position: 0 -216px }
img.rating_small_2 {background-position: 0 -228px }
img.rating_small_1 {background-position: 0 -240px }
img.rating_small_0 {background-position: 0 -252px }

/* STAR RATER PLUGIN */
#starRating { white-space: no-wrap; }
.ui-rater { }
.ui-rater>span { #text-align: left; }
.ui-rater-rating { #margin-left: 0.4em;}
.ui-rater-starsOff, .ui-rater-starsOn {vertical-align: middle;  display: inline-block; height: 18px; width:90px; background: url(stars-rating.png) repeat-x 0 0; }
.ui-rater-starsOn { display:block; max-width: 90px; background-position: 0 -36px; }
.ui-rater-starsHover {background-position: 0 -18px!important;}

#pageWarning {
margin: 100px auto;
width: 600px;
text-align: center;
color: white;
}

#top-link {
display: none;
position: fixed;
cursor: pointer;
margin-bottom: 3px;
right: 5px;
bottom: 5px;
color: #fff;
font-weight: bold;
font-size: 0.8em;
height: 20px;
width: 70px;
background: transparent url(icons/mini-up.png) left bottom no-repeat;
}

#quickNavigation {
display: none;
position: fixed;
padding: 5px;
right: 5px;
bottom: 25px;
color: #fff;
font-size: 0.8em;
background: #ea2f7e;
text-align: right;
}

#topLinkInner {
background: #EA2F7E;
float: right;
padding: 3px;
}

#quickNavigation a {
color: #fff;
font-weight: bold;
}

#searchField {
text-size: 0.8em;
padding: 0 0 0 17px;
background: white url(icons/mini-view.png) left bottom no-repeat;
}

#loading {
position: fixed;
top:3px;
right:3px;
background:#ff0000;
color:#fff;
font-size: 14px;
font-familly:Arial;
font-weight: 600;
padding: 5px;
display:none;
z-index:20000;
}