/*   
Theme Name: GabLog
Theme URI: http://www.magazine-themes.com/
Description: GabLog designed by <a href="http://www.gabfire.com/gabfire-newspro-theme-released/">Gabfire</a>. Check out <a href="http://www.magazine-themes.com">magazine-themes</a> for our premium templates 
Author: Mehmet Ozekinci
Author URI: http://www.gabfire.com/
Version: 1.0
*/

/* *********************************************************** Reset Everything */
a:link, a, a.visited { text-decoration:none; } 
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,th,td,p { margin:0; padding:0; }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover { text-decoration:none; }
table { border-collapse:collapse; border-spacing:0; }
fieldset,img { border:0; }
ul,ol { list-style:none; }
caption,th { text-align:left; }
q:before,q:after { content:''; }
abbr,acronym { border:0; }

body {background:#FFFFFF url(../images/bg.gif) repeat;font: 1em/1.3em arial, sans-serif;}

h1 {font:3em Georgia,Times New Roman,Trebuchet;margin-bottom:10px;} 
h1 a:link,h1 a:visited,h1 a:hover {color:#444;}	
h2 {font:bold 1.2em Georgia,Times New Roman,Trebuchet;color:#222;padding-bottom:2px;border-bottom:1px solid #efefef;}
h3 {font:bold 1.3em "Trebuchet ms",Georgia,Times New Roman;padding-bottom:3px;color:#555;}	
h3#respons {font:bold 1.3em Georgia,Times New Roman,Trebuchet;}
h3.querytitle {border-bottom:1px solid #f3f3f3;margin-bottom:10px;} 
#gallery h2 {margin-bottom:3px;}
#singlepage h2 {margin-bottom:5px;font:normal 1.4em Georgia,Times New Roman,Trebuchet;border-bottom:0;}
#sidebar h3 {padding-top:15px;letter-spacing:-1px}	

.right {float:right;}
.left {float:left;}
.postinfo { /* post info shown under the summary of posts on search results */text-align:right;padding-top:3px;font:.8em verdana, arial, tahoma,sans-serif;color:#9f9f9f;border-top:1px dotted #f1f1f1;margin-bottom:10px;display:block;}
img.alignleft {display:block;float:left;margin:4px 10px 5px 0;}
img.alignright {display:block;float:right;margin:4px 0 5px 10px;}
	
	
/* ***********************************************************
*	Links									*
***********************************************************/
a:link,  a:visited {
	color:#29568f;
	}
a:hover {
	color:#d92100;
	}
#footer a:link, #footer a:visited {
	color:#000;
	}
#footer a:hover {
	text-decoration:underline;
	}
/* ***********************************************************
*	Main DIVISIONS						*
***********************************************************/
#wrapper {
	width: 900px;
	padding:20px 0 10px;
	margin: 20px auto 0;
	background: #fff;
    }
#header {
	width: 880px;
	color: #000;
	margin:0 auto;
	overflow: hidden;
	}
#content-wrap {
	width:880px;
	margin: 10px auto 0;
	clear:both;
	}

#midcolumn {
	float:left;
	margin:0 10px 0 0;
	font:.75em/1.4em arial, sans-serif;
	display:inline;
	width:475px;
}
#rigthcolumn {
	float:left;
	margin:0 10px 0 10px;
	font:.75em/1.4em arial, sans-serif;
	display:inline;
	width:675px;
	background: #fff;
}
#undercolumnleft {
	float:left;
	margin:0 10px 0 0;
	font:.75em/1.4em arial, sans-serif;
	display:inline;
	width:435px;
}

#undercolumnright {
	float:left;
	margin:0 0px 0 0;
	font:.75em/1.4em arial, sans-serif;
	display:inline;
	width:435px;
}

