@charset "utf-8";
/* CSS Document */

body {
	
	text-align: center;
	margin: 0;
	padding: 0;
}

#wrapper { min-width: 980px; }

/*default content bg*/
#content {
	background: #381402 url(../images/content.jpg) top center no-repeat;
	color: #381402;
}
#contentAOTM {
	background: #381402 url(../images/contentAOTM.jpg) top center no-repeat;
	color: #381402;
}

#contentguatv {
	background: #381402 url(../images/contentguatv.jpg) top center no-repeat;
	color: #381402;
}


/*#content {
	background: #381402 url(../images/contentXMAS_09.jpg) top center no-repeat;
	color: #381402;
}

#contentAOTM {
	background: #0e0c01 url(../images/contentAOTM-XMAS_09.jpg) top center no-repeat;
	color: #381402;
}

#contentguatv {
	background: #0e0c01 url(../images/contentguatvXMAS_09.jpg) top center no-repeat;
	color: #381402;
}
*/
.button-ent {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color:#eee0c2;
	padding-left: 7px;
	padding-right: 7px;
	display: block;
	}
	
a.button-ent:hover {
	padding-left: 7px;
	padding-right: 7px;
	display: block;
	}

img {
border: 0;
}

.padding_video {
	padding: 2px;
	background: #996800 url(../images/video_shadow.jpg) bottom repeat-x;
}

.padding_mostview {
	padding: 2px;
	background: #80736c url(../images/mostview_shadow.jpg) bottom repeat-x;
}

.padding_mostsent {
	padding: 2px;
	background: #a87d3e url(../images/mostsent_shadow.jpg) bottom repeat-x;
}

.padding_default {
	padding: 2px;
	background: #766959 url(../images/default_shadow.jpg) bottom repeat-x;
}

.padding_entertainment {
	padding: 2px;
	background: #786f1d url(../images/entertainment_shadow2.jpg) bottom repeat-x;
}

.padding_entertainment2a {
	padding: 2px;
	background: #958c1d url(../images/entertainment_shadow2a.jpg) bottom repeat-x;
}

.padding_entertainment2b {
	padding: 2px;
	background: #887e00 url(../images/entertainment_shadow2b.jpg) bottom repeat-x;
}

.padding_entertainment2c {
	padding: 2px;
	background: #918400 url(../images/entertainment_shadow2c.jpg) bottom repeat-x;
}

.padding_entertainment2d {
	padding: 2px;
	background: #876a01 url(../images/entertainment_shadow2d.jpg) bottom repeat-x;
}

.padding_entertainment2e {
	padding: 2px;
	background: #876a01 url(../images/entertainment_shadow2e.jpg) bottom repeat-x;
}

.padding_lifestyle {
	padding: 2px;
	background: #0091a9 url(../images/lifestyle_shadow2.jpg) bottom repeat-x;
}

.padding_lifestyle2a {
	padding: 2px;
	background: #247395 url(../images/lifestyle_shadow2a.jpg) bottom repeat-x;
}

.padding_lifestyle2b {
	padding: 2px;
	background: #05a0d0 url(../images/lifestyle_shadow2b.jpg) bottom repeat-x;
}

.padding_lifestyle2c {
	padding: 2px;
	background: #0084bb url(../images/lifestyle_shadow2c.jpg) bottom repeat-x;
}

.padding_love {
	padding: 2px;
	background: #9a0000 url(../images/love_shadow.jpg) bottom repeat-x;
}

.padding_love2 {
	padding: 2px;
	background: #b33f40 url(../images/love_shadow2.jpg) bottom repeat-x;
}

.padding_forum {
	padding: 2px;
	background: #8c5519 url(../images/forum_shadow.jpg) bottom repeat-x;
}

.padding_guamuzik {
	padding: 2px;
	background: #8a456c url(../images/guamuzik_shadow.jpg) bottom repeat-x;
}

.padding_gallery {
	padding: 2px;
	background: #355b54 url(../images/gallery_shadow.jpg) bottom repeat-x;
}

.padding_askamy {
	padding: 2px;
	background: #822720 url(../images/askamy_shadow.jpg) bottom repeat-x;
}

