<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
  <head>
    
<script type='text/javascript'>
var thumbnail_mode = &quot;no-float&quot; ;
summary_noimg = 430;
summary_img = 340;
img_thumb_height = 50;
img_thumb_width = 80;
</script>

    <b:include data='blog' name='all-head-content'/>
    <title><data:blog.pageTitle/></title>
    <b:skin><![CDATA[/*

--------------------------------------------------------------
Theme Name	: White Gamezine Blogger Template (BT)
Description	: 3 coloumn pro gamer theme, Modified versions from GameZine Blogger Template

LAYOUT
Designed By     : Jinsona Design
URL	    	: www.web2feel.com

BLOGGER XML CODED
Author		: Daru Kurniawan Ahmadi
Nick 		: Cahaya Biru
URL     	: http://www.cahayabiru.com
Date		: 29 January 2009, revised the code in 21 April 2009


Please Do not remove the footer credit

-------------------------------------------------------------*/

.navbar {
visibility:hidden;
display: none;
}

body {
	margin:0 auto;
	padding-top:0px;
	background:#f6f7fc url(http://4.bp.blogspot.com/_xfdD6S9fOk4/Set41rcAShI/AAAAAAAABIs/TYnyJJ0MLug/s1600/body.jpg) repeat-x top ;
	font-family:Century gothic, Arial,Tahoma,sans-serif;
	color:#668790;
	font-size:13px;
	}
	
img {
	border:0;
	}
a {
	color:#69A1C2;
	text-decoration:none
	}
a:hover {
	color:#255273;
	text-decoration:none
		}
h1, h2, h3, h4, h5, h6 {
	
	}
blockquote {
	padding-left:10px;
	color:#245071;
	font-style: normal;
	
	}
.clear {
	clear:both;
	}
.alignleft {
	float:left;
	padding:2px 0 0 5px;
	}
.alignright {
	float:right;
	padding:2px 7px 0 5px;
	}
	
.ad1{
	text-align:center;
	margin:5px auto;
	padding:0 0;
}
/* The Wrapper */

.wrapper {
	width:1000px;
	margin:0 auto;
	background:#e2e2d9;		
	padding: 0 0 0px 0;
	}
	
	
/* The Top */

#top {
	height:158px;
	margin:auto;
	background:#f5f3f3 url(http://4.bp.blogspot.com/_xfdD6S9fOk4/Sd1PhZwveQI/AAAAAAAAA18/nw1RpqfIREw/s1600/head.jpg);
	background-repeat:no-repeat;

	}
.blogname {
	float:left;
	width:700px;
	font-family:"Century Gothic",Verdana,Tahoma,sans-serif;	
	margin:0px 0 0 0;
	}
.blogname h1  {
	font-size:45px;
	font-weight:bold;
	margin:40px 0px 0 25px;
	text-decoration: none;
	text-align:left;

	
	}
.blogname h1  a:link, .blogname h1  a:visited{ 
	color: #fff; 
	text-decoration: none; 
	background-color:transparent;
	display:block;
	}
	
.blogname h1  a:hover { 
	color: #5AA6BE; 
	text-decoration: none; 
	background-color:transparent;
	}
.blogname h2 {
	margin:5px 0px 0 30px;
	font-size:16px;
	font-weight:bold;
	color:#000;
	text-align:left;
	}
/* Search */


#search {
	height:32px;
	width:auto;
	padding-top:10px ;
	padding-bottom:5px ;
	margin-right:5px;
	margin-top:0px;
	width:325px;
	float:right;
	background:url(http://3.bp.blogspot.com/_xfdD6S9fOk4/Set6e03ulaI/AAAAAAAABMU/7YvyUDE6Gyk/s1600/searchb.jpg);
}

#search form {
	margin: 0;
	padding: 0;
}

#search fieldset {
	margin: 0;
	padding: 0;
	border: none;
}

#search p {
	margin: 0;
	font-size: 85%;
}

#s {
	margin-left:20px;
	float: left;
	width:225px;
	padding: 5px 5px;
	background:url(http://3.bp.blogspot.com/_xfdD6S9fOk4/Set6fJr1YEI/AAAAAAAABMc/-3MBohLg7ak/s1600/sf.jpg) no-repeat;
	border:none;
	font: normal 100% "century Gothic", Arial, Helvetica, sans-serif;
	color:#fff;
}

#searchsubmit {
	width:60px;
	float: left;
	background:url(http://3.bp.blogspot.com/_xfdD6S9fOk4/Set6okePhRI/AAAAAAAABMs/ugt1djHnkZE/s1600/smit.jpg) no-repeat ;
	border:none;
	font: bold 100% "century gothic", Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	height:30px;
}

			
/* The Menu */

#foxmenucontainer{
	height:29px;
	background:url(http://4.bp.blogspot.com/_nxOMLf2KJwU/ScV9l5LZ9uI/AAAAAAAABR8/pxtcMhaa27Q/s1600/nav-bg.gif) repeat-x;
	display:block;
	padding:0px 0 0px 0px;

	font: 14px "Century gothic",verdana, Arial, sans-serif;
	font-weight:normal;

	}
	

#menu ,#menu ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
	height:29px;
	
	}

#menu a {
	color: #fff;
	display: block;
    font-weight: normal;
   	padding: 4px 10px 6px 10px;

	}
	
#menu a:hover {
	color: #ffffff;
	display: block;
	text-decoration: none;
	background:url(http://4.bp.blogspot.com/_nxOMLf2KJwU/ScV9l5LZ9uI/AAAAAAAABR8/pxtcMhaa27Q/s1600/nav-bg.gif) repeat-x;
	}

#menu li {
	float: left;
	margin: 0px 0 0px 0;
	padding: 0px;
	}


#catmenucontainer{
	height:29px;
	background:#fff;
	display:block;
	padding:0px 0 0px 0px;
	font: 14px "Century gothic",verdana, Arial, sans-serif;
	font-weight:normal;
	border-top:1px solid #689fd8;
	border-bottom:1px solid #689fd8;
	}
		
#catmenu ,#catmenu ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
	height:29px;
	}

#catmenu  a {
	color: #828282;
	display: block;
    font-weight: normal;
   	padding: 5px 10px 6px 10px;
	border-right:1px solid #689fd8;
	}
	
#catmenu  a:hover {
	color: #bc0705;
	display: block;
	text-decoration: none;
	border-right:1px solid #689fd8;
	}

#catmenu  li {
	float: left;
	margin: 0px;
	padding: 0px;
	}
	
#catmenu  li li {
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	width: 180px;
	
	}
	
#catmenu  li li a, #catmenu  li li a:link, #catmenu  li li a:visited {
	border-bottom:1px solid #689fd8;
	width: 180px;
	background:#fff;
	margin: 0px;
	padding:3px 10px 4px 10px;
	color: #828282;
	border-left:1px solid #689fd8;
	border-right:1px solid #689fd8;
	z-index:200;
	}
	
#catmenu  li li a:hover, #catmenu  li li a:active {
	background:#fff;
	width: 180px;
	float: none;
	margin: 0px;
	padding: 3px 10px 4px 10px;
	color: #bc0705;
	z-index:200;
	}

#catmenu  li ul {
	position: absolute;
	width: 12em;
	left: -999em;
	z-index:209;
	}

#catmenu  li:hover ul {
	left: auto;
	display: block;
	}
	
#catmenu  li:hover ul, #catmenu li.sfhover ul {
	left: auto;
	}	

#featured{
	height:auto;
	margin:0 0 5px 0;
}	
	

/* Content*/	
	
.content {
	padding:5px 5px 5px 5px;
	background:#fff;
	background-repeat:repeat-y;
	border-top:1px solid #102135;
	}	


#content {
	float: left;
	width: 650px;
	margin: 0px 0px 0px 0;
	padding: 0 0;
	}
