/*
Theme Name: CanHost
Theme URI:
Description: none
Version: 1.0
Author: Sunny
Author URI:

Last Modified on June 3, 2008
*/

/* Base Definitions */

* {
	margin: 0;
	padding: 0;
}
body {
	margin-bottom: 60px;
	background-color: #FFF;
}

p {
	margin: .7em 0;
	line-height: 1.6em;
}
a {
	text-decoration: none;
}
	a:link,
	a:visited {
		color: #265e15;
	}
	a:hover,
	a:active {
		color: #1B2318;
	}

h1, h2, h3, h4, h5, h6 {
	font-family: Georgia, Verdana, Arial, serif;
}

blockquote {
	margin: 5px 10px;
	border-top: #1B2318 1px dashed;
	border-bottom: #1B2318 1px dashed;
	padding: 0;
	color: #666;
}

.clear {
	clear: both;
	height: 20px;
}

fieldset {
	border:0px none;
}
input, textarea, select {
	font: normal 12px/17px Arial, Helvetica, sans-serif;
	color: #777;
}


/* General Image Defintions */

a:link img,
a:visited img,
a:hover img,
a:hover img,
a:active img {
	border:0px none;
}


/* Wrapper Definition */
#wrapper {
	background: #FFFFFF;
	margin: 10px auto; 
	width: 764px; 	
	position: relative; 
	text-align: left;
}

/* Header Definitions */
#header {
	clear: both; 
	background: #FFFFFF url('/wp-content/themes/subordinate/img/hdr-bg.gif') repeat-x bottom;
	margin: 0px;
	padding: 0px; 
	width: 764px 			
}

#headertitle {
	float:left;
	width:50%;
	margin: 0px;
	padding: 0px;
}

#headertitle h1 {
	font-size:1.8em;
	margin:5px 0px 0px 5px;
	padding:0px;
	font-variant:small-caps;
	letter-spacing:0px;
}

#headertitle h1 a {
	margin:0px;
	padding:0px;
	text-decoration:none;	
	border:0px none;
}

#headertitle h2 {
	margin:5px 0px 10px 12px;
	padding: 0px;
	font-size:1em;
	font-weight:normal;
	font-family:Tahoma, Verdana, Arial, Serif;
	letter-spacing:0px;
}

/* Header Search Box Definitions */
#headersearch {
	float:right;
	text-align:right;
	width:50%;
	margin:30px 0px 0px 0px;
	padding:0px;
}

#headersearch input#searchsubmit {
	border: #ff9000 1px dashed; 
	font-size: 0.9em; 
	background: #E0DFE4; 
	margin: 0px 15px 0px 2px; 
	padding: 2px; 		
}

/* Header Image Area Definition */

.logo{
	 height:70px; 
}
#headerlogo {
	height:70px; 
	margin-top: 16px;
}

#headerimage {
	clear: both; 
	background:#000000 url('/wp-content/themes/subordinateimg/header.jpg') no-repeat 0 0;
	margin: 0px; 
	height: 200px;
	width:764px		
}

.menu{ 
	height:34px; 
	padding-bottom: 5px; 
	background-image: url('/wp-content/themes/subordinate/img/menu/bg.gif');
	background-repeat: no-repeat; 
	background-position:  right top; 
}

#headerblog{
	clear:both;
	padding: 5px 0px 5px 0px;
}	
/* Feed Definitions */

#feeds {
	padding:180px 15px 0 0; 
	float: right;
	color: #000000; 	
	text-align: right;
}

#feeds a:link, 
#feeds a:visited {
	color: #000000;	
}

#feeds a:hover, 
#feeds a:active {
	color: #8F8F6B;
	border: 0px;
}

/* Navigation Definitions */
#navigation {
	background: #FFFFFF url('/wp-content/themes/subordinateimg/nav-bg.gif') repeat-x top; 
	height: 40px;
	margin: 0px;
	overflow: hidden; 
	width: 764px;
	font-family: Trebuchet MS,Tahoma, Verdana, Arial, Serif;
	font-variant: small-caps; padding-left:0px; padding-right:0px; padding-top:0px; padding-bottom:12px	
}

#navigation ul{
	float: left;
	margin: 0px;
	padding: 0px 0px 0px 15px;
	list-style-type: none;
}