.padding_preview {
	padding: 2px;
	background: #996800 url(../images/mostsent_shadow.jpg) bottom repeat-x;
}

#mostview_tab {
	background-image: url(../images/mostview_tab.jpg);
	background-repeat:no-repeat;
	background-position:top;
	}

.text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#dfc68f;
/*	padding-left: 5px;*/
	}
	
.text2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#3c1301;
/*	padding-left: 5px;*/
	}
	
.textred {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#ce0000;
	}
	
.textorange {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#ea5f02;
	}

.textarticle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color:#FFF;
	padding-right: 5px;
	}	
	
.texttitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	color:#99cc00;
/*	padding-left: 5px;*/
	}	
	
a.videomenu {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	color:#381401;
	padding-right: 5px;
	padding-left: 5px;
/*	padding-left: 5px;*/
	}
	
a.videomenu:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	color:#eee0c2;
	padding-right: 5px;
	padding-left: 5px;
	background-color: #996800;
/*	padding-left: 5px;*/
	}
	
.divider {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#dfc68f;
	background: transparent url(../images/divider.png) top right no-repeat;
	padding: 3px;
	padding-right: 15px;
	padding-left: 5px;
	}

a.divider {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#dfc68f;
	background: transparent url(../images/divider.png) top right no-repeat;
	padding: 3px;
	padding-right: 15px;
	padding-left: 5px;
	}
	
.nodivider {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#dfc68f;
	padding: 3px;
	padding-right: 15px;
	padding-left: 5px;
	}
	
a.nodivider {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#dfc68f;
	padding: 3px;
	padding-right: 15px;
	padding-left: 5px;
	}
	
.next {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color:#eee0c2;
	padding-right: 7px;
	background: url(../images/arrowRight.gif) right no-repeat;
	display: block;
	}
	
a.next:hover {
	padding-right: 7px;
	background: url(../images/arrowRight2.gif) right no-repeat;
	display: block;
	}
	
.prev {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color:#eee0c2;
	padding-left: 7px;
	background: url(../images/arrowLeft.gif) left no-repeat;
	display: block;
	}
	
a.prev:hover {
	padding-left: 7px;
	background: url(../images/arrowLeft2.gif) left no-repeat;
	display: block;
	}

.text_small {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#dfc68f;
/*	padding-left: 5px;*/
	}
	
.subtitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color:#eee0c2;
	}
	
.subtitle-ent, .subtitle-lifestyle, .subtitle-love {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color:#3c1301;
	font-weight: bold;
	}

.title {
	font-family:Arial, Helvetica, sans-serif; 
	font-size:18px; 
	color:#381401; 
	text-decoration:none;
	cursor:default;
	}
	
.headline {
	/*font-family: */
	font:bold 43px Arial, Helvetica, sans-serif;; 
	color:#381401; 
	text-decoration:none;
	cursor:default;
	line-height: 45px;
	}
	
.headlineBlog {
	font-family:Arial, Helvetica, sans-serif; 
	font-size:39px; 
	color:#dfc68f; 
	text-decoration:none;
	cursor:default;
	}
	
.credit {
	font-family:Arial, Helvetica, sans-serif; 
	font-size:11px; 
	color:#381401; 
	text-decoration:none;
	cursor:default;
	}
	
.date {
	font-family:Arial, Helvetica, sans-serif; 
	font-size:11px; 
	color:#dfc68f; 
	text-decoration:none;
	cursor:default;
	}
	
.galleryDate {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bolder;
	color: #b3b3b3;
	background-color: #000000;
	padding: 6px;
	border-bottom: #616161 solid 1px;
	border-top: #616161 solid 1px;
	}
	

.galleryThumb {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bolder;
	color: #b3b3b3;
	border-bottom: #44200b solid 1px;
	border-top: #44200b solid 1px;
	}
	
.pagination {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #dfc68f;
	border-bottom: #44200b solid 1px;
	border-top: #44200b solid 1px;
	}


a { 
	font-family:Arial, Helvetica, sans-serif; 
	color:#eee0c2; 
	text-decoration:none;
	}

a:hover {
	font-family: Arial, Helvetica, sans-serif;
	color:#f3d311;
	text-decoration:none;
	}

a.subtitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color:#eee0c2;
	text-decoration:none;
	}
	
