@charset "UTF-8";
/* 
	Background-Styles 
*/

body {
	margin:0px; padding:0px;
	background-color:#000;
	font-family:Arial, Helvetica, sans-serif;
	color:#7f7d78;
	font-size:13px;
	line-height:19px;
}
#main {
	background:#fff url(images/bg.jpg) repeat-x;
	padding-bottom:0px;	
	border-bottom:10px solid #ddeffb;
}

#main .container {
	background-image:url(images/bg.jpg) repeat-x;
	background-repeat:no-repeat;
}
#footer {
	background-image:url(images/background_footer.jpg);
	background-repeat:repeat-x;
	padding:40px;
	position:relative;
	top:-20px;
	min-height:130px;
}
.container {
	width:980px;
	margin:0 auto;
	position:relative;

}


/* 
	Header-Styles 
*/

#header {
	width: 980px;
	height:133px;
	padding-top:0px;
	padding-bottom:0px;
        background:url(images/header-pic.png) bottom right no-repeat;
}


#logo h1, #logo small {
	display:block;
	text-indent:-9999px;
}
#logo {
	background-image:url(images/smke_head.png);
	background-repeat:no-repeat;
	margin-left:25px;
	padding: 80px 20px 0px 20px;
	width:390px;
	height:56px;
}


ul#menu {
	margin:0px; padding:0px;
	position:absolute;
	right:0px;
}
ul#menu li {
	display:inline;
	margin-left:12px;
}
ul#menu li a {
	text-decoration:none;
	color:#716d6a;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	text-transform:uppercase;
}
ul#menu li a.active, ul#menu li a:hover {
	color:#211e1e;
}


#features {height:280px;}

/* 
	Block-Styles 
*/

.block {
	border:1px solid #a3a09e;
	background-color:#ffffff;
	margin-bottom:20px;
	position:relative;
}
.ribbon {
	position:absolute;
	top:-3px;
	right:-3px;
}
.block_inside { 
	display:block; 
	border:0px solid #ffffff;
	padding:10px;
	overflow:auto;
}
.image_block {
	border:1px solid #b5b5b5;
	background-color:#fff;
	padding:5px 5px 5px 5px;
	float:right;
}
.image_block img {
	border:1px solid #b5b5b5;
}
.text_block {
	float:left;
	width:430px;
	margin-left:30px;
	padding-top:30px;
	color:#000;

}

#block_featured blog .text_block { padding-top:5px; width:490px;}


/*
	Portfolio-Home-Styles
*/

#block_portfolio {
	overflow:auto;
	margin-bottom:20px;
}
#portfolio_items {
	width:615px;
	margin-right:25px;
	float:left;
	padding-top:3px;
}
#text_column {
	float:right;
	width:310px;
}
#text_column h2#text_title { 
	text-indent:-9999px;
	background-image:url(images/creatif.jpg);
	background-repeat:no-repeat;
	width:310px;
	height:129px;
}

.mini_portfolio_item {
	border:0px solid #a3a09e;
	margin-bottom:10px;
	position:relative;
}
.mini_portfolio_item .block_inside { 
	background:none; background-color:#11e2dddc; 
	padding:25px 30px 15px 30px; 
}
.mini_portfolio_item .thumbnail { float:left; margin-right:20px; border:0px solid #979390; }


/* 
	Text-Styles   
*/

h2 {
	margin:0px 0px 10px 0px;
	font-size:36px;
	font-family:Georgia, Times New Roman, Serif;
	color:#000000;
	line-height:39px;
	letter-spacing:-1px;
}
h3 {
	margin:10px 0px 5px 0px;
	font-size:14px;
	line-height:21px;
	font-family:Helvetica, Arial, Sans-serif;
	color:#000000;
}
h4 {
	color:#007de2;
	margin:0px 0px 0px 0px;
}
small {
	color:#595856;
	font-weight:bold;
	font-size:11px;
	display:block;
	margin-bottom:15px;
}
a {
	color:#26689f;
	text-decoration:none;
}
small a {
	color:#007de2;
}
a:hover { text-decoration:underline; }
p { margin: 0px 0px 15px 0px; }

a.button {
	background:#32312f url(images/button_bg.jpg) repeat-x;
	padding:5px 10px 5px 10px;
	color: #ffffff;
	text-decoration: none;
	border:1px solid #32312f;
	text-transform:uppercase;
	font-size:9px;
	line-height:25px;	
}
a.button:hover {
	background:#007de2 url(images/button_bg_o.jpg) repeat-x;
	border-color:#007de2;
}















#maincontent {width:550px; float:left; padding:25px 15px 0 41px; background:none;}
/*
	Block-Content-Styles
*/

#content_area {
	width:665px;
	float:left;
}
#content_area .block_inside {
	min-height:400px;
}




