/* SecretSaya (c) 2008 */
/* Last Updated: 9:57 AM  1/12/2008 */
/* Basic Stuff */

* {
  padding: 0;
  margin: 0;
  }

html {
	border: 0;
	padding: 0;
	margin: 0; 
	}

body {
	background: #DEE1E2 url("img/bg.jpg") repeat-x;
	border: 0;
	padding: 0;
	margin: 0; 
	text-align: center;
	color: black;
	font-family: "Georgia", sans-serif;
	font-size: 12px;
	}

/* Default Formatting */
  
img {
	border: none;
	}

form, input, textarea, select, ul, li {
	margin: 0;
	padding: 0;
	}
	
ul {
	list-style: none
	}
  
/* Typography  */
	
h1, h2, h3, h5, h6 {
	color: #EBE8E5;
	font-weight: bold;
	margin: 0px;
	}
	
h4 {
	color: #A62E2E;
	font-weight: bold;
	margin: 5px 0 0 0;
	}
	
h1 { font-size: 26px; }
h2 { font-size: 24px; }
h3 { font-size: 18px; }
h4 {	font-size: 16px; }
h5 { font-size: 14px; }
h6 { font-size: 12px; }

/* Hyperlinks */
img a, a:hover  {
	text-decoration: none;
	border: none;
	}
	
a {
	color: black;
	text-decoration: none; 
	}
	
a:hover {
	border-bottom: 1px dashed #666;
	}

/* Elements */

.merahcantik {
  color: #E2523E;
  }

hr {
	background-color: #34434A;
	height: 1px;
	border: 1px solid #34434A;
	color: #34434A;
}
	
.clearfix {
	clear: both;
	}

/* Layout */
#contentwrap{
	text-align: left;
	padding: 0;
	margin: 0 auto;
	width: 799px;
}

#header {
	height: 134px;
}

	#header img {
		float: left;
		width: 336px;
		}
	
	.toplinks {
		float: right;
		color: #3B4750;
		font-size: 14px;
		font-weight: bold;
		}
		
	.toplinks a {
		color: #7FA4B2;
		}
		
	.toplinks .blueish {
		color: #7FA4B2;
		}
		
	.toplinks a:hover {
		border-bottom: 1px dashed #7FA4B2;
		}
		
		#login_form {
			background: url("img/toplinks.png") no-repeat;
			padding: 0 10px 0 20px;
			font-size: 11px;
			font-weight: normal;
			margin: 40px 0 0 0;
			width: 400px;
			}
			
		* html div#login_form {
			margin-top: 45px;
			background: url("img/toplinks.gif") no-repeat;
			width: 420px;
			}
			
			#login_form p {
				margin: 0 0 0 0;
				}
			
			#login_form input {
				margin: 0 4px 0 4px;
				}
				
			#login_form input.submit_text {
				padding: 3px;
				font-size: 11px;
				}
			
			#login_form input.input_text {
				width: 100px;
				font-size: 11px;
				padding: 2px;
				}
			
			#login_form h5 {
				color: #79B3C7;
				margin: 0 0 3px 0;
				}
			
		#login_links {
			background: url("img/toplinks.png") no-repeat;
			margin: 80px 0 0 0;
			padding: 0 0 0 20px;
			}			
		
		* html div#login_links {
			background: url("img/toplinks.gif") no-repeat;
			}
			
		#user_logged { 
			background: url("img/toplinks.png") no-repeat;
			margin: 80px 0 0 0;
			padding: 0 0 0 20px;
			}

#menu {
	height: 38px;
}

	#menu a {
		color: #FCFCFC;
		}
		
	#menu a:hover {
		border-bottom: 1px dashed #FCFCFC;
		}
		
	#menu a.current {
		border-bottom: 1px dashed #FFD800;
		color: #FFD800;
		}
		
	#menu a.special {
		color: #FFD800;
		}

	#menu ul {
		color: #FCFCFC;
		padding: 10px 0 0 25px;
		font-size: 14px;
		font-weight: bold;
		}
	
	#menu li {
		display: inline;
		margin: 0 35px 0 0;
		}

/* Front Page */
#eve {
	height: 194px;
	margin: 0 0 2px 0;
	background: url("img/eve.gif") no-repeat;
	display: block;
}