#lpst{ font-size:10px
	height:40px;
	background:#000 url(http://4.bp.blogspot.com/_xfdD6S9fOk4/Set5efj1jDI/AAAAAAAABK0/2JSDm40KcAo/s1600/lnews.jpg) no-repeat;
	margin:0px 0 5px 0;
}

	
.post {
	width: 317px;
	float:left;
	margin: 0px 3px 8px 5px;
	padding:0px 0 0 0;
	background:url(http://4.bp.blogspot.com/_xfdD6S9fOk4/Set5e9JbjrI/AAAAAAAABLM/c0fAjEeAmnI/s1600/mpost.jpg) repeat-y;
	display:inline;
	color:#000;
	font-family:Arial,century gothic,verdana, sans-serif;
	overflow:hidden;
	}

.post h3 {
	margin: 0px 0 0px 0;
	padding: 7px 0px 0px 10px;
	text-align: left;
	font-size: 14px;
	overflow:hidden;
	height:16px;
	font-weight:bold;
	text-transform: uppercase;
	}

.post h3 a, .post h3 a:link, .post h3 a:visited  {
	color: #306074;
	overflow:hidden;
	background-color: transparent;
	}
.post h3 a:hover  {
	color: #000;
	background-color: transparent;
	}	
.date{
	margin: 0px 0 0px 0;
	padding: 2px 0px 3px 0px;
	text-align: left;
	font-size: 12px;
	overflow:hidden;
	line-height:14px;
	font-weight:bold;
	color:#A06933;
}
.clock{
	background:url(http://4.bp.blogspot.com/_xfdD6S9fOk4/Set5BssYacI/AAAAAAAABJE/-Lg95lr4_DY/s1600/clock2.png) no-repeat;
	padding:5px 0 0 25px;

}	
	

.authr{
	padding:5px 0 0 10px;
	}


.postinfo {
	height:20px;
	padding: 2px 5px 2px 0px;
	font-size:14px;
	background:url(http://1.bp.blogspot.com/_xfdD6S9fOk4/Set5vQByI3I/AAAAAAAABL0/TGfjjT6xZMo/s1600/postmet2.jpg);

			}
.time{
	float:left;
	margin-left:4px;
	padding:0px 0 0 25px;
	color:#A06933;
	background-repeat:no-repeat;
	font-size:12px;

	}	
.time a:link,.time a:visited {
	color:#000;
	}
	
.rmore{
	float:right;
	margin-left:4px;
	padding:0px 25px 0 0px;
	color:#fff;
	background-repeat:no-repeat;
	font-size:12px;

	}
	
.rmore a:link,.rmore a:visited {
	color:#A06933;
	}
	
.mentry a:link,
.mentry a:visited {
	color: #DF1000;
	background-color: transparent;
}

.mentry a:hover {
	color: #fbb100;
	background-color: transparent;
	text-decoration: none;
}
.mentry{
	height:130px;
overflow: hidden;

}
.mentry p{
	margin: 0px 0;
	padding: 0px 10px;
	font-size:12px;
	color:#48627D;

	}
.mentry li {color:#245071;}

.post img{
	float:left;
	margin: 10px 5px 5px 10px;
	padding: 3px 3px;
	border:1px solid #222;
	background:#0E1829;
	width: 80px;
	height: 55px;
	}

.cover{
	margin: 0 0;
	padding:5px 10px;
	}
.singlemeta{
	width:668px;
	background:#fff;
	border:1px solid #bbb;
	padding:5px 5px;
	margin:5px 0;

}	
	
/* sidebar */
#rightcol{
	width:330px;
	float:right;
}
#fideohead{
	height:35px;
	background:#000 url(http://3.bp.blogspot.com/_xfdD6S9fOk4/Set5KbpEG_I/AAAAAAAABJs/kcJjRzdz6iQ/s1600/feathead.jpg) no-repeat;
	width:325px;
	margin:2px 0 0px 0;
}

#fideofoot{
	height:9px;
	background: url(http://1.bp.blogspot.com/_xfdD6S9fOk4/Set5VjXRVbI/AAAAAAAABKE/CmehInHbnq4/s1600/fvoot.jpg) no-repeat;
	width:325px;
	margin:0px 0 5px 0;
}
#fvideo {
	width:320px;
	background:url(http://s554.photobucket.com/albums/jj431/probluelight/whitegamezine/images/fcont.jpg) repeat-y;
	padding:5px 2px 5px 2px;
	margin:0 0 0px 0;

}	

#fvideo p{
	margin:0px 5px;
}

#fvideo h2 {
	margin:0px 5px;
	text-align: left;
	font: 16px Arial, century gothic,verdana,  sans-serif;
	font-weight:bold;
	text-transform: uppercase;
	color:#48708f;
	padding:5px 0px;
	}

#fvideo h2 a, #fvideo h2 a:link, #fvideo h2 a:visited  {
	color: #48708f;
	background-color: transparent;
	}
.fat{
	margin:0px 5px;
	text-align: left;
	font: 12px Arial,century gothic,verdana,  sans-serif;
	color:#ccc;
	padding:0px 0px;

}	
	
.sidebar3{
	float:left;
	width:323px;
	padding-top:10px;
	padding-left:5px;
	font-size:12px;
	font-family: century gothic,Georgia, Arial, sans-serif;
	}

.sidebar3 h2 {
	height:30px;
	line-height:30px;
	font-size:18px;
	color:#000;
	margin:0px 0 0 0 ;
	padding:0px 0 0 5px;
	background:url(http://1.bp.blogspot.com/_xfdD6S9fOk4/Set6ofVy1zI/AAAAAAAABMk/X3gVS0V_-WQ/s1600/sh2.jpg);
	font-weight:normal;

	}
.sidebar3 ul {
	list-style-type: none;
	margin: 0 ;
	padding: 0;

	}

.sidebar3 ul ul  {
	list-style-type: none;
	margin: 0;
	padding: 0px 0px 10px 0px;


	}

.sidebar3 ul ul ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	border:0;

	}

.sidebar3 ul ul ul ul {

	list-style-type: none;
	margin: 0;
	padding: 0;
	border:0;

	}
	
.sidebar3 ul li {
color: #000;
	text-decoration: none;
	padding: 5px 0px 5px 5px;
	display:block;
	font-family: Arial, century gothic,Georgia,helvetica, sans-serif;
	background:#fff;
	border-bottom:1px solid #fff;	


	}

.sidebar3 ul li a:link, .sidebar3 ul li a:visited {
	color: #000;
height:100%;
	line-height:18px;
	}

.sidebar3 ul li a:hover {
	
	color:#606975;
	}

.sidebar3 p {
	padding: 7px 10px;
	margin:0;
	
	}

.sidebar3 table {
	width:100%;
	text-align:center;
	background:#03070d;
	}	
	



/* The Sidebar1 */
.sidebar1{
	float:left;
	width:150px;
	padding-top:10px;
	padding-left:5px;
	font-size:12px;
	font-family: century gothic,Georgia, Arial, sans-serif;
	}

.sidebar1 h2 {
	height:30px;
	line-height:30px;
	font-size:18px;
	color:#000;
	margin:0px 0 0 0 ;
	padding:0px 0 0 5px;
	background:url(http://1.bp.blogspot.com/_xfdD6S9fOk4/Set6ofVy1zI/AAAAAAAABMk/X3gVS0V_-WQ/s1600/sh2.jpg);
	font-weight:normal;

	}
.sidebar1 ul {
	list-style-type: none;
	margin: 0 ;
	padding: 0;

	}

.sidebar1 ul ul  {
	list-style-type: none;
	margin: 0;
	padding: 0px 0px 10px 0px;


	}

.sidebar1 ul ul ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	border:0;

	}

.sidebar1 ul ul ul ul {

	list-style-type: none;
	margin: 0;
	padding: 0;
	border:0;

	}
	
.sidebar1 ul li {
color: #000;
	text-decoration: none;
	padding: 5px 0px 5px 5px;
	display:block;
	font-family: Arial, century gothic,Georgia,helvetica, sans-serif;
	background:#fff;
	border-bottom:1px solid #fff;	


	}

.sidebar1 ul li a:link, .sidebar1 ul li a:visited {
	color: #000;
height:100%;
	line-height:18px;
	}

.sidebar1 ul li a:hover {
	
	color:#606975;
	}

.sidebar1 p {
	padding: 7px 10px;
	margin:0;
	
	}

.sidebar1 table {
	width:100%;
	text-align:center;
	background:#03070d;
	}	
	

	
/* The Sidebar2 */	
.sidebar2{
	float:right;
	width:150px;
	padding-top:10px;
	padding-right:10px;
	font-size:12px;
	font-family:  century gothic,Arial,Georgia, sans-serif;
	}

.sidebar2 h2 {
	height:30px;
	line-height:30px;
	font-size:18px;
	color:#000;
	margin:0px 0 0 0 ;
	padding:0px 0 0 5px;
	background:url(http://1.bp.blogspot.com/_xfdD6S9fOk4/Set6ofVy1zI/AAAAAAAABMk/X3gVS0V_-WQ/s1600/sh2.jpg);
	font-weight:normal

	}
.sidebar2 ul {
	list-style-type: none;
	margin: 0 ;
	padding: 0;

	}

.sidebar2 ul ul  {
	list-style-type: none;
	margin: 0;
	padding: 0px 0px 10px 0px;

	}

.sidebar2 ul ul ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	border:0;

	}

