/*
Theme Name: Asia Journalism Foundation Default
Description: The default WordPress theme for the Asia Journalism Foundation that was set up by NTU and Temasek Foundation.
Version: 1.0
Author: Jeremy
Author URI: http://ornyx.net
*/

/* Begin Typography & Colors */
body {
	background-color: #eeeeee;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 62.5%; /* Resets 1em to 10px */
	color: #333;
	margin: 0;
	padding: 0;
	line-height: 2em;
}

a { border: none; text-decoration: none; color: #366aa0; padding: 2px; }
a:hover { background: #e6e6e6; padding: 2px; border-bottom: 1px solid #fcfcfc; }
a img { border: none; }

.postmetadata { color: #848484; margin: 40px 80px;}

.clear { clear: both; }
.hide {display: none;	}
.img-float-right { float: right; padding: 15px 0; padding-left: 30px }
.img-float-left { float: left; padding: 15px 0; padding-right: 30px }
.float-right { float: right; }
.float-left { float: left; }

#page {
	margin: 0 auto;
	width: 975px;
	font-size: 1.3em;
}

#header {
	position: relative;
	margin: 30px 0 -20px 0;
	padding: 20px 0;
}

#logo {
	position: absolute;
	top: 2px;
	margin-left: 20px;
	z-index: 10;
}
a#logo:hover { border: none;}
a#logo:link,a#logo:hover,a#logo:visited { background: none; text-decoration: none; }

#banner {
	height: 600px;
	width: 975px;
	margin: 20px 0;
	padding: 0;
	overflow: hidden;
	position: relative;
	top: 20px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border: 1px solid #dfdfdf;
	background: white;
}

#banner-mask {
	height: 600px;
	width: 975px;
	position: absolute;
	top: 0px;
	left: 0px;

}

#banner-text {
	margin: 420px 0;
	padding: 20px;
	padding-bottom: 10px;
	color: #515151; 
	height: 150px;
	font-size: 1.1em;
	overflow: hidden;
	background: url(images/header-bg.png) repeat;
}


.banner-img {
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
}

#banner-text h2 { font-size: 1.2em; color: #fff; margin:0; padding: 0; }

#btext-lside { float: left; width: 480px; padding-right: 20px; }
#btext-rside { float: right; width: 375px; padding: 0 20px; }

#administeredby {
	position: absolute;
	top: 0;
	right: 0px;
	z-index: 10;
	width: 360px;
	border-left: 2px solid #eee;
	padding: 55px 20px;
	margin: 15px 0;
}

ul#sponsor-logos {
	list-style-type: none;
	margin: 0 20px;
	padding: 0;
}

ul#sponsor-logos li {
	display: inline;
	padding: 20px;
}

.nav {
	position: absolute;	
	width: 600px;
	margin: 0;
	padding: 0;
	top: 28px;
	right: 0px;
	text-transform: uppercase;
	font-family: "Myriad Pro", Arial;
	text-align: right;
}

.nav li { display: inline; margin: 0 5px; }
.nav li a { padding: 3px 0; }
.nav li a:link, .nav li a:visited {
	border: none;
	color: #494949;
	font-size: 1.1em;
}

.nav li a:hover {
	color: #4e75a8;
	background: none;
	border-bottom: 3px solid #4e75a8;
}

.nav li.main_active a:link, .nav li.main_active a:visited, .nav li.main_active a:hover {
	border: none;
	color: #b6b6b6;
	font-size: 1.1em;
	border-bottom: 3px solid #fff;
}

.nav li a.applynow {
	font-size: 0.9em;
	background: url(images/menuactive.jpg) bottom left repeat-x;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	color: #4d4d4d;
	padding: 8px;
	border: none;
	border: 1px solid #ccc;
	position: relative;
	top: -2px;
}
.nav li a.applynow:hover {
	color: #fff;
}

#footer { margin: 40px 0; }	 

#copyrightline {
	width: 945px;
	text-transform: uppercase;
	background: #f4f4f4;
	font-size: 0.7em;
	line-height: 1.1em;
	padding: 10px 15px;
	margin-top: 20px 0;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border: 1px solid #fafafa;
	color: #ccc;
}

#copyrightline a { color: #bebebe; padding: 1px; }

