/**

Theme Name: Toserblog Media Net
Theme URI: http://toserblog.com
Description: Specail theme for <a href="http://toserblog.net">Toserblog.Net</a>, based from <a href="http://matriphe.com/jerukbusuk.html">Jeruk Busuk</a> by <a href="muhammad.zamroni.net>zam</a>.
Tags: 
Version: 1.0beta
Author: MQ Hidayat
Author URI: http://mq-hi.da.yat.web.id/

*/

@charset "utf-8";

/**
	Date: March 2008

	1.  GENERAL
	1.1 Headings and Paragraphs
	1.2 Forms
	1.3 Links
	1.4 Miscellaneous
	
	2. GENERAL ELEMENTS
	
	3. LAYOUT
	3.1 Accessibility Menu
	3.2 Header
	3.3 Content
	3.4 Sidebar
	3.5 Secondary Content
	3.6 Footer

	4. LAYOUT ELEMENTS
**/

/**
 1.	GENERAL
 ===================================================================================
 **/

/* Global reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd,q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0 auto; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }

body { line-height: 1; }	
	
table {
	border-collapse: separate; 
	border-spacing: 0;  /* tables still need 'cellspacing="0"' in the markup */
}

caption, th, td {
	text-align: left; 
	font-weight: normal;
}

ol, ul { margin: 0 1.5em 1.5em 1.5em; }

ul          { list-style-type: disc; }

ol          { list-style-type: decimal; }

/**
1.1	Headings and Paragraphs
 ===================================================================================
 **/
 
h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; }

h1 {}

h2 {}

h3 {}

h4 {}

h5 {}

h6 {}

p  {}

/**
1.2	Forms
 ===================================================================================
 **/

form { margin: 0; padding: 0; }

input, textarea, select {
	font: 1.2em Arial, Helvetica, sans-serif;
}

/**
1.3	Links
 ===================================================================================
 **/

a {
	color: #33556C;
	text-decoration: none;
}

a:visited {}

a:hover {
	color: #F26522;
	text-decoration: none;
}

a:active {}

/**
1.4	Miscellaneous
 ===================================================================================
 **/
 
hr { 
	display: none; }
		
strong {
	font-weight: bold; }
		
em {
	font-style: italic; }
	
abbr, acronym {
	color: #F26522;
	border-bottom: #4B4B4B 1px dotted;
	font-weight: normal; 
	cursor: help;
}

/**
 2.	GENERAL ELEMENTS
 ===================================================================================
 **/

.hide {
	position: absolute;
	left: -00436E9px;
}

.hidden {
	display: none;
}

.mask {
	visibility: hidden;
}

.clear {
	clear: both;
	font-size: 0;
	height: 0;
	line-height: 0;
	overflow: hidden;
}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix {
	display: inline-block; }
	
/* Hides from IE-mac \*/ 
* html .clearfix {
	height: 1%; }

.clearfix {
	display: block; }
/* End hide from IE-mac */

div { display: block; margin: 0 auto; }

.nofloat { float: none !important; }

.alignleft { float: left; }
}

.alignright { float: right; }

/**
 3.	LAYOUT
 ===================================================================================
 **/

body {
	text-align: center;
	margin: 0;
	padding: 0;
	background: #00436E;
	font-family: 'Georgia', Verdana, Arial, Sans-Serif;
	font-size: 62.5%; /* 1em = 10px \ 1.1em = 11px \ 1.2em = 12px */
	color: #00436E;
}

.container {
	position: relative;
	text-align: center;
}

/* position */
.floatleft { float: left; }

.floatright { float: right; }

/* fixed width */
.w960 { width: 960px; }

.w800 { width: 800px; }

.w780 { width: 780px; }

.w640 { width: 640px; }

.w600 { width: 600px; }

.w520  { width: 520px; }

.w480 { width: 480px; }

.w400 { width: 400px; }

.w390 { width: 390px; }

.w320 { width: 320px; }

.w300 { width: 300px; }

.w260 { width: 260px; }

.w230 { width: 230px; }

.w200 { width: 200px; }

