/* screen stylesheet by deepcalm.com */

@import url(reset.css); /* reset */
@import url(forms.css); /* forms */

/* =body */

html {  }	
body {
	font : 14px/20px "Helvetica Neue", Arial, Helvetica, sans-serif;
	position : relative;
	margin: 0 auto;	width: auto; height : auto;
	background : rgb(250,250,250);
	color : rgb(20,20,20);
	color : rgba(20,20,20,0.9);
}

#nav_access a { 
	display: block; 
	position: absolute; top:0; left: -999px; 
	padding: 10px 20px; 
} 
#nav_access a:focus { left: 0; }

/* =basic */

p {
	font-size : 14px;
	margin : 0 20px 20px 0;
}
ul,dl,ol { margin-bottom : 0; }

ul li { margin-bottom : 0; }
dl { margin : 0; }
dl dt { font-weight : bold; }
dd { margin-left: 0; }

ol { list-style-type:decimal; }
ol li { margin-left: 0; }

ol p { margin-top: 0; }

abbr { border-bottom:1px dotted #ccc; cursor:help; }
del { text-decoration:line-through; }
strong { font-weight:bold; }
em { font-style:italic; }
sup { font-size: 75%; position:relative; top:-3px; }

pre { font-family : Consolas, Monaco, "Courier New", Courier, fixed; font-size : 11px; margin-bottom : 20px; }

table { }
th { font-weight:bold; }
th, td { vertical-align: middle; }

hr { display:none; }

/* =headings */

h1, h2, h3, h4, h5, h6 { font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; font-weight:bold; }
h1 { font-size : 32px; line-height : 40px; text-transform : lowercase;}
h2 { font-size : 24px; line-height : 20px; padding : 14px 0 6px 0; text-transform : lowercase;}
h3 { font-size : 18px; line-height : 20px; text-transform : lowercase;}
h4 { font-size : 16px; line-height : 20px; }
h5 { font-size : 14px; line-height : 20px; }

/* =links */

a, a:link, a:visited {
	color : rgb(40,40,40);
	text-decoration : none;
}
a:hover, a:focus {
	color : rgb(0,0,0);
	text-decoration : underline;
}

/* =img */

img { display : block; }
p img {  }

img.left { float : left; margin-right : 0; }
img.right { float : right; margin-left : 0; }

/* =layout */

#container {
	position : relative;
	width : 900px;
	margin : 0 auto;
}

/* =global */

.clear { clear:both; }
.hide {display:none;}
.break { clear: both; }

#footnotes { display : none; }
html.noted a sup { display : none; }

p.tags {  }
p.date {  }
p.published {  }

/* clearfix */
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

h1 .amp, h2 .amp, h3 .amp, h4 .amp, h5 .amp, h6 .amp {
	font-family : Palatino, "Palatino Linotype", Candara, "Helvetica Neue", Arial, Helvetica, sans-serif;
	font-style : italic;
}

/* =branding */

#header {
	position : absolute; top : 0; right : 0;
	width : 313px;
	margin : 0; padding : 20px 10px 10px 10px;
	background : rgb(255,255,255);
	background : rgba(255,255,255,0.6);
	-moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius : 4px;
	-moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius : 4px;
}

#branding h1 a {
	display : block;
	width : 313px; height : 220px;
	background: transparent url(/site_images/branding_h1.png) 50% 0 no-repeat;
	text-indent : -9999em;
}
#branding h2 {
	color : rgb(70,70,70);
	color : rgba(70,70,70, 0.9);
	font-size : 18px;
	text-transform : lowercase;
	margin : 20px 0 20px 0; padding : 0;
	text-align : center;
}
#header h3 {
	color : rgb(50,50,50);
	color : rgba(50,50,50, 0.9);
	clear : both;
	font-size : 16px;
	text-transform : lowercase;
	margin : 0 0 20px 0;
	text-align : center;
}
#header #contact {
	margin : 40px 0 20px 0;
}
#header #contact a {
	padding : 10px 15px;
	background : rgb(20,20,20);
	background : rgba(20,20,20,0.6);
	color : rgb(250,250,250);
	color : rgba(250,250,250, 0.9);
	-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius : 4px;
}
#header #contact a:hover, #header #contact a:focus {
	background : rgb(20,100,20);
	background : rgba(20,100,20,0.6);
	text-decoration : none;
}

/*
#contact { float : right; width : 313px; }

.vcard h4 {
	font-size : 11px; line-height : 12px;
	text-transform : uppercase;
}
.vcard { padding-top : 40px; }

.vcard p, .vcard .adr {
	font-size : 10px;  line-height : 12px;
	margin : 0;
}

.vcard > div,
.vcard > a {
	display : block; float : left;
	width : 115px;
	color : rgb(50,50,50);
	color : rgba(50,50,50,0.9);
	background-position : 5px 6px; background-repeat : no-repeat;
	padding : 6px 5px 6px 36px;
}
.vcard .adr p { font-style : italic; padding-top : 12px; }

.vcard > div:hover,
.vcard .org:hover { background-color : rgba(0,0,0,0.3); }
.vcard .email { background-image : url(/site_images/mail.png); }
.vcard .email:hover { background-color : rgba(40,40,100,0.3); }
.vcard .adr { background-image : url(/site_images/singapore.png); }
.vcard .phone { background-image : url(/site_images/phone.png); }
*/

.vcard { float : left; clear : both; font-size : 10px; line-height : 10px; text-transform : lowercase;}
.vcard div { display : inline;}
.vcard .country-name { display : none; }

#built {
	clear : both;
	color : rgb(100,100,100);
	color : rgba(100,100,100,0.9);
	margin : 10px 0;
	font-size : 10px; line-height : 10px;
	text-align : left;
}

#header #people h3 {
	font-size : 12px; line-height : 10px;
	padding-top : 20px;
}
#header #people p {
	margin : 0;
	text-align : center;
}
#header #people img {
	display : inline;
}

/* =footer */

#footer { 
	clear : both;
}

/* =main */

.section.main { 
	width : 537px;
	padding : 200px 0 40px 0;
}
.section.main .article { position : relative; margin-bottom : 20px;}
.section.main .articles { margin-top : 10px;}
.section.main li .article { float : left; margin : 0 18px 18px 0;}
.section.main .article .figure { margin : 10px 0 20px 0;}
.section.main li .article .figure { margin : 0;}

.section.main p.published {
	position : absolute;
	top : -4px; left : 0;
}
.section.main p a, .section.main p a:link, .section.main p a:visited,
.section.main li a, .section.main li a:link, .section.main li a:visited { text-decoration : underline; color : rgb(20,20,25); }
.section.main .article a:hover,
.section.main .article a:active { text-decoration : none; color : rgb(0,0,0); }
.section.main ul { margin-bottom : 20px; }


/* =aside */

.aside.main {  }

/* =sections */
/*.archive .section.main p { margin-bottom : 0; text-transform : lowercase; }
.archive .section.main h2,
.archive .section.main h3 { margin-top : 20px; text-transform : lowercase; }
.archive .section.main h2+h3 { margin-top : 0; }
*/