#sidecontent {width:359px; float:right; padding: 30px 0 0 10px;}

#sidecontent img {
	border: 1px solid #000;
	margin-bottom: 5px;
}

#sidecontent img.noborder {
	border: 0px;
	margin-bottom: 5px;
	margin-right: 8px;
}

#tabbox  {
	margin-top: 20px;
	margin-bottom: 20px;
	width: 336px;
}

*:first-child+html #tabbox  {
	height: 1%;
}

*html #tabbox  {
	height: 1%;
}

#tabbox ul.idTabs  {
	height: 36px;
	margin: 0;
	padding: 0;
}

*html #boxes  {
	margin-top: -2px;
}

#tabbox ul.idTabs li {
	display: inline;
	list-style: none;
	margin: 0;
	font-size: 16px;
	font-family: Georgia, Times, serif;
	line-height: 36px;
}

#tabbox ul.idTabs li a:link, #tabbox ul.idTabs li a:visited  {
	text-decoration: none;
	padding: 9px 13px 9px 13px;
}



#boxes ul  {
	margin: 0;
	padding: 0;
}

#boxes ul li {
	list-style: none;
	padding: 6px 0 6px 10px;
	margin: 0;
	font-size: 14px;
	font-family: Georgia, Times, serif;	
}

#boxes ul li:first-child  {
	background: none;
}

#boxes ul li a:link, #boxes ul li a:visited   {
	background: url(images/design/greenarrow.gif) no-repeat center left;
	padding: 0 0 0 22px;
	text-decoration: none;  
}

/* 
default tabbed 
*/

#tabbox  {
	border: 1px solid #a5e149;
}

#tabbox ul.idTabs  {
	background: #e5eec6 url(images/design/tabberulbg.jpg) repeat top left;
}

#tabbox ul.idTabs li a:link, #tabbox ul.idTabs li a:visited  {
	color: #000;
}

#tabbox ul.idTabs li a.selected  {
	color: #fff;
	background: #8bc62d url(images/design/selectedtab.jpg) repeat center center;
}

#boxes ul  {
	background-color: #ecf1d4;
}

#boxes ul li {
	background: url(images/design/tablibg.jpg) no-repeat top left;
}

#boxes ul li:first-child  {
	background: none;
}

#boxes ul li a:link, #boxes ul li a:visited   {
	color: #000;
}




/* BLOG CSS */

.post .categories  {
	padding: 10px;
	margin-top: 50px;
}

.post .categories a  {
	font-weight: bold;
	text-decoration:none;
}

.post  {
	padding-top: 10px;
}

.post h2.title  {
	margin: 20px 0px;
	font-size: 24px !important;
	line-height: 24px;
	font-weight: bold !important;
}

.post h2.title .date  {
	padding: 0 0 0 30px;
}

.post h2.title a  {
	text-decoration: none;
}

.post p.comments a  {
	padding: 0 0 0 22px;
	font-weight: bold;
	text-decoration: none;
	font-family: Georgia, Times, serif;
}

p.continue  {
	float: left;
	display: inline-block;
}

p.continue a  {
	font-weight: bold;
	text-decoration: none;

}


/* BLOG CSS 2 */

.post .categories  {
	background-color: #4392cc;
	color: #fff;
}

.post .categories a  {
	color: #fff;
}

.post h2.title .date a  {
	color: #bcd9ee;
}

.post h2.title a  {
	color: #000;
}