#evesignup { margin: 0 0 2px 0; height: 230px; background: #ccc; display: none; }

#evesignin { margin: 0 0 2px 0; height: 300px; background: #ccc; display: none; }

#showcase {
	background: #D4D9D3;
	margin: -2px 0 0 0;
	padding: 5px 13px 9px 13px;
	color: #647577;
	}
	
	#showcase p {
		margin: 6px 0 6px 0;
		}

	#showcase a {
		color: #647577;
		font-weight: bold;
		}

	#showcase h3 {
		color: #E2523E;
		font-size: 15px;
		margin: 5px 0 5px 0;
		}

	#showcase img.arrow_left { 
		width: 5px;
		height: 7px;
		position: absolute;
		margin: 60px 0 0 -10px;
	}
	
	#showcase img.arrow_right { 
		width: 5px;
		height: 7px;
		position: absolute;
		margin: -15px 0 0 775px;
	}

	#showcase ul {
		margin: 60px 0 0 0;
	}
	
	* html div#showcase ul {
		margin: 70px 0 0 0;
		}
	
	#showcase li {
		padding: 53px 72px 54px 72px;
		display: inline;
		background: url("img/showcase_placeholder.jpg") no-repeat;
		}

#quote {
	height: 62px;
	background: url("img/bg_quote.jpg") no-repeat;
}

	#quote a {
		color: #698D9A;
		}

	blockquote {
		padding: 10px 10px 0 20px;
		color: #fff;
		font-size: 14px;
		font-weight: bold;
		letter-spacing: 1px;
		overflow: hidden;
		}
		
	.yellowtext {
		color: #EFD84B;
		}

	.quote_bottom {
		height: 8px;
		background: url("img/bg_quote_bottom.jpg") no-repeat;
		margin: -8px 0 0 0;
		}
		
	#contentwrap h2 {
		color: #264042;
		padding: 10px 10px 10px 30px;
		}

.column1 { 
	float: left; 
	background: #D4D9D3;
	width: 211px;
	height: 210px;
	margin: 4px 8px 4px 4px;
	padding: 15px;
	border: 2px solid #C9CEC8;
	}
	
* html div.column1 {
	width: 250px;
	height: 240px;
	}
	
	.column1 .reddish {
		color: red;
		font-weight: bold;
		font-size: 16px;
		}
		
	.column1 a {
		font-weight: bold;
		}

	.column1 p {
		line-height: 20px;
		margin: 10px 0 0 0;
		letter-spacing: 1px;
		}
		
	.column1 hr {
	    border: 0;
        width: 100%;
        color: #34434A;
        background-color: #34434A;
        height: 1px;
        margin: 5px 0 5px 0;
		}
		
	* html div.column1 hr, * html div.column2 hr {
		margin: 0;
		}
	
	.column1 h3 {
		color: #34434A;
		}
		
.column2 { 
	float: left; 
	background: #E1E9EC;
	width: 211px;
	height: 150px;
	margin: 4px 8px 20px 4px;
	padding: 15px;
	border: 2px solid #D7DCDE;
	}
	
* html div.column2 {
	width: 250px;
	height: 180px;
	}
	
	.column2 .reddish {
		color: red;
		font-weight: bold;
		font-size: 16px;
		}
		
	.column2 a {
		font-weight: bold;
		}

	.column2 p {
		line-height: 20px;
		margin: 10px 0 0 0;
		letter-spacing: 1px;
		}
		
	.column2 hr {
	    border: 0;
        width: 100%;
        color: #A4AFA1;
        background-color: #A4AFA1;
        height: 1px;
        margin: 5px 0 5px 0;
		}
		
	.column2 h4 {
		color: #A4AFA1;
		font-weight: bold;
		}	

.column3 { float: left; }

/* Page Content */
#insidePage { 
	background: #FAF6F6;
	width: 799px;
	padding: 0 0 20px 0;
	}
	
	#insidePage h2 {
		color: #264042;
		padding: 10px 10px 10px 0;
		}