a.mainsubtitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color:#eee0c2;
	text-decoration:none;
	}

a.menu {
	font-family:Arial, Helvetica, sans-serif; 
	font-size:18px; 
	color:#381401; 
	font-weight:bold; 
	text-decoration:none;
	}

a.login {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#ffea50;
	text-decoration:none;
	}
	
a.login:hover {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#ddc301;
	text-decoration:none;
	}
	
a.footer {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#280e01;
	text-decoration:none;
	}
	
a.img {
	border: none;
}

#bottom_banner {
	background: #0e0c01 url(../images/bottom_banner.jpg) top center repeat-x;
	clear: both;
	min-height: 143px;
	}
	
#bottom_banner_sub {
	text-align: center;
	padding:15px;
	}

#footer {
	background: #fffaed url(../images/footer.jpg) top center repeat-x;
	text-align: center;
    color: #280e01;
	margin-top: 20px;
	clear: both;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	min-height: 67px;
	padding: 20px;
}

#opacity {
     background-color: #FFF;
     height: 260px;
     filter:alpha(opacity=25); /* IE's opacity*/
     left: 0px;
     opacity: 0.25;
     position: inherit;
     top: 0px;
     width: 610px;
}
#opacity2 {
	position:inherit;
     background-color: #FFF;
     filter:alpha(opacity=25); /* IE's opacity*/
     opacity: 0.25;
     left: 0px;
     
     height: 260px;
	 position: inherit;
     top: 0px;
     width: 310px;
}

#opacity3 {
	position:inherit;
     background-color: #FFF;
     height: 627px;
     filter:alpha(opacity=25); /* IE's opacity*/
     left: 0px;
     opacity: 0.25;
     position: inherit;
     top: 0px;
     width: 310px;
}

#opacity4 {
	position:inherit;
     background-color: #FFF;
     height: 420px;
     filter:alpha(opacity=25); /* IE's opacity*/
     left: 0px;
     opacity: 0.25;
     position: inherit;
     top: 0px;
     width: 310px;
}

#opacity5 {
     background-color: #FFF;
     height: 211px;
     filter:alpha(opacity=25); /* IE's opacity*/
     left: 0px;
     opacity: 0.25;
     position: inherit;
     top: 0px;
     width: 610px;
}

#opacity6 {
     background-color: #FFF;
     height: 808px;
     filter:alpha(opacity=25); /* IE's opacity*/
     left: 0px;
     opacity: 0.25;
     position: inherit;
     top: 0px;
     width: 610px;
}

#opacity7 {
	position:inherit;
     background-color: #FFF;
     height: 1225px;
     filter:alpha(opacity=25); /* IE's opacity*/
     left: 0px;
     opacity: 0.25;
     position: inherit;
     top: 0px;
     width: 310px;
}

#opacity8 {
	position:inherit;
     background-color: #FFF;
     height: 1050px;
     filter:alpha(opacity=25); /* IE's opacity*/
     left: 0px;
     opacity: 0.25;
     position: inherit;
     top: 0px;
     width: 610px;
}

#opacityGallery {
	position:inherit;
     background-color: #FFF;
     height: auto;
     filter:alpha(opacity=25); /* IE's opacity*/
     left: 0px;
     opacity: 0.25;
     position: inherit;
     top: 0px;
     width: 610px;
}

#opacityProfile1 {
	position:inherit;
     background-color: #FFF;
     height: 288px;
     filter:alpha(opacity=25); /* IE's opacity*/
     left: 0px;
     opacity: 0.25;
     position: inherit;
     top: 0px;
     width: 310px;
}

#opacityGallery {
	position:inherit;
     background-color: #FFF;
     height: 362px;
     filter:alpha(opacity=25); /* IE's opacity*/
     left: 0px;
     opacity: 0.25;
     position: inherit;
     top: 0px;
     width: 310px;
}

#ractangular {
	position:absolute;
	top:7px;
	left:7px;
	width:300px;
	height:260px;
	background:transparent;
}


#video {
	/*position:absolute;
	top:2px;
	left:2px;
	width:300px;
	height:627px;*/
	background:transparent;
}

