/*  
Theme Name: SIPF I
Theme URI: http://sipf.sg/
Version: 1.0
Author: Tan Kahong
Author URI: http://kahong.com
Tags: white, grid, whitespace, minimal, clean, widgets
*/

* { margin: 0; padding: 0; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size: 1em; line-height: 16px; color: #464646;}
body { background: #FFF; font-size: 11px;}



/* HTML */
h1, h2, h3 { font-family: Georgia, serif;}

p { margin-bottom: 8px; padding-bottom: 8px;}

a { text-decoration: none;}
a:hover { color: #000;}
a.emphasis { background: #8dc63f !important; padding: 0 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; font-size: 13px; font-weight: bold; color: #FFF;}
a.emphasis:hover { background: #333 !important;}

img { border: none; vertical-align: bottom;}

input {}
	input.inputbox { border: 1px solid #ececec; background: #FFF; width: 99%;}

table { border-collapse: collapse; width: 100%;}
tr { vertical-align: top;}
th { text-align: right;}

blockquote { border-left: 4px solid #c3c3c3; margin-bottom: 16px; padding: 0 16px;}

strong.emphasis { color: #8dc63f;}



/* Element */
.clear { clear: both; float: none;}
.hide { display: none;}

h3.sessionTitle { font-size: 16px; font-weight: normal; line-height: 23px; text-transform: uppercase; border-top: 1px solid #ececec;}

a.detailButton { padding: 0 4px; background: #464646 !important; color: #FFF !important; -moz-border-radius: 4px; -webkit-border-radius: 4px;}
a.detailButton:hover { background: #8dc63f !important;}

.pagination { text-align: center;}



/* Layout */
.layout { position: relative; display: block; width: 992px; margin: 0 auto; padding: 16px 0;}
	.layout- { background: url(_media/grid.png);}
.leftCol { display: block; width: 320px; float: left; margin-right: 16px;}
.middleCol { display: block; width: 488px; float: left;}
.rightCol { display: block; width: 152px; float: right;}

.idHead { position: absolute; top: 0; left: 0; z-index: 99; display: block; width: 320px;}



/* Header */
.idHead h1 { display: block; width: 320px; height: 96px; padding-top: 16px; margin-bottom: 15px;}
	.idHead h1 a { display: block; width: 320px; height: 96px; background: url(_media/logo.png) no-repeat;}
	.idHead h1 a span { display: none;}

.pageNav { border-top: 1px solid #ececec; border-bottom: 1px solid #ececec;}
	.pageNav ul { list-style-type: none;}
	.pageNav li { display: inline-block; float: right; margin-left: 8px;}
		.pageNav li a { display: block; width: 48px; padding-left: 8px; text-align: right;}
		.pageNav li a:hover { background: #f2f2f2;}



/* Left Col */
.leftCol { padding-top: 168px; text-align: right;}
.coverTitle { padding-bottom: 8px;}
	.coverTitle h2 { margin-bottom: 16px; font-size: 56px; line-height: 40px; letter-spacing: -2px; color: #000;}
	.coverTitle ul { list-style-type: none; float: right;}
	.coverTitle li { display: inline;}
		.coverTitle li a { display: block; width: 152px;}
		.coverTitle li a:hover { color: #8dc63f;}
		.coverTitle li a.highlight { width: 148px; line-height: 20px; margin-bottom: 4px; padding-right: 4px; background: #464646; color: #FFF; -moz-border-radius: 4px; -webkit-border-radius: 4px;}
		.coverTitle li a.highlight:hover { background: #8dc63f; color: #FFF;}
	.coverTitle .announcement { background: #333; color: #FFF; padding: 8px; margin-bottom: 16px;}
	.coverTitle .announcement strong { color: #FFF;}
	.coverTitle .announcement a { display: block; color: #8dc63f;}
		
.upcomingEvent {}
	.eventItem { margin-bottom: 16px;}
	.eventItem h4 { color: #000;}
	.eventItem p { margin-bottom: 0; padding-bottom: 0;}



/* Middle Col */
.coverPage {}
	.coverPage h3 { display: inline; padding: 0 2px; background: #464646; color: #FFF;}

.newsUpdate {}
	.newsUpdate h3 { margin-bottom: 8px;}
	
	.eventItem .date {}
	.eventItem .month { padding: 0 4px; background: #f2f2f2;}
	.eventItem .day { font-family: Georgia, serif; font-size: 16px;}

.postItem { padding-bottom: 8px; margin-bottom: 8px;}
	.postItem h2 { font-size: 16px; line-height: 1em;}
	.postItem a { background: #ececec; padding: 0 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px;}
	.postItem a:hover { background: #8dc63f;}
	.postItem a.none { background: none; padding: 0;}
	.postItem .postMeta {}
	.postItem .postEntry {}
	.postItem .footage { border-top: 1px solid #ececec; padding-top: 7px;}

.indexPage h2.pageTitle { margin-bottom: 3px; padding: 7px 4px 6px 4px; font-size: 16px; background: #000; color: #FFF;}
.indexPage .postItem { padding-bottom: 7px; border-bottom: 1px solid #ececec;}
.indexPage .postItem p { margin-bottom: 0; padding-bottom: 0;}

.detailPage .postItem h2 { margin-bottom: 3px; padding: 7px 4px 6px 4px; background: #000; color: #FFF;}
.detailPage .postItem .postMeta { margin-bottom: 16px;}

.postEntry h3 { font-size: 14px;}
.postEntry h4 { font-size: 12px;}
.postEntry hr { border: none; border-top: 1px solid #ececec; margin-bottom: 15px; clear: both;}
.postEntry img { display: block;}
.postEntry th { padding-bottom: 15px; padding-right: 8px; width: 33%; background: #f2f2f2; border-bottom: 1px solid #FFF;}
	.postEntry th.head { background: #e2e2e2; text-align: center; padding: 4px 0 3px 0;}
.postEntry td { padding-bottom: 15px; padding-left: 8px; border-bottom: 1px solid #FFF;}
.postEntry ul { margin-bottom: 12px; padding-left: 2em;}
	.postEntry li { padding-bottom: 4px;}
	.postEntry ul.post-meta { margin-bottom: 16px; list-style-type: none; padding-left: 0;}
	.postEntry ul.post-meta li { padding-bottom: 0; font-family: Georgia, serif; font-size: 14px;}
	.postEntry ul.post-meta .post-meta-key { font-family: Georgia, serif; font-weight: bold;}
.postEntry ol { margin-bottom: 12px; padding-left: 2em;}

img.alignleft { float: left;}


/* Right Col */
.searhForm { margin-bottom: 16px;}

.shortCutArea { display: block; margin-bottom: 16px; padding: 0 8px 8px 8px; background: #ececec; -moz-border-radius: 8px; -webkit-border-radius: 8px;}
	.shortCutArea ul { list-style-type: none;}
	.shortCutArea li { padding-top: 8px;}
	
	.shortCutArea .sideTips { background: #8dc63f url(_media/tips_arrow.gif) no-repeat left 8px; padding: 4px 8px; -moz-border-radius: 4px; -webkit-border-radius: 4px; color: #000;}
	.shortCutArea .sideTips p { color: #000;}
	
	.shortCutArea .sideTips a { color: #FFF;}
	
	.shortCutArea .sideTips .newsletter { margin-bottom: 4px; padding-bottom: 4px; border-bottom: 1px solid #666;}
	
.acknowledgement { font-size: 10px; color: #777;}



/* PageNav */
.subPages {}
.list { display: block; width: 152px; margin-bottom: 16px; float: right;}
	.list ul { list-style-type: none;}
	.list li { display: inline;}
	.list li a { display: block; -moz-border-radius-topleft: 4px; -moz-border-radius-topright: 4px; -webkit-border-top-left-radius: 4px; -webkit-border-top-right-radius: 4px;}
	.list li a:hover { color: #8dc63f; border-bottom: 1px dotted #ececec;}
	
	li.page_item ul { display: none;}
	
	li.current_page_item a { line-height: 20px; font-weight: bold; padding-right: 4px; background: #8dc63f; color: #FFF;}
	li.current_page_item a:hover { color: #FFF;}
	li.current_page_item ul { display: block; padding-bottom: 4px; background: #d1dfbb; -moz-border-radius-bottomleft: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-left-radius: 4px; -webkit-border-bottom-right-radius: 4px;}
	li.current_page_item li a { line-height: 16px; font-weight: normal; padding-right: 4px; background: #d1dfbb; color: #464646; -moz-border-radius: 0; -webkit-border-radius: 0;}
	li.current_page_item li a:hover { color: #000; border-bottom: 1px dotted #464646;}
	
	li.current_page_parent a { line-height: 20px; font-weight: bold; padding-right: 4px; background: #d1dfbb; color: #000; border-bottom: 1px dotted #ececec;}
	li.current_page_parent a:hover { color: #000;}
	li.current_page_parent ul { display: block; padding-bottom: 4px; background: #d1dfbb; -moz-border-radius-bottomleft: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-left-radius: 4px; -webkit-border-bottom-right-radius: 4px;}
	li.current_page_parent li a { line-height: 16px; font-weight: normal; color: #464646; border-bottom: none;}
	li.current_page_parent li a:hover { color: #000; border-bottom: 1px dotted #464646;}
	li.current_page_parent li.current_page_item a { line-height: 20px; font-weight: bold; background: #8dc63f; color: #FFF;}
	li.current_page_parent li.current_page_item a:hover { border-bottom: 1px dotted #ececec;}
	
	
/* Accessories */
.facebook_badge a { display: inline; padding: 8px; background: #3B5998; color: #FFF; border-left: 1px solid #6D84B4; border-top: 1px solid #6D84B4;}

.socialmedialink a { display: block; padding: 0 8px; margin-bottom: 2px; color: #FFF; -moz-border-radius: 4px; -webkit-border-radius: 4px;}
.socialmedialink a.twitterlink { background: #33CCFF;}
.socialmedialink a.facebooklink { background: #3B5998;}