.sidebar2 ul ul ul ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	border:0;

	}
	
.sidebar2 ul li {
color: #000;
	text-decoration: none;
	padding: 5px 0px 5px 5px;
	display:block;
	font-family: Arial, century gothic,Georgia,helvetica, sans-serif;
	background:#fff;
	border-bottom:1px solid #fff;	



	}

.sidebar2 ul li a:link, .sidebar2 ul li a:visited {
	height:100%;
	line-height:18px;
	color: #000;}

.sidebar2 ul li a:hover {
	color:#606975;
	}

.sidebar2 p {
	padding: 7px 10px;
	margin:0;
	
	}

.sidebar2 table {

	width:100%;
	text-align:center;
	background-color:#03070d;
	}		
	
/* --- FOOTER --- */

#footer {
	height:45px;
	margin:0 0px ;
	padding:10px 0 0 0px;
	background:url(http://1.bp.blogspot.com/_xfdD6S9fOk4/Set5vG834DI/AAAAAAAABLc/Vo85bICxgAU/s1600/navig.jpg);
	color:#5198b8;
	font-size:10px;
	font-weight:normal;
	text-align:center;
	letter-spacing:1px;
	}

#footer a {
	color:#5198b8;
	}

#footer a:hover {
	color:#ccc;
	}
.fleft{
	float:left;
	padding: 0 0 0 10px;

}

.fright{
	float:right;
	padding: 0 10px 0 0;
}

/* The Navigation */


.navigation {
	height:25px;
	padding:8px 10px;
	margin:0px 0 0 0;
	background:url(http://1.bp.blogspot.com/_xfdD6S9fOk4/Set5vG834DI/AAAAAAAABLc/Vo85bICxgAU/s1600/navig.jpg);
	float:left;
	width:630px;
	}
.navigation a {
	font-weight:bold;
	text-decoration:none;
	font-size:14px;
	color:#fff;
	}
.navigation a:hover {
	color:#ccc;

	}

/* The Attachment */

.contentCenter {
	text-align:center;
	}

/* The Page Title */

h2.pagetitle {
	height:25px;
	padding:8px 10px;
	margin:0 0 5px 0;
	font-size:16px;

	text-align:left;
	background:url(http://1.bp.blogspot.com/_xfdD6S9fOk4/Set5vG834DI/AAAAAAAABLc/Vo85bICxgAU/s1600/navig.jpg);
	color:#fff;
	
	}
/* The Comments */

.comments {

	}
.comments form {
	}
.comments textarea {
	width:90%;
	height:156px;
	background:#E8EBDA;
	border:1px solid #D0D0D0;
	color:#444;
	padding:10px;
	overflow:auto;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;

	}
.comments-count{
	font-weight:bold;
	font-size:18px;
	padding:0 0 0 20px;
	color:#fff;
}	
	
#commentform {
	padding-left:20px;
	}
#commentform input {
	background:#E8EBDA;
	border:1px solid #D0D0D0;
	color:#333;
	padding-left:10px;
	}
.comments input#submit {
	padding:0;
	width:72px;
	height:25px;
	background:#20425D;
	border:1px solid #43627E;
	color:#fff;
	}
.comments h4 {
	font-size:19px;
	line-height:30px;
	margin:24px 0 0 20px;
	padding:0;
	font-weight:normal;
	color:#62696c;
	}
	

.commentbox ol {
	list-style-type:none;
	margin: 0 ;
	padding:20px 0px;
	
	}
.commentbox ol li{
	list-style-type:none;
	margin: 5px 0 ;
	padding:5px 5px;
	
	}
	
.alt{
	background:#fff url(http://1.bp.blogspot.com/_xfdD6S9fOk4/Set5B2toN4I/AAAAAAAABJU/mYkOaHy6KOs/s1600/com.jpg) top repeat-y;

}	

.odd{
	background:#fff url(http://1.bp.blogspot.com/_xfdD6S9fOk4/Set5B8dY1vI/AAAAAAAABJM/IyBGM8r5x80/s1600/col.jpg) top repeat-y;

}
	
.comments ol li p {
	padding:0;
	margin:10px 0;
	color:#000;
	
	}
.commentmeta small{
	color: #000;
	
}
.comments img{

	margin:4px 4px;
	background:#245071;
	padding:4px 4px;

}

.featlist {
	width:325px;
	}
		
.highlight{
	margin-top:4px;
	height:36px;
	background:#232628 url(http://2.bp.blogspot.com/_xfdD6S9fOk4/Set63Oj0IAI/AAAAAAAABNU/dCC8muoslZ0/s1600/top5.jpg) ;
	width:325px;
	float:left;
}	
.fblock h2{
	margin: 0px 0 0px 0;
	padding: 5px 0px 3px 0px;
	text-align: left;
	font-size: 16px;
	overflow:hidden;
	height:16px;
}
.fblock h2 a:link, .fblock h2 a:visited{
	color:#4d7891;
}
.fblock {
	
	width: 325px;
	float:left;
	margin: 5px 0px 0px 0px;
	padding:0px 0 0 0;
	background:url(http://2.bp.blogspot.com/_xfdD6S9fOk4/Set5KWrDcGI/AAAAAAAABJ0/uO_OGJcVz-s/s1600/featl.jpg);
	display:inline;
	color:#222;
	font-family:Arial,century gothic,verdana, sans-serif;
}


.fblock p{
	margin:5px 5px;
	color:#6b7478;
}


.fblock img {
	float:left;
	border:1px solid #393F42;
	margin:5px 5px 5px 5px;
	padding:0 0;
	}
	
.fcats{
	overflow:hidden;
	font-size:12px;
	color:#DAD0C1;
	padding: 0 0 0 0px;
	margin:1px 0 0px 0;
	height:15px;
}
.fcats a:link,.fcats a:visited {
	overflow:hidden;
	font-size:12px;
	color:#83A1AF;
	padding: 0 0 0 0px;
	margin:0px 0 0px 0;
	height:13px;
}	
.auth{
	overflow:hidden;
	font-size:12px;
	color:#A06933;
	padding: 2px 0 0 0px;
	margin:0px 0 0px 0;
}	

.fmeta{
	overflow:hidden;
	font-size:10px;
	color:#6a8199;
	padding: 0 0 0 0px;
	margin:0px 0 0px 0;
		
}

.fmeta a:link,.fmeta a:visited{
	overflow:hidden;
	font-size:12px;
	color:#3a6e98;
	padding: 0 0 0 0px;
	margin:0px 0 0px 0;
			
}

.fmeta a:hover{
	overflow:hidden;
	font-size:12px;
	color:#fff;
	padding: 0 0 0 0px;
	margin:0px 0 0px 0;
			
}
	
.sponsor{
	margin: 0px 0 0 0;
	padding: 0px 0 0 0px;
	width:620px;
	float:left;

}

.sponsor ul {
   	 margin: 0px 0px;
	 padding: 0px 10px;
	 overflow: auto;
	 list-style:none;
}
	 
.sponsor ul li{
	height:125px;
	width:125px;
	margin: 2px 7px ;
	padding:5px 5px;
	list-style:none;
	display : block;
	display:inline;
	float:left;
	background:#0E1829;
}

.sponsor li a:link, .sponsor li a:visited {
	text-decoration: none;
}


/*Glider COntent
-----------------------------------------------------*/
#glidercontent{
	margin:0px 0 5px 0px;
	font-family:Century gothic, Georgia,Arial,Tahoma,sans-serif;
}