/* dinamic width */
.w90 { width: 90%; }

.w60 { width: 60%; }

.w30 { width: 30%; }

.w45 { width: 45%; }

.w640, .w520, .w480, .w400, .w390, .w320, .w300, .w260, .w200, .w60, .w30, .w45 { float: left; overflow: hidden; }

/* for debug only */
#a { background: #f00; }

#b { background: #0f0; }

#c { background: #00f; }

/**
3.1	Accessibility Menu
 ===================================================================================
 **/
 
#accessibility-menu {
	position: absolute;
	left: -1000em;
	text-align: left;
}

/**
3.2	Header
 ===================================================================================
 **/
 
#topheader_container {
	background: #6AD0FF;
	padding: 0 10px;
}

	#topheader {
		background: #D6F2FF;
		text-align: right;
		padding: 20px 0 0 0;
	}

		#topheader h1 {
			margin: 0px;
		}

			#topheader h1 a {
				background: transparent url('images/toserblog-01.png') no-repeat right bottom;
				border: none;
				display: block;
				height: 62px;
				overflow: hidden;
				text-indent: -2000px;
			}

#bottomheader_cotainer {
	background: #C2ECFF;
	padding: 0 10px;
	border-bottom: 1px solid #fff;
}

	#bottomheader {
		background: #EEFAFF url('images/toserblog-02.png') no-repeat right top;
		text-align: left;
		padding: 7px 0;
	}

		#bottomheader #blogdesc {
			font: italic 3.5em Garamond;
			color: #00436E;
			margin: 0px 10px;
		}


/**
3.3	Content
 ===================================================================================
 **/
 