#navigation ul li {
	float: left;
	background:	#EEEEEE url('/wp-content/themes/subordinateimg/tab.jpg') no-repeat top;
	width:75px;
	height:25px;
	margin:0px;
	text-align:center;
	list-style-type: none; padding-left:0px; padding-right:0px; padding-top:2px; padding-bottom:0px
}

#navigation ul li a,
#navigation ul li a:link,
#navigation ul li a:visited {
	border: 0px;
	margin:0px;
	padding: 0px;
	font-weight:bold;
	color:#666666;		
	text-decoration: none;
}

#navigation ul li a:hover, 
#navigation ul li a:active {
	border: 0px;
	margin:0px;
	padding: 0px;
	font-weight:bold;
	color:#333333;		
	text-decoration: none;
}

#navigation ul li.search {
	font-size: 0.9em; 
	right: 0; 
	position: absolute; 
	top: 0;
}
#navigation ul li.search input#searchsubmit {
	border: #999 1px solid; 
	font-size: 0.9em; 
	background: #ddd; 
	margin: 0 0 0 2px; 
	color: #265e15; 
	padding: 2px; 		
}

/* Container Definitions */
#container {
	margin: 0px 10px 10px 20px; 	
}

/* Content Definitions */

#content {
	float: left; 
	width: 535px;
	padding-top: 5px;
 	padding-left:20px; 
	padding-right:10px; 
	font-family: Arial, Helvetica, sans-serif; 
	font-weight:normal; 
	font-size:12px; 
	color:#777777; 
	text-decoration:none; 
	line-height:17px;
}

#content A:link	  	{color:#3D81BF; text-decoration:none; }
#content A:visited	{color:#3D81BF; text-decoration:none; }
#content A:active	  	{color:#3D81BF; text-decoration:underline; }
#content A:hover	  	{color:#3D81BF; text-decoration:underline; }

#content ul 
{
    margin:0 1em;
    list-style-image:url('img/dot_green.gif');  *; padding-left:1em; padding-right:1em; padding-top:0; padding-bottom:0
}

#content ul.asides 
{
	margin:0;
	padding:2em;
	border-bottom:#c7d1e5 1px solid;
}

#content {
	float: left; 
	width: 535px; 
	margin-right: 10px;
}

#content h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;  
	font-size: 12px;
	text-decoration:none;
}

#content h4 {
	font-size: 1.1em; 
	margin: 1em 0 0 0;
}

#content h5 {
	font-size: 1em; 
	margin: 1em 0;
}

#content ol {
    list-style-type:decimal;
    margin:1em;
    padding:0 1em;
}

#content .post {
	padding:10px 0 1em 0;
	border-bottom:#c7d1e5 1px solid;
}

#content h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;  
	font-size: 12px;
	text-decoration:none;
}

#content .entry {
    margin:1em 0;
    padding-right:1em;    
}

#content .entry a:link, 
#content .entry a:visited {
   /* border-bottom:#E0DFE4 1px solid;    */
}

#content .entry a:hover, 
#content .entry a:active {
   /* border-bottom:#E0DFE4 1px dotted;    */
}

#content .post-info, #content .postmetadata {
	font-size:0.9em;
	color:#999;
	margin:0;
	padding:0;	
}

/* Sidebar Definitions */

#sidebar {
	clear: both;
	float: left;
	width: 175px;
	height: auto;
	margin: 5px 0;
	padding: 0;
	font: normal 11px Arial, Helvetica, sans-serif;
	color:#777;
}
#sidebar A:link,
#sidebar A:visited,
#sidebar A:active {
	color: #79C707;
	text-decoration: underline;
}
#sidebar A:hover {
	text-decoration: none;
}
#sidebar h2 {
	margin: 0;
	padding: 0 0 5px 15px;
	color: #000;
	font: bolder 1.2em Arial, Helvetica, sans-serif; 
	font-variant: small-caps;
	letter-spacing: 0;
	text-align: left;
}
	#sidebar .box h2 {
		padding: 0 0 5px;
	}

/* Box */

#sidebar .box {
	background: url('/wp-content/themes/subordinate/img/box_footer.gif') no-repeat 0 100%;; margin-left:0; margin-right:0; margin-top:0; margin-bottom:10px
}
#sidebar .box .header {
	height:17px;
	background: url('/wp-content/themes/subordinate/img/box_header.gif') no-repeat 0 0;
}
#sidebar .box .content {
	padding: 0 15px 5px;
	border-left: 1px solid #C7D1E5;
	border-right: 1px solid #C7D1E5;
	font: normal 11px/16px Arial, Helvetica, sans-serif;
	color:#777;
	text-decoration:none;
}

