/* tinabo.com 3 kolom */

*{ margin: 0; padding: 0; }* 

body {
  font: .75em "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif; 
  line-height: 1.6em;
  background: #fff;
  color: #444;
  margin: 1;
  padding: 1;
}

a {	color: #E60000;	background: inherit; text-decoration: none; }
a:hover { color: #AA0001; background: inherit; }

p { margin: 0 0 15px 0; }
h1 {  margin: 20px 0 0; }
h1 a { background: inherit; }
img { border: 0px none; }
h2 { font: normal 1.6em "Trebuchet MS", Arial, Sans-Serif; margin: 0 0 12px; }
h3 a { font-size: 1em; }

#text-tengah h3 a { font-size: .84em; color: #0000D6; font-weight: normal; text-transform: uppercase; }

#content { width: 940px; margin: 0 auto; padding: 20px 0 0 0; border-top: 5px solid #eee; }


#top{ float: right; text-align: right;  }
/* #808080=abu2. Warna Tulisan di pojok kanan atas; Home About Archive */
#top a { color: #808080; background: #fff url('images/toparrow.png') no-repeat center left; margin-left:13px; margin-right:0; margin-top:0; margin-bottom:0; padding-left:12px; padding-right:0; padding-top:0; padding-bottom:0 }
}

/* #808080=abu2. Warna Tulisan di pojok kiri atas; di bawah Scubagears.org */
#logo { float: left; color: #000099; line-height: 20px; }


#menu { height: 35px; clear: both;  background: #fff url('images/menubg.gif') repeat-x;; margin-left:0; margin-right:0; margin-top:0; margin-bottom:18px; padding-left:0; padding-right:0; padding-top:7px; padding-bottom:0 }
	#menu li { font-size: 1.1em; display: inline; text-transform: uppercase; }
	#menu li a { margin: 0 25px 0 10px; color: #808080;  }
	#menu li a:hover { color: #444; }

#header {
  height: 100px; /* Set the value to fit your needs. */
  border: 1px solid #000;
  clear: both;
}


#line { clear: both; padding: 3px; background: #fff url('images/smalldot.gif') repeat-x;; margin-left:0; margin-right:0; margin-top:0; margin-bottom:15px }


#text-tengah {
  float: left;
  width: 530px; /* Set the value to fit your needs. */
  margin: 0 5px 5px 0px;             /* spasi antara atas kotak dgn section di atasnya */
  padding: 10px 10 10;
  height: 3500px;
 }

/* batas awal -- khusus utk bagian e-store ajaa */

#kolom_kiri {
  float: left;
  width: 100px; /* Set the value to fit your needs. */
  margin: 0 10px 0px 0px;    /* atas?? kanan bawah? kiri   */
  padding: 5px;
  border-top: 6px solid #F0F0F0;
  border-right: 2px solid #F0F0F0;
  border-left: 2px solid #F0F0F0;
  display : inline;
  list-style : none; 
  min-height: 300px 
}

* html #kolom_kiri { 
height : 300px;
} 

/* kolom_kiri, menu 'Dive Gears, UW Photo, Others' */
#kolom_kiri h3 { 
background-color : #847ec8;
font-size : 1em;  /* font size tulisan 'Dive Gears' */
padding-left : 5px;
padding-top : 1px;
padding-bottom : 1px;
color : #fff;
font-weight : bolder;
}

.menuleft ul { 
margin : 10px 0 0 0;
list-style-type : none;  /* ngilangin bullet point */
margin-left : 0px;
} 

.menuleft ul li { 
width : 100px;    /* lebar batas kiri sampai kanan, mastiin panjang garis setrip rata */
height : 15px;
border-bottom : 1px dashed #868686;    /* ngasih garis bawah setrip2 */
} 

/* ubah warna font */
.menuleft ul li a { 
display : block;
height : 12px;
color : #888f3d;
font-style:normal; font-variant:normal; font-weight:400; font-size:11px; font-family:Arial, Helvetica, sans-serif; padding-left:10px; padding-right:0; padding-top:0; padding-bottom:0
}    

/* ubah warna font waktu mouse hovering*/
.menuleft ul li a:hover { 
text-decoration : none;
color : #7e9dc8
} 

.menuleft ul li.last { 
border : none;
} 

/* * ** */


#text-tengah-store {
  float: left;
  width: 900px; /* lebar kolomnya, bagian text */
  margin: 0 5px 5px 0px;    /* spasi antara atas kotak dgn section di atasnya */ /* atas?? kanan bawah? kiri */
  padding: 10px 10 10;
  height: 1000px;
  /* border: 1px solid #000; */   /* gak usah pake border */
}

/* batas akhir -- khusus utk bagian e-store ajaa */


/* bagian iklan */
#iklan { 
	float: right; 
	text-align: center; 
	padding: 0px 0 0;            /* tinggi kotak thd bgn atas section sblmx*/ 
	width: 250px;                 /* lebar kotak */ 
	margin: 0 5px 5px 5px;    /* spasi antara atas kotak dgn section di atasnya */ /* atas?? kanan bawah? kiri */
	color: #0000FF; 
	height: 150px; margin: 0 0 25px; 
	border-bottom: 1px solid #eee;
}


/* bagian iklan */
#iklan_bawah { 
	float: center;
	clear: both; 
	padding: 10px; 
	margin: 15 15 15px; 
	font-size: .9em; color: #808080; 
	background: #FFFFFF; 
	}

#shortnews { 
  float: right; 
  width: 250px;
  margin: 1 1px 1px 1px;    /* spasi antara atas kotak dgn section di atasnya */ /* atas?? kanan bawah? kiri */
  /* color : #888f3d; -----> color font*/ 
      }
	.news { border-bottom: 1px solid #eee; padding: 0 0 0px; margin: 0 0 10px;}
	
#register { 
  float: right; 
  width: 250px;
  margin: 2 1px 1px 1px;    /* spasi antara atas kotak dgn section di atasnya */ /* atas?? kanan bawah? kiri */
  /* color : #888f3d; -----> color font*/ 
border: 2px solid #3366FF;    /* tebal garis pinggir kotak & warnanya*/ 
      }
	

#menu_kanan {
  float: right;
  width: 200px; 
  padding: 33px 0 0;
  height: 10px; 
  margin: 0 0 35px; 
  border-top: 6px solid #F0F0F0;
  border-left: 2px solid #F0F0F0;
  
} 


#right { margin: 0 15px 20px 0; padding: 0 0 0 15px; float: right; width: 620px; text-align: justify; }

.border { clear: both; border-left: 4px solid #ccc; padding: 0 0 0 15px; }



#rl { float: left; width: 290px; margin: 0 20px 30px 0; }

#rr { float: right; width: 290px; }

	#rl li, #rr li { list-style: none; border-bottom: 1px solid #eee; padding: 4px; margin: 0; }

	#rl li a, #rr li a { background: #fff url('images/arrow.gif') no-repeat center left; color: #808080; padding-left:12px; padding-right:0; padding-top:0; padding-bottom:0  }


#footer { clear: both; padding: 10px; margin: 15 15 15px; font-size: .9em; color: #808080; background: #eee; }

/* #787A8F=abu2*. Warna Tulisan di section paling bawah, bagian kanan, RSS */
	.links a { font-weight: bold; color: #66E6FF; background: url('images/dot.png') no-repeat center left; margin-left:0; margin-right:10px; margin-top:0; margin-bottom:0; padding-left:10px; padding-right:0; padding-top:0; padding-bottom:0 }

	.sponsor { color: red; background: #eee; }

	#footer li { list-style: none; }

	#fl { width: 600px; }

	#fr { float: right; }