#sidebar {
	float: left;
	width: 225px;
	}
	
	.sidebar_menu {
		width: 179px;
		background: #F2F6F7;
		border-bottom: 8px solid #E1E9EC;
		border-left: 8px solid #E1E9EC;
		border-right: 8px solid #E1E9EC;
		padding: 8px 15px 15px 15px;
		height: auto;
		}
		
		* html div.sidebar_menu {
      width: 250px;
      }
		
	.sidebar_menu li, .sidebar_menu a {
		color: #666;
		margin: 0 0 5px 0;
		}
		
	.sidebar_menu h5 {
		color: #BBC026;
		margin: 5px 0 5px 0;
		font-size: 16px;
		}
		
	.sidebar_menu h5.blue_color {
		color: #26B0C0;
		margin: 5px 0 5px 0;
		font-size: 16px;
		}
		
	.sidebar_menu ul.sidebar_reveal a:hover {
		border: none;
		color: #BBC026;
		font-weight: bold;
		}
		
	.sidebar_menu ul.sidebar_discover a:hover {
		border: none;
		color: #26B0C0;
		font-weight: bold;
		}
		
	.sidebar_menu li {
		padding: 4px 0 4px 15px;
		}
		
	.sidebar_menu li.current {
		background: white;
		padding: 4px 0 4px 15px;
		border-bottom: 1px solid #CAE0E6;
		border-top: 1px solid #CAE0E6;
		}
		
	.sidebar_menu  hr {
        border: 0;
        width: 100%;
        color: #E1E9EC;
        background-color: #E1E9EC;
        height: 1px;
        margin: 10px 0 10px 0;
		}
		
	* html div.sidebar_menu hr {
		margin: 0;
		}
		
	#sidebar_menu_2 {
		border-top: 8px solid #E1E9EC;
		}
	
#pagecontent {
	float: right;
	width: 500px;
	margin: 0 30px 30px 0px;
	padding: 10px;
	line-height: 1.5em;
	}
	
	* html div#pagecontent {
		margin: 0 14px 30px 0;
		}
	
	#pagecontent h1 {
		color: #3C4B56;
		margin: 8px 0 8px 0;
		}
		
	#pagecontent p {
		margin: 0 0 10px 0;
		}

/* Footer */
#footer{
	padding: 30px;
	margin: 0;
	background: #36444D;
	color: #EEEEEE;
	line-height: 2em;
	font-weight: bold;
} 

	#footer a.reddish {
		color: #FF0000;
		}
		
	#footer a {
		color: #EEEEEE;
		}
		
	#footer a:hover {
		border-bottom: 1px dashed #CCCCCC;
		color: #CCCCCC;
		}

/* Sign up form */		
#registration_form {
	margin: 0 auto;
	margin-top: 20px;
	margin-bottom: 20px;
	width: 250px;
	background: #D1D9E6;
	padding: 20px;
	border: 3px solid #C0CBDB;
	text-align: left;
	color: #868789;
	}
	
	* html div#registration_form {
		margin-left: 40px;
		margin-top: 50px;
		}
	
	#registration_form, .reveal_page a {
		color: #868789;
		}
	
	#registration_form h3 {
		color: #879EAC;
		margin: 0 0 10px 0;
		}
		
	#registration_form input.texttype {
		margin: 0 0 5px 0;
		font-size: 11px;
		width: 225px;
		padding: 3px;
		border: 1px solid #C0CBDB;
		}
		
	#registration_form input{
		margin: 0 0 5px 0;
		font-size: 11px;
		padding: 3px;
		border: 1px solid #C0CBDB;
		}
		
	* html div#registration_form input {
		font-size: 12px;
		padding: 4px;
		height: 22px;
		}
		
	#registration_form input.checkiebox {
		margin: 2px 0 5px 0;
		font-size: 11px;
		padding: 3px;
		border: 1px solid #C0CBDB;
		}
		
	.labelsReg p {
		margin: 0 0 5px 0;
		font-size: 11px;
		width: 120px;
		padding: 3px;
		}
		
	#term, #term1 {
		margin: 10px 0 10px;
		}
		
	#term input, #term1 input {
		float: left;
		margin: 0 4px 0 0;
		}
		
	#term label {
		float: left;
		margin: -1px 0pt 10px;
		}
		
	#registration_form .submit_btn {
		border: none;
		height: 27px;
		}
		
	#registration_form a.cancel_signup {
		margin: -30px 0 0 0;
		float: right;
		}
		
	#registration_form option {
		padding-left: 6px;
		}
		
	.reddish_txt { 
		color: #AE3614;
		}
		
