/* 
Theme Name: Transcript
Theme URI: http://www.subadar.co.cc
Author: M. Subadar Hasyim
Email : subadarhasyim@yahoo.com
Version: 0.2-b
*/

/* CSS RESET */
html,body,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,label,legend,caption,tbody,tfoot,thead,th{ 
margin:0; 
padding:0; 
border:0; 
outline:0; 
font-size:100%;
vertical-align:baseline;
background:transparent; }

ol,ul{ list-style:none; }
blockquote,q{ quotes:none; }
blockquote:before,blockquote:after,q:before,q:after{ 
content:''; content:none; }:
focus{ outline:0; }
ins{ text-decoration:none; }
del{ text-decoration:line-through; }


.clear {clear:both;}.border {border-top:1px solid #f5f5f5;margin-bottom:5px;}
label{cursor:pointer;}

/* Please see styles folder to format site layout */

body {	
	background:#0099cc url(../images/bg.gif) repeat-y top center;
	color:#000;
	font:12px Arial, Helvetica, sans-serif;
}


/* GLOBAL CLASSES
============================================================== */
a,a:visited{ 
	color:#cd1713; 
	text-decoration:none;
}
a.titleCatName, a:hover.titleCatName { /* Category Links written at the top each sections on homepage */
	text-transform:uppercase;
	color:#cd1713;
	font-weight:bold;
	text-decoration:none;
	font-family: arial, verdana, sans-serif;
	font-weight:bold;
	font-size:11px;display:block;
}
#wrapper .widget{
	width:100%;
	overflow:hidden;
	margin:0 0 10px 0;
}
#wrapper .widget p {
	margin:0 0 6px 0;
}
#wrapper .widget ul{
	margin:0;
}
#wrapper .widget ul li {
	color:#444;
	font-size:12px;
	display:block;
	padding:2px 0 2px 10px;
	background:url(../images/ico_widget_li.gif) no-repeat left 6px;
}
#wrapper .widget ul li:hover {
	background:url(../images/ico_widget_li_hover.gif) no-repeat left 6px;
}
#wrapper .widget ul li a {
	color:#222;
	display:block;
}
#wrapper .widget ul li a:hover{
	color:#cd1713;
	text-decoration:none;
}
#wrapper .widgetMedia {
	width:950px;
	margin: 0 auto;
	text-align:center;
}
/* Global Class for main page featured posts - Wrapper of posts and post info (date, comment number etc...) */
#wrapper .featuredPost {
	padding:5px 0;
	border-bottom:1px dotted #666;
	margin-bottom:6px;
}
#wrapper .lastPost {
	border:none;
	margin:0;
}
#wrapper .featuredPost p {
	padding-bottom:5px;
}
#wrapper .featuredPostMeta {
	display:block;
	font-style:italic;
	font-size:11px;
	text-align:right;
}
#wrapper .featuredPostMeta a{
	color:#cd1713;
}
#wrapper .featuredPostMeta a:hover {
	text-decoration:underline;
}
/* HEADERS
============================================================== */
h1,h2,h3,h4,h5,h6 {
	color:#222;
	font-weight:normal;
	display:block;
	font: 1em/1.3em "trebuchet ms", arial, sans-serif;
}

/*HEADERS IN POST */
.entry h1 {
	font-size:20px;
	font-family:'palatino linotype',palatino,'times new roman',times,serif;
	letter-spacing:-1px;
	font-weight:bold;
}
.entry h2 {
	font-size:19px;
	font-family:georgia, 'palatino linotype',palatino,'times new roman',times,serif;
	letter-spacing:-1px;
	font-weight:bold;
}
.entry h3 {
	font-size:17px;
	font-family:arial, verdana, sans-serif;
	letter-spacing:-1px;
	font-weight:bold;
}
.entry h4 {
	font-size:16px;
	font-family:verdana, tahoma, sans-serif;
	letter-spacing:-1px;
	font-weight:bold;
}
.post .entry h5{
	font-size:15px;
	color:#000;
	font-weight:bold;
	font-family:"Times New Roman", Times, serif;
	line-height:1.2em;
}
h1.title{
	font-size:30px;
	color:#cd1713;
	line-height:1.0em;
	margin:0 0 8px 0;
	letter-spacing:-2px;
}
h1.archiveTitle{
	color:#cd1713;
	font-family:"Times New Roman", Times, serif;
	font-size:22px;
	margin:0 0 5px 0;
}
h1.archiveTitle a{
	color:#cd1713;
}
h1.archiveTitle a:hover{
	text-decoration:underline;
}
h2.feaSliderTitle {
	font:17px "trebuchet ms", arial, sans-serif;
	font-weight:normal;
}
h2.feaSliderTitle a {
	color:#fff;
}
h2.feaSliderTitle a:hover {
	color:#fff;
	text-decoration:underline;
}
h2.postTitle{
	font-size:18px;
	color:#2d2d2d;
	margin:0 0 6px 0;
	line-height:1.0em;
}
h2.postTitle a{
	color:#2d2d2d;
}
h2.postTitle a:hover{
	color:#cd1713;
}
h2.videoBarTitle{
	width:940px;
	overflow:hidden;
	margin:0 0 5px 10px;
	font-size:23px;
}
h2.videoBarTitle span{
	color:#cd1713;
	float:left;
	text-transform:uppercase;
}
h2.videoBarTitle a{
	color:#8a8989;
	font-size:12px;
	font-weight:normal;
	text-decoration:underline;
	float:right;
}
h2.videoBarTitle a:hover{
	text-decoration:none;
}
h2.homeCatTitle {
	text-transform:uppercase;
	font-size:23px;
	padding-bottom:4px;
	color:#cd1713;
	border-bottom:3px solid #000;
	margin:0 0 12px 0;
	width:100%;
	overflow:hidden;
}
h2.sidebarPostTitle{
	color:#7c7b7b;
	font-size:13px;
	line-height:1.3em;
}
h2.sidebarPostTitle a {
	color:#7c7b7b;
}
h2.sidebar_title{
	text-transform:uppercase;
	color:#cd1713;
	font-size:23px;
	margin:0 0 12px 0;
	padding:0 0 4px 0;
	border-bottom:3px solid #cd1713;
}
h2.mostRecentTitle{
	text-transform:uppercase;
	color:#cd1713;
	font-size:23px;
	margin:0 0 4px 0;
}
h2.widget_title{
	color:#cd1713;
	font-size:23px;
	margin:0 0 4px 0;
	padding:0 0 4px 0;
	border-bottom:3px solid #cd1713;
}
h3#comments{
	font-size:22px;
	color:#1a1411;
	font-weight:normal;
	margin:0 0 10px 0;
}
h3#leaveComment{
	font-size:22px;
	color:#1a1411;
	font-weight:normal;
	margin:0 0 10px 0;
}
/* MAIN WRAPPERS
============================================================== */
#wrapper{
	margin:0 auto;
	width:980px;
	background:#fff;
}
#contentBody {
	display:block;
	padding: 0 5px;
}
/* TOP LINE
============================================================== */
#top_line{
	width:970px;
	margin:0 auto;
	height:11px;
	background:url(../images/bgr_top_line.gif) repeat-x;
	overflow:hidden;
}
#headerAd { /* If 728x90 ad is activated to be displayed on header, this ID will be used to wrap advertisement */
	width:970px;
	padding:5px 0;
	margin:0 auto;
	display:block;
	text-align:center;
	background:#c5cacd;
}
/* HEADER
============================================================== */
#header{
	width:970px;
	margin:0 auto;
	height:250px;
	overflow:hidden;