#sidebar{
	width:395px;
	float:left;
}
#footer {
	width: 900px;
	margin: 0 auto;
	color: #444;
	font-size:.6em;
	text-align:right;
}
#singlepage {
	width:705px;
	margin:0 10px 0 5px;
	float:left;
	display:inline;
}
/************************************************************
*	Header  								*
************************************************************/
#header #headerleft {width: 480px;float: left;border:1px}
#header #headerright {width: 400px;float: right;margin: 0px;text-align: right;}
#header #searchform{float: right;}
#header #s {width: 190px;border: 1px solid gray;padding:1px;}
#header #searchbutton{font: bold 11px Verdana;height: 20px;background-color: #fdffef;}

/************************************************************
*	Middle column					*
************************************************************ */
#midcolumn .post {background:#f9f9f9;padding:6px 10px;width:455px!important;width:475px;width/**/:/**/455px;margin-bottom:20px;}
#midcolumn .post img {float:left;margin:2px 10px 3px 0;padding:2px;border:1px solid #ddd;background:#fff;}
#midcolumn h2#feapost {color:#666;font:bold 14px arial, helvetica, sans-serif;background:#ddd;padding:5px 10px;}
#midcolumn .details {text-align:right;font:.9em verdana;display:block;float:none;margin-top:20px}
#midcolumn p {font:1em/1.4em arial, sans-serif;padding-bottom:10px;}
#midcolumn #gallery {margin-bottom:20px;}
#midcolumn #gallery img {display:inline;float:left;margin:2px 1px 0;background:#f5f5f5;padding:1px;border:1px solid #ccc;}
#midcolumn #singlepostinfo {background: #DFDFD1;border-top: 1px dotted #ccc;border-bottom: 1px dotted #ccc;padding: 10px;font:.9em/1.2em verdana;display:block;float:none;} 	
#midcolumn #prevnextposts {font-size:1em;margin:15px 0;}
#midcolumn ul{ padding-bottom:10px;list-style: square inside; }
#midcolumn ol{ padding-bottom:10px;list-style: decimal inside; }
#midcolumn li { padding: 2px 0px 2px 15px;font-size: 12px; line-height: 15px; color:#4c4c4c; }
#midcolumn blockquote { padding: 2px 10px; background: #dfdfd1; color:#369;border:1px solid #BFBFB3;margin-bottom:10px;}
#midcolumn code {color:#444;font:11px/17px tahoma, arial, sans-serif;}
#midcolumn blockquote p { font-size: 11px; padding: 5px 0px; margin: 5px 0px; line-height: 15px;}
#midcolumn blockquote li { padding: 2px 0px 2px 15px; font-size: 11px; line-height: 15px; color:#369; }
#midcolumn blockquote a { color:#0080ca; }
#midcolumn blockquote a:visited { color:#0080ca; text-decoration:underline;}
#midcolumn blockquote a:hover { color:#039; }
#midcolumn #singleimage {float:left;margin:5px 10px 5px 0;}

/************************************************************
*	Rigth column					*
************************************************************ */
#rigthcolumn .post {background:#f9f9f9;padding:6px 10px;width:675px!important;width:675px;width/**/:/**/675px;margin-bottom:20px;}
#rigthcolumn .post img {float:left;margin:2px 10px 3px 0;padding:2px;border:1px solid #ddd;background:#fff;}
#rigthcolumn h2#feapost {color:#666;font:bold 14px arial, helvetica, sans-serif;background:#ddd;padding:5px 10px;}
#rigthcolumn .details {text-align:right;font:.9em verdana;display:block;float:none;margin-top:20px}
#rigthcolumn p {font:1em/1.4em arial, sans-serif;padding-bottom:10px;}
#rigthcolumn #gallery {margin-bottom:20px;}
#rigthcolumn #gallery img {display:inline;float:left;margin:2px 1px 0;background:#f5f5f5;padding:1px;border:1px solid #ccc;}
#rigthcolumn #singlepostinfo {background: #DFDFD1;border-top: 1px dotted #ccc;border-bottom: 1px dotted #ccc;padding: 10px;font:.9em/1.2em verdana;display:block;float:none;} 	
#rigthcolumn #prevnextposts {font-size:1em;margin:15px 0;}
#rigthcolumn ul{ padding-bottom:10px;list-style: square inside; }
#rigthcolumn ol{ padding-bottom:10px;list-style: decimal inside; }
#rigthcolumn li { padding: 2px 0px 2px 15px;font-size: 12px; line-height: 15px; color:#4c4c4c; }
#rigthcolumn blockquote { padding: 2px 10px; background: #dfdfd1; color:#369;border:1px solid #BFBFB3;margin-bottom:10px;}
#rigthcolumn code {color:#444;font:11px/17px tahoma, arial, sans-serif;}
#rigthcolumn blockquote p { font-size: 11px; padding: 5px 0px; margin: 5px 0px; line-height: 15px;}
#rigthcolumn blockquote li { padding: 2px 0px 2px 15px; font-size: 11px; line-height: 15px; color:#369; }
#rigthcolumn blockquote a { color:#0080ca; }
#rigthcolumn blockquote a:visited { color:#0080ca; text-decoration:underline;}
#rigthcolumn blockquote a:hover { color:#039; }
#rigthcolumn #singleimage {float:left;margin:5px 10px 5px 0;}

