/*  
Theme Name: M89
Theme URI: http://www.duranos.com/m89-alumni-website-to-be-made-in-bali/
Description: M89 Mechanical Engineering ITB Class 1989 Alumni website
Version: 1.0
Author: Riko Trihendrawan
Author URI: http://www.duranos.com/


*/



/* =================================================================================== */


	html,body {margin:0;padding:10px 0;}
	h1,h2,h3,h4,h5,h6, div, td, table, p, ul, li, form, dl, dt, dd {margin:0;padding:0;}
	body{font: 76% Arial, Helvetica, sans-serif;text-align:center; background:#c4c4c4;}
	.clear {display:block !important;;clear:both !important;}
	.left {display:block;float:left;}
	.right {display:block;float:right;}
	.w50_p {width:47%;}
	.txt_right {text-align:right;}
	.width_half_01 {width:295px;}
	.caption01, .caption01b,  .caption02 {display:block; width:300px; height:320px; border:1px solid #ccc; background:#fff; padding:10px; margin-right:5px; text-align:center; overflow:hidden;}
	.caption01b {margin-right:0;}
	.caption02 {margin-right:0; width:655px; height:520px;}
	.caption02b {margin-right:0; width:655px;}
	
	
	#container, #container1, #container2, #container3, #container4 {text-align:left;width:967px;margin:0 auto;}
	
	#header1 {width:967px;height:12px; background: url(images/pg_bg_top.png) left top no-repeat;margin:0 auto;}
	#header {height:80px; padding:0 25px 10px 24px;}
	#header h1 {}
	#header h1 a {display:block;background: url(images/m89-itb-logo.png) left top no-repeat; height:107px;text-indent: -1000em; margin:0; padding:0; text-decoration:none;}
	
	#globalnav { margin-bottom:10px;}
	
	
	#header .right {height:100px;background: url(images/search-m89.jpg) 330px bottom no-repeat;}
	
	#searchform {padding:0;}
	#searchform input, #loginform .input {border:2px solid #888;border-right:1px solid #ccc;border-bottom:1px solid #ccc;}
	#searchform input#s {width:140px; margin:17px 0 0 0; padding:3px 5px;font: 1.4em/100% Arial, Helvetica, sans-serif;}
	#searchform input#searchsubmit { width:110px; height:65px; margin:0;border:none; background: transparent url(images/spc.png) left bottom no-repeat; cursor: pointer; cursor: hand; font:bold 1.6em/100% Arial, Helvetica, sans-serif;color:#bbb;text-indent: -1000em;}
	
	#mainnav1 {padding:0 24px 20px 24px; margin-top:20px;}
	#mainnav2 {background: #c4c4c4; margin:2px 0 0 0;padding:7px 10px 6px 10px; height:15px;}
	#mainnav {height:35px;background: #fff url(images/mainnav_bg.png) center top no-repeat;}
	#mainnav ul{margin:12px 0 10px 10px;}
	#mainnav ul li, #mainnav2 ul li {list-style:none; display:inline;color:#fff; text-transform:uppercase; font: bold 1em/100% Arial, Helvetica, sans-serif;}
	
	
	#mainnav ul li a, #mainnav ul li a:link, #mainnav ul li a:visited, 
	#mainnav2 ul li a, #mainnav2 ul li a:link, #mainnav2 ul li a:visited {color:#fff; text-decoration:none; padding:10px 10px;background: url(images/mainnav_vl.png) right center no-repeat;}
	


	
	#mainnav2 ul {display:block;}
	#mainnav2 ul li {text-transform:none; }
	#mainnav2 ul li a {padding:0 10px !important;}
	
	
	#mainnav .left {width:700px; float:left;}
	#mainnav .right {width:200px; float:right; text-align:right;}
	#mainnav .right ul li a.rss {padding:10px 20px;background: url(images/rss-feed.png) left center no-repeat; font-size:.8em;}
	
	#globalnav ul li {list-style:none; display:inline;font: .8em/100% Verdana, Arial, Helvetica, sans-serif;}
	
	#globalnav ul li a, #globalnav ul li a:link, #globalnav ul li a:visited {color:#555; text-decoration:none; padding:0 5px 0 2px;background: url(images/globalnav_vl.png) right center no-repeat;}
	
	#mainnav ul li a:hover, #mainnav ul li a:active, 
	#mainnav2 ul li a:hover, #mainnav2 ul li a:active, 
	#globalnav ul li a:hover, #globalnav ul li a:active  {color:#f60;}
	#mainnav ul li a.last_item, #mainnav2 ul li a.last_item, #globalnav ul li a.last_item, #globalnav ul li.last_item a {background:none;}
	
	

	#wrapper{float:left;width:100%;}	
	#content{margin-right:400px; padding:0 20px 0 24px;}
	#container1 #content{margin:0 194px 0 0; padding:0 20px 0 24px;}
	#container2 #content{margin:0 320px 0 340px; padding:0 20px 0 24px;}
	#container3 #content{margin:0 500px 0 0; padding:0 20px 0 24px;}
	#container4 #content{margin:0 200px 0 0; padding:0 20px 0 24px;}
	
	#content h1 {color:#900; text-transform:none; margin:0 0 25px 0; font-weight:normal; font: normal 250%/100% Arial, Helvetica, sans-serif; letter-spacing:-.05em;}
	#content h1 a, #home1 h1 a, #home1 h2 a, a.maroon1 {color:#900; text-decoration:none;}
	
	
	#content h1.blog_title, #home1 h1.blog_title {margin:0 0 0 0;}
	#container2 #content h1.blog_title, #home1  h1.blog_title { font-size:15px; line-height:100%; font-weight:bold;letter-spacing:-0.05em;}
	
	#content h2.blog_meta, #content p.blog_meta, #home1 h2.blog_meta, #home1 p.blog_meta {font:1em/100% Arial, Helvetica, sans-serif; color:#000 !important;margin:10px 0 20px 0;}

	
	#container2 #content h2.blog_meta, #content p.blog_meta, #home1 h2.blog_meta, #home1 p.blog_meta {margin:5px 0 5px 0;}
	
	#content h2.blog_meta a:link, #content h2.blog_meta a:visited {color:#900; text-decoration:none;}
	
	#content h2, #content h3 { color:#900; font-weight:normal;}
	#content h3#respond, #content h3#comments { margin:5px 0 10px 0; font-weight:normal;}
	
	#content p { text-align:justify; margin-bottom:12px; /*line-height:150% !important;*/}
	.story p {line-height:140% !important; margin-bottom:15px !important;}
	#container2 #content p {text-align:left; /*line-height:100%; font-size:11px;*/}
	#content ul {margin-bottom:15px;}
	#content ul li {margin:0 0 5px 35px; padding:0; line-height:120%; list-style-image: url(images/rightarrow.gif);}
	#content ol li {margin:0 0 5px 35px; padding:0; line-height:120%;}
	
	#content .tabbertab li, #home1 .tabbertab li  {padding:8px 0; border-bottom:1px #ccc solid;}
	
	#content ol.commentlist li {margin:10px 0 5px 0;}
	#content ol.commentlist li p { font-style:italic; margin:5px 0 0 0;}

	
	.mid_pagebg {background: #fff url(images/pg_bg_mids.png) center top repeat-y;}
	
	#col1, #home1{float:left;width:180px;margin-left:-400px; padding:0 10px 0 0;/*border-right:1px solid #ccc;*/}
	#col2{float:left;width:176px;margin-left:-210px;padding:0 24px 0 10px;}
	
	#col2 form option { overflow:hidden; width:150px;border-bottom:#ccc 1px solid; padding:3px 0; cursor:pointer; cursor:hand;}
	#col2 form select { width:176px;border: none;}
	
	#container1 #col1 {float:left;width:170px;margin-left:-194px; padding:0 24px 0 0;border-right:none;}
	#container2 #col1, #home1{float:left;width:320px;margin-left:-943px; padding:0 10px 0 0;border-right:none;}
	#container2 #col2{float:left;width:300px;margin-left:-334px;padding:0 24px 0 10px;}
	#container2 #col2 form option { width:275px;}
	#container2 #col2  select { width:300px !important; overflow:hidden;}
	
	#container3 #col1{float:left;width:280px;margin-left:-500px; padding:0 10px 0 0;/*border-right:1px dotted #ccc;*/}
	#container3 #col2{float:left;width:176px;margin-left:-210px;padding:0 24px 0 10px;}
	
	#col1 ul, #col2 ul { margin-bottom:10px;}
	#col1 li, #col2 li { list-style:none;}
	
	/*#col1 li {padding:3px 2px;border-bottom:1px #ccc solid; }*/
	
	#col1 li a, #col1 li a:link, #col1 li a:visited, 
	#col2 li a, #col2 li a:link, #col2 li a:visited { display:block; padding:3px 2px;border-bottom:1px #ccc solid; text-decoration:none; color:#000;}
	#col1 li a:hover, #col1 li a:active, #col2 li a:hover, #col2 li a:active { color:#900; font-weight:bold;background:#eee;}
	
	
	#col1 h2, #col2 h2, ul.collist li h2 { font-size:160%; /*color:#900; text-transform:none; border-bottom:1px #900 solid;border-top:1px #900 solid; */ color:#000; text-transform:none; border-bottom:1px #555 solid;border-top:2px #000 solid; font-weight:normal;padding:5px 0;margin:0 0 5px 0; font-family: Arial, Helvetica, sans-serif; letter-spacing:-.05em;}
	
	
	
	#footer1 {clear:both; padding: 5px 24px 15px 24px;}
	#footer{ background:#c4c4c4;height:17px; width:889px;padding:5px 15px; color:#900; font-size:.9em;font-weight:bold;}
	#footer2 {width:967px;height:12px; background: url(images/pg_bg_btm.png) left top no-repeat;margin:0 auto;}
	.site_builder {color:#333; font-size:.9em; width:967px; margin:8px auto 0 auto;}
	.mar_top {margin-top:10px !important;}
	.mar_top40 {margin-top:40px !important;}
	.mar_btm {margin-bottom:10px !important;}
	.nomar_nopad {margin:0 !important; padding:0 !important;}

/*---specific---*/
	a:link.more-link, a:visited.more-link {font-weight:bold;color:#900; text-decoration:none;}
	a:hover.more-link, a:active.more-link {text-decoration:underline;}
	
	.comments-template {border-top:1px solid #777; padding:10px 0 0 0;}
	.comments-template form textarea#comment { width:400px; height:150px;}
	
	thumb01 a {text-decoration: none !important;}
	.thumb01_frame {
	float: left;
	display:block;
	width: 90px;
	height: 75px;
	margin-bottom:20px;
}
	.thumb01 {
	float: left;

	background: url(images/thumb_bg.gif) no-repeat bottom right;
	margin: 5px 0px 0px 6px;
 	padding: 0px 0px 0px 0px;	
	
}

	.thumb01 img {
	 background-color: #fff;
	 border: 1px solid #a9a9a9;
	 display: block;
	 margin: -5px 5px 5px -5px;
	 padding: 4px;
	 position: relative;
}

img.feature {
	margin:0 auto 5px auto;	
	border: none;
}
img.feature2 {
	margin-right:10px;
	border: none;
}
img.alignleft { float:left; margin-right:5px; margin-bottom:5px;}
img.alignright { float:right; margin-left:10px;}
.post a img, .home_post a img {border: none;}
.post a img.framed, .home_post a img.framed, img.framed {border: 1px solid #ccc;}
.home_post p {margin-bottom:0 !important; padding-bottom:0 !important;}
a img.feature {border:none;/*border:1px #555 solid;*/}
.h20px {height:20px;} .h10px {height:10px;} .h5px {height:5px;}
.mar_top {margin-top:20px;}
.mar_left {margin-left: 20px;}
.hide {display:none;}
.no_justify {text-align:left !important;}
.ahalf {width:340px; margin-right:40px;float:left;}
.members_row .last {margin-right:0 !important;}
/*---specific---*/