#	background:url(../images/bgr_header.png) repeat-y;
	border-bottom:2px solid #fff;
}
#logo{
	float:left;
	width:auto;
	font-weight:bold;
	font-family:georgia,garamond,serif;
}
#logo a {
	color:#fff;
	overflow:hidden;
	display:block;
	font-size:40px;
}
#logo a span {
	font-size:15px;
	font-family:arial, verdana, sans-serif;
	color:#fff;
	padding-left:5px;
	overflow:hidden;
	display:block;
}
#header .banner{
	float:right;
	display:inline;
	width:468px;
	padding:27px 5px 0 0;
}
#header .banner img{
	float:right;
}
/* NAVIGATION
============================================================== */
/* categories */


/* categories menu */

#mainmenu{
	width:970px;
	margin:0 auto;
	min-height:35px;
	background:#010D37;
	position:relative;
	z-index:100;
	height:auto !important;
	height:35px;
}
#mainmenu ul{
	float:left;
}
#mainmenu ul li{
	position: relative;
	display: inline;
	float:left;
	font-size:12px;
	font-family:verdana, arial, sans-serif;
	font-weight:bold;
	text-transform:uppercase;
	background:url(../images/bgr_mainmenu_li.gif) no-repeat left center;
	padding:0 0 0 1px;
}
#mainmenu ul li.first{
	padding:0;
	background:none;
}
#mainmenu ul li a{
	color:#dfdfdf;
	height:25px;
	padding:10px 15px 0 15px;
	display:block;
}
#mainmenu ul li.first a{
	padding:10px 19px 0 19px;
}
* html #mainmenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
	display: inline-block;
	float:left;
}
* html #mainmenu ul li ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
	float:none;
}
#mainmenu ul li a:link, #mainmenucat ul li a:visited{
	text-decoration:none;
}
#mainmenu ul li a:hover, #mainmenu .select a{
	text-decoration:underline;
}
#mainmenu .current-cat a{
	text-decoration:none;
	background:#cd1713;
}
/*1st sub level menu*/
#mainmenu ul li ul{
	position: absolute;
	left: 0;
	display: block;
	visibility: hidden;
	margin:0;
	padding:0;
	background:#fff;
}
/*Sub level menu list items (undo style from Top level List Items)*/
#mainmenu ul li ul li{
	display: list-item;
	float: none;
	font-size:1.0em;
	background:none;
	padding:0;
}
/*All subsequent sub menu levels vertical offset after 1st level sub menu */
#mainmenu ul li ul li ul{
	top: 0;
	margin:0;
	border-top:1px solid #aaa;
}
/* Sub level menu links style */
#mainmenu ul li ul li a, #mainmenu .current-cat ul li a, #mainmenu .select ul li a{
	width: 160px;
	height:auto;
	padding: 4px 10px;
	margin: 0;
	background:#fff;
	text-align:left;
	font-weight:normal;
	text-decoration:none;
	border-bottom:1px solid #aaa;
	border-left:1px solid #aaa;
	border-right:1px solid #aaa;
	text-transform:none;
	color:#222;
}
#mainmenu ul li ul li a:hover{ /*sub menus hover style*/
	text-decoration:none;
	background:#ccc;
	color:#222;
}
/* pages */
#submenu{
	width:970px;
	margin:0 auto;
	height:35px;
	background:url(../images/bgr_submenu.gif) repeat-x;
	position:relative;
	z-index:90;
}
#submenu ul{
	float:left;
}
#submenu ul li{
	position:relative;
	display:inline;
	float:left;
	font-size:13px;
	text-transform:uppercase;
}
#submenu ul li a{
	color:#000;
	display:block;
	padding:6px 18px 0 22px;
	height:20px;
}
* html #submenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
	display: inline-block;
	float:left;
}
* html #submenu ul li ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
	float:none;
}
#submenu ul li a:link, #submenucat ul li a:visited{
	text-decoration:none;
}
#submenu ul li a:hover, #submenu .current_page_item a, #submenu .select a{
	text-decoration:none;
	color:#cd1713;
}
/*1st sub level menu*/
#submenu ul li ul{
	position: absolute;
	left: 0;
	display: block;
	visibility: hidden;
	margin:0;
	padding:0;
	background:#fff;
	border-top:3px solid #000;
}
/*Sub level menu list items (undo style from Top level List Items)*/
#submenu ul li ul li{
	display: list-item;
	float: none;
	font-size:1.0em;
	background:none;
	padding:0;
}
/*All subsequent sub menu levels vertical offset after 1st level sub menu */
#submenu ul li ul li ul{
	top: 0;
	margin:0;
	border-top:1px solid #aaa;
}
/* Sub level menu links style */
#submenu ul li ul li a, #submenu .current_page_item ul li a, #submenu .select ul li a{
	width: 160px;
	height:auto;
	padding: 4px 10px;
	margin: 0;
	background:#fff;
	text-align:left;
	font-weight:normal;
	text-decoration:none;
	border-bottom:1px solid #aaa;
	border-left:1px solid #aaa;
	border-right:1px solid #aaa;
	text-transform:none;
	color:#222;
}
#submenu ul li ul li a:hover, #submenu .current_page_item ul li a:hover, #submenu .select ul li a:hover{ /*sub menus hover style*/
	text-decoration:none;
	background:#ccc;
	color:#222;
}
/*search*/
#search{
	float:right;
	width:190px;
	height:20px;
	border:1px solid #a6a5a5;
	margin:2px 0 0 0;
}
#search form, #search fieldset{
	float:left;
}
#search fieldset{
	padding:2px 0 0 4px;
}
#s {
	float:left;
	background:#fff;
	border:0;
	padding:0 0 0 1px;
	color:#bcbcbc;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	width:164px;
}
#searchsubmit {
	float:left;
	margin:2px 0 0 0;
}

/* PRIMARY TOP
============================================================== */
#primaryTop{ /* Wrapper for the first block Featured Entries-Mid column and Top Sidebar */
	display:block;
}
#maincontent{ /* Wraps Primary top left slider and primary mid column entries */
	float:left;
	width:655px;
	margin-right: 15px;
	padding-bottom:5px;
	display:inline;
}

#maincontent table{
	width:100%;
	text-align:left;
}

#maincontent tr{
		text-align:left;
		border: 0 ;
}

#maincontent td{
		text-align:left;
		border: 0 ;
}



#slider2{ /* Primary top left column wrapper */
	float:left;
	width:356px;
	background:#f5f5f5;
	padding-bottom:5px;
}
.sliderwrapper{ /* Featured top left colunm - slider wrapper */
	position: relative; /*leave as is*/
	overflow: hidden; /*leave as is*/
	height:357px;
	margin-bottom:10px;
}
.contentdiv{ /* do not change the name of class - The size of contentdiv is 495x270 (after excluding padding value) */
	visibility: hidden; /*leave as is*/
	position: absolute; /*leave as is*/
	left: 0; /*leave as is*/
	top: 0; /*leave as is*/
	z-index:1;
	padding:5px 7px 7px;
	width:342px;
	height:352px;
}
.sliderwrapper img {
	display:block;
	width:342px;
	max-height:256px;
}
.sliderPostInfo { /* Post title and if enabled excerpt wrapper for featured slider */
	position:absolute;
	bottom:102px;
	width:332px;
	min-height:30px;
	color:#fff;
	padding:5px;
	background: url(../images/bgTransparent.png);
	height:auto !important;
	height:30px;
}
.pagination { /* do not change the name of class - used to wrap thumbnails for featured area */
	display:block;
	padding:5px 5px 0;
	font:bold 12px arial, verdana, sans-serif;
}
.pagination a { /* do not change the name of class - used to style links over featured slider */
	color:#000;
	padding:2px 6px;
	background:#ddd;
}
.pagination a:hover {
	text-decoration:none;
	color:#cd1713;
}
.pagination a.selected {
	color:#fff;
	text-decoration:none;
	background:#cd1713;
}
#belowSlider {
	padding:0 7px;
}

