@charset "utf-8";
/* CSS Document */

/* -----------------------------------------------------------------
GoGirl! Magazine
Author	 		: Stefan Damasena
Design			: Erick Adi Saputra
XHTML + CSS		: Stefan Damasena, Andy Kurniadi, Dewina Handayani
Last Update		: 02.12.2008
-------------------------------------------------------------------- */
.debug { background: #ffcc00;}

/*
body, img, div, input { behavior: url(http://gogirlmagz.com/beta/assets/css/iepngfix/iepngfix.htc); }
*/

/*html, body { height:100%; }
html { overflow:hidden; }*/

/* General Formatting */
body { background: url(../images/bg_corkboard.jpg) top center; }
	
a {	text-decoration: none; color: #ad2156; }
a:hover { color: #5c6f0f; text-decoration: underline; }
	
.container { width: 970px !important; }	
.showgrid {	background-position: 10px 0; }
.content_holder { margin: 0 10px; }

/* Tools */
.tool_bot18 { margin-bottom: 18px; }
.tool_bot12 { margin-bottom: 12px; }
.tool_padh10 { padding: 0 10px; }
.float_right { float: right !important; }
.float_left { float: left !important; }
	
/* Form */
input, textarea { font-size:100%; font-family: Georgia, "Times New Roman", Times, serif; }

/* Theme */
#theme { background: url(../images/bg_theme_970_beta.png) top center no-repeat; min-width: 1000px; /*min-height: 666px;*/ }
	
/* MastHead */
#masthead {	height: 234px; }
#masthead h1 { margin: 0; padding: 0; }
#masthead h1 a { background: url(../images/logo.gif) top left no-repeat; width: 267px; height: 84px; margin: 100px 0 0 20px; position: absolute; }	

/* MastHead Search */
#masthead_search { background: url(../images/bg_search.png) top left no-repeat;	width: 168px; height: 154px; position: absolute; }
#masthead_search form {	margin: 96px 0 0 20px; }
#masthead_search_searchbox { background: url(../images/bg_searchfield.gif) top left no-repeat; width: 121px; height:16px; border: none; margin: 0 0 4px 0; padding: 2px; font-weight: bold; }
#masthead_search_searchsubmit {	background: url(../images/btn_search.gif) top left no-repeat; width: 79px; height: 12px; border: none; margin: 0 0 0 45px; }
#masthead_search_searchsubmit:hover { background-position: bottom left; cursor: pointer; }

/* Menu */
#menu {	position: absolute; margin-top: 191px; }
/*#menu ul { padding: 0; list-style: none; }
#menu ul li { display: block; float: left; position: relative; height: 25px; }*/
#menu ul li a {	display: block; height: 25px; }

#menu_home a { background: url(../images/menu_home.gif) top left no-repeat; width: 66px;}
#menu_about a { background: url(../images/menu_about.gif) top left no-repeat; width: 92px;}
#menu_blog a { background: url(../images/menu_blog.gif) top left no-repeat; width: 57px;}
#menu_fashion a { background: url(../images/menu_fashion.gif) top left no-repeat; width: 86px;}
/*#menu_beauty a { background: url(../images/menu_beauty.gif) top left no-repeat; width: 81px;}*/
#menu_hotnews a { background: url(../images/menu_hotnews.gif) top left no-repeat; width: 102px;}
#menu_places a { background: url(../images/menu_places.gif) top left no-repeat; width: 73px;}
#menu_community a { background: url(../images/menu_community.gif) top left no-repeat; width: 125px;}

#menu ul li a:hover { background-position: bottom left; }

/* Headers */
.hl_header, #hl_subset01_01 h2, #hl_subset01_02 h2, #hl_subset02_01 h2, #hl_subset02_02 h2, #content_detail h2, #overview_latest h2, .overview_recent h2, .overview_thumb h2, .msg-new h6, #user_detail h2 {
	height: 34px; padding: 2px 10px 0;
	}
	
.hl_header h2, #hl_subset01_01 h2, #hl_subset01_02 h2, #hl_subset02_01 h2, #hl_subset02_02 h2, #content_detail h2, #overview_latest h2, .overview_recent h2, #side_recent h2, .overview_thumb h2, .msg-new h6, #side_archive h2, #user_detail h2 {
	font-size: 1.3em; text-transform: lowercase; letter-spacing: -.05em; color: #f1f1f1;
	}
	
.hl_header h2, #hl_subset01_01 h2, #hl_subset01_02 h2, #hl_subset02_01 h2, #hl_subset02_02 h2 {
	float: left;
	}
	
/* #overview_latest_header h3 {
	font-size: 2em;	line-height: 1.25em; margin-bottom: 12px;
	}*/
	
	/* Header Long */
	.hdr_about_long { background: url(../images/hdr_long_red.gif) top left no-repeat; }
	.hdr_places_long { background: url(../images/hdr_long_green.gif) top left no-repeat; }
	.hdr_beauty_long { background: url(../images/hdr_long_blue.gif) top left no-repeat; }
	.hdr_news_long { background: url(../images/hdr_long_blue.gif) top left no-repeat; }
	.hdr_fashion_long { background: url(../images/hdr_long_red.gif) top left no-repeat; }
	.hdr_user_long { background: url(../images/hdr_long_chocolate.gif) top left no-repeat; }
	.hdr_blog_long { background: url(../images/hdr_long_orange.gif) top left no-repeat; }
	.hdr_comm_long { background: url(../images/hdr_long_pink.gif) top left no-repeat; }

	/* Header Span5 */
	.overview_recent_places h2 { background: url(../images/hdr_span5_green.gif) top left no-repeat; }
	.overview_recent_beauty h2 { background: url(../images/hdr_span5_blue.gif) top left no-repeat; }
	.overview_recent_fashion h2 { background: url(../images/hdr_span5_red.gif) top left no-repeat; }
	.overview_recent_user h2 { background: url(../images/hdr_span5_choholate.gif) top left no-repeat; }
	.overview_recent_blog h2 { background: url(../images/hdr_span5_orange.gif) top left no-repeat; }
	.overview_recent_comm h2 { background: url(../images/hdr_span5_pink.gif) top left no-repeat; }

