/*
Theme Name: TDMRC
Theme URI: http://www.jauhari.net/themes/
Description: It's me and it's for you!
Version: 1.0
Author: Nurudin Jauhari
Author URI: http://www.jauhari.net
Tags: aceh, tdmrc, fixed width, three columns, widgets

	TDMRC 1.0
	 http://www.jauhari.net/themes/

	This theme was designed and built by Nurudin Jauhari,
	whose blog you will find at http://www.jauhari.net/themes/
	
	First Edit on 27 May 2008

	The CSS, XHTML and design is released under a Creative Commons Attribution 3.0 License:
	http://creativecommons.org/licenses/by/3.0/

*/




/* Begin Typography & Colors */
* {
	margin:0;padding:0;
}
body {
	font-size: 62.5%; /* Resets 1em to 10px */
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	color: #333;
	text-align: center;
	line-height: 20px;
	background: #999;
	}
	hr {
		display: none;
	}
	p {
		padding: 0 0 1.6em 0;
	}
	img.left, img.alignleft {
		float: left;
		margin-right: 10px;
	}
	img.right, img.alignright {
		float: right;
		margin-left: 10px;
	}

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

	br.clearfix, br.clear {
		clear: both;
	}
	br.clearfix, br.clear {display: inline-block;}

	/* Hides from IE-mac \*/
	* html br.clearfix, * html br.clear {height: 1%;}
	br.clearfix, br.clear {display: block;}
	/* End hide from IE-mac */


/* @LAYOUT DASAR */
#page {
	width: 920px;
	text-align: left;
	margin: 0 auto;
	padding: 0 34px;
	background: #fff url(images/bg/all.gif) center 0 repeat-y;
}
#top {
	background: transparent url(images/bg/top.gif) center 0 no-repeat;
	width: 988px;
	height: 30px;
	margin: 0 auto;
}
#bottom {
	background: transparent url(images/bg/bottom.gif) center bottom no-repeat;
	width: 988px;
	height: 30px;
	margin: 0 auto;
}

#content-wrap {
	float: left;
	width: 100%;	
}

.home #content {
	margin: 0 310px 0 200px;
}

.home #sidebar {
		width: 300px;
		float: left;
		margin-left: -300px;
}
.home #sidebar2 {
		width: 190px;
		float: left;
		margin-left: -100%;
}

.single #content {
	margin: 0 0 0 200px;
}
.single #sidebar {
		width: 190px;
		float: left;
		margin-left: -100%;
}
.single #sidebar2 {
		width: 190px;
		float: left;
		margin-left: -100%;
}


#footer {
	position: relative;
	border-top: 1px solid #ccc;
	color: #999;
	font-size: 1.3em;
}

#footer p {
	padding: 0;
	margin: 0;
}
#footer a {
	color: #666;
}

/* @EXTRA LAYOUT */
#footer p.right {
	position: absolute;
	right: 0;
	top: 0;
	text-align: right;
}
.mfoot {
	list-style: none;
	margin-top: 10px;
	margin-bottom: 10px;
}
.mfoot li {
	display: inline;
}
.mfoot li a {
	border: 1px solid #ccc;
	padding: 4px 10px;
	color: #333;
	text-decoration: none;
}
.mfoot li.current_page_item a {
	border: 1px solid #666;
	padding: 4px 10px;
	color: #333;
	text-decoration: none;
}
.mfoot li a:hover {
	border: 1px solid #333;
	padding: 4px 10px;
	color: #000;
	background: #efefef;
	text-decoration: none;
}

/* @HEADER LAYOUT */
#header {
	position: relative;
	height: 95px;
	border-bottom: 2px solid #4b7272;
}
#header #cari {
	position: absolute;
	right: 0;
	bottom: 10px;
}
#cari #s {
	padding: 5px 5px 5px 23px;
	width: 255px;
	background: transparent url(images/ico/magnify.png) 5px center no-repeat;
	border: 2px solid #366;
}

#header .top-menu {
	position: absolute;
	right: 0;
	top: 0;
}
	.top-menu ul {
		list-style: none;
	}
	.top-menu ul.menu {
		margin-top: 32px;
	}
	.top-menu li {
		display: inline;
	}
	.top-menu a {
		color: #333;
	}
	a.rss-top {
		background: transparent url(images/ico/feed-16.gif) 0 1px no-repeat;
		padding: 3px 0 3px 20px;
	}
	a.key {
		background: transparent url(images/ico/key.png) 0 0 no-repeat;
		padding: 3px 0 3px 20px;
	}
	a.phone {
		background: transparent url(images/ico/phone.png) 0 0 no-repeat;
		padding: 3px 0 3px 20px;
	}

	ul.flag {
		position: relative;
		margin-top: 5px;
	}	
	ul.flag li {
	}
	li.id a {
		background: transparent url(images/indonesia.png) 0 0 no-repeat;	
		height: 20px;
		width: 32px;
		display: block;
		text-indent: -5000px;
		position: absolute;
		right: 0;
	}
	li.en a {
		background: transparent url(images/uk.png) 0 0 no-repeat;	
		height: 20px;
		width: 32px;
		display: block;
		text-indent: -5000px;
		position: absolute;
		right: 40px;
	}