/*board*/
#board{
	float:left;
	width:970px;
	background:#f5f5f5;
	padding-bottom:5px;
}
#board_items{
	padding:5px 7px 7px;
	width:950px;
	height:150px;
}
#board_body{
	width:950px;
}
#board_carusel{
	width:950px;
	height:150px;
	position:relative;
}
#board_carusel .belt{
	position: absolute; /*leave this value alone*/
	left: 0;
	top: 0;
}
.board_item{
	width:158px;
	height:150px;
	overflow:hidden;
}
#board_body h2{
	color:#b30101;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:23px;
	font-weight:normal;
	margin:0 0 15px 0;
}
#board_body strong{
	position:absolute;
	bottom:102px;
	width:158px;
	min-height:10px;
	color:#ffffff;
	padding:5px;
	font-size:16px;
	background: url(../images/bgTransparent.png);
	height:auto !important;
	height:10px;
}
#board_body p{
	font-size:12px;
	color:#2f2c27;
	line-height:18px;
	padding:0 0 10px 0;
}
#board_body p img{
	float:left;
	margin:0 10px 0 0;
	width:158px;
	height:150px;
	border:1px solid #b9af9c;
}
#board_body p a{
	color:#000;
}
#board_body p.more a{
	text-decoration:underline;
	color:#bf2d27;
}
#board_body p.more a:hover{
	text-decoration:none;
}

#board_carusel_nav{
	display:block;
	padding:5px 5px 0;
	font:bold 12px arial, verdana, sans-serif;
}
#board_carusel_nav li{
	font-size:12px;
	font-family:Verdana, Geneva, sans-serif;
	float:left;
	padding:0 3px 0 0;
}
#board_carusel_nav a{
	color:#000;
	padding:2px 6px;
	background:#ddd;
}
#board_carusel_nav a.selected, #board_carusel_nav a:hover{
	color:#fff;
	text-decoration:none;
	background:#cd1713;
}


/* Primary top mid column */
#primaryTopMid{
	float:right;
	width:290px;
}
#primaryTopMid .postExcerpt {
	border-bottom:1px dotted #666;
	margin-bottom:6px;
}
#primaryTopMid .last{
	background:none;
	border:none;
}
#primaryTopMid p{
	font-size:12px;
	line-height:1.3em;
}
p a, p span.date{
	color:#cd1713;
}
p .author a, p span.author{
	color:#666;
}
#primaryTopMid p.more{
	text-align:right;
}
/* Primary Top Sidebar */
#primaryTopSidebar{
	float:right;
	width:300px;
	display:inline;
}

#primaryTopSidebar table{
	float:right;
	width:100%;
	
}
/* Primary Top sidebar tabs */
#sidebarTabs{
	width:100%;
	overflow:hidden;
	margin-bottom:10px;
}
#sidebarTabs_title{
	width:100%;
	overflow:hidden;
	background:url(../images/bgr_sidebarTabs_title.gif) repeat-x bottom;
}
#sidebarTabs_title li{
	float:left;
	font-size:12px;
	color:#000;
	text-transform:uppercase;
	padding:0 2px 0 0;
	
}
#sidebarTabs_title li.last{
	padding:0;
}
#sidebarTabs_title li a{
	float:left;
	color:#000;
	background:url(../images/bgr_sidebarTabs_title_a.gif) repeat-x;
	height:24px;
	padding:8px 10px 0 10px;
	
}
#sidebarTabs_title li.last a{
	width:75px;
	white-space:nowrap;
	
}
#sidebarTabs_title li a.selected{
	color:#cd1713;
	background:#ffffff;
	height:24px;
	padding:7px 10px 0 9px;
	border:1px solid #bcbcbc;
	border-bottom:0;
	text-decoration:none;
}
#sidebarTabs_body{
	width:274px;
	border:1px solid #bcbcbc;
	border-top:0;
	padding:3px 12px 6px 12px;
}
#sidebarTabs_body ol{
	color:#999999;
	margin:0 0 0 20px;
}
#sidebarTabs_body ol li{
	list-style:decimal;
	font-size:12px;
	line-height:1.5em;
	padding:2px 0 2px 0;
}
#sidebarTabs_body ol li a{
	color:#333333;
	border-bottom:1px dotted #666;
}
#sidebarTabs_body ol li a:hover{
	color:#333333;
	text-decoration:underline;
}


/* VIDEO BAR BELOW THE PRIMARY TOP
============================================================== */
#mediabar{
	width: 962px;
	overflow:hidden;
	background:#f5f5f5;
	padding:8px 0 10px 8px;
	margin-bottom:10px;
	position:relative;
	height:223px;
}
#mediabar .container { /*Do not change the name of class */
	position: absolute;
	left: 8px;  
	width: 954px;
	height:223px;
	overflow:hidden;
}
#mediabar ul{
	width:10000px;
	position: relative;
}
#mediabar li{
	float:left;
	width:152px;
	padding:0 8px 0 0;
}
#mediabar .thumb{
	width:150px;
	background:#fff;
	height:113px;
	border:1px solid #c5c5c5;
	padding:1px;
	margin:0 0 3px 0;
	overflow:hidden;
	text-align:center;
}
#mediabar .thumb img{
	margin:0 auto;
	max-width:150px;
	max-height:113px;
}
#mediabar .info{
	width:148px;
	position:relative;
	background:#fff;
	border:1px solid #c5c5c5;
	padding:2px;
	overflow:hidden;
	min-height:60px;
	height:auto !important;
	height:60px;
}
#mediabar .info p{
	font-size:12px;
	line-height:1.2em;
	font-weight:bold;
	padding:0 2px 0 2px;
}
#mediabar .info p.moreVideo{
	position:absolute;
	bottom:3px;
	right:3px;
	padding:3px 5px 0 5px;
}
#mediabar .info p.moreVideo a{
	color:#50630a;
	background:url(../images/ico_camera.gif) no-repeat left 2px;
	padding:0 0 0 17px;
}
#mediabar .info p.morePhoto{
	position:absolute;
	bottom:3px;
	right:3px;
	padding:3px 5px 0 5px;
}
#mediabar .info p.morePhoto a{
	color:#50630a;
	background:url(../images/ico_photo.gif) no-repeat left center;
	padding:0 0 0 17px;
}
#mediabar #previous_button { /*Do not change the name of class */
	position: absolute;
	width: 16px;
	height: 16px;
	right:35px;
	top: 21px;
	background: url(../images/prev.png) no-repeat;
	z-index: 100;    
	cursor:pointer;
}

#mediabar #previous_button.disabled { /*Do not change the name of class */
	background: url(../images/prev-disabled.png) no-repeat;
	cursor:default;
}
#mediabar #next_button { /*Do not change the name of class */
	position: absolute;
	right: 10px;
	top: 21px;
	width: 16px;
	height: 16px;
	background: url(../images/next.png) no-repeat;
	z-index: 100;
	cursor:pointer;
}
#mediabar #next_button.disabled { /*Do not change the name of class */
	background: url(../images/next-disabled.png);
	cursor:default;
}

