/* 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(20,20,20) url(/site_images/carbon-fibre.png) 0 0 repeat;
	color : rgb(255,255,255);
	color : rgba(255,255,255,0.9);
}

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

#go-message {
color : rgb(20,20,20);
background : rgb(250,250,250);
}
#go-message p {
margin : 0 auto;
font-size : 20px;
line-height : 40px;
width : 800px;
text-align : center;
}
#go-message a {
	color : rgb(125, 25, 20);
}

/* =basic */

p {
	font-size : 14px;
	margin-bottom : 20px;
}
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(255,255,255);
	color : rgba(255,255,255, 0.95);
	text-decoration : none;
}
a:hover, a:focus {
	color : rgb(250,250,250);
	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;
	overflow : visible !important;
}

/* =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 {
	color : rgb(120,120,120);
	color : rgba(120,120,120, 0.9);
	font-size : 10px; line-height : 20px; margin : 0;
	text-transform : uppercase;
	z-index : -1;
}

blockquote {
	margin-bottom : 19px; padding : 20px 20px 1px 19px;
	border-left : 1px solid rgb(255,255,255);
	border-left : 1px solid rgba(255,255,255,0.7);
	background : rgb(40,40,40);
	background : rgba(40,40,40,0.5);
}

/* 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", Helvetica, Arial, sans-serif;
	font-style : italic;
}

/* =branding */

#header {
	position : absolute; top : 0; right : 0;
	width : 313px;
	margin : 0; padding : 40px 10px 0px 10px;
	background : rgb(20,20,20);
	background : rgba(20,20,20,0.7);
	-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 : 40px;
	background: transparent url(/site_images/branding_h1.png) 0 0 no-repeat;
	text-indent : -9999em;
}
#branding h2 {
	color : rgb(220,220,220);
	color : rgba(220,220,220, 0.9);
	font-size : 18px;
	text-transform : lowercase;
	margin : 0 0 20px 0; padding : 0;
}
#header h3 {
	color : rgb(220,220,220);
	color : rgba(220,220,220, 0.9);
	clear : both;
	font-size : 16px;
	text-transform : lowercase;
	margin : 0 0 20px 0;
}

#header #menulinks { margin-bottom : 8px; }
#header #menulinks li { display : inline; margin-right : 10px; }
#header #menulinks a {
	color : rgb(100,100,100);
	color : rgba(100,100,100,0.9);
	font-size : 12px; line-height : 12px; font-weight : bold;
	text-transform : uppercase;
}
#header #menulinks a.active,
#header #menulinks a:hover {
	color : rgb(255,255,255);
	color : rgba(255,255,255,0.9);
	text-decoration : none;
}

#header #menu>div {
	clear : both; float : left;
	margin-bottom : 10px;
}
#header #networks li {
	float : left;
}
#header #networks a,
#header #contact a {
	display : block;
	width : 115px;
	color : rgb(150,150,150);
	color : rgba(150,150,150,0.9);
	background-position : 5px 6px; background-repeat : no-repeat;
	padding : 6px 5px 6px 36px;
}
#header #networks a:hover,
#header #contact a:hover {
	text-decoration : none;
	color : rgb(255,255,255);
	color : rgba(255,255,255,0.9);
}
#header #networks a.facebook { background-image : url(/site_images/facebook.png); }
#header #networks a.vimeo { background-image : url(/site_images/vimeo.png); }
#header #networks a.friendfeed { background-image : url(/site_images/friendfeed.png); }
#header #networks a.delicious { background-image : url(/site_images/delicious.png); }
#header #networks a.flickr { background-image : url(/site_images/flickr.png); }
#header #networks a.linkedin { background-image : url(/site_images/linkedin.png); }
#header #networks a.twitter { background-image : url(/site_images/twitter.png); }
#header #networks a.youtube { background-image : url(/site_images/youtube.png); }
#header #networks a.tumblr { background-image : url(/site_images/feed.png); }
#header #networks a.twitter:hover { background-color : rgba(96,160,165,0.3); }
#header #networks a.flickr:hover { background-color : rgba(244,38,140,0.3); }
#header #networks a.delicious:hover { background-color : rgba(0,0,0,0.3); }
#header #networks a.linkedin:hover { background-color : rgba(24,78,120,0.3); }
#header #networks a.facebook:hover { background-color : rgba(58,82,151,0.3); }
#header #networks a.youtube:hover { background-color : rgba(255,51,51,0.3); }
#header #networks a.vimeo:hover { background-color : rgba(37,128,163,0.3); }
#header #networks a.friendfeed:hover { background-color : rgba(136,165,222,0.3); }
#header #networks a.tumblr:hover { background-color : rgba(136,165,222,0.3); }


/* menu vcard */

#header h4 {
	font-size : 12px; line-height : 12px;
	text-transform : uppercase;
/*	color : rgb(255,255,255);
	color : rgba(255,255,255,0.9);
*/}
#header p, #header .vcard .adr {
/*	color : rgb(240,240,240);
	color : rgba(240,240,240, 0.9);
*/	font-size : 10px;  line-height : 12px;
	margin : 0;
}

#header #contact .fn,
#header .vcard .country-name { display : none; }
#header .vcard > div,
#header .vcard > a {
	display : block; float : left;
	width : 115px;
	color : rgb(150,150,150);
	color : rgba(150,150,150,0.9);
	background-position : 5px 6px; background-repeat : no-repeat;
	padding : 6px 5px 6px 36px;
}
#header .vcard > div:hover {
	color : rgb(255,255,255);
	color : rgba(255,255,255,0.9);
}
#header .vcard .org { background-image : url(/site_images/deepcalm.png); background-position : 5px 4px;}
#header .vcard .org:hover { background-color : rgba(0,0,0,0.3); }
#header .vcard .email { background-image : url(/site_images/mail.png); }
#header .vcard .email:hover { background-color : rgba(40,40,100,0.3); }
#header .vcard .adr { background-image : url(/site_images/singapore.png); }
#header .vcard .phone { background-image : url(/site_images/phone.png); }

#header #writing .article {
	padding : 0 0 8px 0 ;
}
#header #writing h4 {
	font-size : 14px; line-height : 20px;
	text-transform : uppercase; font-weight : normal;
}
#header #writing h5 {
	font-size : 16px;
	text-transform : lowercase;
}
#header #writing p.published {
	font-size : 10px;
}
#header #writing a {
	color : rgb(150,150,150);
	color : rgba(150,150,150,0.9);
}
#header #writing a:hover {
	color : rgb(250,250,250);
	color : rgba(250,250,250,0.9);
}



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

/* =footer */

#footer { 
	clear : both;
}

/* =main */

.section.main { 
	width : 537px;
	padding : 200px 0 40px 0;
}
.section.main .articles { margin-top : 20px; }
.section.main .article { position : relative; margin-bottom : 40px;}
.section.main p.published {
	position : absolute;
	top : -4px; left : 0;
}
.section.main .article .more {
	margin-left : 5px;
	color : rgb(150,150,150);
	color : rgba(150,150,150, 0.9);
	font-size : 10px;
	text-transform : uppercase;
}
.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(200,200,210); }
.section.main .article a:hover,
.section.main .article a:active { text-decoration : none; color : rgb(250,250,250); }
.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; }