/* Simple list */

#sidebar ul.simple-list {
	margin: 0;
	border: 0px none;
	padding: 0
}
	#sidebar ul.simple-list li {
		margin: 0;
		padding: .2em 0;
		list-style: none;
	}
	#sidebar ul.simple-list li img {
	vertical-align: top;
	}

/* Dotted list */

#sidebar ul.dotted-list {
	margin: 0;
	border: 0px none;
	line-height: 1.2; padding-left:0; padding-right:0; padding-top:5px; padding-bottom:0
}
	#sidebar ul.dotted-list li {
		margin: 0 0 0 10px;
		padding: 0 0 5px;
		list-style-type:square;
		color:#79C707;
	}

/* Search form */

.boxSearchBlog {
	width: 175px;
	height: 100px;
	background: url('/wp-content/themes/subordinate/img/box_searchblog.jpg') no-repeat 0 0;
}
.boxSearchBlog .ctn {
	float: right;
	padding-top: 70px;
}
.boxSearchBlog input {
	color: #666;
}




#tutup{
	background:#FFFFFF url('/wp-content/themes/subordinate/img/box_footer.gif') no-repeat left bottom;	
}


#archives {
  border:0px none;
  background:#FFFFFF url('/wp-content/themes/subordinate/img/box_header.gif') no-repeat left top;
  margin: 0px;
}

#archieves ul{  
	margin: 0px 0px 0px 0px;
  padding: 10px 0px 5px 0px;
	border: 1px solid #ff0000;
	border-right: #E0DFE4 1px solid;
  border-left: #E0DFE4 1px solid;	
}

#archieves li{  
	margin: 0px 0px 0px 0px;
  padding: 10px 0px 5px 0px;
	border: 1px solid #ff0000;
	border-right: #E0DFE4 1px solid;
  border-left: #E0DFE4 1px solid;	
}
#archieves h2 {
	font-weight: normal; 
	font-size: 1.2em; 
	text-align: left;
	color: #000000;	
	font-family: Arial, Helvetica, sans-serif; 
	font-weight:normal;	
	font-variant:small-caps;
	font-weight:bolder;
	letter-spacing:0px;
	margin:0px;
	padding: 0px 0px 5px 15px;
}



#sidebar li.linkcat {
  border-left:0px none; border-right:0px none; border-top:0px none; border-bottom:1px solid #E0DFE4; background:#FFFFFF url('img/sideblock.jpg') no-repeat left top; margin-left:0px; margin-right:0px; margin-top:0px; margin-bottom:10px; padding-left:0px; padding-right:0px; padding-top:10px; padding-bottom:0px
}

/* These help support the widgets properly */
#sidebar ul table {
	width: 160px;
	margin: 0px;
}

#sidebar ul .textwidget {
	border-right: #E0DFE4 1px solid;
    border-left: #E0DFE4 1px solid;
	margin:0px;
	padding:0px 15px 0px 15px;
}

/* This is to support the search widget properly */
#sidebar ul form#searchform {
	border-right: #E0DFE4 1px solid;
    border-left: #E0DFE4 1px solid;
    margin:0;
	padding:15px 10px 10px 10px;
	text-align:center;
}

/* This is to support the calendar widget properly */
#calendar_wrap {
  border-right: #E0DFE4 1px solid;
  border-left: #E0DFE4 1px solid;
  margin:0;
  padding:0px 0px 5px 15px;
}

/* Footer Definitions */
#footer {
	clear: both; 	
	margin: 0px;
	width: 764px; 	
	padding-top:22px; 
	font-family: Arial, Helvetica, sans-serif; 
	font-weight:normal; font-size:11px; 
	color:#B7B7B7; 
	text-decoration:none; 
	line-height:19px;  
}