/* VIDEO BAR BELOW THE PRIMARY TOP
============================================================== */
#videos{
	width: 655px;
	overflow:hidden;
	padding:8px 0 10px 8px;
	margin-bottom:10px;
	position:relative;

	
}
#videos .container { /*Do not change the name of class */
	position: absolute;
	left: 8px;  
	width: 655px;
	height:223px;
	overflow:hidden;
}
#videos ul{
	width:655px;
	position: relative;
}
#videos li{
	float:left;
	width:152px;
	padding:0 8px 0 0;
}
#videos .thumb{
	width:150px;
	background:#fff;
	height:113px;
	border:1px solid #c5c5c5;
	padding:1px;
	margin:0 0 3px 0;
	overflow:hidden;
	text-align:center;
}
#videos .thumb img{
	margin:0 auto;
	max-width:150px;
	max-height:113px;
}
#videos .info{
	width:148px;
	position:relative;
	background:#fff;
	border:1px solid #c5c5c5;
	padding:2px;
	overflow:hidden;
	min-height:60px;
	height:auto !important;
	height:60px;
}
#videos .info p{
	font-size:12px;
	line-height:1.2em;
	font-weight:bold;
	padding:0 2px 0 2px;
}
#videos .info p.moreVideo{
	position:absolute;
	bottom:3px;
	right:3px;
	padding:3px 5px 0 5px;
}
/* PRIMARY BOTTOM
============================================================== */
#primaryBottom {
	display:block;
	margin-bottom:10px;	
}
#primaryBottomSidebar {
	float:left;
	width:300px;
}
#primaryBottomTabs {
	float:right;
	width:660px;
	overflow:hidden;
}
#primaryBottomTabs_title{
	width:100%;
	overflow:hidden;
	background:url(../images/bgr_primaryBottomTabs_title.gif) repeat-x bottom;
}
#primaryBottomTabs_title li{
	float:left;
	font-size:12px;
	color:#000;
	text-transform:uppercase;
	padding:0 1px 0 0;
}
#primaryBottomTabs_title li.last{
	padding:0;
}
#primaryBottomTabs_title li a{
	float:left;
	color:#000;
	background:url(../images/bgr_primaryBottomTabs_title_a.gif) repeat-x;
	height:24px;
	padding:8px 10px 0 10px;
}
#primaryBottomTabs_title li.last a{
	width:75px;
	white-space:nowrap;
}
#primaryBottomTabs_title li a.selected{
	color:#cd1713;
	background:#fff;
	height:24px;
	padding:7px 10px 0 9px;
	border:1px solid #bcbcbc;
	border-bottom:0;
	text-decoration:none;
}
#primaryBottomTabs_body{
	width:638px;
	background:#fff;
	border:1px solid #bcbcbc;
	border-top:0;
	min-height:203px;
	padding:9px 10px 6px 10px;
	position:relative;
	height:auto !important;
	height:203px;
}
#primaryBottomTabs_body .text {
	position:absolute;
	left:10px;
	top:10px;
	width:350px;
}
#primaryBottomTabs_body .text p{
	padding:10px 0;
}
#primaryBottomTabs_body .imgThumb {
	position:absolute;
	right:10px;
	top:9px;
	width:269px;
	height:201px;
	overflow:hidden;
	padding:2px;
	border:1px solid #efefef;
}
#primaryBottomTabs_body ul{
	color:#999999;
	margin:0 0 0 20px;
}
#primaryBottomTabs_body ul li{
	list-style:decimal;
	font-size:12px;
	line-height:1.5em;
	padding:3px 0 3px 0;
}