#profile1 {
	position:absolute;
	top:2px;
	left:2px;
	width:300px;
	height:273px;
	background:transparent;
}

#profileGallery {
	position:absolute;
	top:2px;
	left:2px;
	width:300px;
	height:362px;
	background:transparent;
}


#profile2 {
	position:absolute;
	top:2px;
	left:2px;
	width:300px;
	height:316px;
	background:transparent;
}

#natural {
	position:absolute;
	top:7px;
	left:2px;
	width:610px;
	height:260px;
	background:transparent;
}

#preview {
	position:absolute;
	top:2px;
	left:2px;
	width:610px;
	height:808px;
	background:transparent;
}

#blog {
	position:absolute;
	top:7px;
	left:2px;
	width:610px;
	height:1040px;
	background:transparent;
}

#gallery {
	position:absolute;
	top:7px;
	left:2px;
	width:610px;
	height: auto;
	background:transparent;
}

#videolist {
	position:absolute;
	top:2px;
	left:2px;
	width:300px;
	height:1225px;
	background:transparent;
}

#guatvcontent {
	position:absolute;
	top:2px;
	left:2px;
	width:610px;
	height:160px;
	background:transparent;
}

 ul li,
ol li ul li {
	/*list-style: decimal outside;*/
	padding: 10px 10px 4px 10px;
	font-weight:bold;
}

ul.nav {
	background-color: none;
	list-style: none;
	margin: 0px 0 0 0px;
	padding: 0px 0 0 0;
	width:  52px;
}

ul.nav li {
	float: left;
}

ul#footnav {
	margin-top: 0px;
}

li.first {
	margin-left:  20px;
}

.sitemap-title {
	font: bold 15px Arial, Helvetica, sans-serif;
	color:#dfc68f;
	}
	
a.sitemap-title {
	font: bold 15px Arial, Helvetica, sans-serif;
	color:#dfc68f;
	}
	
a.sitemap-title:hover {
	font: bold 15px Arial, Helvetica, sans-serif;
	color:#eee0c2;
	}

.sitemap-line {
	color: #1f443d;
	margin-left: 0;
}

ul.sitemap {
	background-color: none;
	list-style: none;
	margin: 0;
	padding: 0;
}

ul.sitemap-sub {
	background-color: none;
	list-style: none;
	margin-left: -18px;
	padding: 0;
}

li.sitemap-home {
	font: 12px Arial, Helvetica, sans-serif;
	background: url(../images/arrow-home.gif) left top no-repeat;
	padding: 0 13px;
	margin: 3px 5px;
	color:#eee0c2;
}

li.sitemap-ent {
	font: 12px Arial, Helvetica, sans-serif;
	background: url(../images/arrow-ent.gif) left top no-repeat;
	padding: 0 13px;
	margin: 3px 5px;
	color:#eee0c2;
}

li.sitemap-ent-sub {
	font: 12px Arial, Helvetica, sans-serif;
	background: url(../images/arrow-ent-sub.gif) left top no-repeat;
	padding: 0 23px;
	margin: 3px 13px;
	color:#eee0c2;
}

li.sitemap-life {
	font: 12px Arial, Helvetica, sans-serif;
	background: url(../images/arrow-life.gif) left top no-repeat;
	padding: 0 13px;
	margin: 3px 5px;
	color:#eee0c2;
}

li.sitemap-life-sub {
	font: 12px Arial, Helvetica, sans-serif;
	background: url(../images/arrow-life-sub.gif) left top no-repeat;
	padding: 0 23px;
	margin: 3px 13px;
	color:#eee0c2;
}

li.sitemap-love {
	font: 12px Arial, Helvetica, sans-serif;
	background: url(../images/arrow-love.gif) left top no-repeat;
	padding: 0 13px;
	margin: 3px 5px;
	color:#eee0c2;
}

li.sitemap-love-sub {
	font: 12px Arial, Helvetica, sans-serif;
	background: url(../images/arrow-love-sub.gif) left top no-repeat;
	padding: 0 23px;
	margin: 3px 13px;
	color:#eee0c2;
}

li.sitemap-muzik {
	font: 12px Arial, Helvetica, sans-serif;
	background: url(../images/arrow-muzik.gif) left top no-repeat;
	padding: 0 13px;
	margin: 3px 5px;
	color:#eee0c2;
}