#footer .dark		{ font-family: Arial, Helvetica, sans-serif; font-weight:normal; font-size:11px; color:#666666; text-decoration:none; line-height:19px;  }
#footer A:link   	{ font-family: Arial, Helvetica, sans-serif; font-weight:normal; font-size:11px; color:#666666; text-decoration:none; }
#footer A:visited	{ font-family: Arial, Helvetica, sans-serif; font-weight:normal; font-size:11px; color:#666666; text-decoration:none; }
#footer A:active 	{ font-family: Arial, Helvetica, sans-serif; font-weight:normal; font-size:11px; color:#666666; text-decoration:none; }
#footer A:hover  	{ font-family: Arial, Helvetica, sans-serif; font-weight:normal; font-size:11px; color:#666666; text-decoration:underline; }
#footer .copyright	{ font-family: Arial, Helvetica, sans-serif; font-weight:normal; font-size:10px; line-height:18px; color:#919191; text-decoration:none;  }


li#sidelinks ul
{
	margin:0;
	padding:0;
}

#comments, 
#respond {
	margin: 0;
	padding:1em 0 0 0;
}

#commentform {
	margin:10px 0;	
	padding:10px;

}

.commentnum {
	font-size:1.5em;
	font-weight:bold;	
	margin:0 5px 0 0;
}

#container .commentlist {
	margin: 1em 0;
	padding: 0;		
	border-top: #E0DFE4 1px solid;
}

.commentlist li {
	list-style:none;
	margin: 0;
	padding: 1em 0.5em;	
}

.commentlist li.alt {
    background:#F6F6F6;    
}

.commentlist li.authorcomment {
}

.commentlist li .cmtinfo {
	font-size:1em;		
}

.commentlist li cite {
	font-style:normal;
	font-weight:bold;
}

.commentlist li .cmtinfo em {
	float:right;
	margin:0;
	padding:0;
	font-style:normal;
	font-size:0.9em;
	color:#999999;
}

#content .commentsfeed {
	background:url('/wp-content/themes/subordinate/img/rss_mall.gif') no-repeat left center;
	padding-left:16px
}

#content .trackback {
	background:url('/wp-content/themes/subordinate/img/link.gif') no-repeat left center;
	padding-left:20px
}

input.textbox, 
textarea {
	border:1px solid #CCCCCC;
	background:#FFFFFF url('/wp-content/themes/subordinate/img/shadow_top.gif') repeat-x top;
/*
	font:1em Verdana, Arial, Serif;
*/
	padding:2px;
	width:150px
}

textarea {
	width: 90%;
	padding:10px;
	line-height:2em;
	height: 20em;
}

input.textbox:focus, 
textarea:focus {
	background:#FFFFFF url('/wp-content/themes/subordinate/img/shadow_top.gif') repeat-x top;
	border:1px solid #AAAAAA;
}

#submit {
	padding:3px 5px;
}

.post h4 {
	font-size:1em;
	font-weight:normal;
	font-family:Verdana, Tahoma, Arial, Serif;
}

.post h4 em	{
	font-style:normal;
	float:right;
	font-weight:normal;
}

dl {
	margin:1em 0;
}

dt {
	font-weight:bold;
}

dd {
	margin:0.5em;
	padding:0;
}

.wp-smiley, #wpstats {
	background: none;
	border: 0px none;
	padding: 0
}

#header, #content, #sidebar, #footer, .widget {
    overflow: hidden;
}



.komment {
}
	.komment .brdTop {
		background: url('/wp-content/themes/subordinate/img/brd_top.gif') repeat-x bottom;
	}
	.komment .pin {
		padding-left: 10px;
	}
	.komment .blogger {
		font-size: 11px;
		padding-bottom: 10px;
	}
	.komment .blogger a {
		font-size: 11px !important;
	}
	.komment .brdLeft {
		background: url('/wp-content/themes/subordinate/img/brd_left_btm.gif') repeat-y left;
	}
	.komment .brdRight {
		background: url('/wp-content/themes/subordinate/img/brd_right_btm.gif') repeat-y right;
	}
	.komment .ctn {
		background: url('/wp-content/themes/subordinate/img/bg.gif') repeat-x top;
		padding: 5px
	}
	.komment .brdBtm {
		background: url('/wp-content/themes/subordinate/img/brd_btm.gif') repeat-x bottom;
	}
.clear {
	clear: both;
}