/* HOME [CONTENT SECTION BELOW THE PRIMARY BOTTOMS TABS]
============================================================== */
#home{
	width:100%;
	overflow:hidden;
}
#home_cats{
	float:left;
	width:660px;
}
#home_sidebar{
	float:right;
	width:300px;
}
#home_sidebar table{
	float:right;
	width:100%;
}
/*home_cat*/
.home_cat{
	width:631px;
	border:1px solid #d7d6d6;
	overflow:hidden;
	margin:0 0 10px 0;
	padding:7px 15px 10px 12px;
}
.home_cat .left{
	float:left;
}
.home_cat .right{
	float:right;
}
.home_cat_article{
	width:300px;
}
.home_cat_article .thumb{
	width:294px;
	height:221px;
	overflow:hidden;
	padding:2px;
	background:#fff;
	border:1px solid #d0d0d0;
	margin:0 0 5px 0;
}
.home_cat_article .thumb img{
	float:left;
	width:100%;
	height:100%;
}
.home_cat_list{
	width:315px;
}
.home_cat ul{
	width:100%;
	padding:10px 0 0 0;
	margin:0;
}
.home_cat li{
	color:#444;
	font-size:12px;
	display:block;
	padding:2px 0 2px 10px;
	background:url(../images/ico_widget_li.gif) no-repeat left 6px;
}
.home_cat li:hover{
	background:url(../images/ico_widget_li_hover.gif) no-repeat left 6px;
}
#home_cats .home_cat li a{
	color:#222;
	display:block;
}
#home_cats .home_cat li a:hover{
	text-decoration:underline;
	color:#cd1713;
}
/*home_sidebar_ads*/
.home_sidebar_ads{
	width:100%;
	overflow:hidden;
	margin:0 0 11px 0;
}
.home_sidebar_ads img{
	float:left;
	width:100%;
}
/*home_sidebarPosts*/
.home_sidebarPosts{
	width:280px;
	border:1px solid #bcbcbc;
	overflow:hidden;
	margin:0 0 10px 0;
	padding:7px 9px 9px 9px;
}
.home_sidebarPosts ul{
	width:100%;
}
.home_sidebarPosts li{
	width:100%;
	overflow:hidden;
	border-bottom:1px dotted #666;
	padding:0 0 5px 0;
	margin:0 0 5px 0;
}
.home_sidebarPosts li.last{
	background:none;
	padding:0;
	margin:0;
	border:none;
}
.home_sidebarPosts .thumb{
	float:left;
	width:80px;
	height:85px;
}
.home_sidebarPosts .thumb img{
	float:left;
	width:100%;
	height:100%;
}
.home_sidebarPosts .entry{
	float:right;
	width:190px;
}
.home_sidebarPosts p{
	font-size:12px;
	line-height:1.3em;
	padding:3px 0 0 0;
}
.home_sidebarPosts p.date{
	color:#cd1713;
}
.home_sidebarPosts p.date span{
	color:#666;
}
/* INNER PAGE
============================================================== */
#content{
	float:left;
	width:655px;
	margin-right: 15px;
	display:inline;
}
/*body_box*/
.body_box{
	width:623px;
	border:1px solid #bcbcbc;
	padding:13px 15px;
	margin:0 0 10px 0;
	
}
.inner468ad{
	width:623px;
	border:1px solid #bcbcbc;
	padding:7px 15px;
	margin:0 0 10px 0;
}
.inner468ad img {
	display:block;
	margin:0 auto;
}
/*post*/
.metas{
	width:100%;
	overflow:hidden;
	border-bottom:1px dotted #666;
	margin:0 0 4px 0;
	padding:0 0 4px 0;
	color:#909090;
	font-size:11px;
}
.metas a {
	color:#909090;
}
.metas a:hover {
	color:#000;
}
.postAuthor {
	padding-left:13px;
	background: url(../images/ico_author.gif) no-repeat left center;
}
.postDate {
	padding-left:13px;
	background: url(../images/ico_date.gif) no-repeat left center;
}
.post{
	width:100%;
	overflow:hidden;
}
.post .entry{
	width:100%;
	overflow:hidden;
	font-size:13px;
	line-height:1.3em;
}
.post .entry p{
	padding:0 0 15px 0;
}
.post .entry p span{
	color:#666;
}
.post .entry p a, .post .entry p a:visited{
	color:#cd1713;
}
.post .entry ul{
	padding:0 0 15px 0;
}
.post .entry li{
	color:#555555;
	padding:4px 0 4px 12px;
	background:url(../images/ico_article_list.gif) no-repeat left 7px;
	line-height:1.3em;
}
.post .entry li a, .post .entry li a:visited{
	color:#555555;
}
.post .entry img{
	border:1px solid #d0d0d0;
	padding:2px;
	background:#fff;
}
.post .tags{
	color:#797777;
	font-size:12px;
	line-height:1.4em;
}
.post .tags a{
	color:#797777;
}
.alignleft{
	float:left;
	margin:3px 7px 5px 0;
}
.alignright{
	float:right;
	margin:3px 0 5px 7px;
}
.aligncenter {
	float:none;
	display:block;
	margin:0 auto 5px;
}
#content p.wp-caption-text {
	padding:0 5px;
	text-align:center;
	display:block;
	font-size:12px;
	font-style:italic;
}
blockquote {
	padding: 2px 10px 10px;
	background: #f6f5f5;
	color:#333;
	clear:both;
	border-left: 3px solid #bfbbbb;
	border-bottom:1px dotted #666;
	margin-bottom:10px;
}
code {
	color:#444;
	font:12px/17px tahoma, arial, sans-serif;
	display:block;
}
#content blockquote p {
	font-size: 12px;
	padding: 5px 0 2px;
	margin: 5px 0px 0px;
	line-height: 15px;
}
blockquote li {
	padding: 2px 0px 2px 10px;
	font-size: 11px;
	line-height: 15px;
	color:#369;
}
blockquote a {
	color:#0080ca;
	text-decoration:underline;
}
blockquote a:hover {
	color:#039;
}
/* COMMENTS STYLE
============================================================== */
p#commentNotification { /* text style for notification message that is displayed when post is pass protected or comments are closed */ 
	display:block;
	margin-top:7px;
	background:#f9f9f9;
	padding:3px 5px;
	font-weight:bold;
}
p#noComment {
	font:bold .8em verdana, tahoma, arial, sans-serif;
	background:#efefef;
	padding:4px 4px 4px 10px;
}
ol.commentlist li { /* Comment Wrapper */
	border-left:3px solid #777;
	border-bottom:1px dotted #666;
	height:1%;
	margin:0 0 10px;
	padding:5px 5px 5px 53px;
	position:relative;
}
li div.vcard cite {
	font-style:normal;
}
li div.vcard { /* Font style for comment author link*/
	font:bold 12px verdana, arial,sans-serif;
	font-style:normal;
	padding:0 80px 0 0; 
	margin:5px 0;
}
li div.vcard img.avatar { /* Avatar style between comments */
	border:1px solid #d5d5d5;
	padding:1px;
	background:#fff;
	left:5px;
	position:absolute;
	top:7px;
}
li div.comment-meta { /* Style for date of comment */
	font:bold 10px/1.4 helvetica,arial,sans-serif;
	position:absolute;
	right:10px;
	text-align:right; 
	top:10px;
}
li div.comment-meta a {
	color:#8F8F8F;
}
li div.comment-meta a:hover {
	text-decoration:underline;
}
ol.commentlist li p { /* Comment font style */
	font:normal 12px helvetica,arial,sans-serif;
	padding:4px 0;
} 
li div.reply a {
	color:#d92100;
	font-weight:bold;
}
ol.commentlist li ul.children { /* Inner comment style */
	margin-top:10px;
}
li.depth-2,li.depth-3,li.depth-4,li.depth-5 { /* inner comment margin-bottom */
	margin:0 0 .20em;
}
ol.commentlist li.even { /*The background color for 1-3-5... no comments*/
	background:#fff;
}
ol.commentlist li.odd { /* Background color for 2-4-6... no comments */
	background:#f9f9f9;
}
ol.commentlist li.pingback div.vcard {
	padding:0 170px 0 0;
}
/* COMMENT FORM
============================================================== */
#respond{
	width:100%;
	overflow:hidden;
}
#respond p{
	width:100%;
	overflow:hidden;
	padding:0 0 12px 0;
}
#url, #email, #author, #commentText{
	float:left;
	border:1px solid #d2d2d2;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#000;
	background: #fff url(../images/bgr_respond_text.gif) repeat-x;
	padding:3px;
	width:201px;
	float:left;
}
#respond textarea#commentText{
	width:97%;
	height:94px;
	overflow:auto;
}
#respond p label{
	float:left;
	padding:4px 0 0 7px;
	font-size:12px;
	color:#777;
	line-height:1.3em;
}
#respond p#nopadding{
	padding:0;
}
#respond #submit{
	background: url(../images/button_submit.gif) no-repeat left;
	width:95px;
	height:35px;
	border:none;
	display:block;
	line-height:0px;
	cursor:pointer;
}
/* ARCHIVE POSTS
============================================================== */
.cat_post{
	width:100%;
	overflow:hidden;
	margin:0 0 15px 0;
}
.labelBC { /* The style for the label used on archive pages to display where visitor is (Category archives for - Posts tagged as ... )*/
	display:block;
	font-size:12px;
	color:#8f8f8f;
	margin-bottom:8px;
	padding-bottom:3px;
	border-bottom:1px dotted #666;
}
.labelBC a {
	color:#6f6f6f;
}
.labelBC a:hover {
	color:#3f3f3f;
}
.locationBC { /* Name of category, archive or date placed below the (Category archives for - Posts tagged as ... ) text on archive pages */
	display:block;
	font-size:18px;
	color:#222;
	margin-bottom:10px;
	letter-spacing:-1px;
}
.cat_post .entry{
	font-size:12px;
	line-height:1.3em;
	width:100%;
	overflow:hidden;
	margin:0 0 15px 0;
}
.cat_post .metas{
	padding:2px 0;
	border-bottom:1px solid #bcbcbc;
	border-top:1px solid #bcbcbc;
	text-align:right;
	color:#666;
	font-size:12px;
	line-height:1.3em;
	display:block;
}
.cat_post .metas a,.navigation a{
	color:#cd1713;
}
.cat_post .metas a:hover ,.navigation a:hover{
	text-decoration:underline;
}
/* INNER PAGE SIDEBAR [Primary top sidebar+Primary bottom sidebar]
============================================================== */
#sidebar{
	float:right;
	width:300px;
}
/* footer */
#footer{
	width:100%;
	height:61px;
	background:#bcbcbc;
	border-bottom:3px solid #cd1713;
}
#footer_data{
	float:left;
	padding:14px 0 0 14px;
}
#footer_data ul{
}
#footer_data li{
	display:inline;
	color:#434343;
	font-size:12px;
	padding:0 0 0 9px;
	margin-left:9px;
	border-left:1px solid #434343;
}
#footer_data li.first{
	padding:0;
	border:none;
	margin:0;
}
#footer_data li a{
	color:#434343;
}
#footer_data li a:hover{
	text-decoration:underline;
}
#footer_data .copyrights{
	color:#222222;
	padding:10px 0 0 0;
}
#footer_data .copyrights a{
	color:#222222;
}
#footer_data .copyrights a:hover{
	text-decoration:underline;
}
#footer_logo{
	float:right;
	width:auto;
	padding:15px 16px 0 0;
}