.post p.comments a  {
	background: url(default/comments.jpg) no-repeat center left;
	color: #000;
}

p.continue a  {
	color: #4392cc;
}






/* POST ENTRY */

.entry { margin-bottom:5px;}
.entry h3 {
	font-weight: normal !important;
	font-size: 20px !important;
}
.entry h4 {
	font-weight: normal !important;
	font-size: 18px !important;
}
.entry p{
	text-align:left;
	font-size:12px;
	line-height:20px !important;
	}
.entry a:hover {
	color: #000;
	text-decoration: none !important;
}	
.entry blockquote { 
	padding: 0px 10px;
	border-left: 2px solid #777777;
	margin: 5px auto 15px auto;
	width:85%;
	color: #777777;
	font-style: italic;
	}
.entry blockquote p {
	font-size:12px;
	padding: 5px 0px;
	margin: 5px 0px;
	line-height: 20px;
	}
.entry img { 
	padding: 2px 2px 2px 2px;
	border: solid 1px #777;
	display: block;
	margin-right: 15px;
	float: left; 
	}

.entry img.noborder { 
	padding: 2px 2px 10px 0px;
	border: solid 0px #777;
	display: block;
	margin-right: 15px;
	float: left; 
	}

.entry img.cikgu {margin-bottom: 10px;} 

.entry ul, .entry ol {
	margin-bottom:15px;
	font-size:12px;
	line-height:20px;
	}
.entry ul li ul, .entry ol li ol{
	margin-bottom:0px;
	padding-top:3px;
	}
.entry ul li {
	list-style:circle inside !important;
	margin-left:15px;
	padding:3px 0px;
	}
.entry ul li ul li {
	list-style:disc inside !important;
	}
.entry ol li {
	list-style:decimal inside !important;
	font-size:12px;
	padding:3px 0px;
	}
.entry ol li ol li {
	list-style:decimal-leading-zero inside !important;
	}




/*
Copyright
*/

#copyright {padding: 5px; text-align: center; color:#fff;}


/* sec-nav */

#sec-nav {width: 980px; height:25px; padding: 15px 5px 0px 5px; text-align: center; color: #fff;}
#sec-nav ul#menu {
	margin:0px; padding:0px;
	position:relative;
	text-align: center;
}
#sec-nav ul#menu li {
	display:inline;
	margin-left:25px;
	margin-right:25px;
}
#sec-nav ul#menu li a {
	text-decoration:none;
	color:#fff;
	font-family:Georgia, Times New Roman, serif;
	font-size:16px;
	font-weight:bold;
	text-transform:capitalize;
}
#sec-nav ul#menu li a.active, #sec-nav ul#menu li a:hover {
	color:#211e1e;
}



/*
Muat Turun
*/

#links {margin-top: 39px; width:338px; padding:0;}

#links ul {background: none; list-style: none; margin:0; padding:0;}
#links ul li {padding: 5px; border-bottom: 1px solid #c0c0c0; font-family: Georgia, Times New Roman, Serif;}
#links ul li a:hover {text-decoration: none; color: #df0909; text-transform: uppercase;}
#muatturun {width: 165px; float:left;}

#pautan {width: 165px; float:right;}


/* 
	Miscellaneous-Styles   
*/

/* Fix up IE6 PNG Support */
img, #logo { behavior: url(scripts/iepngfix.htc); }


/*
	Footer-Styles
*/

#footer {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
}
.footer_column {
	float:left;
	width:120px;
	margin-right:30px;
}
#footer .long {
	width:560px;
}
#footer h3 {
	color:#e2dddc;
	text-transform:uppercase;
	font-size:10px;
}
.footer_column ul li, .footer_column ul {
	list-style:none;
	margin:0px;
	padding:0px;
}


.featured { 
	padding: 2px 2px 2px 2px;
	border: solid 1px #777;
	display: block;
	margin-right: 15px;
        margin-bottom: 15px;
	float: left; 
	}

.clear-left {clear:left;}


/* menu style */

#tabbox2  {
	margin-top: 20px;
	margin-bottom: 20px;
	width: 336px;
}