/************************************************************
*	Under column Left					*
************************************************************ */
#undercolumnleft .post {background:#f9f9f9;padding:6px 10px;width:455px!important;width:475px;width/**/:/**/455px;margin-bottom:20px;}
#undercolumnleft .post img {float:left;margin:2px 10px 3px 0;padding:2px;border:1px solid #ddd;background:#fff;}
#undercolumnleft h2#feapost {color:#666;font:bold 14px arial, helvetica, sans-serif;background:#ddd;padding:5px 10px;}
#undercolumnleft .details {text-align:right;font:.9em verdana;display:block;float:none;margin-top:20px}

/************************************************************
*	Under column Right					*
************************************************************ */
#undercolumnright .post {background:#f9f9f9;padding:6px 10px;width:455px!important;width:475px;width/**/:/**/455px;margin-bottom:20px;}
#undercolumnright .post img {float:left;margin:2px 10px 3px 0;padding:2px;border:1px solid #ddd;background:#fff;}
#undercolumnright h2#feapost {color:#666;font:bold 14px arial, helvetica, sans-serif;background:#ddd;padding:5px 10px;}
#undercolumnright .details {text-align:right;font:.9em verdana;display:block;float:none;margin-top:20px}

/************************************************************
*	Middle Suara Alumni					*
************************************************************ */
#commentlist {margin: 0 0 15px 0;font-size:1em;}
#commentlist li {padding:5px;}
#commentlist li.alt {background:#f7f7f7;border:1px solid #ccc;}
#commentlist .gravatar {float:left;margin:4px 5px 5px 0;width:55px;display:block;}
#commentlist .gravatar img{background:#dfdfdf; padding:2px;border:1px solid #bbb;}
#commentlist .commentmetadata  a:link,.commentmetadata  a:visited{color:#6F665A;text-decoration:none;}
#commentlist .commentmetadata  a:hover{color:#f60}
#commentlist .commenttext a:link, .commenttext a:visited {color:#297cdf}
#commentlist .commenttext a:hover {color:#f60;}
#commentlist .commenttext p {font: 1em tahoma, arial, verdana, sans-serif; line-height: 15px; margin: 3px 0 4px; color:#222;}
#commentlist .commenttext blockquote { color:#222;  font-size: .9em; font-style: italic; border-top: dashed 1px #ccc; border-bottom: dashed 1px #ccc; }
#commentlist .commenttext blockquote p { font-size: .9em; padding: 5px 0px;line-height: 16px; color:#222; }
#commentlist .commenttext code {font-size:11px;margin:7px 0;padding:5px 10px;line-height:13px;display:block;background:#efefef;}
#commentlist .commenttext ul, .commenttext ol {padding: 5px 0px;}
#commentlist .commenttext li ul li, .commenttext li ol li { padding: 0px;  font-size: .9em; line-height: 13px; color:#666; }		