/* CALENDER STYLE
============================================================== */
table#wp-calendar {
	border:1px solid #ccc;
}
tbody .pad{
	background-color:#ddd;
}
table#wp-calendar>tbody>tr>td>a {
	font-weight:bold;
	font-size:16px;
	font-family:arial, verdana, sans-serif;
	color:#3c4a55;
}
thead>tr>th {
	width:30px;
	height:20px;
	text-align:center;
	vertical-align:middle;
	background-color:#cdd5de;
	border:1px solid #ccc;
}
tbody>tr>td {
	width:30px;
	height:20px;
	text-align:center;
	vertical-align:middle;
	border:1px solid #ccc;
}
tfoot>tr>td>a, tfoot>tr>td>a:link, tfoot>tr>td>a:visited, tfoot>tr>td>a:hover, tfoot>tr>td>a:active {
	font-weight:bold;
	font-size:18px;
	height:20px;
	font-family:garamond, bookman old style, times new roman, arial narrow, arial;
	color:#5b7085;
}
tfoot>tr>td#prev {
	width:58px;
	height:20px;
	text-align:left;
	vertical-align:middle;
	background-color:#fff;
}
tfoot>tr>td#next {
	width:58px;
	height:20px;
	text-align:right;
	vertical-align:middle;
	background-color:#fff;
}

/* <Bookmark> */

.sexy-bookmarks {
height:54px;
background:url('http://stiki-mks.ac.id/themes/transcript/images/2ueii3t.png') no-repeat left bottom;
position:relative;
width:465px;
}
.sexy-bookmarks span.sexy-rightside {
width:17px;
height:54px;
background:url('http://stiki-mks.ac.id/themes/transcript/images/2ueii3t.png') no-repeat right bottom;
position:absolute;
right:-17px;
}
.sexy-bookmarks ul.socials {
margin:0 !important;
padding:0 !important;
position:absolute;
bottom:0;
left:5px;
}
.sexy-bookmarks ul.socials li {
display:inline-block !important;
float:left !important;
list-style-type:none !important;
margin:0 !important;
height:29px !important;
width:48px !important;
cursor:pointer !important;
padding:0 !important;
}
.sexy-bookmarks ul.socials a {
display:block !important;
width:48px !important;
height:29px !important;
font-size:0 !important;
color:transparent !important;
}
.sexy-furl, .sexy-furl:hover, .sexy-digg, .sexy-digg:hover, .sexy-reddit, .sexy-reddit:hover, .sexy-stumble, .sexy-stumble:hover, .sexy-delicious, .sexy-delicious:hover, .sexy-yahoo, .sexy-yahoo:hover, .sexy-blinklist, .sexy-blinklist:hover, .sexy-technorati, .sexy-technorati:hover, .sexy-facebook, .sexy-facebook:hover, .sexy-twitter, .sexy-twitter:hover, .sexy-myspace, .sexy-myspace:hover, .sexy-mixx, .sexy-mixx:hover, .sexy-script-style, .sexy-script-style:hover, .sexy-designfloat, .sexy-designfloat:hover, .sexy-syndicate, .sexy-syndicate:hover{
background:url('http://stiki-mks.ac.id/themes/transcript/images/sexysprite.png') no-repeat !important;
}
.sexy-furl {
background-position:-300px top !important;
}
.sexy-furl:hover {
background-position:-300px bottom !important;
}
.sexy-digg {
background-position:-500px top !important;
}
.sexy-digg:hover {
background-position:-500px bottom !important;
}
.sexy-reddit {
background-position:-100px top !important;
}
.sexy-reddit:hover {
background-position:-100px bottom !important;
}
.sexy-stumble {
background-position:-50px top !important;
}
.sexy-stumble:hover {
background-position:-50px bottom !important;
}
.sexy-delicious {
background-position:left top !important;
}
.sexy-delicious:hover {
background-position:left bottom !important;
}
.sexy-yahoo {
background-position:-650px top !important;
}
.sexy-yahoo:hover {
background-position:-650px bottom !important;
}
.sexy-blinklist {
background-position:-600px top !important;
}
.sexy-blinklist:hover {
background-position:-600px bottom !important;
}
.sexy-technorati {
background-position:-700px top !important;
}
.sexy-technorati:hover {
background-position:-700px bottom !important;
}
.sexy-myspace {
background-position:-200px top !important;
}
.sexy-myspace:hover {
background-position:-200px bottom !important;
}
.sexy-twitter {
background-position:-350px top !important;
}
.sexy-twitter:hover {
background-position:-350px bottom !important;
}
.sexy-facebook {
background-position:-450px top !important;
}
.sexy-facebook:hover {
background-position:-450px bottom !important;
}
.sexy-mixx {
background-position:-250px top !important;
}
.sexy-mixx:hover {
background-position:-250px bottom !important;
}
.sexy-script-style {
background-position:-400px top !important;
}
.sexy-script-style:hover {
background-position:-400px bottom !important;
}
.sexy-designfloat {
background-position:-550px top !important;
}
.sexy-designfloat:hover {
background-position:-550px bottom !important;
}
.sexy-syndicate {
background-position:-150px top !important;
}
.sexy-syndicate:hover {
background-position:-150px bottom !important;
}
.sexy-email {
background-position:-753px top !important;
}

/* </Bookmark> */

/* alignment classes */
.float-left  { float: left; }
.float-right {	float: right; }
.align-left  {	text-align: left; }
.align-right {	text-align: right; }
.align-justify {	text-align: justify; }
.align-center {	text-align: center; }

.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
}
.alignright {
	float: right;
	margin: 0 0 10px 10px;
}
.alignleft {
	float: left;
	margin: 0px 10px 10px 0px;
}
.border {
	margin: 0 0 5px 0;
	padding: 5px;
	border: solid 0px #e6e6e6;
	align:left;
}

.news {
	background-color: #ffffff;
	border: 1px solid #f2f2f2;
	font-size: 95%;	
    padding: 5px;
	
}
.news p {
	margin: -1px 0 5px 0;
}

align-justify {
font-size:12px;
text-align:justify;

}

