/* 2006-2009 (c) Ohn Ho. All rights reserved. --------- */


/* PNG Support for IE ------------------------------------------------ */

#logo, .twitter, img, div { behavior: url(iepngfix.htc); }


/* Global ------------------------------------------------------------ */


* {margin: 0; padding: 0;}

html, body {
	width: 100%;
	height: 100%;
	}

#container {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -50px;
	background: url(../media/bkgd-diag-k-top.gif) repeat-x;
	}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	line-height: 1.5em;
	color: #ddd;
	background-color: #aaa;
	}
	
#footer, #push {
	height: 50px;
	}

#footer {
	position: fixed;
	bottom: 0;
	width: 100%;
	background: url(../media/bkgd-diag-k.gif);
	color: #444;
	}

#logo {
	position: absolute;
	text-indent: -5000em;
	top: 23px;
	left: 15px;
	width: 145px;
	height: 12px;
	background: url(../media/rm-logo.png) 0 0 no-repeat;
	}
	
#logo:hover {
	background: url(../media/rm-logo.png) 0 -12px no-repeat;
	}
	
address, #copyright {
	float: left;
	padding: 10px 0 0 40px;
	font-style: normal;
	}

#copyright {padding: 10px 0 0 15px;}

.twitter:link, .twitter:visited {background: url(../media/twitter_badge.gif) 0 0 no-repeat;position: absolute;text-indent:-5000em;width:16px;height:16px;margin: 8px 0 0 15px;}
.twitter:hover {background: url(../media/twitter_badge.gif) 0 -16px no-repeat;}
	
h1, h2 {text-indent: -5000px;}

h1, h2, h3, p {
	font-size: 1em;
	line-height: 1.5em;
	font-style: normal;
	margin: 0;
	padding: 0;
	}  

h2 {padding-left: 10px;}


/* H3 is reserved for client portfolio headings ----- */

h3 {
	color: #90BE4E;
	padding: 2px 10px 2px 5px;
	background: url(../media/bkgd-diag-k.gif);
	}
	
/* Following h3 class is for multiple projects within a client */

a.multiple {
	margin-right: 5px;
	font-weight: normal;
	color: #90BE4E;
	text-decoration: underline;
	}
	
a.multiple:visited {
	text-decoration: none;
	}
	
a:visited.multiple {
	color: #90BE4E;
	}
	
a {color: #7290B5; text-decoration: none;}

a:visited {color: #7290B5;}

a:hover {color: #EEE; background: #729DB5;}

a:link.external-link, a:visited.external-link {
	color: #EEE;
	border-bottom: 1px solid #666;
	}
	
:focus {-moz-outline-style: none;} /*FF adds a dotted border on Active link*/
	
#bkgd-info .external-link {
	color: #EEE;
	}
	
.external-link:after, #javawindow:after, #twitter_update_list a:after {
	content: url(../media/bkgd-new-window.gif);
	padding: 0 2px 0 3px;
	}
	
#resume:after{
	content: url(../media/pdfIcon.gif);
	padding: 0 2px 0 5px;
	}

#footer a:link {color: #666;}

#footer a:hover {color: #000;}

* ul {list-style: none;}

acronym {text-decoration: none; border: none;}


/* Navigation -------------------------------------------------------- */

ul#nav {
	position: absolute;
	top: 50px;
	left: 0px;
	width: 150px;
	padding: 5px 10px 10px 15px;
	background: url(../media/bkgd-diag-k.gif);
	}


/* Background Images ------------------------------------------------- */

#bkgd-home {background: url(../media/bkgd-circle-blue.gif) no-repeat #222;}
#bkgd-archive {background: url(../media/bkgd-circle.gif) no-repeat #222;}
#bkgd-port {background: url(../media/bkgd-circle.gif) no-repeat #222;}
#bkgd-contact {background: url(../media/bkgd-circle.gif) no-repeat #222;}
#bkgd-friends {background: url(../media/bkgd-circle-orange.gif) no-repeat #222;}
#bkgd-info {background: url(../media/bkgd-circle-green.gif) no-repeat #222;}
#bkgd-error {background: url(../media/bkgd-circle.gif) no-repeat #222;}


/* Home Page --------------------------------------------------------- */

/*#home {
	position: absolute;
	top: 50px;
	left: 175px;
	width: 300px;
	padding-bottom: 10px;
	background: url(../media/bkgd-check-k.gif);
	}*/

#home {
	float: left;
	margin: 50px 0 100px 175px;
	width: 300px;
	padding-bottom: 10px;
	background: url(../media/bkgd-check-k.gif);
	}

#home h1.updates_regular {
	background: url(../media/rm-news.gif) no-repeat;
	margin-top: 20px;
	}

#home h2 {
	text-indent: 0;
	margin-top: 10px;
	color: #90BE4E;
	background: url(../media/rm-tri-green.gif) no-repeat 0 30%;
	}

#home p {
	color: #EEE;
	padding: 5px 10px;
	}

p#intro {color: #90BE4E;}

#home a {color: #EEE; border-bottom: 1px solid #666;}

.date {
	font-family: Helvetica, Arial, sans-serif;
	font-weight: normal;
	color: #666;
	}
	
#home h1.updates_twitter {
	background: url(../media/rm-twitter_updates.gif) no-repeat;
	margin-top: 4px;
	}