li.sitemap-guatv {
	font: 12px Arial, Helvetica, sans-serif;
	background: url(../images/arrow-guatv.gif) left top no-repeat;
	padding: 0 13px;
	margin: 3px 5px;
	color:#eee0c2;
}

li.sitemap-guatv-sub {
	font: 12px Arial, Helvetica, sans-serif;
	background: url(../images/arrow-guatv-sub.gif) left top no-repeat;
	padding: 0 23px;
	margin: 3px 13px;
	color:#eee0c2;
}

	

* html #footer { height: 100px; }

a {outline: none}

/*********************************
		css utk header
**********************************/

#page-wrap #seksyen ul, li, span, p, h1, h2, h3{
	padding:0;
	margin:0;
	/*list-style:none !important;*/
}

#page-wrap{
	position:relative;
	width:600px;
	/*margin-top:40px;*/
}

#navigasi{
	/*text-align:center;*/
	margin-right:12px;
	position:absolute;
	top:0;
	right:0;
	padding:10px;
	width:80px;
	float:left;
	/*z-index: 1000;*/
}

#navigasi li{
	float:left;
	padding:3px 5px;
	background-color:#EEE;
}

#navigasi a{
	color:#381401;
	font-weight:bolder;
	text-decoration:none;
	outline:none;
	display:block;
}

#navigasi a img {
	padding: 1px;
	border:2px solid #8f7865;
}

#navigasi a img.selborder {
	padding: 1px;
	border:2px solid #FF0000;
}
	
#seksyen{
	overflow:hidden;
	width:600px;
	height:250px;
	clear:left;
	/*margin-left: 62px;*/
}
	
#seksyen ul{
	width:600px;
}

#seksyen ul li{
	width:600px;
	height:250px;
	padding:0;
}

#seksyen li{
	float:left;
}

#seksyen li:hover{
	cursor:pointer;
}

.thumb_img{
	height: 59px;
}

.text_small{
	font: 13px Arial, Helvetica, sans-serif;
	color: #FFF;
	width:499px;
	height:15px;
	line-height: 15px;
}

.ini_bg_title{
	padding:5px 110px 5px 10px;
	margin-top:147px;
	border:solid 2px #FFF;
	border-left:none;
	border-right:none;
}

h2.ofey{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-decoration: none;
	/*line-height: 10px;*/
	letter-spacing:-2px; /*sori..tepaksa kecikkan spacing*/
	color:#FFF;
}

h2.ofey:hover{
	text-decoration:none;
}

a.ofey_small{
	font-size: 10px;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
	color:#FFF;
	line-height: 5px;
}

a.ofey_small:hover{
	text-decoration:underline;
	line-height: 5px;
}

#loveHeader{
	background-color:#9a0000;
	filter:Alpha(Opacity=85);  /*IE's opacity*/
	opacity:0.85;
}

#entHeader{
	background-color:#7b7714;
	filter: alpha(opacity=85);  /*IE's opacity*/
	opacity:0.85;
}

#lifeHeader{
	background-color:#0091a9;
	filter: alpha(opacity=85);  /*IE's opacity*/
	opacity:0.85;
}

#muzikHeader{
	background-color:#8b456c;
	filter:alpha(opacity=85);  /*IE's opacity*/
	opacity:0.85;
}

#guatvHeader{
	background-color:#996800;
	filter:alpha(opacity=85);  /*IE's opacity*/
	opacity:0.85;
}

h1.text_wrap{
	width:100px;
}

#thumb em {
	background:url(../images/bubble.gif) no-repeat;
	width:292px;
	height:29px;
	position:absolute;
	/*top: 159px;
	left: 200px;
	text-align: center;
	top:15px;
	left:5px;*/
	padding:7px;
	font-style:normal;
	z-index:2;
	display:none;
	
	
}

.rollover_text{
	font:bold 12px Arial, Helvetica, sans-serif ;
	color:#3a1301;
	width:280px;
	left: auto;
	text-align: left;
}

/*********************************
		END css utk header
**********************************/

/*********************************
		css utk caption
**********************************/

/*********************************
		END css utk caption
**********************************/