.glidecontentwrapper{
	position: relative; /* Do not change this value */
	width: 650px;
	height: 280px; /* Set height to be able to contain height of largest content shown*/
	overflow: hidden;
	margin:0px 0px 0px 0px;
	background:url(http://2.bp.blogspot.com/_xfdD6S9fOk4/Set5V3jZDqI/AAAAAAAABKM/rRDYfyEDG2o/s1600/gcont.jpg) repeat-y;
	}

.glidecontent{ /*style for each glide content DIV within wrapper.*/
	position:absolute; /* Do not change this value */
	padding:0px 15px 0px 15px;
	width:620px;
	color:#fff;
	margin:0px 0px;
	height: 220px;
	background:#ec03d9 url(http://none/minibg.pg) no -repeat;
	overflow:hidden;
	float:left;
}
.glidemeta h2{
	margin:5px 0px 5px 0px;
	font-size:16px;
	font-weight:bold;
}
.glidemeta h2 a:link, .glidemeta h2 a:visited{
	color:#000;
}

.glidemeta{
height: 70px;
width: 610px;
padding:0px 5px 5px 5px;
position:absolute;
background: url(http://3.bp.blogspot.com/_xfdD6S9fOk4/SeyyZKaYvfI/AAAAAAAABN0/G0TtWKEQSKQ/s1600/ballonn.png);
top:145px;
line-height:14px;
color: #000;
font-size:12px;
overflow: hidden;
display:none;
border-top:1px solid #1e62a9;
}

.gnav{ /*style for DIV used to contain toggler links. */
	width: 100px;
	height:50px;
	z-index:150;
	float:right;
	padding-right:25px;
}

.glidecontenttoggler{ /*style for DIV used to contain toggler links. */

	height:50px;
	z-index:150;
	width: 650px;
	background: url(http://2.bp.blogspot.com/_xfdD6S9fOk4/Set5V2t1eaI/AAAAAAAABKU/OZbQSxa8Y_Y/s1600/gtop.jpg);
}
.glidecontenttoggler a{ /*style for every navigational link within toggler */
	display: -moz-inline-box;
	display: inline-block;
	color: #2e6ab1;
	font-weight: bold;
	text-decoration: none;
}

.glidecontenttoggler a.selected{ /*style for selected page's toggler link. ".selected" class auto generated! */
	background: #E4EFFA;
	color: black;
}

.glidecontenttoggler a:hover{
	background: #E4EFFA;
	color: black;
}

.glidecontenttoggler a.toc{ /*style for individual toggler links (page 1, page 2, etc). ".toc" class auto generated! */
}

.glidecontenttoggler a.prev{ /*style for "prev" and "next" toggler links. ".prev" and ".next" classes auto generated! */
	top:15px;
	right:35px;
	position:absolute;
	display:block;
	background:url(http://3.bp.blogspot.com/_xfdD6S9fOk4/Set5eZGIAqI/AAAAAAAABKs/LzsjSCWG-Mw/s1600/lefta.png) bottom;
	width:36px;
	height:25px;
}
.glidecontenttoggler a.next {
	float:right;
	display:block;
	background:url(http://3.bp.blogspot.com/_xfdD6S9fOk4/Set6e4-u2iI/AAAAAAAABMM/9d537cMwzno/s1600/righta.png) bottom;
	width:36px;
	height:25px;
	position:absolute;
	top:15px;
	right:5px;
}
.glidecontenttoggler a.prev:hover {
	top:15px;
	right:35px;
	position:absolute;
	display:block;
	background:url(http://3.bp.blogspot.com/_xfdD6S9fOk4/Set5WDBd1_I/AAAAAAAABKk/7gW7cLqFw1o/s1600/left.png) bottom;
	width:36px;
	height:25px

}

.glidecontenttoggler a.next:hover{

	float:right;
	display:block;
	background:url(http://3.bp.blogspot.com/_xfdD6S9fOk4/Set6eu6vVYI/AAAAAAAABME/dxrWYvh5g6A/s1600/right.png) bottom;
	width:36px;
	height:25px;
	position:absolute;
	top:15px;
	right:5px;

}


#myslides{

background:#000 url(http://3.bp.blogspot.com/_xfdD6S9fOk4/Set5uxk-mtI/AAAAAAAABLU/2Q67-Um6wC8/s1600/mslid.jpg) repeat-x;
width: 650px;
height:165px;
margin-bottom:5px;
}

.stepcarousel{
position: relative; /*leave this value alone*/
overflow: scroll; /*leave this value alone*/
width: 554px; /*Width of Carousel Viewer itself*/
height: 160px; /*Height should enough to fit largest content's height*/
margin: 0px 48px 5px 48px;

}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 20px 10px ; /*margin around each panel*/
width:170px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
background:#2066ae;
height:120px;
border:1px solid #689fd8;

}
.stepcarousel .panel p{
text-align: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 5px 5px ; /*margin around each panel*/

}

.stepcarousel .panel h2{
text-align: left; /*leave this value alone*/
height:20px;
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 2px 5px ; /*margin around each panel*/
font-size:16px;
font-weight:bold;
text-align:center;
font-family:Georgia,century gothic,Arial,verdana, sans-serif;
}

.stepcarousel .panel img{
float: left; /*leave this value alone*/
background:#2066ae; /*clip content that go outside dimensions of holding panel DIV*/
margin: 5px 5px 5px 5px; /*margin around each panel*/
padding:0px 0px;
}

.single{
	width: 650px;
	margin: 0px 3px 5px 0px;
	padding:0px 0 0 0;
	background:url(http://2.bp.blogspot.com/_xfdD6S9fOk4/Set63ZFzGDI/AAAAAAAABNs/4R-0DTMSclE/s1600/vanila.jpg);
	color:#000;
	font-family:Arial,Century gothic,verdana, sans-serif;
	overflow:hidden}


.single h3 {
	margin: 0px 0 0px 0;
	padding: 7px 0px 0px 10px;
	text-align: left;
	font-size: 18px;
	overflow:hidden;
	text-transform: uppercase;
	font-weight:normal;
	}

.single h3 a, .single h3 a:link, .single h3 a:visited  {
	color: #000;
	overflow:hidden;
	background-color: transparent;
	}
.single h3 a:hover  {
	color: #306074;
	background-color: transparent;
	}

.data{
	margin: 0px 0 0px 0;
	padding: 5px 0px 5px 10px;
	text-align: left;
	font-size: 12px;
	overflow:hidden;
	line-height:14px;
	color:#A06933;
}

	
.cahayaentry a:link,
.cahayaentry a:visited {
	color: #fbb100;
	background-color: transparent;
}

.cahayaentry a:hover {
	color: #668790;
	background-color: transparent;
	text-decoration: none;
}
.cahayaentry{
	margin: 0 0;
	padding: 0px 0px;
}
.cahayaentry p{
	margin: 0px 0;
	padding: 0px 10px;
	font-size:13px;
	color:#000;

	}
.single img{

	margin: 5px 5px 5px 0px;
	padding: 5px 5px;
	border:1px solid #222;
	background:#0E1829;

}
.cover{
	margin: 0 0;

	}
.spostinfo{
	
	padding:5px 5px 10px 10px;
	margin:5px 0;
}	

.category{
	padding:2px 5px 0px 25px;
	margin:0px 0px;
	background:url(http://3.bp.blogspot.com/_xfdD6S9fOk4/Set5BvLbkaI/AAAAAAAABI0/bTTQ-PwZb5c/s1600/cat2.png) no-repeat;
}

.category a:link,.category a:visited{
	color:#A06933;

}

/* Tabs
-----------------------------------------------*/

.widgets {
	width: 630px;
	margin: 0px 0px;
	padding: 10px 10px;
	background: url(http://2.bp.blogspot.com/_xfdD6S9fOk4/Set63ZFzGDI/AAAAAAAABNs/4R-0DTMSclE/s1600/vanila.jpg) repeat-y;
	margin-bottom: 15px;
	float:left;
}

.widgets a {
	color: #222;
	text-decoration: none;
	}
	
.widgets a:hover {
	color: #009;
	text-decoration: underline;
	}
	
ul.tabnav{

	width:620px;
	padding: 4px 6px;
	height:30px;
	margin:0px 0px;
}


.tabnav li {
	display: inline;
	list-style: none;
	padding-right: 5px;
	float:left;
	}
	
.tabnav li a {
	text-decoration: none;
	text-transform: uppercase;
	color: #222;
	font-weight: bold;
	padding: 4px 6px;
	outline: none;
	width:180px;
	height:25px;
	display:block;
	}
		
.tabnav li a:hover, .tabnav li a:active, .tabnav li.ui-tabs-selected a {
	
	color: #222;
	text-decoration: none;
	}

.tabnav li.sp1 a	{

background:url(http://4.bp.blogspot.com/_xfdD6S9fOk4/Set41E4S_nI/AAAAAAAABIM/74phVP_hH0Y/s1600/1tab.jpg) bottom no-repeat;;
}
.tabnav li.ab2 a	{

background:url(http://2.bp.blogspot.com/_xfdD6S9fOk4/Set41S8b2_I/AAAAAAAABIU/M9MQuxqULoE/s1600/2tab.jpg) bottom no-repeat;;
}

.tabnav li.rn3 a	{

background:url(http://4.bp.blogspot.com/_xfdD6S9fOk4/Set41RJxL7I/AAAAAAAABIc/EkpzYsx5oHo/s1600/3tab.jpg) bottom no-repeat;;
}
.tabdiv {
	margin-top: 2px;
	padding: 5px;
	float:left;
	width:620px;
	}
	
.tabdiv li {
	list-style-image: url("star.png");
	margin-left: 20px;
	}

.ui-tabs-hide {
	display: none;
	}

.rblock h2{
	margin: 0px 0 0px 0;
	padding: 5px 0px 3px 0px;
	text-align: left;
	font-size: 16px;
	overflow:hidden;
	height:16px;
}
.rblock h2 a:link, .rblock h2 a:visited{
	color:#2D5D71;
}
.rblock {
	
	width: 300px;
	float:left;
	margin: 5px 10px 0px 0px;
	padding:0px 0 0 0;
	display:inline;
	background:url(http://2.bp.blogspot.com/_xfdD6S9fOk4/Set5KWrDcGI/AAAAAAAABJ0/uO_OGJcVz-s/s1600/featl.jpg);
	color:#222;
	font-family:century gothic,Arial,verdana, sans-serif;
}


.rblock p{
	margin:5px 5px;
	color:#6b7478;
}


.rblock img {
	float:left;
	border:1px solid #393F42;
	margin:5px 5px 5px 5px;
	padding:0 0;
	}
	
	
#about{

	padding: 0 0 5px 0;

	}

#about a{
	color: #425200;
}

#about p.text{
	padding: 5px 5px ;
	font-family: century gothic,Georgia, Arial, sans-serif;
	font-size: 14px;
	line-height: 20px;
	color: #000;
	margin:0px 0px;
}

#about img.avatar{
	float: left;
	margin: 0px 10px 10px 0;
	background:#0E1829;
	padding:5px 5px;
}


.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.sf-menu {
	line-height:	1.0;
	height:30px;
	background:#1e62a9;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			10em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	width:			120%;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
}
.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			30px; /* match top ul list item height */
	z-index:		350;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			12em; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			12em; /* match ul width */
	top:			0;
}
.sf-menu {
	float:			left;
	margin-bottom:0px;
	width:1000px;
}
.sf-menu a {
	border-right:	1px solid #689fd8;
	padding: 8px  10px;
	text-decoration:none;
}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color:			#ecf0f5;
}
.sf-menu li {
	background:		#1e62a9;
}
.sf-menu li li {
	background:		#1e62a9;
}
.sf-menu li li li {
	background:		#1e62a9;
}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	background:	url(http://4.bp.blogspot.com/_nxOMLf2KJwU/ScV9l5LZ9uI/AAAAAAAABR8/pxtcMhaa27Q/s1600/nav-bg.gif) repeat-x;
	outline:		0;
	color:			#d9dfe0;
	z-index:200}

#blog-pager-newer-link{padding-left:20px;float:left}
#blog-pager-older-link{padding-right:20px;float:right}
#blog-pager{text-align:center}


]]></b:skin>

<script type='text/javascript'>
	jQuery(function(){
			jQuery(&#39;ul.sf-menu&#39;).superfish();
		});
</script>


<script type='text/javascript'><!--//--><![CDATA[//><!--
function removeHtmlTag(strx,chop){ 
	if(strx.indexOf("<")!=-1)
	{
		var s = strx.split("<"); 
		for(var i=0;i<s.length;i++){ 
			if(s[i].indexOf(">")!=-1){ 
				s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length); 
			} 
		} 
		strx =  s.join(""); 
	}
	chop = (chop < strx.length-1) ? chop : strx.length-2; 
	while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++; 
	strx = strx.substring(0,chop-1); 
	return strx+'...'; 
}

function createSummaryAndThumb(pID){
	var div = document.getElementById(pID);
	var imgtag = "";
	var img = div.getElementsByTagName("img");
	var summ = summary_noimg;
	if(img.length>=1) {	
		imgtag = '<span style="float:left; padding:0px 5px 5px 0px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';
		summ = summary_img;
	}
	
	var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';
	div.innerHTML = summary;
}

//--><!]]></script>


<script src='YOUR-JAVASCRIPT-HOSTING-LINK-LOCATION/jquery-1.2.6.min.js' type='text/javascript'/>
<script src='YOUR-JAVASCRIPT-HOSTING-LINK-LOCATION/superfish.js' type='text/javascript'/>
<script src='YOUR-JAVASCRIPT-HOSTING-LINK-LOCATION/hoverIntent.js' type='text/javascript'/>
<script src='YOUR-JAVASCRIPT-HOSTING-LINK-LOCATION/glide.js' type='text/javascript'/>
<script src='YOUR-JAVASCRIPT-HOSTING-LINK-LOCATION/slider.js' type='text/javascript'/>
<script src='YOUR-JAVASCRIPT-HOSTING-LINK-LOCATION/hover.js' type='text/javascript'/>
<script src='YOUR-JAVASCRIPT-HOSTING-LINK-LOCATION/jquery-ui-personalized-1.5.2.packed.js' type='text/javascript'/>
<script src='YOUR-JAVASCRIPT-HOSTING-LINK-LOCATION/sprinkle.js' type='text/javascript'/>


<style type='text/css'>
#mygallery{overflow: hidden;}
</style>

</head>
 
<body>
  <div class='wrapper'> 
<div id='foxmenucontainer'>
	<b:section class='cahayabiru3' id='cahayabiru3' showaddelement='no'>
<b:widget id='HTML1' locked='false' title='FOX MENU' type='HTML'>
<b:includable id='main'>
				<div id='menu'>
					<ul>
						<div class='widget-content'>
							<li><a expr:href='data:blog.homepageUrl'>Home</a></li>
								<data:content/>
						</div>
					</ul>
				</div>	
				<b:include name='quickedit'/>
			</b:includable>
</b:widget>
</b:section>
</div> <!-- foxmenu -->

<div class='clear'/>
<div class='clear'/>
<div id='top'> 
	<div class='blogname'>
 <b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Gamezine Lite (Header)' type='Header'>
<b:includable id='title'>
  <b:if cond='data:blog.url == data:blog.homepageUrl'>
    <data:title/>
  <b:else/>
    <a expr:href='data:blog.homepageUrl'><data:title/></a>
  </b:if>
</b:includable>
<b:includable id='description'>
  <div class='descriptionwrapper'>
    <p class='description'><span><data:description/></span></p>
  </div>
</b:includable>
<b:includable id='main'>

  <b:if cond='data:useImage'>
    <b:if cond='data:imagePlacement == &quot;REPLACE&quot;'>
      <!--Show just the image, no text-->
      <div id='header-inner'>
        <a expr:href='data:blog.homepageUrl' style='display: block'>
          <img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + &quot;_headerimg&quot;' expr:src='data:sourceUrl' expr:width='data:width' style='display: block'/>
        </a>
      </div>
    <b:else/>
      <!--
      Show image as background to text. You can't really calculate the width
      reliably in JS because margins are not taken into account by any of
      clientWidth, offsetWidth or scrollWidth, so we don't force a minimum
      width if the user is using shrink to fit.
      This results in a margin-width's worth of pixels being cropped. If the
      user is not using shrink to fit then we expand the header.
      -->
      <div expr:style='&quot;background-image: url(\&quot;&quot; + data:sourceUrl + &quot;\&quot;); &quot;                      + &quot;background-position: &quot;                      + data:backgroundPositionStyleStr + &quot;; &quot;                      + data:widthStyleStr                      + &quot;min-height: &quot; + data:height + &quot;px;&quot;                      + &quot;_height: &quot; + data:height + &quot;px;&quot;                      + &quot;background-repeat: no-repeat; &quot;' id='header-inner'>
        <div class='titlewrapper' style='background: transparent'>
          <h1 class='title' style='background: transparent; border-width: 0px'>
            <b:include name='title'/>
          </h1>
        </div>
        <b:include name='description'/>
      </div>
    </b:if>
  <b:else/>
    <!--No header image -->
    <div id='header-inner'>
      <div class='titlewrapper'>
        <h1 class='title'>
          <a expr:href='data:blog.homepageUrl'><b:include name='title'/></a>
        </h1>
      </div>
      <b:include name='description'/>
    </div>
  </b:if>
</b:includable>
</b:widget>
</b:section>
</div><!-- blogname -->
</div><!-- top -->

<div id='cat'>
	<b:section class='cahaya3' id='cahayabiru04' showaddelement='no'>
<b:widget id='HTML2' locked='false' title='CAT MENU' type='HTML'>
<b:includable id='main'>
				<ul class='sf-menu'>
					<div class='widget-content'>
						<data:content/>
					</div>
				</ul>
				<b:include name='quickedit'/>
			</b:includable>
</b:widget>
</b:section>
</div> <!-- cat -->
 
<div class='clear'/>

<div class='content'>

<div id='content'>
		
<b:if cond='data:blog.pageType != &quot;item&quot;'>
	<b:section class='cahayabiru1' id='cahayabiru1' showaddelement='no'>
<b:widget id='HTML10' locked='false' title='Glider Content' type='HTML'>
<b:includable id='main'>

<script type='text/javascript'>

featuredcontentglider.init({
	gliderid: &quot;glidercontent&quot;,
	contentclass: &quot;glidecontent&quot;,
	togglerid: &quot;togglebox&quot;,
	remotecontent: &quot;&quot;, 
	selected: 1,
	persiststate: true,
	speed: 300,
	direction: &quot;leftright&quot;, 
	autorotate: true, 
	autorotateconfig: [10000, 1] //if auto rotate enabled, set [milliseconds_btw_rotations, cycles_before_stopping]
})

</script>
					<div class='glidecontentwrapper' id='glidercontent'> 
				<div class='glidecontenttoggler' id='togglebox'> 
							<a class='prev' href='#'/> 
							<a class='next' href='#'/>	
						</div>
						<div class='widget-content'>
							<data:content/>
						</div>
					</div>
			</b:includable>
</b:widget>
</b:section>

<div class='clear'/>

	<b:section class='cahayabiru2' id='cahayabiru2' showaddelement='no'>
<b:widget id='HTML11' locked='false' title='Slider' type='HTML'>
<b:includable id='main'>

				<div id='myslides'>
<script type='text/javascript'>
stepcarousel.setup({
	galleryid: &#39;mygallery&#39;, //id of carousel DIV
	beltclass: &#39;belt&#39;, //class of inner &quot;belt&quot; DIV containing all the panel DIVs
	panelclass: &#39;panel&#39;, //class of panel DIVs each holding content
	panelbehavior: {speed:500, wraparound:true, persist:true},
	defaultbuttons: {enable: true, moveby: 3, leftnav: [&#39;http://s554.photobucket.com/albums/jj431/probluelight/whitegamezine/images/tl.jpg&#39;, -48, 0], rightnav: [&#39;http://s554.photobucket.com/albums/jj431/probluelight/whitegamezine/images/tr.jpg&#39;, 0, 0]},
	statusvars: [&#39;statusA&#39;, &#39;statusB&#39;, &#39;statusC&#39;], //register 3 variables that contain current panel (start), current panel (last), and total panels
	contenttype: [&#39;external&#39;] //content setting [&#39;inline&#39;] or [&#39;external&#39;, &#39;path_to_external_file&#39;]
})


</script>

					<div class='stepcarousel' id='mygallery'>

						<div class='widget-content'>
							<div class='belt'>
								<data:content/>
							</div>
						</div>
					</div>
				</div>
			</b:includable>
</b:widget>
</b:section>
</b:if> 

<div class='widgets' id='tabvanilla'>
	<ul class='tabnav'>
		<li class='sp1'><a href='#sponsor'/></li>
		<li class='ab2'><a href='#about'/></li>
		<li class='rn3'><a href='#random'/></li>
	</ul>
			

<div class='tabdiv' id='sponsor'>
	<b:section class='cahayabiru4' id='cahayabiru4' showaddelement='yes'>
<b:widget id='HTML7' locked='false' title='TABDIV' type='HTML'>
<b:includable id='main'>

				<div class='sponsor'>
					<ul>
						<div class='widget-content'>
					     	<data:content/>
						</div>
					</ul>
				</div>
			</b:includable>
</b:widget>
</b:section>
</div>


<div class='tabdiv' id='about'>
	<b:section class='cahayabiru5' id='cahayabiru05' showaddelement='yes'>
<b:widget id='HTML8' locked='false' title='About Me' type='HTML'>
<b:includable id='main'>
				<div class='widget-content'>
					<data:content/>
				</div>
				<b:include name='quickedit'/>
			</b:includable>
</b:widget>
</b:section>
</div>

<div class='tabdiv' id='random'>
<b:section class='cahayabiru6' id='cahayabiru6' showaddelement='yes'>
<b:widget id='HTML9' locked='false' title='Random' type='HTML'>
<b:includable id='main'>

  <div class='ranlist'>
  <div class='widget-content'>
    <data:content/>
  </div>
  </div>

  <b:include name='quickedit'/>
</b:includable>
</b:widget>
</b:section>
</div></div>
		 <div class='clear'/>
		 <div id='lpst'/>
<b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'>
<b:includable id='nextprev'>
  			<div class='navigation' id='blog-pager'>
    			<b:if cond='data:newerPageUrl'>
      				<span id='blog-pager-newer-link'>
      					<a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;' expr:title='data:newerPageTitle'><data:newerPageTitle/></a>
      				</span>
    			</b:if>

   				 <b:if cond='data:olderPageUrl'>
      				<span id='blog-pager-older-link'>
      					<a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-older-link&quot;' expr:title='data:olderPageTitle'><data:olderPageTitle/></a>
      				</span>
    			</b:if>

			    <b:if cond='data:blog.homepageUrl != data:blog.url'>
      				<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
      				<b:else/>
           			<b:if cond='data:newerPageUrl'>
        				<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
      				</b:if>
    			</b:if>
  			</div>
		</b:includable>
<b:includable id='backlinks' var='post'>
  			<a name='links'/><h4><data:post.backlinksLabel/></h4>
  				<b:if cond='data:post.numBacklinks != 0'>
					<dl class='comments-block' id='comments-block'>
	  					<b:loop values='data:post.backlinks' var='backlink'>
							<div class='collapsed-backlink backlink-control'>
								<dt class='comment-title'> 
									<span class='backlink-toggle-zippy'>&#160;</span>
	  									<a expr:href='data:backlink.url' rel='nofollow'><data:backlink.title/></a>
	  									<b:include data='backlink' name='backlinkDeleteIcon'/>
								</dt>		
								<dd class='comment-body collapseable'>
	  								<data:backlink.snippet/>
								</dd>				
								<dd class='comment-footer collapseable'>
	  								<span class='comment-author'><data:post.authorLabel/> <data:backlink.author/></span>
	  								<span class='comment-timestamp'><data:post.timestampLabel/> <data:backlink.timestamp/></span>
								</dd>
  							</div>
	  					</b:loop>
					</dl>
  				</b:if>				
		</b:includable>
<b:includable id='post' var='post'>

<b:if cond='data:blog.pageType != &quot;item&quot;'>

<div class='post' id='post'>
	<a expr:name='data:post.id'/>
		<b:if cond='data:post.title'>
			<h3 class='post-title entry-title'>
				<b:if cond='data:post.link'>
					<a expr:href='data:post.link'><data:post.title/></a>
					<b:else/>
					<b:if cond='data:post.url'>
						<a expr:href='data:post.url'><data:post.title/></a>
						<b:else/>
						<data:post.title/>
					</b:if>
				</b:if>
			</h3>
		</b:if>

<div class='date'>
		<span class='authr'>
	  		<b:if cond='data:top.showAuthor'>
      			<data:top.authorLabel/>
      				<data:post.author/>
      		</b:if> 
		</span> 
	</div>
	
<div class='mentry'>
 <b:if cond='data:blog.pageType != &quot;item&quot;'>

<div expr:id='&quot;summary&quot; + data:post.id' style='padding:0 10px'><p><data:post.body/></p></div>
<script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);</script>

</b:if>
</div><!-- mentry -->  
  
<div class='postinfo'>
	<div class='time'>
		<b:if cond='data:post.dateHeader'> 
			<b:if cond='data:post.url'>
				<data:post.dateHeader/>
			</b:if>
		</b:if>
	</div>
	
	<div class='rmore'>
		<b:if cond='data:blog.pageType != &quot;item&quot;'>
    		<a expr:href='data:post.url'>Read More</a>
    	</b:if>
	</div>
</div> <!-- postinfo -->
</div><!-- post n post18 -->

</b:if>

<b:if cond='data:blog.pageType == &quot;item&quot;'>

<div class='single' id='post'>
  <div class='title'>
    <a expr:name='data:post.id'/>
		<b:if cond='data:post.title'>
			<h3 class='post-title entry-title'>
				<b:if cond='data:post.link'>
					<a expr:href='data:post.link'><data:post.title/></a>
					<b:else/>
					<b:if cond='data:post.url'>
						<a expr:href='data:post.url'><data:post.title/></a>
						<b:else/>
						<data:post.title/>
					</b:if>
				</b:if>
			</h3>
		</b:if>
	
	<div class='data'>
		<span class='author'>
	  		<b:if cond='data:top.showAuthor'>
      			<data:top.authorLabel/>
      			<span class='fn'><data:post.author/></span>
      		</b:if> 
		</span> 
	
	<span class='clock'>
		<b:if cond='data:post.dateHeader'>   
        	<b:if cond='data:post.url'>
        		<data:post.dateHeader/>
      		</b:if>
      	</b:if>
	</span>
	</div>	
	
	</div><!-- title -->
		
	<div class='cover'>
	<div class='cahayaentry'>
      <p><data:post.body/></p>
      <div style='clear:both;'/>
    </div>
	
	<span class='reaction-buttons'>
        <b:if cond='data:top.showReactions'>
          <table border='0' cellpadding='0' cellspacing='0' width='100%'><tr>
            <td class='reactions-label-cell' nowrap='nowrap' valign='top' width='1%'>
              <span class='reactions-label'>
              <data:top.reactionsLabel/></span>&#160;</td>
            <td><iframe allowtransparency='true' class='reactions-iframe' expr:src='data:post.reactionsUrl' frameborder='0' name='reactions' scrolling='no'/></td>
           </tr></table>
        </b:if>
      </span>

      <span class='star-ratings'>
        <b:if cond='data:top.showStars'>
           <div expr:g:url='data:post.absoluteUrl' g:background-color='22221f' g:height='42' g:text-color='c0c0b4' g:type='RatingPanel' g:width='280'/>
        </b:if>
      </span>
	
	<b:if cond='data:top.showStars'>
    <script src='http://www.google.com/jsapi' type='text/javascript'/>
    <script type='text/javascript'>
      google.load(&quot;annotations&quot;, &quot;1&quot;, {&quot;locale&quot;: &quot;<data:top.languageCode/>&quot;});
      function initialize() {
        google.annotations.setApplicationId(<data:top.blogspotReviews/>);
        google.annotations.createAll();
        google.annotations.fetch();
      }
      google.setOnLoadCallback(initialize);
    </script>
  </b:if>
	
	</div>
		
  	<div class='edit'/>
	
	<div class='spostinfo'>
		<div class='category'>
			<b:if cond='data:post.labels'>
	  			<b:loop values='data:post.labels' var='label'>
					<a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if>
	  			</b:loop>
			</b:if>
	
	<!-- backlinks -->
	<span class='post-backlinks post-comment-link'>
	<b:if cond='data:blog.pageType != &quot;item&quot;'> |
	<b:if cond='data:post.showBacklinks'>
	  <a class='comment-link' expr:href='data:post.url + &quot;#links&quot;'><data:top.backlinkLabel/></a>
	</b:if>
	</b:if>
	</span>

    <!-- email post links -->
    <span class='post-icons'>
    <b:if cond='data:post.emailPostUrl'> |
	<span class='item-action'>
	  <a expr:href='data:post.emailPostUrl' expr:title='data:top.emailPostMsg'>
	    <img alt='' class='icon-action' height='13' src='http://www.blogger.com/img/icon18_email.gif' width='18'/>
	  </a>
	</span>
    </b:if>

    <!-- quickedit pencil -->
    <b:include data='post' name='postQuickEdit'/>
    </span>
		
	</div><!-- category -->
    </div><!-- spostinfo -->

</div><!-- single n post -->

</b:if>


</b:includable>
<b:includable id='status-message'>
  <b:if cond='data:navMessage'>
	<div class='status-msg-wrap'>
	<div class='status-msg-body'>
	  <data:navMessage/>
	</div>

	<div class='status-msg-border'>
	<div class='status-msg-bg'>
	<div class='status-msg-hidden'><data:navMessage/></div>
	</div>
	</div>
	</div>
  </b:if>
</b:includable>
<b:includable id='comment-form' var='post'>
  <div class='comment-form'>
	<a name='comment-form'/>
	<h4><data:postCommentMsg/></h4>
	<p><data:blogCommentMessage/></p>
	<iframe allowtransparency='true' expr:src='data:post.commentFormIframeSrc' frameborder='0' height='275' id='comment-editor' scrolling='auto' width='635'/>
  </div>
</b:includable>
<b:includable id='backlinkDeleteIcon' var='backlink'>
  <span expr:class='&quot;item-control &quot; + data:backlink.adminClass'>
	<a expr:href='data:backlink.deleteUrl' expr:title='data:top.deleteBacklinkMsg'>
  <span class='delete-comment-icon'>&#160;</span>
	</a>
  </span>
</b:includable>
<b:includable id='postQuickEdit' var='post'>
  <b:if cond='data:post.editUrl'>
	<span expr:class='&quot;item-control &quot; + data:post.adminClass'>
	  <a expr:href='data:post.editUrl' expr:title='data:top.editPostMsg'>
	  <img alt='edit post' class='icon-action' src='http://www.blogger.com/img/icon18_edit_allbkg.gif'/>
	  </a>
	</span>
  </b:if>
</b:includable>
<b:includable id='main' var='top'>
  <!-- posts -->
  <div class='blog-posts'>
  <b:include data='top' name='status-message'/>
	<data:adStart/>
	  <b:loop values='data:posts' var='post'>

	  <b:include data='post' name='post'/>
	  <b:if cond='data:blog.pageType == &quot;item&quot;'>
	    <b:include data='post' name='comments'/>
	  </b:if>
	  
	  </b:loop>
	<data:adEnd/>
  </div>
  <b:if cond='data:top.showStars'>
    <script src='http://www.google.com/jsapi' type='text/javascript'/>
    <script type='text/javascript'>
      google.load(&quot;annotations&quot;, &quot;1&quot;, {&quot;locale&quot;: &quot;<data:top.languageCode/>&quot;});
      function initialize() {
        google.annotations.setApplicationId(<data:top.blogspotReviews/>);
        google.annotations.createAll();
        google.annotations.fetch();
      }
      google.setOnLoadCallback(initialize);
    </script>
  </b:if>
<!-- navigation -->
<b:include name='nextprev'/>
  
</b:includable>
<b:includable id='commentDeleteIcon' var='comment'>
  <span expr:class='&quot;item-control &quot; + data:comment.adminClass'>
	<a expr:href='data:comment.deleteUrl' expr:title='data:top.deleteCommentMsg'>
  <span class='delete-comment-icon'>&#160;</span>
	</a>
  </span>
</b:includable>
<b:includable id='feedLinks'>
  <b:if cond='data:blog.pageType != &quot;item&quot;'> <!-- Blog feed links -->
  <b:if cond='data:feedLinks'>
  <div class='blog-feeds'>
	<b:include data='feedLinks' name='feedLinksBody'/>
  </div>
  </b:if>
    <b:else/> <!--Post feed links -->
  <div class='post-feeds'>
	<b:loop values='data:posts' var='post'>
	  <b:if cond='data:post.allowComments'>
	  <b:if cond='data:post.feedLinks'>
	  <b:include data='post.feedLinks' name='feedLinksBody'/>
	  </b:if>
	  </b:if>
	</b:loop>
  </div>
  </b:if>
</b:includable>
<b:includable id='feedLinksBody' var='links'>
  <div class='feed-links'>
	<data:feedLinksMsg/>
	<b:loop values='data:links' var='f'>
	  <a class='feed-link' expr:href='data:f.url' expr:type='data:f.mimeType' target='_blank'><data:f.name/> (<data:f.feedType/>)</a>
	</b:loop>
  </div>
</b:includable>
<b:includable id='comments' var='post'>
   <div class='comments' id='comments'>

	<a name='comments'/>
	<b:if cond='data:post.allowComments'>
	  <h4 id='comments'>
	    <b:if cond='data:post.numComments == 1'>
	    <span class='teal'>1</span> Comment
	    <b:else/> 
	    <span class='teal'><data:post.numComments/></span> <data:commentLabelPlural/>
	    </b:if>
	  </h4>
<div class='commentbox'>
	<ol>
	  <b:loop values='data:post.comments' var='comment'>
	  <li class='alt' id='comments'>
	  <div class='comment-author'>
	    <strong><a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a></strong> Said,
      </div>	
		
    <div class='comment-text'>	
      <span class='medium'>	
	  <p>
	  <b:if cond='data:comment.isDeleted'>
	    <span class='deleted-comment'><data:comment.body/></span>
	      <b:else/>
	    <p><data:comment.body/></p>
	  </b:if>
	  </p>
	  </span>
	</div>
	
	<p class='comment-meta'>
	  <small>Posted on 
      <a expr:href='data:comment.url' title='comment permalink'>
        <data:comment.timestamp/>
      </a>
	  </small>
	</p>	
	
	<b:include data='comment' name='commentDeleteIcon'/>

</li>	
	  </b:loop>
	</ol>
</div>	
  <div id='postcomment'>
	<b:if cond='data:post.embedCommentForm'>
	  <b:include data='post' name='comment-form'/>
	    <b:else/>
	<b:if cond='data:post.allowComments'>
	  <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
      <data:postCommentMsg/>
	  </a>
	</b:if>
	</b:if>
  </div>
  
</b:if>

	
  <div id='backlinks-container'>
  <div expr:id='data:widget.instanceId + &quot;_backlinks-container&quot;'>
	<b:if cond='data:post.showBacklinks'>
	  <b:include data='post' name='backlinks'/>
	</b:if>
  </div>
  </div>
  </div>
</b:includable>
</b:widget>
</b:section>
		
<div class='clear'/>
</div> <!-- id content -->

<div id='rightcol'>
<div class='sidebar3'>
<b:section class='cahaya1' id='cahaya11' showaddelement='yes'/>
</div>

 <div class='clear'/>
<b:section class='cahaya1' id='cahaya1' showaddelement='no'>
<b:widget id='HTML4' locked='false' title='Video' type='HTML'>
<b:includable id='main'>
<div id='fideohead'/>
		<div id='fvideo'>
  			<div class='widget-content'>
		
				     	<data:content/>
					</div>
		<div class='fat'> <data:top.authorLabel/></div>
<div id='fideofoot'/></div>
		</b:includable>
</b:widget>
</b:section>

<div class='clear'/>

<div id='search'>
<form action='/search' id='searchform' method='get'>
  <input id='s' name='q' type='text' value=''/>
  <input id='searchsubmit' type='submit' value=''/>
</form>
</div>
<div class='clear'/>

<b:section class='cahaya2' id='cahaya2' showaddelement='yes'>
<b:widget id='HTML5' locked='false' title='FEATLIST' type='HTML'>
<b:includable id='main'>
  		<div class='featlist'>
					<div class='highlight'/>
  			<div class='widget-content'>
  				
     				<data:content/>
  				</div>
  			</div>
			<b:include name='quickedit'/>
		</b:includable>
</b:widget>
</b:section>

 <div class='clear'/>
 <div class='sidebar3'>
<b:section class='cahaya1' id='cahaya12' showaddelement='yes'>
<b:widget id='Label2' locked='false' title='TEST SIDEBAR 3' type='Label'>
<b:includable id='main'>
  <b:if cond='data:title'>
    <h2><data:title/></h2>
  </b:if>
  <div class='widget-content'>
    <ul>
    <b:loop values='data:labels' var='label'>
      <li>
        <b:if cond='data:blog.url == data:label.url'>
          <span expr:dir='data:blog.languageDirection'>
            <data:label.name/>
          </span>
        <b:else/>
          <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'>
            <data:label.name/>
          </a>
        </b:if>
        <span dir='ltr'>(<data:label.count/>)</span>
      </li>
    </b:loop>
    </ul>

    <b:include name='quickedit'/>
  </div>
</b:includable>
</b:widget>
</b:section>
</div>
<div id='sidebar'>
<div class='sidebar2'>
<b:section class='cahaya3' id='cahayabiru5' showaddelement='yes'>
<b:widget id='Label1' locked='false' title='Labels' type='Label'>
<b:includable id='main'>
  <b:if cond='data:title'>
    <h2><data:title/></h2>
  </b:if>
  <div class='widget-content'>
    <ul>
    <b:loop values='data:labels' var='label'>
      <li>
        <b:if cond='data:blog.url == data:label.url'>
          <span expr:dir='data:blog.languageDirection'>
            <data:label.name/>
          </span>
        <b:else/>
          <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'>
            <data:label.name/>
          </a>
        </b:if>
        <span dir='ltr'>(<data:label.count/>)</span>
      </li>
    </b:loop>
    </ul>

    <b:include name='quickedit'/>
  </div>
</b:includable>
</b:widget>
</b:section>


</div><!-- sidebar2 -->

<div class='sidebar1'>
<b:section class='cahaya4' id='cahaya4' showaddelement='yes'>
<b:widget id='BlogArchive2' locked='false' title='Blog Archive' type='BlogArchive'>
<b:includable id='main'>
  <b:if cond='data:title'>
    <h2><data:title/></h2>
  </b:if>
  <div class='widget-content'>
  <div id='ArchiveList'>
  <div expr:id='data:widget.instanceId + &quot;_ArchiveList&quot;'>
    <b:if cond='data:style == &quot;HIERARCHY&quot;'>
     <b:include data='data' name='interval'/>
    </b:if>
    <b:if cond='data:style == &quot;FLAT&quot;'>
      <b:include data='data' name='flat'/>
    </b:if>
    <b:if cond='data:style == &quot;MENU&quot;'>
      <b:include data='data' name='menu'/>
    </b:if>
  </div>
  </div>
  <b:include name='quickedit'/>
  </div>
</b:includable>
<b:includable id='flat' var='data'>
  <ul>
    <b:loop values='data:data' var='i'>
      <li class='archivedate'>
        <a expr:href='data:i.url'><data:i.name/></a> (<data:i.post-count/>)
      </li>
    </b:loop>
  </ul>
</b:includable>
<b:includable id='menu' var='data'>
  <select expr:id='data:widget.instanceId + &quot;_ArchiveMenu&quot;'>
    <option value=''><data:title/></option>
    <b:loop values='data:data' var='i'>
      <option expr:value='data:i.url'><data:i.name/> (<data:i.post-count/>)</option>
    </b:loop>
  </select>
</b:includable>
<b:includable id='interval' var='intervalData'>
  <b:loop values='data:intervalData' var='i'>
      <ul>
        <li expr:class='&quot;archivedate &quot; + data:i.expclass'>
          <b:include data='i' name='toggle'/>
          <a class='post-count-link' expr:href='data:i.url'><data:i.name/></a>
            <span class='post-count' dir='ltr'>(<data:i.post-count/>)</span>
          <b:if cond='data:i.data'>
            <b:include data='i.data' name='interval'/>
          </b:if>
          <b:if cond='data:i.posts'>
            <b:include data='i.posts' name='posts'/>
          </b:if>
        </li>
      </ul>
  </b:loop>
</b:includable>
<b:includable id='toggle' var='interval'>
  <b:if cond='data:interval.toggleId'>
  <b:if cond='data:interval.expclass == &quot;expanded&quot;'>
    <a class='toggle' expr:href='data:widget.actionUrl + &quot;&amp;action=toggle&quot; +       &quot;&amp;dir=close&amp;toggle=&quot; + data:interval.toggleId +       &quot;&amp;toggleopen=&quot; + data:toggleopen'>
        <span class='zippy toggle-open'>&#9660; </span>
    </a>
  <b:else/>
    <a class='toggle' expr:href='data:widget.actionUrl + &quot;&amp;action=toggle&quot; +         &quot;&amp;dir=open&amp;toggle=&quot; + data:interval.toggleId +         &quot;&amp;toggleopen=&quot; + data:toggleopen'>
          <span class='zippy'>
            <b:if cond='data:blog.languageDirection == &quot;rtl&quot;'>
              &#9668;
            <b:else/>
              &#9658;
            </b:if>
          </span>
    </a>
  </b:if>
 </b:if>
</b:includable>
<b:includable id='posts' var='posts'>
  <ul class='posts'>
    <b:loop values='data:posts' var='i'>
      <li><a expr:href='data:i.url'><data:i.title/></a></li>
    </b:loop>
  </ul>
</b:includable>
</b:widget>
</b:section>
</div> <!-- sidebar1 -->		
</div> <!-- sidebar -->
</div> <!-- rightcol -->

<div class='clear'/>		
</div> <!-- end class content -->

<div id='footer'><small>
<span class='fleft'>
Copyright 2009 Copyright 2009 | <a expr:href='data:blog.homepageUrl'><data:blog.title/></a> 
	
</span>

<span class='fright'><a href='http://www.cahayabiru.com/2009/02/blogger-template-gamezine-cahaya.html'>Gamezine</a> Blogger Template Designed By <a href='http://www.web2feel.com/'>Jinsona Designs</a> XML Coded By <a href='http://www.cahayabiru.com'>CahayaBiru.com</a> Distributed by <a href='http://www.bloggerblogtemplates.com' title='Blogger Blog Templates' class='bloggertemplates'>Blogger Blog Templates</a></span> 
</small>
</div><!-- footer -->	
 
 <div class='clear'/>
						
</div><!-- wrapper -->	
</body>
</html>