#twitter_update_list li {
	color: #EEE;
	padding: 5px 10px;
	background: url(../media/rm-tri-blue.gif) no-repeat 0 8px;
	}
	
/*#twitter_div {
	float: left;
	width: 300px;
	margin: 76px 0 100px 300px;
	position: relative;
	}*/
	
/* News Archive ----- */

#bkgd-archive h1 {
	background: url(../media/rm-news-archive.gif) no-repeat;
	margin: 0 0 10px;
	}

/* Link underneath New Projects ----- */

#more-links {margin: 0; padding-top: 0;}


/* New Projects Section ---------------------------------------------- */

#newproj {
	position: absolute;
	top: 50px;
	left: 475px;
	width: 300px;
	color: #222;
	background: url(../media/bkgd-newproj.gif) repeat-x;
	}


/* New Project links ------------------------------------------------- */

#newproj a {
	/*float: left;*/
	margin-top: 6px;
	padding: 0 3px;
	color: #EEE;
	background: url(../media/bkgd-check-green.gif);
	}

#newproj a:hover, #more-links a:hover {background: #90BE4E;}


/* Change New Projects titles here ----- */

#newproj h1 {
	padding-top: 7px;
	background: url(../media/rm-newproj.gif) no-repeat 10px 3px;
	}

#newproj h2 {padding-bottom: 5px;}


/* Change New Project clients here ----- */

#proj-kad {
	height: 150px;
	background: url(../media/rm-proj-kad.gif) no-repeat;
	color: #fff;
	}

#proj-harvard {
	height: 150px;
	background: url(../media/rm-proj-harvard.gif) no-repeat;
	/*color: #b1c7d8;*/
	color: #fff;
	}
	
#proj-harvard p, #proj-kad p {
	padding: 5px 10px 8px;
	}

	
/* Content (not within portfolio sections) --------------------------- */

#content {
	position: absolute;
	top: 50px;
	left: 175px;
	width: 500px;
	padding-bottom: 75px;
	}

#content h2 {
	text-indent: 0;
	background: url(../media/rm-tri-green.gif) no-repeat;
	color: #90BE4E;
	}

#content p {padding: 5px 10px 10px 10px;}

#content ul {padding: 10px 0 0 10px;}
	

/* Information Section ----------------------------------------------- */

#info {
	margin-bottom: 25px;
	padding: 5px 0 10px 10px;
	background: url(../media/bkgd-check-k.gif);
	}

#info h1 {background: url(../media/rm-info.gif) no-repeat; margin: 5px 0 10px 0;}

#info h2 {
	text-indent: 0;
	background: url(../media/rm-tri-green.gif) no-repeat 0 30%;
	color: #90BE4E;
	}

#info p {padding: 0;}

#content ul.infoList {
	list-style: url(../media/rm-karat-blue.gif);
	padding-top: 0;
	padding-bottom: 1.5em;
	}

#content p strong {color: #fff;}


/* Friends Section ----------------------------------------------- */

#content ul#friends {list-style: url(../media/rm-karat-blue.gif);}
	

/* Portfolio Specific ------------------------------------------------ */

/* Navigation ----- */

ul #nav-port {
	margin: 0; 
	padding: 0;
	}

#nav-port li {
	position: relative;
	top: 50px;
	left: 175px;
	display: inline;
	padding: 0 10px;
	}

/*#port-info {
	margin: 10px;
	float: left;
	}*/

p#port-index {
	position: absolute;
	top: 75px;
	left: 185px;
	/*margin: 10px;
	float: left;*/
	}

ul#nav-clients {
	position: absolute;
	top: 75px;
	left: 185px;
	width: 175px;
	/*margin: 10px;
	float: left;*/
	}

ul#nav-clients a {color: #EEE;}

ul#nav-clients a:visited {color: #AAA;}

ul#nav-clients a:visited:before {
	content: url(../media/bkgd-x.gif);
	margin: 0 2px 0 0px;
	}		

ul#nav-port a:hover, ul#nav-clients a:hover {
	color: #90BE4E;
	background: none;
	}
	
.selected {background: url(../media/rm-karat.gif) no-repeat 3px 50%;}
.selected a {color: #90BE4E;}


/* Portfolio Content ------------------------------------------------- */

/*#content-port {
	position: absolute;
	top: 72px;
	left: 365px;
	padding-bottom: 100px;
	}*/

#content-port {
	float: left;
	padding-bottom: 60px;
	margin: 65px 10px 0 365px;
	}
	
#content-port p {
	clear: both;
	float: left;
	width: 350px;
	padding: 15px 0 5px;
	}

#client, #content-port img, #FLVPlayer {
	clear: both;
	float: left;
	}

#slides {
	padding: 2px 5px;
	background: url(../media/bkgd-diag-light.gif);
	}

#slides li {display: inline;}

#slides a {padding: 0 2px;}

#slides a:visited {
	border-top: 1px dotted;
	border-bottom: 1px dotted;
	}

#slides:hover {background: url(../media/bkgd-check-grey.gif);}

#slides a:link.external-link, #slides a:visited.external-link  {
	color: #7290B5;
	border: none;
	}

#slides a:visited.external-link  {
	border-top: 1px dotted;
	border-bottom: 1px dotted;
	}
	
#slides a:hover.external-link {
	color: #EEE;
	border: none;
	}