#main_content {
	background: #B9CBD7;
}

	#main_content #content {
		margin-top: 7px;
		margin-bottom: 19px;
		text-align: justify;
		padding: 0 10px 0 10px;
		font-size: 1.5em;
		color: #00436E;
	}

	#main_content #content #post_main {
		margin-top: 3px;
	}

	#main_content #content .page {
		padding-bottom: 20px;
	}


		#main_content #content #post_main h2,
		#main_content #content #post_main h2.single {
			font: normal 2.5em Garamond;
			letter-spacing: 0.7px;
			color: #003050;
			text-align: right;
		}

			#main_content #content #post_main small {
				font-size: 0.8em;
				margin: 0;
				padding: 0;
			}

		#main_content #content #post_error h2.single {
			font: 3em tahoma;
			letter-spacing: 1px;
			margin-top: 0;
			padding-top: 0;
			color: #F26522;
		}

		#main_content #content #post_main h3 {
			font: 1.2em;
			letter-spacing: 1px;
		}

		#main_content #content #post_main .cat {
			font: 1.3em tahoma;
			text-transform: uppercase;
			color: #777;
			margin-top: 5px;
			display: block;
			letter-spacing: 0;
		}

			#main_content #content #post_main .cat a {
				font-weight: bold;
				color: #777;
			}

		#main_content #content #post_main .postcontent,
		#main_content #content #post_error .postcontent {
			font-size: 1.2em;
			margin-top: 20px;
				line-height: 1.9em;
		}

			#main_content #content #post_main .postcontent p,
			#main_content #content #post_error .postcontent p {
				line-height: 1.3em;
				margin: 0;
				padding: 0;
				margin-bottom: 1em;
			}

			#main_content #content #post_main .postcontent blockquote {
				padding: 3px 7px;
				margin: 7px 10px 19px 10px;
				letter-spacing: 3px;
				text-align: left;
				border: 1px dashed #00436E;
			}

			#main_content #content #post_main .postcontent blockquote:hover {
				background: #6AD0FF;
				border: 1px dashed #FFF;
			}

			#main_content #content #post_main .postcontent a {
				border-bottom: 1px dotted #efefef;
			}

			#main_content #content #post_main .postcontent a.more-link {
				font-weight: normal;
				border: 0;
				line-height: 3em;
			}

			#main_content #content #post_main .postcontent img {
				background: #ccc;
				padding: 5px;
				border: 1px dashed #aaa;
				margin-bottom: 5px;
				margin-top: 5px;
			}

			#main_content #content #post_main .postcontent img.alignleft {
				float: left;
				margin-right: 10px;
			}

			#main_content #content #post_main .postcontent img.alignright {
				float: right;
				margin-left: 10px;
			}

			#main_content #content #post_main .postcontent img.wp-smiley {
				width: auto;
				height: auto;
				padding: 0;
				border: 0;
				background: transparent;
				display: inline;
			}

			#main_content #content #post_main .postcontent ul,
			#main_content #content #post_main .postcontent ol,
			#main_content #content #post_error .postcontent ul,
			#main_content #content #post_error .postcontent ol {
				line-height: 1.4em;
				margin-bottom: 1em;
			}

		#main_content #content #post_main .postmeta {
			display: block;
			padding: 5px 10px;
			margin: 10px 0;
			border-top: 1px solid #304809;
			font: 1.1em verdana;
			color: #000;
		}

			#main_content #content #post_main .postmeta .tags {
				float: right;
			}

			#main_content #content #post_main .postmeta .comments {
				font: normal 1.4em tahoma;
			}

	#main_content #content .tagclouds {
		display: block;
		text-align: center;
		margin-top: 30px;
		margin-bottom: 20px;
		border-top: 1px solid #ddd;
		border-bottom: 1px solid #ddd;
		padding: 10px 0;
		background: #fcfcfc;
	}

		#main_content #content .tagclouds a {
			color: #F7941D;
			padding: 3px;
		}

		#main_content #content .tagclouds a:hover {
			color: #F26522;
			background: #FFFDE2;
		}

	#main_content #content .post-li {
		padding: 10px 0;
		border-bottom: 1px solid #ddd;
		color: #777;
	}

		#main_content #content .post-li h2 {
			font: 1.8em tahoma;
			letter-spacing: 1px;
		}

			#main_content #content .post-li h2 .date {
				font: bold 0.8em tahoma;
				letter-spacing: 0;
				text-transform: uppercase;
				color: #00436E;
				margin-right: 10px;
			}

		#main_content #content .post-li .postcontent {
			font-size: 1.1em;
			margin-top: 10px;
		}

			#main_content #content .post-li .postcontent p {
				margin: 0;
				padding: 0;
			}

	#main_content #content .postmeta {
		margin-top: 10px;
		display: block;
		font: 1.em tahoma;
		text-transform: uppercase;
	}

	#main_content #content .postinfodata {
		border-top: 1px solid #304809;
		border-bottom: 1px solid #304809;
		background: #6AD0FF;
		margin: 0;
		padding: 7px;
		margin-top: 7px;
		margin-bottom: 19px;
	}

		#main_content #content .postinfodata p {
			margin: 0;
			padding: 0;
			display: block;
			font: 0.7em verdana;
			text-align: justify;
		}

			#main_content #content .postinfodata p a,
			#main_content #content  .postinfodata p strong {
				font-weight: normal;
			}
	
	#main_content #content .single-entry-nav {
			display: block;
			margin:20px 0 ;
			font: italic 1.1em georgia;
			letter-spacing: .7pt;
		}

/**
3.4	Sidebar
 ===================================================================================
 **/
 