*:first-child+html #tabbox2  {
	height: 1%;
}

*html #tabbox2  {
	height: 1%;
}

#tabbox2 ul.idTabs2  {
	height: 36px;
	margin: 0;
	padding: 0;
}

*html #boxes2  {
	margin-top: -2px;
}

#tabbox2 ul.idTabs2 li {
	display: inline;
	list-style: none;
	margin: 0;
	font-size: 16px;
	font-family: Georgia, Times, serif;
	line-height: 36px;
}

#tabbox2 ul.idTabs2 li a:link, #tabbox2 ul.idTabs2 li a:visited  {
	text-decoration: none;
	padding: 9px 13px 9px 13px;
}

#tabbox2 ul.idTabs2 li a:hover {
	text-decoration: underline;
	padding: 9px 13px 9px 13px;
	color: #000;

}

#boxes2 ul  {
	margin: 0;
	padding: 0;
}

#boxes2 ul li {
	list-style: none;
	padding: 6px 0 6px 10px;
	margin: 0;
	font-size: 14px;
	font-family: Georgia, Times, serif;	
}

#boxes2 ul li:first-child  {
	background: none;
}

#boxes2 ul li a:link, #boxes2 ul li a:visited   {
	background: url(images/design/yellowarrow.gif) no-repeat center left;
	padding: 0 0 0 22px;
	text-decoration: none;  
}

/* menu default tabbed */

#tabbox2  {
	border: 1px solid #e3c346;
}

#tabbox2 ul.idTabs2  {
	background: #f1e8d4 url(images/design/tabberulbg2.jpg) repeat top left;
}

#tabbox2 ul.idTabs2 li a:link, #tabbox ul.idTabs li a:visited  {
	color: #000;
}

#tabbox2 ul.idTabs2 li a.selected  {
	color: #fff;
	background: #f1e8d4 url(images/design/selectedtab2.jpg) repeat center center;
}

#boxes2 ul  {
	background-color: #f1e8d4;
}

#boxes2 ul li {
	background: url(images/design/tablibg2.jpg) no-repeat top left;
}

#boxes2 ul li:first-child  {
	background: none;
}

#boxes2 ul li a:link, #boxes2 ul li a:visited   {
	color: #000;
}

/* wp pagination */
ul.page-numbers, ul.page-numbers li, ul.page-numbers li a, ul.page-numbers li a:hover ul.page-numbers li span {
	padding: 0;
	margin: 0;
	text-decoration: none;
	font: normal 12px Arial;
	border: none;
}

ul.page-numbers {
	margin-top: 20px;
	margin-bottom: 20px;
	text-align: left;
	padding: 5px 0 5px 0;
}
	ul.page-numbers li {
		display: inline;
	}
		ul.page-numbers li a {
			text-decoration: none;
			border: none;
			padding-bottom: 10px;
		}
	ul.page-numbers span.dots {
		color: #666;
	}
	
	ul.page-numbers li a, .page-numbers span.current, .page-numbers span.dots {
		font: normal 12px Arial;
		padding: 5px;
	}
	
/* SETTINGS - ALIGN CENTER  - Default = align-left */
ul.align-right { text-align: right; }
ul.align-center { text-align: center; }

span.page-info.left {
	padding: 0 10px 0 0;
}

span.page-info.right {
	padding: 0 0 0 10px;
}