#comment-wrapper cite {font:bold 1em Georgia,Times New Roman,Trebuchet;color:#6F665A;}
#comment-wrapper cite a:link,#comment-wrapper  cite a:visited{color:#6F665A;text-decoration:underline;}
#comment-wrapper cite a:hover {text-decoration:none;}

ol#trackbacks {list-style:decimal;margin:0 0 15px 27px;font:1em tahoma, arial, helvetica, verdana, sans-serif;}
ol#trackbacks li {padding:0;margin:0 0 3px 0;}
ol#trackbacks a:link, ol#trackbacks a:visited {color:#297cdf;}
ol#trackbacks a:hover {color:#d92100;}

#commentform p {margin-bottom:5px;}
#commentform label {color:#666;font-size: 80%;padding-left: 5px;}
#commentform small {color: #999999;font-size: 90%;}
#author,#email,#url {font: 100% Arial, Helvetica, sans-serif;width: 220px;padding: 2px;	border: 1px solid #e6e6e6;}
#commentform textarea {font: 100% Arial, Helvetica, sans-serif;width: 400px;height: 120px;border: 1px solid #e6e6e6;padding: 2px 3px 3px 7px;}
#submit {background: url(images/submit.gif) no-repeat;width: 59px;height:20px;border:none;float:left;text-indent: -900em;line-height:0px;cursor:pointer;}
#submit:hover {cursor:pointer;}
#commentform textarea:focus, #commentform input[type="text"]:focus {border: solid 1px #c00;}