#main_content #sidebar {
		text-align: left;
		padding: 0px;
		margin-top: 19px;
		margin-bottom: 19px;
	}

	#main_content #sidebar {
	}

			#main_content #sidebar ul {
			margin: 0;
			padding: 0;
			list-style: none;
		}

			#main_content #sidebar ul li {
				margin-left: 10px;
				margin-right: 7px;
				font: normal 1.9em georgia;
				border-bottom: 1px dashed #00436E;
				padding: 5px;
			}

			#main_content #sidebar ul li.top{
				border-top: 1px dashed #00436E;
				padding-top: 5px;
			}

				#main_content #sidebar ul li a {
					text-transform: uppercase;
					color: #00436E;
					text-decoration: none;
					margin: 0;
				}

					#main_content #sidebar ul li.current_page_item a {
						color: #33556C;
						border-left: 3px solid  #00436E;
						padding-left: 7px;
					}

				#main_content #sidebar ul li a:hover {
					text-decoration: none;
					color: #3D7091;
				}

			#main_content #sidebar ul.search {
			margin: 0;
			padding: 2px 30px 5px 5px;
			list-style: none;
			text-align: left;
		}

	#main_content #sidebar ul.search #searchform input#s {
		background:#B9CBD7;
		margin: 0px 5px 0 5px;
		font: normal 1.9em georgia;
		border: 0px;
		border-bottom: 1px dashed #00436E;
		padding: 5px;
		text-transform: uppercase;
		color: #00436E;
		width: 275px;
		padding: 5px;
	}

	#main_content #sidebar ul.search #searchform input:hover#s {
		color: #3D7091;
		cursor: pointer;
	}

			/* #main_content #sidebar ul.search {
			margin: 7px 0 0 0;
			padding: 10px 10px;
			list-style: none;
			text-align: left;
		}

	#main_content #sidebar ul.search #searchform input#s {
		border: 1px dashed #00436E;
		font-size: 1.9em;
		color: #00436E;
		width: 215px;
		background: #6AD0FF;
		padding: 5px 3px;
	}

	#main_content #sidebar ul.search form input#searchsubmit {
		border: 1px dashed #00436E;
		font-size: 1.9em;
		font-weight: bold;
		color: #00436E;
		text-transform: uppercase;
		background: #6AD0FF;
		padding: 4px 7px;
		margin: 0 0 0 3px;
	} */

		#main_content #sidebar ul.last {
			list-style: none;
			text-align: left;
			margin-top: 19px;
			margin-left: 10px;
			margin-right: 7px;
		}

			#main_content #sidebar ul.last h2{
				font: normal 1.9em georgia;
				border-top: 1px dashed #00436E;
				padding: 5px;
				margin-bottom: 3px;
				color: #00436E;
				text-transform: uppercase;
			}
			
			#main_content #sidebar ul.last img.thumbgroup{
				width: 269px;
				margin: 5px;
			}

				#main_content #sidebar ul.last a:link img.thumbgroup,
				#main_content #sidebar ul.last a:visited img.thumbgroup{
					padding: 3px;
					border: 1px dashed #00436E;
				}
	
				#main_content #sidebar ul.last a:hover img.thumbgroup{
					background: #6AD0FF;
					padding: 3px;
					border: 1px dashed #fff;
				}
	
			#main_content #sidebar ul.last img.thumb{
				width: 127px;
				height: 119px;
				margin-right: 5px;
			}

				#main_content #sidebar ul.last a:link img.thumb,
				#main_content #sidebar ul.last a:visited img.thumb{
					padding: 3px;
					border: 1px dashed #00436E;
				}
	
				#main_content #sidebar ul.last a:hover img.thumb{
					background: #6AD0FF;
					padding: 3px;
					border: 1px dashed #fff;
				}
	
/**
3.5	Secondary Content
 ===================================================================================
 **/


h3#comments,
h3#respond {
	font: 20px tahoma;
	color: #777;
	text-transform: uppercase;
}

	h3#comments strong,
	h3#respond strong {
		font-size: 26px;
	}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
}