/* Reveal & Other ContentPages Stuff */ 

input.txt_ {
	padding: 2px;
	width: 200px;
	}
	
input.txt1_, textarea.txt1_ {
	width: 170px;
	padding: 2px;
	margin: 4px;
	}

.reveal_page {
	width: 280px;
	background: #F5F0ED;
	padding: 20px 20px 0 20px;
	border: 1px solid #3B4C56;
	text-align: left;
	color: #868789;
	height: 100%;
	}
	
	h3 {
		margin: 0 0 10px 0;
		}
		
	.numbered {
		margin: 5px 0 5px 0;
		}
		
	.numbered li {
		margin: 0 0 2px 0;
		}
		
	.smallest_text, .smallest_text a {
		font-size: 10px;
		color: #AE3614;
		}
		
	.reveal_page input {
		margin: 5px 5px 8px 0;
		}
		
	#writing {
		width: 410px;
		height: 100%;
		}
		
	#writing textarea {
		width: 384px;
		height: 194px;
		padding: 3px;
		margin: 0 0 10px 0;
	}
	
	#contact_us {
		width: 350px;
		}
		
	#contact_us textarea {
		padding: 2px;
		width: 200px;
		}
		
	#contact_us select.contactus {
		padding: 2px;
		width: 200px;
		}
		
	#contact_us textarea {
		height: 70px;
		}
		
	.centered {
		margin-left: 70px;
		color: #666;
		font-weight: bold;
		}
	
/* Profile Page */

.profile_page {
	width: 430px;
	border: 1px solid #D97C61;
	padding: 9px 11px 9px 11px;
	margin: 5px 0 10px 0;
	color: #888080;
	}
	
	.profile_page h3 {
		color: #A29C9C;
		}
		
	.profile_page ul {
		margin: 4px 0 4px 25px;
		}
		
	.profile_page li {
		list-style-position: outside;
		list-style-image: url("img/li_greyish.jpg");
		margin: 0 0 4px 0;
	}
	
	.blueish_text, .profile_page a , .write_entry a{
		color: #3C4B56;
		font-weight: bold;
		}
		
  .blueish_text a {
    font-weight: bold;
    }
		
	.cyan_text, .profile_page a.cyan {
		color: #26B0C0;
		}
		
	.thumb {
		border: 1px solid #A29C9C;
		margin: 0 4px 0 4px;
		}
		
	.replace_hr {
		border-bottom: 1px solid #ccc;
		padding: 0 0 4px 0;
		}
		
	.write_col {
		float: left;
		}
	
/* Gallery \ Profile for Secret Writings */	
	#write_col1 {
		width: 80px;
		margin: 0 0 0 4px;
		}
		
	#write_col2 {
		width: 300px;
		margin: 0 0 0 4px;
		overflow: hidden;
		}
		
	* html div#write_col2 {
    width: 280px;
    }
	
	#write_col3 {
		width: 100px;
		margin: 0 0 0 8px;
		}
		
	.write_entry {
		padding: 4px 0 4px 0;
		border-bottom: 1px solid #ccc;
		}
		
/* Individual Secret Page */
	.page_secret {
		width: 480px;
		border: 1px solid #D8ECF0;
		background: #F9F9F9;
		color: #666;
		font-family: Arial;
		line-height: 1.5em;
		letter-spacing: 0.3px;
		padding: 5px 5px 5px 5px;
		overflow: auto;
		}

		.placeholder_thumb {
			height: 191px;
			overflow: hidden;
			float: left;
			}
			
			.page_secret .biggest_thumb {
				border: 1px solid #EDDFDB;
				}
			
		.medium_thumb {
			}

				.placeholder_medium_thumb {
					width: 151px;
					height: 109px;
					overflow: hidden;
					border: 1px solid #AE3614;
					margin: 0 0 6px 0;
				}			
	
	.page_secret .tabs {
		float: right;
		width: 204px;
		padding: 5px 10px 5px 10px;
		}
			
		.page_secret  .tabs #tab_info a {
			color: #7FA4B2;
			font-weight: bold;
			}
			
		#tab_report, #tab_share {
			display: none;
			padding: 20px 0 0 0;
			}
			
		#tab_info {
			display: block;
			padding: 20px 0 0 0;
			}
			
		.margin_spacer {
			margin: 0 20px 0 0;
			}
			
		.vert_spacer {
			margin: 10px 0 0 0; 
			}
			
		.tabsy_links {
			font-size: 10px;
			margin: 0 20px 0 0;
			}
			
		input.sub_btn {
			width: 88px;
			height: 27px;
			margin: 6px 0 0 0;
			}
			
		.komen_commments_entry {
			border: 1px solid #ccc;
			width: 470px;
			padding: 10px;
			color: #888080;
			margin: 10px 0 10px 0;
			background: #FFFFFF;
			overflow: auto;
			}
			
		textarea.txt2_ {
			width: 486px;
			height: 80px;
			padding: 4px;
			}
			
		.individual_writing {
			background: #EDF2F3;
			margin: 8px 0 8px 0;
			padding: 9px;
			width: 473px;
			border: 1px solid #B6DDE5;
			}
			
		*html div.individual_writing {
      width: 480px;
      }
			