/* ============================ AREA MENU KIRI ==================================== */
.tombol {
font-family: Verdana; 
color: #FDFDFD; 
font-size: 9pt; 
font-weight: bold; 
border: 1px solid #6B6B6B; 
padding-left: 1px; 
padding-right: 1px; 
padding-top: 1px; 
padding-bottom: 1px; 
background-color: #ABABAB
}
.forms { margin-left: 0; font-family: Verdana; font-size: 11px;}
.tulis { font-family: Verdana; font-size: 11px; color: #493E3E;}
.putih { font-family: Verdana; font-size: 11px; color: #FFFFFF; font-weight: bold;}
.note { font-family: Verdana; font-size: 9px; color: #666666;}

.suci { font-family: Verdana; font-size: 11px; color: #FFFFFF;}

.judul { font-family: Verdana; font-size: 12px; color: #493E3E; font-weight: bold;}
.judullist { font-family: Verdana; font-size: 10px; color: #493E3E; font-weight: bold;}

.nama { font-family: Verdana; font-size: 11px; color: #FFFFFF; font-weight: bold;}
.bg_news { font-family: Verdana; font-size: 12px; color: #493E3E; font-weight: bold; background : url(../images/bg_news.gif);}

.bg_atas { background : url(../images/detail_atas.gif) no-repeat; }
.bg_tengah { background : url(../images/detail_tengah.gif); 
background-color: #FFFFFF;
}
.bg_bawah { background : url(../images/detail_bawah.gif) no-repeat; }

.content_isi { background : url(../images/main.gif) no-repeat; }
.bawah_isi { background : url(../images/gradboxbbot.jpg) no-repeat; }
.content_left { background : url(../images/gradboxs.jpg) no-repeat; }
.content_bawah { background : url(../images/gradboxsbottom.jpg) no-repeat; } 
.bg_kiri { background : #FFFFFF url(../images/bg_kiri.gif) repeat-x left top; } 


.bg_galeri { background : url(../images/bg_galeri.gif) no-repeat; }

.main_judul { 
font:normal 11px Verdana;
font-weight: bold;
padding-top: 2px; 
padding-bottom: 1px; 
width: 98%; 
height: 17px;
}

.judul_galleri { 
font:normal 14px Verdana;
font-weight: bold;
padding-top: 2px; 
padding-bottom: 1px; 
width: 98%; 
height: 17px;
}

.linkz	A:link		{ 
font:normal 10px Verdana;
font-weight: bold;
padding-top: 2px; 
padding-bottom: 1px; 
padding-left: 2px; 
padding-right: 1px;
width: 98%; 
height: 17px;
margin-left: 10px;
}
.linkz	A:visited	{ 
background-color: transparent;
font:normal 10px Verdana;
font-weight: bold;
padding-top: 2px; 
padding-bottom: 1px; 
padding-left: 2px; 
padding-right: 1px;
width: 98%; 
height: 17px;
margin-left: 10px;
}
.linkz	A:hover		{ 
font:normal 10px Verdana;
font-weight: bold;
padding-top: 2px; 
padding-bottom: 1px; 
padding-left: 2px; 
padding-right: 1px;
background-color: #507FC9; 
width: 98%; 
height: 17px;
margin-left: 10px;
}
/* remove halo effect in firefox   */
a:active {outline: none;}

.pagination {
	padding: 3px;
	margin: 3px;
	font-family: Verdana, Arial, Helvetica; font-size: 8pt; color: #000000;
}
.pagination a {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #aaaadd;
	text-decoration: none;
	color: #000099;
	font-family: Verdana, Arial, Helvetica; font-size: 8pt; color: #000000;
}
.pagination a:hover, .pagination a:active {
	border: 1px solid #000099;
	color: #000;
	font-family: Verdana, Arial, Helvetica; font-size: 8pt; color: #000000;
}
.pagination span.current {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #000099;
	font-weight: bold;
	background-color: #000099;
	color: #FFF;
	font-family: Verdana, Arial, Helvetica; font-size: 8pt; color: #000000;
}
.pagination span.disabled {
	padding: 2px 0px 2px 5px;
	margin: 2px;
	border: 1px solid #eee;
	color: #ddd;
	font-family: Verdana, Arial, Helvetica; font-size: 8pt; color: #000000;
}

.bok {
	background: url(../images/img04.gif);
}
.areatop {
	background: url(../images/img03.gif);
	margin-bottom: 5px;
	padding: 2px 15px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
}

.linkbar {
	padding: 4px 0 4px 50px; 
	font: bold 105% Arial, Sans-Serif;
	color: #FFF;
	text-transform: uppercase; 
	background: #333; 
	letter-spacing: 1px;	
}
.menuadmin {
	padding: 4px 0 4px 10px; 
	font: bold 70% Arial, Sans-Serif;
	color: #FFF;
	text-transform: uppercase; 
	background: #333; 
	letter-spacing: 1px;	
}
.sidemenu {
	border-bottom: 1px solid #f2f2f2; 
	background: url(../images/bullet.gif) no-repeat 0px 4px;	
	padding: 3px 5px 3px 25px;
	margin: 0;	
	font: 70%/1.5 Verdana, Tahoma, Arial, Helvetica, sans-serif;
}
.sidemenu a {
	padding: 0px 0px 1px 1px;   
	color: #003366;
	background-color: inherit;
	text-decoration: none;
	font-weight: bold;
}
.sidemenu a:hover {
	color: #CC0001; 
	background-color: inherit;
	font-weight: bold;
}

.linkroll {
	margin:10px 10px 10px 10px;
	padding:0;
	border-top:1px solid #eee;
}
.linkroll li {
	margin:1px;
	padding:0 !important;
	padding:1px;
	list-style:none;
}

.linkroll li a {
	padding:2px 2px 2px 25px;
	display:block;
	margin:0;
	color:#777;
	text-decoration:none;
	border-bottom:1px solid #eee;
	background-image:url(../images/linkroll.gif);
	background-position:left;
	background-repeat:no-repeat;
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:85%;
	
}

.linkroll li a:hover {
	border-bottom:1px solid #ccc;
	background-color:#fbfbfb;
	color:#444;
	background-image:url(../images/linkroll_hover.gif);
	background-position:left;
	background-repeat:no-repeat;
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:85%;

}
/**************************************** extra classes: ANNIVERSARY ****************************/
label {
	color: #A5BB73;
	font-style: bold;
}

.ucapan {
	width: 435px;
	margin-top: 20px;
	margin-bottom: 20px;
	background-color: #F5F9EB;
	padding: 5px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: dotted;
	border-bottom-style: dotted;
	border-top-color: #CEAC86;
	border-bottom-color: #CEAC86;
	font-size: 1em;
	color: #A6BB7A;
}
form.contact_us {
	width: 360px;
	margin-top: 15px;
	margin-left: 0px;
	padding: 15px;
	background-color: #FBF9F4;
	background-image: url(../images/form_bg.png);
	background-repeat: no-repeat;
	background-position: right bottom;
}

input.fields_contact_us {display: block;
        width: 200px;
        background: url(../images/input_bg.png);
		border-top: 1px solid #E3E4E9;
		border-left: 1px solid #E3E4E9;
		border-bottom: 1px solid white;
		border-right: 1px solid white;
		margin-top: 3px;
	    margin-bottom: 3px;}

.option_ucapan {display: block;
        width: 200px;
        background: url(../images/input_bg.png);
		border-top: 1px solid #E3E4E9;
		border-left: 1px solid #E3E4E9;
		border-bottom: 1px solid white;
		border-right: 1px solid white;
		margin-top: 3px;
	    margin-bottom: 3px;}

.textarea_ucapan {
			width: 350px;
			background: url(../images/input_bg.png);
			border-top: 1px solid #E3E4E9;
			border-left: 1px solid #E3E4E9;
			border-bottom: 1px solid white;
			border-right: 1px solid white;
			margin-top: 3px;}

.submit_button_contact {
	margin-top: 15px;
	padding: 2px;
	background-color: #EAF4D9;
}


/* ============================ AREA MENU GALLERY ==================================== */

#right
{
  width: 200px;
	float: right;
	padding: 0px;
	margin: 0px;
	background: url(../images/righ_middle.gif) repeat-y top left;
}

#right a 
{
	display: block;
	height: 20px;
	width: 180px;
	background: #c7b8a4;
	color: #000;
	padding: 0px;
	padding-left: 2px;
	text-decoration: none;
	margin: 0px;
	border: 0px;
	font-family: Verdana; 
	font-size: 9pt; 
}

#right a:hover 
{
	color: #FFFFFF;
	background: #822C0F;
	height: 20px;
}

/***************/
/* FORMULAIRES */
/***************/

input.textfield, textarea {
	font-family: Verdana, sans-serif;
	font-size: 11px;
	padding: 1px 2px 1px 2px;
	border: 1px solid #717171;
}
table td.first {
	font-family: Verdana, sans-serif;
	font-size: 12px;
	width: 200px;
	height: 25px;
	background: #F8F8F8;
	color: #666666;
	padding: 1px 2px 1px 2px;
}
table td.second {
	font-family: Verdana, sans-serif;
	font-size: 12px;
	height: 25px;
	background: #F8F8F8;
	color: #666666;
	padding: 1px 2px 1px 2px;
}
table td.judulutama {
	font-family: Verdana, sans-serif;
	font-weight: bold;
	font-size: 14px;
	width: 675px;
	height: 50px;
	background: #F8F8F8;
	color: #666666;
	padding: 1px 2px 1px 20px;
}
table td.secondjudul {
	font-family: Verdana, sans-serif;
	font-weight: bold;
	font-size: 12px;
	width: 120px;
	height: 50px;
	background: #F8F8F8;
	color: #666666;
	padding: 1px 2px 1px 20px;
}
table td.firstnews {
	font-family: Verdana, sans-serif;
	font-size: 12px;
	width: 100px;
	height: 40px;
	background: #F8F8F8;
	color: #666666;

	padding-top: 10px; 
	padding-bottom: 0px; 
	padding-left: 20px; 
	padding-right: 0px;

}
table td.merah {
	font-family: Verdana, sans-serif;
	font-weight: bold;
	font-size: 12px;
	height: 30px;
	background: #F30956;
	color: #FFFFFF;
	padding: 0px 0px 10px 10px;
	margin:0 10px 0 10px;
}
table td.mainlist {
	font-family: Verdana, sans-serif;
	font-weight: bold;
	font-size: 12px;
	height: 25px;
	color: #666666;
	padding: 1px 2px 1px 10px;
}