/* Switches */
#btn_switch_narsis a { background:url(../images/btn_switch_narsis.gif) top left no-repeat; display: block; height: 32px; }
#btn_switch_dates a { background:url(../images/btn_switch_dates.gif) top left no-repeat; display: block; height: 32px; }
#btn_switch_sys a { background:url(../images/btn_switch_sys.gif) top left no-repeat; display: block; height: 32px; }
#btn_switch_exit a { background:url(../images/btn_switch_exit.gif) top left no-repeat; display: block; height: 32px; }

#btn_switch_narsis a:hover, 
#btn_switch_dates a:hover, 
#btn_switch_sys a:hover, 
#btn_switch_exit a:hover { background-position: bottom left; }

/* Masks */
.mask_binder_190126 { background: url(../images/mask_binder_190126.gif) top left no-repeat; height: 126px; position: absolute; }

/* Mores */
.more-top { margin-top: -36px; }
.more {	height: 36px; position: absolute; }
.more a { background: url(../images/bg_more.gif) top left no-repeat; display: block; width: 94px; height: 32px; padding: 2px 0 0 16px; }

.more_a { /*height: 36px;*/ overflow: hidden; }
.more_a a {	background: url(../images/bg_more.gif) top left no-repeat; display: block; width: 94px; line-height: 21px; padding: 0 0 0 16px; margin: 5px 0 0 0; }

/* Content */
#content { background: #f3eddf url(../images/bg_net.png) -212px -200px;	*padding-bottom: 36px; }
	