/* Profile Page */

#user_status_box { 
	border:1px solid #666; 
	font-size:24px; 
	color: #264042; 
	font-weight: bold; 
	font-family: "Georgia", sans-serif;
	}
	
/* Announcement */

#announcement {
	background: #EEEEEE;
	color: #3B4C56;
	border-top: 6px solid #3B4C56;
	border-bottom: 4px solid #B4C9D1;
	border-left: 4px solid #B4C9D1;
	border-right: 4px solid #B4C9D1;
	text-align: center;
	font-family: Arial;
	}
	
	#announcement p {
		margin: 3px 0 3px 0;
		}
    
	#announcement .announce {
		width: 760px;
		padding: 10px 10px 10px 50px;
		margin: 0 auto;
		text-align: left; 
		}
    
	#announcement .announce h3 {
		color: #3B4C56;
		}
	
	#announcement ol, li{
		margin: 5px 0 5px 0;
		}

/* Tabbers */

#featured {
	width: 759px;
	margin: 0 0 0 5px;
	}
	
#featured a {
  border: none;
  }
	
/* Pagination */


div.pagination {
	padding: 3px;
	margin: 3px;
	text-align: center;
}

div.pagination a {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #CCCCCC;
	text-decoration: none; /* no underline */
	color: #484848;
}

div.pagination a:hover, div.pagination a:active {
	border: 1px solid #000099;
	color: #484848;
  background-color: #DDDDDD; 
  border: 1px solid #CCCCCC;
}

div.pagination span.current {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #000099;
  font-weight: bold; 
  color: #FFFFFF; 
  background-color: #34434A;
  border: 1px solid #34434A;
	}

div.pagination span.disabled {
		padding: 2px 5px 2px 5px;
		margin: 2px;
		border: 1px solid #EEE;
		color: #DDD;
	}

html>body .pagination { padding: 0; }

/* Paging Comments */

#paging { font-size: 90%; text-align: center; }
	#paging ul { margin: 0 0 5px 0; padding: 3px 0; }
	#paging li { display: inline; margin: 0 2px 0 0; }
	#paging #current_page { font-weight: bold; color: #FFFFFF; background-color: #34434A; padding: 2px 5px; border: 1px solid #34434A; }
	#paging .num a { font-weight: normal; color: #484848; padding: 2px 5px; border: 1px solid #CCCCCC; }
	#paging .num a:hover { color: #484848; text-decoration: none; background-color: #DDDDDD; border: 1px solid #CCCCCC; }
	#paging .disable { border: none; }
	#paging #prev { margin: 0 10px 0 0; }
	#paging #next { margin: 0 0 0 10px; }
	#paging.threedot { padding: 2px 5px; }

html>body #paging { padding: 0; }

/* @iwani 2010 edits */
.latestcomments { font-family: Arial; overflow: auto; margin: 0 0 10px 0; padding: 10px 0; }
.latestcomments li { line-height: auto; margin: 5px 5px 5px 0; padding: 0 2px 0 0;}
.newstats{ margin: 15px 0; border-top: 8px solid #E1E9EC; }
.sidebar_menu .purple_color, .newstats li a:hover { color: #620698; }
.floatl { float: left; }
.floatr { float: right; }