/* comments box */
.comments-box {
	zoom: 1;
}
.comments-box img {
	vertical-align: middle;
}
.comments-box h3 {
	color: #333;
	font-size: 1.4em;
	letter-spacing: 0;
	margin: 0;
	padding: 0 0 5px 0;
	border-bottom: 3px solid #ebf3f6;
}
#respond {
	background: #fff;
	margin: 20px 0 0 0;
	padding: 5px;
}
#respond p {
	color: #777;
	line-height: 1.4em;
	margin: 10px 0 0 0;
}
.cancel-comment-reply {
	padding: 5px 0 0 0;
}
.text {
	border-top: 1px solid #ddd;
	border-left: 1px solid #ddd;
	border-right: 1px solid #eee;
	border-bottom: 1px solid #eee;
	padding: 2px;
	color: #777;
	width: 200px;
}
/* framework for comments */
ol.commentlist a:link {
	text-decoration: none;
}
ol.commentlist li div.vcard cite.fn a.url:hover {
	text-decoration: none;
}
ol.commentlist {
	margin: 10px 5px 0 5px;
	padding: 0;
	background: #fff;
}
ol.commentlist li {
	margin: 10px 0 10px 0;
	padding: 10px;
	list-style-type: none;
	border-bottom: 1px dotted #ccc;
}
ol.commentlist li.alt {
}
ol.commentlist li.bypostauthor p {
}
ol.commentlist li.byuser {
}
ol.commentlist li.comment-author-admin {
}
ol.commentlist li.comment {
}
ol.commentlist li div.comment-author {
}
ol.commentlist li div.vcard {
}
ol.commentlist li div.vcard cite.fn {
	font-style: normal;
	font-weight: bold;
}
ol.commentlist li div.vcard cite.fn a.url {
	color: #047;
}
ol.commentlist li div.vcard img.avatar {
	float: right;
}
ol.commentlist li div.vcard img.avatar-32 {
	padding: 2px;
	background: #fff;
	border: 1px solid #ddd;
}
ol.commentlist li div.vcard img.photo {
	padding: 2px;
	background: #fff;
	border: 1px solid #ddd;
}
ol.commentlist li div.vcard span.says {
	color: #888;
}
ol.commentlist li div.commentmetadata {
}
ol.commentlist li div.comment-meta {
	margin: 3px 0 0 0;
	font-size: 0.9em;
}
ol.commentlist li div.comment-meta a {
	color: #aaa;
	text-decoration:none;
}
ol.commentlist li p {
	margin: 15px 0 0 0;
	line-height: 1.4em;
}
ol.commentlist li ul {
}
ol.commentlist li div.reply {
	padding-top: 10px;
}
ol.commentlist li div.reply a {
	color: #047;
}
ol.commentlist li div.reply a:hover {
	color: #c03 !important;
	text-decoration: none;
}
ol.commentlist li ul.children {
}
ol.commentlist li ul.children li {
	margin: 5px 0 0 0;
	background: #fff;
	border: 1px solid #e9e9e9;
}
ol.commentlist li ul.children li li.alt {
	background: #eee;
}
ol.commentlist li ul.children li.bypostauthor {
}
ol.commentlist li ul.children li.byuser {
}
ol.commentlist li ul.children li.comment {
}
ol.commentlist li ul.children li.comment-author-admin {
}
ol.commentlist li ul.children li.depth-2 {
}
ol.commentlist li ul.children li.depth-3 {
}
ol.commentlist li ul.children li.depth-4 {
}
ol.commentlist li ul.children li.depth-5 {
}
ol.commentlist li ul.children li.odd {
}
ol.commentlist li.even {
}
ol.commentlist li.odd {
}
ol.commentlist li.parent {
}
ol.commentlist li.pingback {
}
ol.commentlist li.thread-alt {
}
ol.commentlist li.thread-even {
}
ol.commentlist li.thread-odd {
}
/* comments box */
.comments-box {
	zoom: 1;
}
.comments-box img {
	vertical-align: middle;
}
.comments-box h3 {
	color: #333;
	font-size: 1.4em;
	letter-spacing: 0;
	margin: 0;
	padding: 0 0 5px 0;
	border-bottom: 3px solid #ebf3f6;
}
#respond {
	background: #fff;
	margin: 20px 0 0 0;
	padding: 5px;
}
#respond p {
	color: #777;
	line-height: 1.4em;
	margin: 10px 0 0 0;
}
.cancel-comment-reply {
	padding: 5px 0 0 0;
}
.text {
	border-top: 1px solid #ddd;
	border-left: 1px solid #ddd;
	border-right: 1px solid #eee;
	border-bottom: 1px solid #eee;
	padding: 2px;
	color: #777;
	width: 200px;
}

#hlheiglight a:link {
	color:#FF0;
	text-decoration: none;
}
#toppost a:visited {
	color: #FF0;
	text-decoration: none;
}
#toppost a:hover {
	color: #FFF;
	text-decoration: underline
}
#toppost ul {
	padding: 0;
	margin: 0;
	float: left;
}
#toppost ul li {
	padding: 1px 0;
	margin: 0 0 0 24px;
	list-style-position: outside;
	list-style-image: url(http://stiki-mks.ac.id/themes/transcript/images/panahforum.gif);
	list-style-type: none;
	clear: both;
}
#toppost .date {
	font-size: 10px;
}

#toppost .judul {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	line-height: 100%;
}
#toppost .image {
	text-align: left;
	font-size: 10px;
	padding: 2px;
	margin: 3px 10px 0 0;
	border: 1px solid #ff6666;
	float: left;
}
#toppost {
	width: 100%;
	
	
	padding: 0 5px 0 5px;
	
	margin: 0;
	border-right: 1px solid #A9D4F3;
	border-left: 1px solid #A9D4F3;
}
#toppost .petunjuk {
	font-size: 10px;
	color: #FFF;
	text-align: right;
	padding: 0;
	margin: 0 0 5px 0;
	border-bottom: 1px solid #007FE9;
	clear: both;
}
#toppost h3 {
	font-family: Georgia, "Times New Roman", Times, serif;
	color:#FFF;
	font-size: 13px;
	text-align: left;
	padding: 2px 0;
	margin: 4px 0 0 0;
}

div.sukses {
	padding: 10px 10px 10px 36px;
	background: url(../images/tick.gif) #FFFFDD no-repeat;
	background-position: 10px 50%;
	BACKGROUND-COLOR: #FFFFDD;
	border:1px solid #FFD700;	
	margin-bottom:5px;
	margin-top:3px;
	text-align:left;
	font-size:9px;
}
div.error {
	padding: 10px 10px 10px 36px; /*top right bottom left*/ 
	background: url(http://stiki-mks.ac.id/themes/transcript/images/exclamation.gif) #FFFFDD no-repeat;
	background-position: 10px 50%;
	background-color: #ffffdd;
	border:1px solid #ff0000;
	margin-bottom:5px;
	margin-top:3px;
	text-align:left;
	font-size:9px;
}

.left_message {
	border: 1px solid #eee;
	padding: 10px 10px 10px 75px;	
	margin: 0 0 5px 0;
	background: #fff url(http://stiki-mks.ac.id/themes/transcript/images/questionmark.gif) no-repeat center left;
	color: #454545; 
}
.bg {
	background-color: #ffffff;
	padding: 5px; 
	border: 0px solid #f2f2f2;
	font-size:20px;
	
}

/* entry */
.entry {
	margin: 0;
	padding: 10px 0 10px 0;
}
.entry p {
	margin: 0 0 19px 0;
	padding: 0;
}
.entry img {
	margin: 0;
	padding: 2px;
	border: 1px solid #E1E1E1;
}
.entry input {
	padding: 3px;
	border: 1px solid #67afe6;
	margin: 5px;
}
.entry label {
	font-weight: bold;
	margin: 5px;
}
.entry #submit {
	padding: 4px;
}
/* entry Lists */
.entry ul li {
	padding: 0;
	margin: 0;
	font-weight: bold;
	color: #555;
}
.entry ul li a {
	font-weight: normal;
	color: #555;
}
.entry ul li ul li {
	padding: 0;
	margin: 0;
}
.entry ol li {
	list-style: decimal;
	padding: 0;
	margin: 0;
	background: none;
}
/* entry headings */
.entry h1 {
	font-size: 18px;
	font-weight: normal;
	color: #333;
	border-bottom: 3px solid #E1E1E1;
	padding-bottom: 3px;
	margin: 5px 0 3px 0;
}
.entry h2 {
	font-size: 16px;
	font-weight: normal;
	color: #333;
	padding-bottom: 3px;
	margin: 5px 0 3px 0;
	height: auto;
	text-indent: 0;
}
.entry h3 {
	font-size: 13px;
	font-weight: bold;
	color: #444;
	padding-bottom: 3px;
	text-indent: 0;
	margin: 5px 0 3px 0;
}
.entry h4 {
	font-size: 13px;
	font-weight: bold;
	margin: 0;
	line-height: 16px;
	height: auto;
	padding: 5px 0 5px 0;
	color: #555;
	text-indent: 0;
}
.entry h5 {
	font-size: 13px;
	font-weight: bold;
	margin: 0;
	line-height: 16px;
	height: auto;
	padding: 5px 0 5px 0;
	color: #555;
	text-indent: 0;
}
.entry h6 {
	font-size: 12px;
	font-weight: bold;
	margin: 0;
	line-height: 16px;
	height: auto;
	padding: 5px 0 5px 0;
	color: #555;
	text-indent: 0;
}
/* entry image*/
img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
	padding: 0;
}
img.alignnone {
	margin: 0 0 10px 0px;
	padding: 0px;
	display: inline;
}
img.alignright {
	margin: 0 0 10px 10px;
	padding: 0;
	display: inline;
}
img.alignleft {
	padding: 0px;
	margin: 0 10px 10px 0;
	display: inline;
}
.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
}
.alignright {
	float: right;
	margin: 0 0 10px 10px;
}
.alignleft {
	float: left;
	margin: 0px 10px 10px 0px;
}
/* blockquote */
blockquote {
	margin: 10px 0 10px 10px;
	padding: 10px;
	border-left: 6px solid #e6e6e6;
	border-right: 1px solid #e6e6e6;
	border-top: 1px solid #e6e6e6;
	border-bottom: 1px solid #e6e6e6;
	background: #f8f8f8;
}
blockquote cite {
	display: block;
	margin: 5px;
	padding: 10px;
	border-left: 6px solid #e6e6e6;
	border-right: 1px solid #e6e6e6;
	border-top: 1px solid #e6e6e6;
	border-bottom: 1px solid #e6e6e6;
	background: #fff;
}

