/*  
Theme Name: Orchid
Theme URI: http://www.sunaryohadi.info/
Description: A simple theme from <a href="http://sunaryohadi.info/">Sunaryo Hadi</a>.
Version: 0.2
Author: Sunaryo Hadi
Author URI: http://sunaryohadi.info/

	This theme was designed and built by Sunaryo Hadi,
	whose blog you will find at http://sunaryohadi.info/

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

	Have fun, and don't be afraid to contact me if you have questions.
*/

/* Begin Typography & Colors */

/* Set Layout Section */
#page,#header,#content,#sidebar,#footer { overflow:hidden; display:inline-block }
#page,#header,#footer {width:100%} /* safari and opera need this */
#header {height:150px;background:#fff url(images/header.jpg) no-repeat top;}
#page {background:#fff url(images/pagebg.jpg) repeat-y top;}
#content {float:right;width:450px; margin:0; padding:5px 50px 5px 30px;}
#sidebar {width:170px; margin: 0; padding:10px 10px 10px 40px;}
#footer {clear:both; height: 60px; background:#fff url(images/footerbg.jpg) no-repeat top; text-align:right;line-height:16px;}

/* General */
a { color: #586D16 }
a:hover { color: #f60; }
form {margin:0;padding:0;} /* IE need this */
input, textarea {font:11px/16px Tahoma; letter-spacing:1px; padding:2px 5px;}

/* Header Section */
#header h1 {text-align:right;font:bold 2.4em Arial;margin:0; padding: 40px 35px 0 25px;}
#header h2 {text-align:right;font:1.2em Arial;margin:0;padding: 0 35px 0 25px;}
#header a {text-decoration: none;}

#headerimg {height: 111px;}
#headermenu {height: 26px;}

/* Header Page Menu Section */
#pagemenu {margin:0;padding:0 35px 0 35px; text-align:right;}
#pagemenu li {display:inline; margin: 0 3px 0 0;}
#pagemenu a {background: transparent; margin: 0; padding: 7px 10px; font:bold 11px Verdana; line-height:26px; letter-spacing:0;}
#pagemenu a:hover { background: #E4F4B3 url(none);}

/* Content Section */
#content h2 {font:bold 1.4em Arial; margin-bottom:5px;}
#content h2.pagetitle { font: bold 1.2em Arial;}
#content h3 {font: bold 1.1em Arial;}
#content a {text-decoration:none; border-bottom: 1px dashed #9AC025;}
#content a:hover {border-bottom: 1px dashed #f60;}
#content .entry {text-align:justify;}

/* SideBar Section */
#sidebar ul {list-style: none;	margin: 0;	padding: 0 0 10px;}
#sidebar ul li {margin: 0;display: block;padding: 2px 0 6px;border-top: 1px solid #E8F3C5; font:bold 12px Arial; color:#676;}
#sidebar li ul{list-style: none;margin: 0;padding: 6px 0 2px;}
#sidebar li ul li{margin: 0;display: block;padding: 2px 0 4px 12px;border-top: 1px solid #E8F3C5;font:normal 11px Tahoma;}
#sidebar a {text-decoration:none;}
#sidebar p {font:11px Tahoma;}

/* Footer Section */
#footer p { padding: 20px 35px 0 35px;}

/* Comment Stuffs */
#comment {width:95%;}
cite {font-weight:bold; font-style:normal;}
.commentbody {color: #595949; font-size: 11px; margin: 0 0 5px 0;padding: 10px 15px 10px 15px;	
     background: #f7f7f0;	border: 1px solid #f0f0e0; position: relative;}
.commentbody p {line-height: 1.2em; margin:5px 0 0 0;}
.commentlink {	font-size: 10px;}
.commentlist {	list-style: none; margin:0; padding:0;}
.commentcount {	position: absolute;	left: 460px;	top: 5px;	font: bold 24px Georgia,sans-serif;
	color: #e0e0d0;	float: left;}

/* Other Parts */
img {padding:0px; border: 0px;}
.navigation {	font-size: 11px;	padding: 0 0 15px 0; }
.alignleft {float: left;text-align: left;}
.alignright {float: right;margin-top: -1px;	text-align: right;}
p.postmetadata {color: #999; padding: 5px 5px 5px 5px;text-align:right; margin: 0 0 0 30px;}
small {color:#666}
.wp-smiley {border:none}


/* CSS Document */

body {
margin: 20px;
padding: 0px;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #444444;
font-size: 11px;
}

a:link { color: #2e69a6; text-decoration: underline; }
a:visited { color: #2e69a6; text-decoration: underline; }
a:active { color: #2e69a6; text-decoration: underline; }
a:hover { color: #F17827; text-decoration: underline; }


table.main { background-color: #FFFFFF; border-right: 1px solid #000000; border-left: 1px solid #000000; border-bottom: 1px 
solid #000000;}

.nav { color: #FFFFFF; }
.nav a:link { color: #FFFFFF; text-decoration: underline; }
.nav a:visited { color: #FFFFFF; text-decoration: underline; }
.nav a:active { color: #FFFFFF; text-decoration: underline; }
.nav a:hover { color: #FAFAFA; text-decoration: underline; }

table.welcome { background-color: #fafafa; border: 1px solid #e5e5e5;}

.plan_title { font-size: 18px; font-weight: bold; color: #135da9; padding-left: 4px; }

table.why { background-color: #fafafa; border: 1px solid #e5e5e5; }
.why_header { color: #135da9; font-size: 11px; font-weight: bold; }

table.sidebar { background-color: #FAFAFA; border: 1px solid #e5e5e5;}

td.news { background-color: #FFFFFF; border: 1px solid #e5e5e5; padding: 3px; }

td.speedtest { background-color: #FFFFFF; border: 1px solid #e5e5e5; padding: 3px; }
.speedtest_header { color: #2e69a6; font-size: 13px; font-weight: bold; }

.p10_menu {
	font-family: Verdana;
	font-size: 11px;
	color: #58657A;
	text-decoration: none;
	text-align: justify;
	margin: 3px;
	padding: 3px;
	font-weight: bold;
}


.menu_title {
	text-decoration: none;
	margin: 2px;
	padding: 2px;
	text-align: left;
	font-family: Verdana;
	font-size: 12px;
	color: #666699;
	border: 1px solid #CCCCCC;
	font-weight: bold;
}


.menu_main {
	text-decoration: none;
	margin: 2px;
	padding: 2px;
	text-align: left;
	font-family: Verdana;
	font-size: 12px;
	color: #58657A;
	border: 1px solid #CCCCCC;
}

.p10_menu_left {
	font-family: Verdana;
	font-size: 11px;
	color: #58657A;
	text-decoration: none;
	text-align: justify;
	margin-left: 5px;
}

.boxdefault {
	font-family: Verdana;
	font-size: 11px;
	color: #000000;
	border: 1px solid #000066;
	left: 15px;
	background-color: #EBEBEB;
	padding: 3px;
        margin: 3px;
}
.boxheader {
	font-family: Verdana;
	font-size: 11px;
	color: #000000;
	left: 15px;
	background-color: #e2e2e2;
	font-weight: bold;
	padding: 2px;
}
.boxtd {
	font-family: Verdana;
	font-size: 11px;
	color: #000000;
	left: 15px;
	background-color: #EBEBEB"
	padding: 2px;
}
.boxtd1 {
	font-family: Verdana;
	font-size: 11px;
	color: #000000;
	left: 15px;
        background-color: #EBEBEB;
	padding: 2px;
}
fieldset        {padding:10px; border:1px solid #CCCCCC; width: 400px;}
legend          {font-size: 1.5em; color: #262f5f; font-weight: normal; font-family:"Trebuchet MS",'Times New 
Roman',Times,serif;}

.td                     {color: #000; font-weight: normal; font-family:"Trebuchet MS",'Times New Roman',Times,serif;}
.green          {color: #009900;}

#container      {margin: auto; width: 440px; background-color: #FFFFFF;}

/* search form */
#domain         {padding:15px;}
#domain .l1     {float: left; width: 230px; margin: 0 5px 0 0;}
#domain .l2     {float: left; width: 190px; margin: 0 5px 0 0; }
#domain .r      {float: right; margin: 0; width: 80px;}
#domain .input  { font-size:14px; background-color:#fff; padding:4px; border:1px solid #b5b6c4;}

/*result table */
#log            {width: 450px; margin-top: 5px;}
#log_res        {overflow: auto;}
#log_res.ajax-loading   {padding: 20px 0;background: url(../images/loading.gif) no-repeat center;}

.tabel          {width:100%; margin:auto; border-collapse:collapse;}
.tabel th       {padding:2px; background-repeat: repeat-x; color:#000;}
.tabel td       {padding:2px;}
.disponibil {width:50%; color:#009900; text-align:left;}
.ocupat         {color:#CC0000; text-align:left;}
.alt            {background-color:#F1F1F1}
#footer         {padding:10px; background-color: #FFFFFF;}