/* Highlight */
.hl_header_more { float: right; margin: 3px 0 0 0; }
.hl_header_more a { padding: 2px 0 0 0; color: #f1f1f1;	}

.hl_header_red { background: url(../images/bg_hl_red.gif) top center no-repeat;	}
.hl_header_blue { background: url(../images/bg_hl_blue.gif) top center no-repeat; }
.hl_header_green { background: url(../images/bg_hl_green.gif) top center no-repeat; }

.hl_meta { background-image: url(../images/mask_hl_meta.gif); background-position: top right; background-repeat: no-repeat; padding: 0 5px; height: 18px; overflow: hidden; }
	
.hl_meta_fashion { background-color: #ffcc00; }
.hl_meta_beauty { background-color: #b0c538; }
.hl_meta_places { background-color: #5cc4d1; }
.hl_meta_blog { background-color: #f64f64; }
.hl_meta_comm { background-color: #ffcc00; }

.hl_entry_img { height: 180px; overflow: hidden; }
.hl_entry_img img { margin: 19px 10px 0; }
	
.hl_imgmask { width: 310px; height: 180px; position: absolute; }
	
.hl_imgmask_fashion { background: url(../images/hl_mask_fashion.gif) top left no-repeat; }
.hl_imgmask_beauty { background: url(../images/hl_mask_beauty_300_300.gif) top left no-repeat; height:300px; }
.hl_imgmask_places { background: url(../images/hl_mask_places.gif) top left no-repeat; }
.hl_imgmask_blog { background: url(../images/hl_mask_places.gif) top left no-repeat; }
.hl_imgmask_comm { background: url(../images/hl_mask_places.gif) top left no-repeat; }

.hl_text { height: 90px; overflow: hidden; }
.hl_text_fashion { background: url(../images/bg_hl_entry_fashion.gif) top left no-repeat; color: #f1f1f1; }
.hl_text_places{ background: url(../images/bg_hl_entry_places.gif) top left no-repeat; }

.hl_subset_header { height: 36px; }
.hl_subset_header h2 { width: 170px; }

.hl_subset_contentimg { height: 43px; }
.hl_subset_contentimg, .hl_subset_content { height: 128px; }
/* .hl_subset_contentimg div, .overview_thumbs_container div { background: #cc0000 url(../images/bg_hl_entry_thumb.gif) center center no-repeat; height: 54px; margin-bottom: 10px;  overflow: hidden; }
 */
.hl_subset_contentimg .span-2, .overview_thumbs_container .span-2 { background: #cc0000 url(../images/bg_hl_entry_thumb.gif) center center no-repeat; height: 54px; margin-bottom: 10px;  overflow: hidden; }


.hl_subset_contentimg div img, .overview_thumbs_container div img { margin: 3px 0 0 4px; }
.hl_subset_contentimg div img { overflow: hidden; }



#hl_subset01_01 h2 { background: url(../images/hdr_span5_red.gif) no-repeat; margin: 0 10px 0 0;  }
#hl_subset01_02 h2 { background: url(../images/bg_hl_entry_narsis.gif) no-repeat; margin: 0;  }
#hl_subset02_01 h2 { background: url(../images/hdr_span5_pink.gif) no-repeat; margin: 0 10px 0 0;  }
#hl_subset02_02 h2 { background: url(../images/bg_hl_entry_narsis.gif) no-repeat; margin: 0;  }


/* Slim Shout */
#shoutbox_slim h2 { background:url(../images/subset_tab_shout.gif) bottom center no-repeat; height: 54px; position: absolute; }
#shout_slim_container { height: 314px; overflow: auto; padding-right: 10px; }
.shout_entry_border { background: url(../images/bg_line20.gif) bottom left repeat-x; height: auto; padding-bottom: 9px; }
#shoutbox_slim form { background: url(../images/bg_comment_write_small.gif) top left no-repeat; margin-top: -18px; padding: 18px 12px 0 13px; width: 125px; height: 162px; }
#shoutbox_slim form textarea { border: none; width: 114px; height: 72px; }

.shout_slim_field { background: url(../images/bg_line20.gif); width: 55px; height: 20px; border: none; }

/*Big Shout*/
#hl_subset03_01, #hl_subset03_02, #hl_subset03_03 { /*height: 430px;*/ }

.hl_subset03_head { /*position: absolute; top:0; left:0; height: 54px;*/ list-style: none; margin: 0; padding: 0; }
.hl_subset03_head li { float: right; width: 90px; height: 54px; }

#subset_tab_zodiac a, #subset_tab_zodiac_current { background: url(../images/subset_tab_zodiac.gif) top left no-repeat; display: block; height: 54px; }
#subset_tab_poll a, #subset_tab_poll_current { background: url(../images/subset_tab_poll.gif) top left no-repeat; display: block; height: 54px; }
#subset_tab_shout a, #subset_tab_shout_current { background: url(../images/subset_tab_shout.gif) top left no-repeat; display: block; height: 54px; }
#subset_tab_zodiac a:hover, #subset_tab_poll a:hover, #subset_tab_shout a:hover { /*background-position: center left;*/ }
#subset_tab_zodiac_current, #subset_tab_poll_current, #subset_tab_shout_current { /*background-position: bottom left;*/ }

#shout_big_disp, #shout_slim_disp, #zodiac_disp, #poll_disp { background: #84aba3; /*margin-top: 36px;*/ padding: 18px 9px; border: 1px solid #6f9890; border-top: none; border-left: none; }
#shout_big_dispcontainer { height: 216px; overflow: auto; padding-right: 10px; }

#hl_subset03_01 form, #hl_subset03_03 form { background: url(../images/bg_comment_write_med.gif) top left no-repeat; height: 100px; padding: 18px 12px 0 13px; margin-top: -9px; *margin-top:-27px; }
.shout_big_field { background: url(../images/bg_line20.gif); width: 130px; height: 20px; border: none; }
#hl_subset03_01 form textarea { border:none; height: 36px; }
/*
#shout_submit { background: url(../images/btn_kiss.gif) top left no-repeat; border: none; height: 27px; cursor: pointer; margin-top: -3px; }
#shout_submit:hover { background-position: bottom left; }
*/
/* Zodiac */

/* Polling */
#poll_disp h3 { text-align: center; width: 290px; font-size: 1.2em; margin-top: 9px; font-weight: bold; }

/* Login */
#side_login, #side_logged {	background: url(../images/bg_login.gif) top center no-repeat; height: 144px; color: #6d4a2e; overflow: hidden; }
#side_login form { margin: 10px 11px; }
	
.side_login_txtfield { background: url(../images/bg_login_txtfield.gif) top left no-repeat;	height: 18px; width: 119px;	padding: 2px 3px; border: none;	}

#side_login_btn { background: url(../images/btn_login.gif) top left no-repeat; width: 71px; height: 14px; border: none;	cursor: pointer; margin: 8px 0 0 0;	float: right; }
#side_login_btn:hover { background-position: bottom left; }

#side_logged_container { margin: 10px; }
#side_logged h3 { margin-bottom: 10px; font-size: 1.2em; font-weight: bold; }
#side_logged ul { border-top: 1px solid #000; list-style-position: inside; padding: 5px; margin: 0; }

/* Blog */
#hl_blog { background: url(../images/bg_hl_blog.gif) 3px 5px no-repeat;	height: 432px; }
#hl_blog h2 { background: url(../images/h2_blogupdate.gif) top center no-repeat; height: 72px; }
#hl_blog h3, #hl_blog p { padding: 0 15px; }
/* #hl_blog img { border: 5px solid #fff; } */
#hl_blog_visit { background: #cc0000 url(../images/mask_hl_meta.gif) center right no-repeat; margin: 342px 0 0 20px; position: absolute; }

#hl_blog_visit a { background: url(../images/ico_hand_red.gif) 5px 1px no-repeat; padding: 0 12px 0 35px; color: #f1f1f1; font-weight: bold; }	

/* Issue */
#side_issue { background: url(../images/mask_latest_issue.gif) top left no-repeat; height: 216px; }
	
#side_issue h2 { font-size: 1.2em; letter-spacing: -.05em; text-align: center; margin-top: 4px; text-transform: lowercase; }
	
#side_issue img { margin: 3px 18px; }
	
/* Menu More */
.menu_more h2 {	height: 54px; }

#menu_more_places h2 { background: url(../images/hdr_more_community.gif) top left no-repeat; }
#menu_more_beauty h2 { background: url(../images/hdr_more_beauty.gif) top left no-repeat; }
#menu_more_fashion h2 { background: url(../images/hdr_more_fashion.gif) top left no-repeat; }
#menu_more_blog h2 { background: url(../images/hdr_more_blog.gif) top left no-repeat; }
#menu_more_about h2 { background: url(../images/hdr_more_aboutus.gif) top left no-repeat; }
#menu_more_comm h2 { background: url(../images/hdr_more_community.gif) top left no-repeat; }
#menu_more_user h2 { background: url(../images/hdr_more_userarea.gif) top left no-repeat; }
	
.menu_more ul { list-style: none; margin: 0; padding: 0; }
.menu_more ul li { height: 27px; margin-top: 9px; }
.menu_more ul li a { display: block; height: 27px; }

#menu_more_about a, #menu_more_about_current { background: url(../images/menu_more_gogirl.gif) no-repeat; }
#menu_more_jobs a, #menu_more_jobs_current { background: url(../images/menu_more_jobs&intership.gif) no-repeat; }
#menu_more_contact a, #menu_more_contact_current { background: url(../images/menu_more_contactus.gif) top left no-repeat; }

#menu_more_foods a, #menu_more_foods_current { background: url(../images/menu_more_food.gif) no-repeat; }
#menu_more_shops a, #menu_more_shops_current { background: url(../images/menu_more_shop.gif) no-repeat; }
#menu_more_ent a, #menu_more_ent_current { background: url(../images/menu_more_ent.gif) top left no-repeat; }

#menu_more_wup a, #menu_more_wup_current { background: url(../images/menu_more_wup.gif) no-repeat; }
#menu_more_life a, #menu_more_life_current { background: url(../images/menu_more_life.gif) no-repeat; }
#menu_more_magz a, #menu_more_magz_current { background: url(../images/menu_more_magz.gif) no-repeat; }

#menu_more_bnews a, #menu_more_bnews_current { background: url(../images/menu_more_bnews.gif) no-repeat; }
#menu_more_btips a, #menu_more_btips_current { background: url(../images/menu_more_btips.gif) no-repeat; }
#menu_more_bna a, #menu_more_bna_current { background: url(../images/menu_more_beforeafter.gif) no-repeat; }

#menu_more_fnews a, #menu_more_fnews_current { background: url(../images/menu_more_fnews.gif) no-repeat; }
#menu_more_ftips a, #menu_more_ftips_current { background: url(../images/menu_more_ftips.gif) no-repeat; }
#menu_more_mnm a, #menu_more_mnm_current { background: url(../images/menu_more_mnm.gif) no-repeat; }
#menu_more_ftag a, #menu_more_ftag_current { background: url(../images/menu_more_tag.gif) no-repeat; }
#menu_more_sys a, #menu_more_sys_current { background: url(../images/menu_more_sys.gif) no-repeat; }

#menu_more_jb a, #menu_more_jb_current { background: url(../images/menu_more_jualbeli.gif) no-repeat; }
#menu_more_kenalan a, #menu_more_kenalan_current { background: url(../images/menu_more_kenalan.gif) no-repeat; }
#menu_more_narsis a, #menu_more_narsis_current { background: url(../images/menu_more_narsis.gif) no-repeat; }

#menu_more_about a, #menu_more_jobs a, #menu_more_contact a, #menu_more_foods a, #menu_more_ent a, #menu_more_fnews a, #menu_more_bnews a, #menu_more_btips a, #menu_more_ftips a, #menu_more_bna a, #menu_more_mnm a, #menu_more_ftag a, #menu_more_sys a, #menu_more_jb a, #menu_more_kenalan a, #menu_more_narsis a, #menu_more_wup a, #menu_more_life a, #menu_more_magz a  { background-position: top left; }

#menu_more_about a:hover, #menu_more_jobs a:hover, #menu_more_contact a:hover, #menu_more_foods a:hover, #menu_more_shops a:hover, #menu_more_ent a:hover, #menu_more_bnews a:hover, #menu_more_fnews a:hover, #menu_more_btips a:hover, #menu_more_ftips a:hover, #menu_more_bna a:hover, #menu_more_mnm a:hover, #menu_more_ftag a:hover, #menu_more_sys a:hover, #menu_more_jb a:hover, #menu_more_kenalan a:hover, #menu_more_narsis a:hover, #menu_more_wup a:hover, #menu_more_life a:hover, #menu_more_magz a:hover { background-position: center left; }

#menu_more_about_current, #menu_more_jobs_current, #menu_more_contact_current, #menu_more_foods_current, #menu_more_shops_current, #menu_more_ent_current, #menu_more_fnews_current, #menu_more_bnews_current, #menu_more_btips_current, #menu_more_ftips_current, #menu_more_bna_current, #menu_more_mnm_current, #menu_more_ftag_current, #menu_more_sys_current, #menu_more_jb_current, #menu_more_kenalan_current, #menu_more_narsis_current, #menu_more_wup_current, #menu_more_life_current, #menu_more_magz_current { background-position: bottom left; }


	
/* Side Recent */
#side_recent h2 { background: url(../images/hdr_recent.gif) top left; height: 36px; overflow:hidden; text-align: center; color: #333; }
#side_recent_entrycontain { padding: 9px 10px; border: 1px solid #000; border-top: none; }
.side_recent_entry_meta { background-color: #5cc4d1; }
.side_recent_entry p { background: url(../images/bg_line20.gif) bottom center repeat-x; padding-bottom: 9px; margin-bottom: 9px; width:130px; overflow:hidden; }

/* Overviews */
#overview_latest h3, #content_detail h3 { font-size:2em; line-height: 1.5em; }
.overview_latest_img { height: 180px; overflow: hidden; }
/*.overview_latest_txt { height: 144px; overflow: hidden; margin-top: 18px; }*/
.overview_latest_txt { /*height: 180px; overflow: hidden;*/ margin-top: 18px; }

.overview_recent_header h3 { /*height: 36px; overflow: hidden;*/ }
.overview_recent_entry p { /*height: 126px; overflow: hidden;*/ margin-bottom:20px; }
.overview_recent_img { height: 126px; overflow: hidden; }
.overview_recent_entry img { margin-top: 9px; }

.overview_thumbs_container { height: 72px; }

/* Detail */
.detail_prev a, .detail_next a { background: #ffcc00; height:36px; display: block; }
.detail_prev a { background: url(../images/btn_prev.gif) top left no-repeat; }
.detail_prev a:hover { background-position: bottom left; }
.detail_next a { background: url(../images/btn_next.gif) top right no-repeat; }
.detail_next a:hover { background-position: bottom right; }

/* Paging */
.paging { text-align: center; padding: 5px 0; margin-top: 7px; }
.paging a { padding: 4px 7px; margin: 0 2px; border: 1px solid #e2c897; color: #ad2156; text-decoration: none; }
.paging a:hover { background: #e2c897; border: 1px solid #e2c897; color: #f1f1f1; text-decoration: none; }
.paging b {  margin: 0 5px; }


/* Content Comments */
.content_comment_entry { border-bottom: 1px dashed #333; }
#content_comment_container { background: #84aba3; padding: 17px 19px; border: 1px solid #6f9890; border-top: none; border-left: none; }
	
#content_comment_write { background: url(../images/bg_comment_write.gif) 2px 0 no-repeat; padding: 18px 20px; margin-top: -9px; }
#content_comment_write textarea { height: 34px; border: none; padding: 0; }
	
#content_comment_write input { background: #ffcc00 url(../images/mask_hl_meta.gif) top right no-repeat;	border: none; height: 18px;	font-weight: bold; text-align: center; cursor: pointer;	}
#content_comment_write input:hover { color: #f1f1f1; background-color: #cc0000; }
	
/* Fashion Sys*/
/*.fashion_sys_list { background: #f5e1b7; height: 96px; overflow: hidden; border-top: 1px solid #e2c897; border-bottom: 1px solid #e2c897; }
.fashion_sys_list h5 { background: #e2c897; width: 130px; height: 16px; overflow:hidden; position:absolute; margin: 73px 5px; padding: 1px 5px; font-weight: normal; }
.fashion_sys_list a { width: 140px; height: 86px; overflow: hidden; display: block; position: absolute; margin: 5px; }
.fashion_sys_list h5 a { margin: 0; padding: 0; }
*/
.fashion_sys_list { background: #f5e1b7; height: 146px; overflow: hidden; border-top: 1px solid #e2c897; border-bottom: 1px solid #e2c897; }
.fashion_sys_list h5 { background: #e2c897; width: 130px; height: 16px; overflow:hidden; position:absolute; margin: 123px 5px; padding: 1px 5px; font-weight: normal; }
.fashion_sys_list a { width: 140px; height: 136px; overflow: hidden; display: block; position: absolute; margin: 5px; }
.fashion_sys_list h5 a { margin: 0; padding: 0; }
.fashion_sys_list img { display: table-cell; vertical-align: middle; }
.fashion_sys_list { vertical-align: middle; }

#fashion_sys_img { background: #f5e1b7; padding: 16px 0; border-top: 1px solid #e2c897; border-bottom: 1px solid #e2c897; }
#fashion_sys_img img { border: 1px solid #e2c897; }
#fashion_sys_tag { padding: 0 18px; }
#fashion_sys_tag ul { list-style: none; text-align: }
#fashion_sys_tag ul li { border-bottom: 1px solid #e2c897; }
#fashion_sys_tag form textarea { width: 340px; height: 72px; }

/* Tabs */
.tabs-nav { /*float:left; width:100%;*/ list-style: none; height:34px; margin:0 0 10px; border-bottom:1px dotted #f90; padding-bottom:5px; }
.tabs-nav li { float:left; margin: 0 3px 0 0; height:auto; width:auto; /*min-width: 84px;*/ }
.tabs-nav a {
	font-size:1.1em;
	font-weight:bold;
	letter-spacing:-0.05em;
	line-height:32px;
	text-align: center;
	text-decoration: none;
	float:left;
	display: block;
	width: 190px;
	height:auto;
	background: no-repeat;
	color: #f1f1f1;
}
.tabs-nav a:hover, .tabs-nav a:focus { color:#f1f1f1; text-decoration:none; }
.tabs-nav a.tab-selected { cursor:text; }

/* profile tabs */
#usr-photos { padding-bottom:40px; }
#usr-photos .tabs-nav a { background-image:url(../images/hdr_span5_green.gif); }
#usr-photos a.tab-selected { background-image:url(../images/hdr_span5_chocolate.gif); }
/* fashion tag tabs */
#feat-fashion { margin-bottom:20px; }
#feat-fashion .tabs-nav a { background-image:url(../images/hdr_span5_orange.gif); }
#feat-fashion a.tab-selected { background-image:url(../images/hdr_span5_red.gif); }
/* widgets tabs */
#widgets .tabs-nav { height:auto; margin:0; padding:0; border:none; }
#widgets .tabs-nav a { width:90px; height:36px; line-height:1; overflow:hidden; outline:none; position:relative; }
#widgets .tabs-nav a:hover { background-position:0 -54px; }
#widgets a.tab-selected { bottom:-5px; }

/* User Inbox */
.usr-message h6 { border-bottom:1px dotted #f90; color:#c00; padding:0 0 10px; }
.msg-list .more_a { margin-bottom:1em; }
.msg-list .more_a a { float:right; margin:0 5px 0 0; }
.msg-list th { padding:6px 10px 6px 5px; background:url(../images/hdr_long_chocolate.gif) no-repeat; color:#f1f1f1; }
.msg-list td { border-bottom:1px dotted #f90; vertical-align:top; }
.msg-action td { vertical-align:middle; padding:12px 10px 12px 5px; }
.msg-paging { }
a.msg-from { font-size:0.9em; }
a.msg-from img { float:left; margin-right:5px; }
a.msg-from span { display:block; font-size:0.8em; color:#666; }
a.msg-subj { font-weight:bold; }
a.msg-subj-read { font-weight:normal; }

/* message compose */
dl.user_info { margin-top:1em; margin-bottom:1em; }
.user_info textarea {
	width:300px;
	height:150px;
	margin:0;
	padding:0;
	background:url(../images/input_textarea.gif) no-repeat;
	border:none;
}
.msg-button { margin-left:130px; }

.lightbox { display: none; height:100%; }
.lightbox:target { display: block; }
.lb-overlay {
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	z-index: 1000;
	width: 100%;
	height: 100%;
	background: url(../images/bg-overlay.png);
}
/* IE6 hack */
.lightbox { display: expression((document.location.toString().split('#').slice(1) == this.id)?'block':'none'); }
* html .lb-overlay { position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px'); }
.lb-inner {
	position: absolute;
	z-index: 1001;
	top: 50%;
	left: 50%;
	margin: -155px 0 0 -230px;
	padding:15px;
	width: 430px;
	height: 280px;
	background:#fff;
}
.lb-close {
	position: absolute;
	z-index: 1002;
	top: 15px;
	right: 10px;
}
.lb-content { padding: 10px; }

/* message lightbox */
#lb-msg dl { margin-top:1.5em; }
#lb-msg dt { width:80px; }
#lb-msg .msg-button { margin-left:90px; }

/* Z-index of #mask must lower than #boxes .window */
/*.lb-overlay { position:absolute; z-index:9000; top:0; left:0; background-color:#000; display:none; }
.lb-inner { position:absolute; width:440px; height:200px; display:none; z-index:9999; padding:20px; }*/

/* Customize your modal window here, you can add background image too */
/*#boxes #dialog { width:375px; height:203px; }*/

/* message content */
div.msg-action { padding:12px 0 12px 0; margin-bottom:15px; border-bottom:1px dotted #f90; }
div.msg-action .span-11 { margin-top:4px; }

/*.msg-new label { float:left; margin-right:10px; }
.msg-new div { float:left; }
.msg-new .text, .msg-new textarea { float:left; }*/
.msg-body { border-bottom:1px dotted #f90; margin-bottom:1em; }

/* Jual Beli */
.comm_jb_overview ul { list-style: none; margin: 0; padding: 0; }
.comm_jb_overview ul li { border-bottom: 1px solid #e2c897; }
.comm_jb_overview ul li a { padding: 3px 5px ; display: block; }
.comm_jb_overview ul li a:hover { background: #e2c897; color: #f1f1f1; text-decoration: none; }

/* Footer */
#footer {
	background: url(../images/bg_footer.png) top center no-repeat;
	height: 47px;
	margin-top: -18px;
	padding-top: 25px;
	color: #f1f1f1;
	position: absolute;
	}
	
#footer a {	color: #f1f1f1; text-decoration: none; }
#footer a:hover { text-decoration: underline; }
	
#footer_link ul { 
	list-style: none;
	}

#footer ul li {
	display: block;
	float: left;
	border-right: 1px solid #f1f1f1;
	padding: 0 10px;
	}
	
#footer_copy { border: none !important; }
	
#ico_rss a {
	background: url(../images/ico_rss.gif) top left no-repeat;
	width: 18px;
	height: 18px;
	display: block;
	}
	
#ico_bookmark a {
	background: url(../images/ico_star.gif) top left no-repeat;
	width: 19px;
	height: 18px;
	display: block;
	}
/* 	
#footer_s2f { margin: 13px 90px 0 0; }

#footer_s2f_01 {
	background: url(../images/ico_envelop_corner.gif) top left no-repeat;
	height: 37px;
	padding: 13px 0 0 70px;
	}
	
#footer_s2f_01 a {
	background: url(../images/ico_heart.gif) 0 3px no-repeat;
	padding: 0 0 0 18px;
	}
	
#footer_s2f_02 {
	background: url(../images/bg_mail.gif) top left no-repeat;
	width: 300px;
	height: 200px;
	position: absolute;
	margin: -263px 0 0 -65px;
	}
	 */
	 

	 



#addTag {
	visibility:hidden;
	background-color:#e2c897;
	border: 1px solid #6d4a2e;
	position:absolute;
	width:180px;
	padding: 5px 10px 10px;
	text-align: center;
}

.mask_300_175 {
	display: block;
	width: 300px;
	height: 175px;
	overflow:hidden;
}

.mask_300_180 {
	display: block;
	width: 300px;
	height: 180px;
	overflow:hidden;
}

.mask_300_300 {
	display: block;
	width: 300px;
	height: 300px;
	overflow:hidden;
}



.mask_140_100 {
	display:block;
	overflow:hidden;
	width:140px;
	height: 100px;
	border: solid 5px white;
}

.mask_113_150 {
	display: block;
	width: 113px;
	height: 150px;
	overflow: hidden;
}

.mask_100_100 {
	display: block;
	width: 100px;
	height: 100px;
	overflow:hidden;
}

.mask_20_20 { 
	display: block;
	width: 20px;
	height: 20px;
	overflow: hidden;
}

.mask_67_50 {
	display: block;
	width: 67px;
	height: 50px;
	overflow: hidden;
}

.zodiac_entries {
	/*display:block;
	height: auto;*/
}
.zodiac_entries img {
	float: left;
	width: 50px;
	margin-right: 5px;
}
.zodiac_entries_content {
	padding-left: 55px;
	padding-right: 5px;
}

#widgets {
	/*display: block;
	overflow: visible;
	height: auto;*/
	position:relative;
}

.hl_subset03_head { /**right: 232px;*/ }


#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #111;
	background-color: #eee;
	padding: 5px;
	opacity: 0.85;
}
#tooltip h3, #tooltip div { margin: 0; }
#tooltip.fixed_width { width: 250px; }

/* =style-dewi.css */
dl.user_info dt {float:left; width: 120px; text-align:right; padding-right:10px; color: #3399CC;}
dl.user_info dd input {background:url(../images/input_textbox.gif) top no-repeat; width: 300px; height:23px; margin:0 0 10px 0; border:none;}
dl.user_info dd select {width: 130px; margin:0 0 10px 0;}
.border_bottom {border-bottom:1px dotted #FF9900; padding:0 0 10px 0; margin-bottom:10px; color: #CC0000;}
.button_browse {background: url(../images/btn_browse.gif) top right no-repeat; height:28px; margin:-10px 39px 0 0;}
.button_browse:hover { background-position: bottom right; }

#upload_info { background: #DECFA6; color:#333; padding: 10px 15px; margin-bottom:40px; }
#upload_write textarea { height: 34px; border: none; padding: 0; }
#upload_write input {background:url(../images/input_textbox.gif) top no-repeat; width: 300px; height:23px;	border: none;}
#upload { background: url(../images/bg_comment_write.gif) 2px 0 no-repeat; padding: 18px 20px; margin-top: -9px; }
.inputbox {background:url(../images/input_textbox_white.gif) top no-repeat; width: 300px; height:23px; border:none;}
.button_input {background: url(../images/btn_browse.gif) top right no-repeat; height:28px;}
.button_input:hover {background-position: bottom right;}
.submit_btn {background: #ffcc00 url(../images/mask_hl_meta.gif) top right no-repeat;	border: none; height: 18px;	font-weight: bold; text-align: center; cursor: pointer;} 


.hl_meta_community { background-color: #ffcc00; }
.hl_imgmask_community { background: url(../images/hl_mask_places.gif) top left no-repeat; }
#menu_more_community h2 { background: url(../images/hdr_more_community.gif) top left no-repeat; }
.hdr_community_long { background: url(../images/hdr_long_pink.gif) top left no-repeat; }
.hdr_about-us_long { background: url(../images/hdr_long_red.gif) top left no-repeat; }

#addthis_button { margin: 24px 0; }

.widget_submit { background: url(../images/btn_kiss.gif) top left no-repeat; border: none; height: 27px; cursor: pointer; margin-top: -3px; }
.widget_submit:hover { background-position: bottom left; }

/* =jquery.autocomplete.css */
.ac_results { padding: 0px; border: 1px solid black; background-color: white; overflow: hidden; z-index: 99999; }
.ac_results ul { width: 100%; list-style-position: outside; list-style: none; padding: 0; margin: 0; }
.ac_results li { margin: 0px; padding: 2px 5px; cursor: default; display: block; font-weight: bold; line-height: 16px; overflow: hidden; }
.ac_loading { background: white url('indicator.gif') right center no-repeat; }
.ac_odd { background-color: #eee; }
.ac_over { background-color: #0A246A; color: white; }

/* =droppy.css */
/* Basic code - don't modify */

 #nav { display: block; margin: 0; padding: 0; position: relative; }
  #nav li { display: block; list-style: none; margin: 0; padding: 0; float: left; position: relative; }
  #nav a { display: block; }
  #nav ul { display: none; position: absolute; left: 0; margin: 0; padding: 0; }
  * html #nav ul { line-height: 0; } /* IE6 "fix" */
    #nav ul a { zoom: 1; } /* IE6/7 fix */
    #nav ul li { float: none; }
    #nav ul ul { top: 0; }
    
/* Essentials - configure this */

#nav ul { width: 125px; }
#nav ul ul { left: 131px; }

/* Everything else is theming */

/*#nav { background-color: #30A8C3; height: 24px; }
#nav *:hover { background-color: none; }
#nav a { border-right: 1px solid white; color: white; font-size: 12px; padding: 6px; line-height: 1; }
  #nav li.hover a { background-color: #5E5A5A; }
  #nav ul { top: 25px; }
    #nav ul li a { background-color: #5E5A5A; }
      #nav ul a.hover { background-color: #30A8C3; }
   #nav ul a { border-bottom: 1px solid white; border-right: none; opacity: 0.9; filter: alpha(opacity=90); }
   #nav ul a { border-bottom: none; } - I also needed this for IE6/7 */

#nav li ul li a { background: none; width: 100%; text-align: center; color: #f1f1f1; font-weight: bold; }
#nav li ul li a:hover { text-decoration: none; color: #333; }

#menu_about ul li { background: #f6d431 url(../images/bg_submenu_yellow.gif) top right repeat-y; }
#menu_blog ul li { background: #eb5a24 url(../images/bg_submenu_orange.gif) top right repeat-y; }
#menu_fashion ul li { background: #c2232c url(../images/bg_submenu_red.gif) top right repeat-y; }
#menu_beauty ul li { background: #5cc4d0 url(../images/bg_submenu_blue.gif) top right repeat-y; }
#menu_places ul li { background: #aabb06 url(../images/bg_submenu_green.gif) top right repeat-y; }
#menu_community ul li { background: #f64f64 url(../images/bg_submenu_pink.gif) top right repeat-y; }


#nav li ul { margin: 0; padding: 0; }
#nav li ul li { margin:0; padding: 0; }
#nav li ul li a { margin: 0; padding: 0; padding-top: 0; }

* html #nav ul { line-height: 20px; } /* IE6 "fix" ??? */

#hl_beauty .more-top { margin-top:-13px; }
#hl_beauty .hl_entry_img { height:300px; }

#side_archive { clear:both; }
#side_archive h2 { font-weight:bold; background: url(../images/hdr_recent.gif) top left; height: 36px; overflow:hidden; text-align: center; color: #333; }
#side_archive ol { list-style:none; margin:0; padding: 9px 10px; border: 1px solid #000; border-top: none; }
#side_archive ol ol { padding:7px 0 7px; border:none;background: url(../images/bg_line20.gif) bottom center repeat-x; }
#side_archive li { font-size:18px; }
#side_archive li li { font-size:11px; }
#side_archive li a { display:block; background: url(../images/bg_line20.gif) bottom center repeat-x; padding-bottom:5px; }
#side_archive li li a { background:none; margin-bottom:3px; padding:0; /*padding-left:12px;*/ }

#side_archive li ol { display:none; }
#side_archive li.current ol { display:block; }

#user_detail .span-16 { margin-bottom:10px; }
#user_detail .user_info { margin-top:0; }
#user_detail .user_info dt { width:100px; }

/* places category nav */
#places { width:668px; position:relative; margin:0 -7px 0 -31px; }
#places .bt { background:url(../images/bg-places-top.png) no-repeat; padding-top:95px; }
#places .bb { background:url(../images/bg-places-bottom.png) bottom no-repeat; padding-bottom:120px; }
#places .bg { padding-left:70px; /*position:relative;*/ }
#places h3 { position:absolute; left:-9999px; }
#places ul { float:left; width:125px; margin:0 25px 0 0; border-right:1px dashed #C49E6B; list-style:none; }
#places ul.last { margin-right:0; border:none; }
#places li a { display:block; height:1%; text-transform: capitalize; }
#places h3 { font-size:1.3em; }
.places-shade {
	display:block;
	width:164px;
	height:77px;
	position:absolute;
	z-index:1000;
	top:245px;
	right:0;
	background:url(../images/bg-shades.png) no-repeat;
}
.filter-toggle {
	position:absolute;
	bottom:80px;
	left:17px;
	z-index:1000;
	width:111px;
	height:70px;
	padding-top:24px;
	margin:0 0 -50px;
	background:url(../images/btn-filter.png) no-repeat;
}
.filter-toggle a { text-indent:-9999px; overflow:hidden; display:block; height:100%; outline:none; }
#filter {
	position:relative;
	width:618px;
	overflow:hidden;
	margin:-88px 0 0;
	color:#f8f8f8;
}
#filter .bt { background:url(../images/bg-filter.jpg) 10px 0 repeat-y; position:relative; z-index:1; }
#filter .bb { background:url(../images/bg-filter-t.jpg) 10px -5px no-repeat; }
#filter .bg { background:url(../images/bg-filter-b.jpg) 7px 100% no-repeat; padding:0 20px 45px 70px; }
#filter ul { list-style:none; margin:0 15px 0 0; float:left; width:130px; border-right:1px dashed #f8ac8e; }
#filter ul.last { width:90px; }
#filter li { text-transform:capitalize; }
#filter h4 { font-size:12px; font-weight:bold; color:#f8f8f8; margin:0 0 18px 30px; padding-top:12px; }
#filter label { font-weight:normal; }
#filter a { color:#fff; text-decoration:underline; }
#filter a:hover, #filter a:focus { text-decoration:none; }
#filter input.radio, #filter input.checkbox { margin:0 2px 0 0; }
#filter-btn { position:absolute; bottom:45px; right:55px; width:90px; }

.place-detail { list-style:none; margin:0; }

.rating span { padding-left:5px; }

.overview_recent_places h4 { margin-left:10px; }
.overview_recent_places ul { margin:0 0 10px 20px; }
.overview_recent_places .more_a { margin-bottom:15px; }
.places_category { margin:0 0 20px 10px; padding:2px; background:#5cc4d1; color:#fff; }