form{
    margin: 0 auto;
    padding: 0;
    width: 100%;
    text-align: left;
}

form .textbox {
    width: 160px;
    border-left : 1px solid #acc6db; 
    border-right : 1px solid #acc6db; 
    border-top : 1px solid #acc6db; 
    border-bottom : 1px solid #acc6db; 
    background-color : #fff; 
    font-size : 12px;
    font-family : Verdana, Arial, Helvetica, sans-serif; 
    color : #000; 
} 

form .textcode{
    width: 70px;
    border-left : 1px solid #acc6db; 
    border-right : 1px solid #acc6db; 
    border-top : 1px solid #acc6db; 
    border-bottom : 1px solid #acc6db; 
    background-color : #fff; 
    font-size : 12px;
    font-family : Verdana, Arial, Helvetica, sans-serif; 
    color : #000; 
} 

form .textcom {
    border-left : 1px solid #acc6db; 
    border-right : 1px solid #acc6db; 
    border-top : 1px solid #acc6db; 
    border-bottom : 1px solid #acc6db; 
    background-color : #fff; 
    font-size : 12px;
    font-family : Verdana, Arial, Helvetica, sans-serif; 
    color : #000; 
} 

form .cselect {
    
    background-color : #fff; 
    font-size : 11px; 
    font-weight: normal;
    color : #000; 
    font-family : Verdana, arial, helvetica, sans-serif; 
    text-decoration : none; 
}

form label {
    float: left;
    padding: 0 1em;
    text-align: right;
}

form .submit{
    padding: 10px 0 0 0; /*top right bottom left*/ 
}

form .button {
    color : #fff; 
    font-family : verdana, arial, helvetica, sans-serif; 
    font-size : 8pt; 
    font-weight : bold; 
    background-color : #6898D0; 
    border : 1px solid #dadada; 
    cursor : pointer; 
}

#abovepostads{
	margin:10px 0px; width: 438px;
         background-image: url('http://stiki-mks.ac.id/themes/transcript/images/ads/rotate.php'); 
	background-repeat: no-repeat;
	background-position: right center;
	border: 1px solid #dddddd;
	padding: 0px;
	
}
#abovepostads p{
	margin: 0px;
	width: 300px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 4px;
}
#belowpostads{
	width: 438px;
         background-image: url('http://stiki-mks.ac.id/themes/transcript/images/ads1/rotate.php'); 
	background-repeat: no-repeat;
	background-position: right center;
	border: 1px solid #f1f1f1;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
	padding: 0px
}
#belowpostads p{
	margin: 0px;
	width: 300px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 4px;
}

#abovepostads{
	margin:10px 0px; width: 430px;
         background-image: url('http://stiki-mks.ac.id/themes/transcript/images/ads/rotate.php'); 
	background-repeat: no-repeat;
	background-position: right center;
	border: 1px solid #dddddd;
	padding: 0px;
	
}
#abovepostads p{
	margin: 0px;
	width: 300px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 4px;
}
#belowpostads{
	width: 430px;
         background-image: url('http://stiki-mks.ac.id/themes/transcript/images/ads1/rotate.php'); 
	background-repeat: no-repeat;
	background-position: right center;
	border: 1px solid #f1f1f1;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
	padding: 0px
}
#belowpostads p{
	margin: 0px;
	width: 300px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 4px;
}

#download a { 
	color: #0000FF;
	background-color: inherit;
	text-decoration: underline;
}
#download a:hover {
	color: #0000FF;
	background-color: inherit;
	text-decoration: underline;
}

.gambar {
	clear: both; 
         padding-right: 0px; 
         padding-left: 0px; 
         padding-top: 0px;
         padding-bottom: 0px;
         float: left;  
         width: 20px;           
         text-align: left
}



.box {
	border: 0px solid #f2f2f2;
	font-size: 100%;	
    padding: 5px;
	margin-right: 0px;
	margin-left: 0px;
}

.box form table tr  {
width: 100%;
border: 0px;
text-align:left;

align:left;

}

.box form table tr td {
border: 0px solid #f2f2f2;
text-align:left;
}

.box ul {
	margin:0px;	
	padding:0px 0px 0px 0px;
	list-style-type:none;
}
.box a {
	color:#4284B0;
	background-color: inherit;
	text-decoration:none;
}
.box a:hover{
	color: #9EC068;
	background-color: inherit;
}
.box li {
	padding:0px 0px 2px 10px;  /*top right bottom left*/ 
	background-position:left;
	background-repeat:no-repeat;
}


.box ul {
	margin:2px 0 2px 18px;
	padding:0px 0px 0px 0px;
	list-style-type:none;
}
.box li a {
	color:#4D4D4D;
	background-color: inherit;
	text-decoration:none;
	display:block;
    padding-bottom:1px;
}

.box li a:hover{
	color: #226EBC;
	
}
.box ul li {
	padding:2px 0 2px 0;  /*top right bottom left*/ 
	list-style-image:url(../images/1.gif);
  	border-bottom:1px dotted #DEF2FF;
}

table .tambahan {
border: 0px solid #f2f2f2;
text-align:left;
azimuth:left;
}

.post-footer {
	background-color: #FAFAFA;
	padding: 5px; 
	margin: 2px 0 20px 0; /*top right bottom left*/ 
	border: 1px solid #f2f2f2;
	font-size: 95%;	
}
.post-footer .date {
	background: url(../images/clock.gif) no-repeat left center;
	padding-left: 20px; margin: 0 10px 0 5px;
}
.post-footer .comments {
	background: url(../images/comment.gif) no-repeat left center;
	padding-left: 20px; margin: 0 10px 0 5px;
}
.post-footer .readmore {
	background: url(../images/page.gif) no-repeat left center;
	padding-left: 20px; margin: 0 10px 0 5px;
}

.post-footer .sendfriend {
	background: url(http://stiki-mks.ac.id/themes/transcript/images/friend.gif) no-repeat left center;
	padding-left: 20px; margin: 0 10px 0 5px;
}
.post-footer .print {
	background: url(http://stiki-mks.ac.id/themes/transcript/images/print.gif) no-repeat left center;
	padding-left: 20px; margin: 0 10px 0 5px;
}
.post-footer .pdf {
	background: url(http://stiki-mks.ac.id/themes/transcript/images/pdf.gif) no-repeat left center;
	padding-left: 20px; margin: 0 10px 0 5px;
}

.post-footer .xml{
	background: url(http://stiki-mks.ac.id/themes/transcript/images/xml.gif) no-repeat left center;
	padding-left: 20px; margin: 0 10px 0 5px;
}
.post-footer .html{
	background: url(http://stiki-mks.ac.id/themes/transcript/images/html.gif) no-repeat left center;
	padding-left: 20px; margin: 0 10px 0 5px;
}