.innerbox_header{ background-image: url('/wp-content/themes/subordinate/img/innerbox_topright1.gif'); background-repeat: no-repeat; background-position:  right top; }
.innerbox_content{ padding-left:18px; padding-right:15px; border-left: 1px solid #C7D1E5; border-right: 1px solid #C7D1E5; }
.innerbox_footer{ background-image: url('/wp-content/themes/subordinate/img/innerbox_bottomright.gif'); background-repeat: no-repeat; background-position:  right bottom; }
.subtitle1			{ border-bottom: 1px solid #C7D1E5; padding-bottom:9px; font-family: Arial, Helvetica, sans-serif; font-weight:bold; font-size:12px; color:#79C707; text-decoration:none; line-height:17px; }
.innertext				{ padding-left:10px; padding-right:10px; font-family: Arial, Helvetica, sans-serif; font-weight:normal; font-size:12px; color:#777777; text-decoration:none; line-height:17px; }
.warning {
	background: #ffcc03 url('/wp-content/themes/subordinate/img/box2/bg.gif') no-repeat 5px 5px;
}
.warningCtn {
	padding: 10px;
	color: #333333;
}
.warningCtn a {
	color: #000000 !important;
}
.header1			{ height:70px; }
.menu1			{ height:34px; padding-bottom:5px; background-image: url('img/menu/bg.gif'); background-repeat: no-repeat; background-position:  right top; }
.home .main 	{ height:18px; background-image: url('/wp-content/themes/subordinate/img/home_bg_top.gif'); background-repeat: no-repeat; background-position:  left top; }
.home .mainc 	{ border-left: 1px solid #C7D1E5; border-right: 1px solid #C7D1E5; }
.home .left 	{ background-image: url('/wp-content/themes/subordinate/img/home_bg_bottom.gif'); background-repeat: no-repeat; background-position:  left bottom; }
.home .right 	{ background-color: #1B5993; background-image: url('/wp-content/themes/subordinate/img/home_bg_bottom_right.gif'); background-repeat: no-repeat; background-position:  left bottom; }

.box						{ background-image: url('/wp-content/themes/subordinate/img/box_footer.gif'); background-repeat: no-repeat; background-position:  left bottom; }
.box .header1				{ height:17px; background-image: url('/wp-content/themes/subordinate/img/box_header.gif'); background-repeat: no-repeat; background-position:  left top; }
.box .content1{ 
	padding-left:10px; 
	padding-right:3px; 
	padding-bottom:5px; 
	border-left: 1px solid #C7D1E5; 
	border-right: 1px solid #C7D1E5; 
	font-family: Arial, Helvetica, sans-serif; 
	font-weight:normal; 
	font-size:11px; color:#777777; 
	text-decoration:none; line-height:16px; 
}
.box .content1 A:link		{ font-family: Arial, Helvetica, sans-serif; font-weight:normal; font-size:11px; color:#79C707; text-decoration:underline; }
.box .content1 A:visited		{ font-family: Arial, Helvetica, sans-serif; font-weight:normal; font-size:11px; color:#79C707; text-decoration:underline; }
.box .content1 A:active		{ font-family: Arial, Helvetica, sans-serif; font-weight:normal; font-size:11px; color:#79C707; text-decoration:underline; }
.box .content1 A:hover		{ font-family: Arial, Helvetica, sans-serif; font-weight:normal; font-size:11px; color:#79C707; text-decoration:none; }
.box h2 					{ margin-top: 0px; padding-top: 0px; }
.box ul						{ list-style: none; margin: 0px; padding: 0px; }
.box ul li					{ background: url('img/dot_green.gif') no-repeat 0px 5px; padding-left: 12px; margin-bottom: 5px}
.boxtestimonials			{ width:120px; }

.entry ul,
.list {
margin: 0;
padding: 0 0 0 2px;
list-style: none;
line-height: 17px;
}

.entry ul li,
.list li {
padding-left: 11px;
background: url('img1/blockquote_l.gif') no-repeat 0 6px;
}

.li 				{ margin:0px 0px 0px 0px; padding: 0px 0px 0px 2px; list-style: none; line-height: 17px; }
.li 			{ padding-left: 11px; background-image: url('img/dot_green.gif'); background-repeat: no-repeat; background-position: 0px 6px } 

blockquote {
margin: 0;
border: 0px none;
background: url('img1/blockquote_l.gif') no-repeat 0 0;; padding-left:3em; padding-right:0; padding-top:.2em; padding-bottom:0
}
blockquote div {
margin: 0;
background: url('img/blockquote_r.gif') no-repeat 95% 100%;; padding-left:0; padding-right:5em; padding-top:0; padding-bottom:.6em
}