/*

Name: GreenIP
Version: 1.0
Description: findingmyipaddress style
Author: Dee Arifin

*/


* {
    padding: 0;
    margin: 0;
} 

body {
background: #555;
font-family: Verdana, Arial,  Helvetica, sans-serif;
font-size: 12px;
line-height: 19px;
color: #000;
}

img { border: none; }
a { color: #2B9B0B; text-decoration:underline;  }
a:hover { text-decoration: underline; color : #2B9B0B; }
h1 { font-family:Georgia, "Times New Roman", Times, serif; }
h2 { font-family:Georgia, "Times New Roman", Times, serif; }
p { margin-top: 10px; margin-bottom: 5px;}


#wrap {
margin: 40px auto 0 auto;
width: 940px;
}

/*******************/

.tabel {
overflow: hidden; margin: 0 0 25px 0; font-family: Tahoma,Arial, Helvetica, sans-serif;
}

.tabel table {
border-collapse: collapse; border: 0; margin: 0; padding: 0; float: left; border-bottom: 3px solid #dadada; font-family: Tahoma;
}

.tabel table tbody {
border-collapse: collapse; border: 0; margin: 0; padding: 0; float: left;
}

.tabel table th {
border-collapse: collapse; border: 0; border-bottom: 1px solid #f0f0f0; background: #FFCC00; color: #ffffff; font-size: 11px; font-weight: bold; padding: 5px 10px 5px 10px; width: 1%; text-align: left;
}

.tabel table tr {
border-collapse: collapse; border: 0;
}

.tabel table tr.bodyrowg {
border-collapse: collapse; background: #f1f6e2; border: 0; 
}

.tabel table td {
border-collapse: collapse; border: 1px solid #ffffff; border: 0; vertical-align: top; padding: 5px 10px 5px 10px; font-size: 11px; border-bottom: 1px solid #dadada;
}

/*******************************/


/* HEADER SECTION BEGIN */

#header { 
padding-bottom:10px;
}
#header h1 {
font-size: 24px;
font-weight: 100;
padding: 12px 0 5px 10px;
}
#header h1 a {
color: #fff;
text-decoration: none;
}
#header h1 a:hover {
color: #fff;
text-decoration: none;
}
#header h2 {
color: #ccc;
font-size: 15px;
font-weight: 100;
padding: 0 0 0 11px;
letter-spacing: -1px;
line-height: 12px;
}


/* MENU SECTION */

#menu {
height: 30px;
line-height: 30px;
background: #2B9B0B url(images/menu.jpg) no-repeat;
}
#menu ul {
padding-left: 10px;
list-style-type: none;
}
#menu ul li {
display: block;
float: left;
}
#menu ul li a {
color: #eee;
padding: 0 10px;
text-decoration: none;
font-weight: 600;
}
#menu ul li a:hover {
color: #fff;
text-decoration: underline;
}


/* CONTENT */

#content {
background: #555 url(images/content.jpg) repeat-y;
padding: 10px 20px;
}

.clear {
clear:both;
}

.post {
padding: 5px;
width:715px;
}

.ip {
font-size:14px;
font-weight:bold;
}

.kiri {
width:315px;
float:left;
}
.kanan {
width:370px;
float:left;
margin-left:10px;
}

.left {
width: 720px;
float: left;
text-align: justify;
}
.left h2 {
color: #2B9B0B;
font-size: 24px;
font-weight: 100;
padding : 10px 0 15px 0;
}


/* SIDEBAR SECTION */

.right {
width: 160px;
float: right;
padding: 5px;
border-left: 1px solid #bbb;
font-size: 11px;
font-family:Arial, Helvetica, sans-serif;
}
.right ul {
list-style-type: none;
padding: 5px 5px 10px 5px;
}
.right h2 {
height: 30px;
font-size: 12px;
color: #666;
line-height: 30px;
}
.right a { text-decoration: underline; }

#top {
background: #555 url(images/top.jpg) no-repeat;
padding: 5px 0;
}
#bottom {
background: #555 url(images/bottom.jpg) no-repeat;
padding: 10px 0;
}

/* FOOTER */

#footer {
text-align: center;
color: #eee;
font-size: 11px;
padding: 0 0 10px 0;
}