ul.shape-round li a, ul.shape-round span.current {
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
/* SETTINGS - ACTIVE BACKGROUND */
ul.current-page-yellow span.current { background: #ffff00; color: #666; }
ul.current-page-purple span.current { background: #ac58ff; color: #fff; }
ul.current-page-dark span.current { background: #666; color: #eee; }
ul.current-page-bright span.current { background: #e6e6e6; color: #666; border: 1px solid #ddd; }
ul.current-page-red span.current { background: #ba0000; color: #fff; }
ul.current-page-green span.current { background: #69ba00; color: #fff; }
ul.current-page-cyan span.current { background: #18C6FF; color: #fff; }
ul.current-page-pink span.current { background: #ff80ff; color: #fff; }
ul.current-page-orange span.current { background: #ff9a00; color: #fff; }

/* SETTINGS - page BACKGROUND */
ul.page-yellow li a { background: #ffff00; color: #666; }	
ul.page-purple li a { background: #ac58ff; color: #fff; }
ul.page-dark li a { background: #666; color: #fff; }
ul.page-bright li a { background: #e6e6e6; border: 1px solid #ddd; color: #666; }
ul.page-red li a { background: #ba0000; color: #fff; }
ul.page-green li a { background: #69ba00; color: #fff; }
ul.page-cyan li a { background: #18C6FF; color: #fff; }
ul.page-pink li a { background: #ff80ff; color: #fff; }
ul.page-orange li a { background: #ff9a00; color: #fff; }
	

/* SETTINGS - page BACKGROUND */
ul.current-page-yellow.fill-gradient span.current, ul.page-yellow.fill-gradient li a { background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffe4), to(#ffff07)); }
ul.current-page-purple.fill-gradient span.current, ul.page-purple.fill-gradient li a { background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#bf77ff), to(#913cff)); }
ul.current-page-dark.fill-gradient span.current, ul.page-dark.fill-gradient li a { background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#848484), to(#494949)); }
ul.current-page-bright.fill-gradient span.current, ul.page-bright.fill-gradient li a { background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f6f6f6), to(#dfdfdf)); }
ul.current-page-red.fill-gradient span.current, ul.page-red.fill-gradient li a { background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#da0000), to(#8b0000)); }
ul.current-page-green.fill-gradient span.current, ul.page-green.fill-gradient li a { background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#87ca00), to(#4ba200)); }
ul.current-page-cyan.fill-gradient span.current, ul.page-cyan.fill-gradient li a { background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#30d4ff), to(#0db1ff)); }
ul.current-page-pink.fill-gradient span.current, ul.page-pink.fill-gradient li a { background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffb5ff), to(#ff44ff)); }
ul.current-page-orange.fill-gradient span.current, ul.page-orange.fill-gradient li a { background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffb000), to(#ff7d00)); }

ul.page-yellow li a:hover { background: #fff; color: #666; text-decoration: none;}
ul.page-purple li a:hover { background: #8000ff; text-decoration: none; }
ul.page-dark li a:hover { background: #444; text-decoration: none; }
ul.page-bright li a:hover { background: #efefef; border: 1px solid #ccc; color: #666; text-decoration: none; }
ul.page-red li a:hover { background: #9a0000; text-decoration: none; }
ul.page-green li a:hover { background: #4e8b00; text-decoration: none; }
ul.page-cyan li a:hover { background: #14a9d9; text-decoration: none; }
ul.page-pink li a:hover { background: #ff40ff; text-decoration: none; }
ul.page-orange li a:hover { background: #da8400; text-decoration: none; }

/* behind | default = dark */	
ul.behind-brighter span.dots, ul.behind-brighter span.page-info { color: #ddd; }
ul.behind-bright span.dots , ul.behind-bright span.page-info {	color: #aaa; }
ul.behind-grey span.dots, ul.behind-grey span.page-info { color: #808080; }
ul.behind-dark span.dots, ul.behind-dark span.page-info { color: #666; }
ul.behind-darker span.dots, ul.behind-darker span.page-info { color: #333; }

/* IE6 fix */
ul.page-purple li a:hover, ul.page-dark li a:hover, ul.page-red li a:hover , ul.page-green li a:hover, ul.page-cyan li a:hover, ul.page-pink li a:hover, ul.page-orange li a:hover {
	color: #fff; text-decoration: none;
}

#special {
	background: #fff url();
	margin-top:32px;
        float:left; 
        margin-left:22px;
	width: 980px; /* IE5.x/win sees this.. */
  	voice-family: "\"}\"";
  	voice-family: inherit;
  	width: 956px; /* ..but not this "standards" width value.. */

}

#special {
    \width: 980px;
    w\idth: 956px;
  } 

#special img { 	
	border: solid 1px #777;
	display: block;
	float: left; 
	}
 
html>body #special {
  width: 956px; /* ..or this reinforcement of the standards width. */
}