#latestnews .contentline p { color: #515151; display: inline; margin-left: 5px; }
#latestnews .contentline strong { color: #515151; }

.sitemap-nav { padding: 5px 30px; }

#content { font-size: 1.2em; line-height: 1.5em; padding: 5px 0; margin: 0; }
#content p, #content h1, #content h2, #content h3, #content h4, #content ul { padding: 0 30px; }

#content ul.genericlist {
	margin-left: 15px;
}
.content-summary {
	font-size: 1.2em;
	color: #7e7e7e;
	padding: 30px;
	line-height: 1.4em;
}

.content-summary h2 {
	font-size: 1.3em;
	padding: 0 30px;
	line-height: 1.5em;
}

.content-section {
	clear: both;
	display: block;
	padding: 30px 0;
	line-height: 1.5em;
}

.sitemap-nav {
	width: 915px;
	background: #f8f8f8;
	margin: 20px 0;
	position: relative;	
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border: 1px solid #dfdfdf;
	height: 180px;
}

.sitemap-nav ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.sitemap-nav ul li.main {
	float: left;
	margin-right: 20px;
}

.sitemap-nav ul li.main ul { margin: 0; padding: 0; }

#content {
	position: relative;
	background: #fff;
	margin: 40px 0;
	width: 975px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border: 1px solid #dfdfdf;
}

.dateline {
	display: inline;
	color: #fff;
	text-transform: uppercase;
	font-weight: 700;
	font-size: 0.8em;
	background: #ccc;
	padding: 3px 3px 1px 3px;
}

.post-dateline {
	margin-left: 30px;
	text-transform: uppercase;
	font-size: 0.8em;
	background: #ccc;
	color: #fff;
	display: inline;
	padding: 3px 4px 1px 3px;
	font-weight: 700;
}

.post-title { display: inline; }

.contentline { 
	color: #b8b8b8; 	
}

ul.twoxtwosplit {
	list-style-type: none;
	margin: 0;
	padding: 0;
	width: 915px;
}

ul.twoxtwosplit li {
	float: left;
	width: 457px;
}

ul.subcatlist {
	margin: 20px;
}

.whoswhotable {
	margin: 0 30px;
	width: 100%;
	border: none;
}

.whoswhotable td {
	padding: 0 0 20px 0;
}

.whoswhotable td:last-child {
	padding: 0;
}

.positiontitle {
	font-size: 0.8em;
	line-height: 1.3em;
}

/* profile */
.content-section .profile-img {
	float: left;
	padding-right: 20px;
}

.content-section .profile-img-thumb {
	margin-right: 20px;
	float: left;
}

.profile-clear {
	clear: both;
	height: 50px;
}

/* file download link */
a.filedownload:active, a.filedownload:link {
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border: 1px solid #ccc;
	padding: 10px;
	padding-left: 45px;
	background: #ebebeb url(images/TB_Download.png) no-repeat 5px 2px;
	line-height: 2.5em;
}


a.filedownload:hover {
	background-color: #f8f8f8;
}

.disabled {
	color: #f0f0f0;
}

/*associate fellows grid */

ul.associateFellowsList {
	list-style-type: none;
	margin: 0 50px;
	padding: 0;
}


ul.associateFellowsList li, #content .associateFellowsList li p, ul.associateFellowsList li img {
	margin: 0;
	padding: 0;
	text-align: center;
}

ul.associateFellowsList li {
	width: 210px;
	padding: 20px;
	float: left;
}


/* SHADOW HACK */

/*------------------------------------
	Title: Cross-Browser Text Drop Shadows
	Author: Scott Jehl, www.scottjehl.com, scott@scottjehl.com
	Date: 7/19/06
	http://creativecommons.org/licenses/by-nc-sa/2.5/
--------------------------------------*/

/*Appearance of Drop Shadow Text*/
span.shadow {
	top: 1px;
	left: 0;
	color: #e2e3e5;
	z-index: 10;
}

/*necessities*/
.highContrast {
	position: relative;
	z-index: 10;
}
.highContrast span {
	position: relative;
	z-index: 15;
}
span.shadow, span span.shadow {
	position: absolute;
	z-index: 10;
}	
span.comment-icon {
	display: none;
}