* {margin:0; padding:0;}
body, td {font:12px Helvetica,arial,sans-serif;}



textarea, input{font-family:sans-serif; border-width:1px; border-style:solid; padding:3px 0px 3px 0px;}


a.alt {display: none; }
a.se{background:#cccccc;position:relative;top:-2px;left:5px;padding:5px; border-style:outset; border-width:1px; text-decoration:none;color:#000000;font-size:12px}
a.txt:hover { color:#ffffff; background-color:#8dc63f; text-decoration:none;}
a.but{background:#cccccc; width:50px; border-style:outset; border-width:1px; text-decoration:none;color:#000000;font-size:12px}

input.txtButLightGray{cursor:pointer;background:none;color:#999999;font-size:12px;position:relative;text-decoration:none;border-width:0px;}
input.txtButLightGray:hover{color:#000000;}

img.imgBut{cursor:pointer;}

                    


/**************** TOP INTEFACE *****************************************/
#dim-screen { cursor:wait; background-image:url(../img/bgDot.gif); position: fixed; z-index: 99; width: 100%; height: 100%; top: 0px; left: 0px; opacity: 1.0; margin: 0 auto; }
.mainLoadImg{background-image:url(../img/load0.gif); background-repeat:no-repeat; background-position:50% 50%; top: 0px; left: 0px; width:100%; height:100%;} 

#topBox{width:356px; height:104px; position:relative; top:0px; left:0px; padding-right:0px; background:#cdcdcd;}
#topBoxNone{width:356px; height:20px; background:#cdcdcd;}

/**************** END TOP INTEFACE *****************************************/



/**************** MAIN INTEFACE *****************************************/
#navMax{cursor:pointer; z-index: 98; background-image: url(../img/navIconMenu.png);background-repeat:no-repeat; position:absolute;top:0px;left:0px; width:35px; height:35px;}    
#navMin{cursor:pointer; background-image: url(../img/navMainMenuIconMin.png);background-repeat:no-repeat; position:absolute;top:0px;left:125px; width:35px; height:35px;}    

#mainTitle{position:absolute; top:50px;  display:block; font-size:30px; font-weight:bold; color:#ffffff;background-image:url(../img/bgDot.gif); padding:10px;}
#allComments{position:absolute; top:156px; display:block;}
#allLovers{width:780px;}


#miniBox{} 
#miniTopBar, .miniTopBar{width:100%; padding:0px; position:relative; top:0px; left:0px; background:#eeeeee; color:#ffffff}

.colBar{padding:0px 0px 0px 0px;}

.iconBig:hover{background-image:url(../img/bgDot.gif); }






/**************** NAV MENU INTEFACE clip:rect(0px,35px,1000px,0px); clip:auto; to disable*****************************************/

#navMenu {position:absolute;left:0px;  width:160px;   }  /* nee to be absolute because of the clip() */
#navTopMenu {position:relative; height:160px;}
#navMainMenu {position:relative;}
.navMainMenuButtonNotif{color:#ffffff;background:#df0079; font-size:12px;position:relative;padding:0px; border:0px; text-decoration:none;width:160px;height:35px;}
.navTransButton{color:#ffffff;background:#ff0000; font-size:12px;position:relative;padding:0px; border:0px; text-decoration:none;width:160px;height:35px;}


.navMainMenuUserImg{cursor:pointer; width:25px; height:25px; border:0px solid #cccccc; margin:5px;}
.navMainMenuUserImg:hover{border:0px solid #666666;}

#navVipMenu{display:none;}
#navFeelMenu{display:none;}
#navTagMenu{display:none;}

.editTxt3{display:inline-block;width:70px;}
.editTxt{display:inline-block;width:80px;}
.editTxt2{display:inline-block;width:100px;}

input.editSaveBut{cursor:pointer;text-align:center; color:#333333; background:#dddddd;font-size:12px;position:relative;padding:0px;  border-style:outset; border-width:1px; text-decoration:none;width:60px;height:25px;}
input.editSaveBut:hover{cursor:pointer;border-style:inset;}
/* 
a.navMainMenuButton, a.navMainMenuButtonOn { color:#ffffff; text-decoration:none;}
a.navMainMenuSubButton, a.navMainMenuSubButtonOn { color:#666666; text-decoration:none;}
a.navMainMenuButton:hover, a.navMainMenuSubButton:hover, a.navMainMenuButtonOn:hover, a.navMainMenuSubButtonOn:hover { color:#ffffff; text-decoration:none;}
*/
/**************** END NAV MENU INTEFACE *****************************************/



/**************** JOIN INTEFACE *****************************************/
#joinForm, #superForm, #registerForm, #profile {font-size:12px; color:#666666;line-height:20px;}

/**************** REGISTER INTEFACE *****************************************/

input.register{border-style:inset; height:40px; width:300px;border-color:#999999;font-size:20px;color:#ffffff;background:#888888}

/**************** END REGISTER INTEFACE *****************************************/

/**************** PROFILE INTEFACE *****************************************/
#profileForm {font-size:12px; color:#666666;}
.profilePhotoInfo{position:relative; color:#ffffff;padding:10px;line-height:16px;  width:300px;}
.profilePhotoInfoWarning{position:relative; color:#ffffff; padding:10px;line-height:16px;  width:300px;}
.profilePhotoHead{font-size:16px;font-weight:bold;}

input.profile, select.profile{border-style:inset; height:40px; width:300px;border-color:#999999;font-size:20px;color:#ffffff;background:#888888}
textarea.profile{margin-bottom:5px; width:300px; border-style:inset;border-color:#999999;color:#ffffff;background:#888888;font-size:14px;line-height:20px;}
textarea.profile:focus {border-style:inset; background:#ffffff; color:#000000;}
input.profileBut{cursor:pointer;text-align:center; color:#333333; background:#dddddd;font-size:12px;position:relative;padding:0px;  border-style:outset; border-width:1px; text-decoration:none;width:100px;height:40px;}
input.profileBut:hover{cursor:pointer;border-style:inset;}

/**************** END PROFILE INTEFACE *****************************************/




/**************** LOGIN *****************************************/

#navLoginMenu{display:none;}
/* .loginBox{width:180px;height:50px;padding:10px;color:#ffffff;} */

input.loginBut{color:#ffffff;background:#dddddd;font-size:12px;position:relative;padding:0px;  border-style:outset; border-width:1px; text-decoration:none;width:26px;height:20px;}
input.okBut{color:#ffffff; background:#dddddd;font-size:12px;position:relative;padding:0px;  border-style:outset; border-width:1px; text-decoration:none;width:52px;height:40px;}
input.loginBut:hover, input.okBut:hover{border-style:inset;}



input.login{border-style:inset; height:23px; width:103px;border-color:#999999;font-size:14px;color:#ffffff;background:#888888}
/**************** END LOGIN *****************************************/












/*  top left bottom right*/
/* pixels/16=em*/


.sideTagsBar{display:block; width:100px; padding:0px; position:absolute; top:0px; left:0px; line-height:25px;text-align:left;}
.wallpaperBar{display:block;color:#666666; padding:5px 10px 5px 10px; background:#000000; position:absolute; top:0px; right:0px; line-height:12px;text-align:right;font-size:10px;}
a.wallpaper{color:#eeeeee;}
a.wallpaper:hover{color:#ffffff;}



/**************** WRITE BOX *****************************************/
a.addTag{color:#666666;font-size:12px;}
a.addTag:hover{color:#000000;}

/*
.writeBar{width:100%; padding:14px; position:relative; top:0px; left:0px; background:#cdcdcd; color:#ffffff;-moz-border-radius-bottomleft:5px;-moz-border-radius-bottomright: 5px; -webkit-border-bottom-left-radius: 5px;-webkit-border-bottom-right-radius:5px;}
*/


#writeBar{display:none; margin-top:0px; margin-right:40px; margin-top:5px; margin-bottom:40px; padding:20px; border:4px solid #cdcdcd;  position:relative; background:#cdcdcd; color:#ffffff;}
#postBar{display:block; width:100%; text-align:right;position:relative; top:0px; left:0px; background:#cdcdcd;}
	
select.privacyTxt{border-color:#999999;font-size:20px;color:#ffffff;background:#999999;font-size:12px;}
	
input.urlTxt:focus, 
input.titleTxt:focus, 
textarea.inputTxt:focus {border-style:inset; background:#ffffff; color:#000000;}
textarea.inputTxt{margin-bottom:5px; width:100%; border-style:inset;border-color:#999999;color:#ffffff;background:#999999;font-size:14px;line-height:20px;}




input.titleTxt{margin-bottom:5px; width:100%; border-style:inset;border-color:#999999;color:#ffffff;background:#999999;font-size:14px;}
input.urlTxt{margin-bottom:5px; width:100%; border-style:inset;border-color:#999999;color:#ffffff;background:#999999;font-size:10px;}
	
input.browseImg{margin-bottom:10px; width:100%; border-width:0px; color:#333333;font-size:10px;padding:5px;}

.mediaContent{position:relative; border:14px solid #999999; color:#ffffff; background:#999999;font-size:12px;line-height:16px;}
.tabImgContent, #tabImgContent{display:block;z-index:1;}
.tabVidContent, #tabVidContent{display:none;z-index:2;}
.tabIurlContent, #tabUrlContent{display:none;z-index:3;}

.addVip{position:relative; color:#ffffff; background:#999999;  padding:10px; font-size:12px;line-height:16px;}


/**************** END WRITE BOX *****************************************/



/**************** ENTRY *****************************************/




a.entryShareBut{opacity:1.0;}
a.entryShareBut:hover{opacity:1.0;}

input.entryDate{display:none; border-style:inset; width:100%;border-color:#999999;font-size:10px;color:#ffffff;background:#999999;}
input.entryTitle{display:none; border-style:inset; width:100%;border-color:#999999;font-size:16px;color:#ffffff;background:#999999;}
input.entryURL{display:none; border-style:inset; width:100%;border-color:#999999;font-size:12px;color:#ffffff;background:#999999;}



.entryDim { cursor:wait; background-image:url(../img/bgDot.gif); position: absolute; z-index: 21; width: 100%; height: 100%; top: 0px; left: 0px;}





textarea.entryContent:focus {border-style:inset; background:#ffffff; color:#000000;}
textarea.entryContent{display:none; width:100%; margin-bottom:5px; border-style:inset;border-color:#999999;color:#ffffff;background:#999999;font-size:14px; line-height:20px;}


div.entryImgEditBox{display:none; background:#ffffff;}






.sideMenuBar{z-index:10; display:block; padding:0px; position:absolute; bottom:0px; background-color:#999999; color:#ffffff;}
.sideMenuButton{cursor:pointer;position:relative;display:inline;border-style:outset;  border-width:1px; background:#dddddd; border-color:#dddddd;padding:0px; width:30px;height:30px;}
.sideMenuButton:hover{border-style:inset;}

td.sideMenuCommentBg{cursor:pointer;color:#000000; background-image: url(../img/sideIconCommentBox.png);}
td.sideMenuCommentBg:hover{background-image: url(../img/sideIconCommentBoxOver.png);}

a.sideMenuCommentButton{color:#ffffff;}

.labelBar{display:block; padding:0px; position:absolute; top:8px; right:8px;}


.bigCloseBut{border-style:outset;  border-width:1px; cursor:pointer; background:#dddddd; border-color:#dddddd; background-image: url(../img/bigCloseIcon.gif);background-repeat:no-repeat; position:absolute;top:0px;right:0px; width:30px; height:30px;}    
.bigCloseBut:hover{border-style:inset;}   

/**************** end ENTRY *****************************************/




.searchBar{ padding:2px; position:relative; top:0px; left:0px; color:#ffffff;}		
input.inputSearch:focus, input:focus{border-style:inset; background:#ffffff; color:#000000}
input.inputSearch{border-style:inset; width:275px;border-color:#999999;font-size:20px;color:#ffffff;background:#999999;}

#loversContent{border:20px solid #cdcdcd;line-height:25px;font-size:20px;color:#ffffff;}

/*.postBar{width:100%; padding:4px; position:relative; top:0px; left:0px; background:#cdcdcd;-moz-border-radius-bottomleft:5px;-moz-border-radius-bottomright: 5px; 
	-webkit-border-bottom-left-radius: 5px;-webkit-border-bottom-right-radius:5px;}
*/







.userMenuBar{width:100%; padding:4px; position:relative; top:0px; left:0px; background:#ababab; color:#ffffff;}		
.userMenuBarMore{display:none; width:100%; padding:4px; position:relative; top:0px; left:0px; background:#ababab; color:#ffffff;}		
/*
.userBar{width:100%; padding:14px; position:relative; top:0px; left:0px; background:#ababab; color:#ffffff;font-size:12px;-moz-border-radius-bottomleft:5px;-moz-border-radius-bottomright: 5px; -webkit-border-bottom-left-radius: 5px;-webkit-border-bottom-right-radius:5px;}	
*/
.userBar{width:100%; padding:4px; position:relative; top:0px; left:0px; background:#ababab; color:#ffffff;font-size:12px;}	

img.userImg{cursor:pointer;width:50px; height:50px; border:4px solid #cccccc;}
img.userImg:hover{border:4px solid #ffffff;}

img.miniImg{cursor:pointer; width:25px; height:25px; border:2px solid #cccccc; margin-right:10px;}
img.miniImg:hover{border:2px solid #666666;}	
img.loverImg{cursor:pointer; width:25px; height:25px; border:2px solid #ffffff; margin:1px;}
img.coupleImg{cursor:pointer; width:25px; height:25px; border:2px solid #df0079; margin:1px;}	


img.dbImg{width:158px; height:150px; border:4px solid #cccccc;}
img.dbImg:hover{border:4px solid #ffffff;}

.userSay{padding:4px; background:#ffffff; color:#666666;} 	




/*		
.menuButton{display:block;background-image: url(../img/iconMini.gif);padding:0px; width:45px;height:45px;}
*/

.menuButton{display:block;background-image: url(../img/iconBox.gif);padding:0px; width:59px;height:49px;}
.menuButton:hover{background-image: url(../img/iconBoxOver.gif);}
.menuButtonSearch{display:block;background-image: url(../img/iconBox2.gif);padding:0px; width:61px;height:49px;}
.menuButtonSearch:hover{background-image: url(../img/iconBox2Over.gif);}



a.tagBig{color:#ffffff; padding:5px 10px 5px 10px; background-image:url(../img/patternDot.gif);}
/*a.tagBig{color:#ffffff; padding:5px 10px 5px 10px; background:#ababab; -moz-border-radius-topright:2px; -moz-border-radius-bottomright:2px; -webkit-border-top-right-radius: 2px;-webkit-border-bottom-right-radius:2px;}*/

/*a.tagBigOn{color:#ffffff; padding:5px 10px 5px 10px; background:#000000; -moz-border-radius-topright:2px; -moz-border-radius-bottomright:2px; -webkit-border-top-right-radius: 2px;-webkit-border-bottom-right-radius:2px;}*/
a.tagBigOn{color:#ffffff; padding:5px 10px 5px 10px; background:#000000;}
a.tagBig:hover, a.tagBigOn:hover{background-color:#000000;opacity:1.0;}

/* green: #8dc63f*/

#photoThumb{border:2px solid #cccccc;}  


.pixelated {
    image-rendering: -moz-crisp-edges;
    image-rendering: -o-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    -ms-interpolation-mode: nearest-neighbor;
    image-rendering: pixelated;
}





/* Shared styles */

.drop-shadow {
    /*position:relative;
    float:left;
    width:40%;
    padding:1em;
    margin:2em 10px 4em;   
    background:#fff;  */

    -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.2), 0 0 10px rgba(0, 0, 0, 0.05) inset;
       -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.2), 0 0 10px rgba(0, 0, 0, 0.05) inset;
            box-shadow:0 1px 4px rgba(0, 0, 0, 0.2), 0 0 10px rgba(0, 0, 0, 0.05) inset;
}

.drop-shadow:before,
.drop-shadow:after {
    content:"";
    position:absolute;
    z-index:-2;
}

/* Curved shadows */

.curved:before {
    top:10px;
    bottom:10px;
    left:0;
    right:50%;
    -webkit-box-shadow:0 0 15px rgba(0,0,0,0.5);
    -moz-box-shadow:0 0 15px rgba(0,0,0,0.5);
    box-shadow:0 0 15px rgba(0,0,0,0.5);
    -moz-border-radius:10px / 100px;
    border-radius:10px / 100px;
}

.curved-vt-2:before {
    right:0;
}

.curved-hz-1:before {
    top:50%;
    bottom:0;
    left:10px;
    right:10px;
    -moz-border-radius:100px / 10px;
    border-radius:100px / 10px;
}

.curved-hz-2:before {
    top:0;
    bottom:0;
    left:10px;
    right:10px;
    -moz-border-radius:100px / 10px;
    border-radius:100px / 10px;
}