/*
Theme Name: Imucu 2
Theme URI: http://imucu.com/
Description: New theme for imucu.com
Version: 1.1
Author: Adi Setiawan
Author URI: http://webhemat.com
Tags: blue, custom header, fixed width, two columns, widgets
*/


/* general */
body {
	font-family: Arial, Sans-Serif, Helvetica;
	margin:0;
	padding:0;
}
#imucu2 {
	font-size: 62.5%;

	color:#000000;
}
body.interior {
		background:#FCFED8;
}
a {
	color:#768D23;
}
.wrapper {
	width:960px;
	clear:both;
	margin:0 auto;
	font-size:1.2em;
}
.hide {
	display:none;
}

/* home */
body.home {
	background:#FFF url('images/home-bg.png') repeat-x;
}
.home-header {
	position:relative;
	background:url('images/home-dhea.png') no-repeat;
	height:453px;
}
.home-header h1 {
	margin:0;
	padding:0;
	position:absolute;
	left:100px;
	top:33px;
	width:240px;
	height:76px;
	background:url('images/logo.png') no-repeat;
	text-indent:-9000px;
}
#navigation {
	background:#F45B23;
	height:35px;
	padding:10px 0 0 0;
}
.home-header h2 {
	text-align:center;
	margin:0;
	padding:0;
	text-shadow:1px 1px 1px #666;
	color:#417B15;
	position:relative;
	top:400px;
	font-size:2.5em;
	z-index:10;
}

/* header */
#header {
	height:196px;
	background:url('images/header.png') repeat-x;
}
#header .wrapper {
	position:relative;
}
/* logo */
#header h1 {
	text-indent:-9000px;
	width:240px;
	height:76px;
	background:url('images/logo.png') no-repeat;
	top:15px;
	position:absolute;	
}
#header h1 a {
	display:block;
	width:208px;
	height:111px;
}

/* slogan */
#header h2 {
	margin:0;
	padding:0;
	color:#FFF;
	position:absolute;
	left:0;
	top:140px;
	font-size:2.5em;
	z-index:10;
}

/* top navigation */
.topnav ul {
	margin:0;
	padding:0;
	list-style-type:none;
	text-align:center;
}
.sub-topnav.topnav ul {
	text-align:left;
}
.topnav li {
	font-size:1.5em;
	margin:0 15px 0 15px;
	text-align:center;
	display:inline;
}
.sub-topnav.topnav li {
	text-align:left!important;
	margin:0 25px 0 0;
}
.topnav li a {
	text-decoration:none;
	color:#FFF;
	text-shadow:1px 1px 1px #000;
}
.topnav li a:hover {
	color:#99FF00;
}

/* slogan */
#slogan {
	margin:15px 0 15px 0;
	padding:0;
	color:#CCFF00;
	font-size:3em;
	font-weight:normal;
	text-align:center;
}



/* main bar */
#main {
	clear:both;
}
#main .wrapper {
	position:relative;
}
#main-inside {
	width:960px;
	float:left;
	background:url('images/content.png') repeat-y;
	position:relative;
	z-index:1;
}
#fullwidth {
	width:920px;
	float:left;
	background:#FFF;
	padding:20px 20px 65px 20px;
}
#contentbar {
	float:left;
	width:627px;
	background:#FFF;
	margin:20px 0 75px 20px;

}


/* sidebar */
#sidebar {
	float:right;
	width:235px;
	position:relative;
	margin:45px 20px 25px 20px;
	z-index:3;
}
#sidebar ul {
	margin:0;
	padding:0;
	list-style-type:none;
}
.widget-title {
	color:#FF6600;
	font-size:1.5em;
	margin:0 0 5px 0;
}
.widget-container {
	clear:both;
	margin:0 0 25px 0;
}

/* footer */
#footer {
	clear:both;
	height:173px;
	background:url('images/footer.png') repeat-x center bottom;
	color:#FFFFFF;
}
#footer .wrapper {
	position:relative;
	height:173px;
}

#footer a {
	color:#FFFFFF;
}
#copyright {
	clear:both;
	font-size:0.7em;
	text-align:center;
	color:#FFF;
	position:absolute;
	bottom:20px;
	left:165px;
}
#copyright-home {
	clear:both;
	font-size:0.9em;
	text-align:center;
	color:#FF6600;
	padding:15px 0 0 0;
}

/* photo */
#photo-top {
	position:absolute;
	width:244px;
	height:306px;
	background:url('images/dea-foot.png') no-repeat;
	top:0;
	right:0;
	z-index:2;
}
#photo-bottom {
	position:absolute;
	width:232px;
	height:279px;
	background:url('images/dea-smile.png') no-repeat;
	bottom:0;
	left:0;
	z-index:2;
}

/* post & page*/
.entry-title {
	color:#005DF7;
	margin:0 0 5px 0;
}
.entry-content {
	line-height:1.3em;
}
.edit-link {
	display:block;
	clear:both;
}

/* image styling */
.alignleft {
	float:left;
	margin:0 5px 2px 0;
}
.alignright {
	float:right;
	margin:0 0 2px 5px;
}
.container_pf{float:left; margin-bottom:20px; line-height:20px;}
.box_pf{
	width:200px;
	border: 1px solid #ddd;
	text-align: center;
	padding: 6px 6px 6px 6px;
	margin: 10px 20px 4px 0px;
	-moz-border-radius: 6px;
	-khtml-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
}
.box_pf.nomargin{margin-right:0px;}
.box_pf img{
	border:none;
}

/* contact us */

#contactus {
	font-size:15px;
	clear:both;
        padding:5px 0px 0px 10px;
        font:Comic Sans MS;
}	
#contactus-sby {
	width:33%;
	float:left;
}
#contactus-bgr{
	width:33%;
	float:left;
}
#contactus-overseas{
	width:33%;
	float:right;
}