ol.commentlist {
	margin: 0;
	padding: 0;
	margin-bottom: 30px;
}

	ol.commentlist li {
		margin: 0px;
		padding: 10px;
		list-style: none;
		text-align: justify;
	}

	ol.commentlist li.alt {
		background: #f7f7f7;
	}

	ol.commentlist li.owner {
		border: 1px solid #FDC689;
	}

		ol.commentlist li p {
			margin: 10px 5px 10px 0;
			font: 12px arial;
			color: #444;
		}

			ol.commentlist li p a {
				color: #F26522;
				border-bottom: 1px dotted #444;
			}

		ol.commentlist li blockquote p {
			font: 12px tahoma;
			padding: 5px 0 5px 0;
			border-top: 1px dotted #ddd;
			border-bottom: 1px dotted #ddd;
			color: #00436E;
		}

		ol.commentlist li cite {
			font: normal 16px tahoma;
			color: #555;
		}

			ol.commentlist li cite a {
				color: #F26522;
			}

		ol.commentlist li .commentmetadata {
			margin: 0;
			font: 11px tahoma;
			text-transform: uppercase;
			color: #777;
			display: block;
		}

			ol.commentlist li .commentmetadata a,
			ol.commentlist li .commentmetadata strong {
				color: #000;
				font-weight: normal;
			}

			ol.commentlist li .commentmetadata img {
				/*height: 10px;*/
			}

			ol.commentlist li .editcomment a {
				color: #f00;
				text-transform: uppercase;
			}

		ol.commentlist li .moderation {
			color: #f00;
			display: block;
			padding: 5px 0;
			background: #FFFDE2;
			margin: 5px 0;
		}

		ol.commentlist li img.gravatar {
			float: left;
			width: 30px;
			height: 30px;
			border: 1px solid #33556C;
			margin: 5px 5px 0 0;
		}

#commentform {
	padding: 20px;
	background: url('images/bg-respond.gif') repeat-x top;
	height: 300px;
}

	#commentform p {
		margin: 5px 0;
		font: 1.2em tahoma;
		color: #fff;
	}

		#commentform p a {
			color: #fff;
			font-weight: bold;
		}

	#commentform .thelabel {
		padding-bottom: 1px;
	}

		#commentform .thelabel label {
			font: 1.1em tahoma;
			text-transform: uppercase;
			padding-left: 5px;
			color: #444;
		}

			#commentform .thelabel label strong {
				color: #f00;
			}

		#commentform .thelabel textarea {
			border: 1px solid #666;
			width: 400px;
			height: 100px;
			font: 11px verdana;
			padding: 2px;
			color: #555;
		}

		#commentform .thelabel input {
			border: 1px solid #666;
			width: 200px;
			font: 11px verdana;
			padding: 2px;
			color: #555;
		}

		#commentform .thelabel input:focus,
		#commentform .thelabel textarea:focus {
			background: #FBE6D0;
			color: #F26522;
			border: 1px solid #FBAF5D;
		}

		#commentform .thelabel input#submit {
			border: 1px solid #666;
			width: 200px;
			font: bold 11px verdana;
			padding: 2px;
			color: #fff;
			background: #F7941D;
			text-transform: uppercase;
		}

		#commentform .thelabel #kunci {
			background: url('images/kunci-bg.gif');
			color: #444;
			border: 1px solid #bbb;
			margin: 0;
			padding: 5px;
			/*display: block;*/
			width: 193px;
			font: 14px tahoma;
			text-align: center;
			letter-spacing: 3px;
		}

.heading {
	font: 20px tahoma;
	color: #777;
	text-transform: uppercase;
	padding-top: 20px;
	display: block;
}

/**
3.6	Footer
 ===================================================================================
 **/
 
.atasfooter { display:block; background: #005588; border-top: 1px solid #33556c; }
#otherfoot { padding: 10px; margin: 0 auto; background: #5790b0; }
#onfooter {
	font-size: 1.4em;
	line-height: 1.7em;
	}

#onfooter, #onfooter a, #onfooter a:hover {
	color: #333;
	}

#onfooter a:hover {
	text-decoration: underline;
	}

#onfooter h3 {
	font-size: 1.5em;
	border-top: 1px dashed #00436E;
	border-bottom: 1px dashed #00436E;
	padding: 5px 0;
	margin: 0 0 7px;
	}

#onfooter #office {
	text-align: right;
	}

#onfooter #trakhir {
	text-align: left;
	}

#footer {
	background: #003050;
}

	#footer #bottomfooter {
		background: #33556C;
		text-align: left;
		color: #001D0B;
		font: 1.7em georgia;
		padding-top: 19px;
		padding-bottom: 35px;
	}

		#footer #bottomfooter p {
			margin: 0 10px;
			padding: 0;
			padding-bottom: 15px;
		}

		#footer #bottomfooter p a {
			font-weight: normal;
			color: #020F02;
		}

/**
 4.	LAYOUT ELEMENTS
 ===================================================================================
 **/