.splash {
	position: relative;
	height: 171px;
	margin-bottom: 20px;
	background: url(images/splash/splash.php) 0 0 no-repeat;
	border-bottom: 1px solid #000;
}

/* @SIDEBAR LAYOUT */
#sidebar ul, #sidebar2 ul{
	list-style: none;
}
#sidebar .gap {
	margin-left: 10px;
}
#sidebar2 .gap {
	margin-right: 10px;
}
.gapy {
	margin-bottom: 15px;
}
.categories, .linkcat {
	margin-bottom: 10px;
	border: 1px solid #ccc;
	padding: 10px;
	background: #fff;
}
.boxy {
	padding: 10px;
	border: 1px solid #ffcc00;
	margin-bottom: 20px;
	background: transparent url(images/bg/boxy.jpg) 0 0 repeat-x;
}
	.boxy h2 {
		font-family: Arial, sans-serif;
		text-transform: uppercase;
		background: #fc0;
		padding: 2px 4px;
		margin-bottom: 6px;
	}

	.boxy li a {
		display: block;
		text-decoration: none;
		color: #333;
	}
	.boxy li a:hover {
		display: block;
		text-decoration: none;
		color: #7F0A32;
	}
.activ  {
	border: 1px solid #448888;
	background: transparent url(images/bg/activ.jpg) 0 0 repeat-x;
}
.activ h2 {
	background: #336666;
	color: #fff;
}
.activ li {
	background: url(images/ico/doc.png) 0 2px no-repeat;
	padding-left: 20px;
}
.cright li, .memory li {
	background: url(images/ico/star.png) 0 2px no-repeat;
	padding-left: 20px;
}

.menu {
	margin-bottom: 20px;
	font-size: 1.3em;
}
.menu li.page_item a {
	display: block;
	text-decoration: none;
	background: #333;
	color: #efefef;
	padding: 5px 5px 5px 10px;
	border-bottom: 1px solid #fff;
}
	.menu li.admintab a {
		display: block;
		text-decoration: none;
		background: #666;
		color: #efefef;
		padding: 5px 5px 5px 10px;
		border-bottom: 1px solid #fff;	
	}
.menu li.current_page_item a {
	background: #336666;
	color: #fff;
}
.menu li.page_item a:hover {
	background: #000;
	color: #fff;
}
/* @POST LAYOUT */
.post {
	margin: 0 0 20px;
	padding-bottom: 0px;
	border-bottom: 1px solid #ccc;
	background: transparent url(images/bg/post.jpg) 0 bottom repeat-x;
}
.head-post {
	position: relative;
	width: 100%;
	clear: both;
	border-bottom: 1px solid #ccc;
	padding-bottom: 5px;
}
	.p1 {
		width: 70px;
		background: #333;
		color: #fff;
		position: absolute;
		right: 0;
		top: 0;
		text-align: center;
	}
	.p2 {
	}
.entry {
	margin: 0 0 10px;
}
.entry ol, .entry ul {
	margin-left: 30px;
}

.extra-content .boxy ul {
	list-style: none;
}
.cleft {
	float: left;
	width: 430px;
}
.cright {
	float: right;
	width: 220px;
}

/* *********************************
@HEADER POST ********************* */
#header h1 a {
	background: transparent url(images/logo.gif) 0 0 no-repeat;
	height: 88px;
	width: 613px;
	display: block;
	text-indent: -5000px;
}
.description {
	display: none;
}

/* *********************************
@TYPO POST ************************* */
.pagetitle {
	border-bottom: 1px solid #ccc;
	color: #366;
	margin-bottom: 10px;
}
h2.article {
	background: transparent url(images/ico/newspaper.png) 0 2px no-repeat;
	padding-left: 20px;
}
.p1 h4 {
	font-size: 1.9em;
	margin: 0;
	padding: 0;
	color: #F0E528;
}
.post h2 {
	font-family: Arial, Tahoma, Verdana, sans-serif;
	font-size: 1.9em;
}
.post h2 a {
	color: #7F0A32;
	text-decoration: none;
}
.home .post h2 {
	width: 335px;
}
h2.singlein {
	margin-bottom: 20px;
	font-size: 250%;
	color: #000;
}
.entry {
	font-size: 1.3em;
}
.post a {
	color: #366;
}

.ddsg-wrapper ul {
	margin-bottom: 20px;
}
.ddsg-wrapper ul ul {
	margin-bottom: 0;
}
.ddsg-wrapper h2 {
	font-size: 17px;
	margin-bottom: 10px;
	border-bottom: 1px solid #ccc;
}

/* *********************************
@TYPO SIDEBAR ******************** */

.navigation {
	display: block;
	margin-top: 10px;
	margin-bottom: 60px;
	}
.navigation a {
	color: #4b7272;
}
.navigation .alignright {
	float: right;
	text-align: right;
	width: 50%;
	}

.navigation .alignleft {
	float: left;
	width: 50%
	}
/* End Various Tags & Classes*/