/*   
	Theme Name: Harsh V2
	Theme URI: http://www.sonictk.com/
	Description: A layout building on the white-and-black feel of the original Harsh theme, this time with less cheesy gradients, easier contrast and the feel of reading the papers.
	Author: Siew Yi Liang
	Author URI: http://www.sonictk.com/
	Version: 2.6
	.
	This theme and its associated files are licensed under a Creative Commons Attribution-Noncommercial-Share Alike 3.0 License. View the full license at http://creativecommons.org/licenses/by-nc-sa/3.0/
.
*/

/* Media Type: Screen
---------------------------------------------------------------------------- */

/* Formatting and Typography 
---------------------------------------------------------------------- */

	h1 {
		font-family:Georgia, serif;
		font-size:2.25em;
		font-weight:bold;
		letter-spacing:-0.098em;
		color:#000000;
	}
	h1 a {
		border-bottom:1px dashed #ffffff;
	}
	h2 {
		font-family:Georgia, serif;
		font-size:2.25em;
		font-weight:bold;
		letter-spacing:-0.098em;
		color:#6b6b6b;
	}
	h3 {
		font-family:Georgia, serif;
		font-size:0.90em;
		color:#000000;
	}
	h4 {
		font-family:Georgia, serif;
		font-size:0.75em;
		color:#6b6b6b;
	}
	p, #leftcolumn li {
		font-family:Georgia, serif;
		line-height:1.85em;
		word-spacing:0.2em;
		font-size:0.88em;
		color:#6a6a6a;
	}
	.sansserif, small {
		font-size:0.7em;
		font-family:Verdana, sans-serif;
		line-height:1.3em;
	}
	.white1pxborder {
		border:1px solid #ffffff;
	}
	.black1pxborder {
		border:1px solid #000000;
	}
	.noborder {
		border:0;
	}
	blockquote {
		background-color:#a2a2a2;
		border-top:1px dashed #ffffff;
		border-bottom:1px dashed #ffffff;
		padding:0 3em 0 4em;
		margin:0;
	}
	blockquote p {
		color:#efefef;
	}

/* Site layout 
------------------------------------------------------------------- */

	body {
		background:#e5e5e5;
		margin:0;
		min-width:800px;
		font-family:Georgia, serif;
		font-size:0.88em;
		color:#6b6b6b;
	}
	a:link {
		text-decoration:none;
		font-weight:bold;
		color:#3a5482;
	}
	a:visited {
		text-decoration:none;
		font-weight:bold;
		color:#243540;
	}
	a:hover {
		color:#4b4b4b;
		background:#ffffff;
		text-decoration:none;
		font-weight:bold;
	}
	a:active {
		text-decoration:none;
		color:#386e92;
	}
	a img {
		border:2px solid #4b4b4b;
	}
	a:hover img {
		border-color:#ffffff;
	}
	#maincontainer {
		width:100%;
	}
	#headerbar {
		width:100%;
		height:218px;
		background-color:#ffffff;
		margin:0;
	}
	#logo {
		width:200px;
		height:30px;
		background-image:url(/images/logo.png);
		float:left;
		margin:176px 0 0 20px;
	}
	#headerimage {
		width:283px;
		height:208px;
		background-image:url(/images/headerimage.png);
		float:right;
		margin-top:10px;
	}
	#shadow {
		width:100%;
		height:13px;
		background-image:url(/images/shadow.png);
		margin:0;
	}
	#navcontainer ul {
		float:right;
		margin-top:0;
		padding-right:0.8em;
		list-style:none;
	}
	#navcontainer li, #navcontainer a {
		height:20px;
		float:left;
		margin-right:1em;
		background-repeat:no-repeat;
	}
	a.navtext {
		font-family:Georgia, serif;
		font-size:1.1em;
		font-weight:bold;
		letter-spacing:-2px;
		color:#000000;
		padding-left:25px;
	}
	a:hover.navtext {
		color:#4b4b4b;
		background-color:#e5e5e5;
	}
	a:active.navtext {
		color:#000000;
	}
	a.navtext a:visited {
		color:#000000;
	}
	#home a {
		background-image:url(/images/icons/home.png);
		width:20px;
	}
	#home a:hover {
		background-position:0px -20px;
	}
	#home a:active {
		background-position:0px -40px;
	}
	#about a {
		background-image:url(/images/icons/about.png);
		width:20px;
	}
	#about a:hover {
		background-position:0px -20px;
	}
	#about a:active {
		background-position:0px -40px;
	}
	#gallery a {
		background-image:url(/images/icons/gallery.png);
		width:20px;
	}
	#gallery a:hover {
		background-position:0px -20px;
	}
	#gallery a:active {
		background-position:0px -40px;
	}
	#blog a {
		background-image:url(/images/icons/blog.png);
		width:20px;
		margin:0 7px 0 5px; /* Improve visual spacing between nav items */
	}
	#blog a:hover {
		background-position:0px -20px;
	}
	#blog a:active {
		background-position:0px -40px;
	}
	#rss a {
		background-image:url(/images/icons/rss.png);
		width:20px;
	}
	#rss a:hover {
		background-position:0px -20px;
	}
	#rss a:active {
		background-position:0px -40px;
	}
	#contentcontainer {
		margin:0 20px 0 40px;
		padding-right:250px; /* Actual width of rightcolumn with padding and border plus extra for Opera  */
		clear:both; /* Do not allow navbar to float on either side */
		overflow:hidden;
	}
	#leftcolumn {
		width:100%;
		float:left;
		margin:-10px -250px 0 0;
		padding-right:20px;
		padding-bottom:150px;
		border-right:250px solid #e5e5e5;
		text-align:left;
	}
	#rightcolumn {
		width:200px;
		float:left;
		margin:20px -250px 0 0;
		padding-left:10px;
		padding-right:10px;
		border-left:1px dashed #8b8b8b;
	}
	#footerseparator {
		width:100%;
		height:10px;
		background-color:#a4a4a4;
	}
	#footer {
		width:100%;
		height:100px;
		background-color:#8a8a8a;	
	}
	#copyright {
		font-family:Georgia, serif;
		text-align:justify;
		width:70%;
		font-size:0.7em;
		color:#ffffff;
		padding:0.7em 0 0 1.4em;
	}
	#copyright a {
		color:#ffffff;
		font-weight:bold;
	}
	#copyright a:hover {
		color:#000000;
		background-color:#ffffff;
	}
	.hide {
		display:none;
	}
	
/* Site elements
--------------------------------------------------------------------------- */

	#contentcontainer .items {
		margin:10px 0 10px 0;
		padding-bottom:10px;
		border-bottom:1px dashed #8b8b8b;
	}
	#rightcolumn .item {
		margin:10px 0 10px 0;
		padding-bottom:10px;
		border-bottom:1px dashed #ffffff;
	}
	ul.resumelist {
		list-style:none;
		padding:0;
		margin:0;
	}
	ul.resumelist li {
		padding:1em 0 1em 0;
		border-bottom:1px dashed #8b8b8b;
	}
	ul.resumelist h4 {
		float:right;
		margin:0 1em 0 0;
	}
	ul.linklist {
		list-style:none inside url(/images/icons/extlink.png);
		padding:0 0 0.7em 0.7em;
		margin:0;
		font-family:Verdana, sans-serif;
		font-size:0.8em;
	}
	ul.itemlist {
		list-style:none inside url(/images/icons/arrow.gif);
		padding:0 0 0.7em 0.7em;
		margin:0;
		font-family:Verdana, sans-serif;
		font-size:0.8em;
	}
	#singlebox, .singlebox {
		background-color:#ececec;
		border-top:1px dashed #ffffff;
		border-bottom:1px dashed #ffffff;
		padding:0 0.75em 0 0.75em;
		margin:0;
	}
	#search {
		width:150px;
		height:15px;
		padding:0.188em;
		margin:0;
		border:3px solid #9b9b9b;
		font-size:0.88em;
		font-family:Verdana, sans-serif;
		color:#5c5c5c;
		background-color:#efefef;
	}
	#submit {
		width:16px;
		height:16px;
		border:0;
		background:transparent url(/images/icons/submit.png) no-repeat;
	}
	ul.flickrRSS li {
		list-style:none outside none;
	}
	ul.flickrRSS img {
		border:1px solid #000000;
	}
	ul.flickrRSS a:hover img {
		border:1px solid #ffffff;
	}
	
/* Wordpress styles
--------------------------------------------------------------------------- */
	.aligncenter,
	div.aligncenter {
		display: block;
		margin-left: auto;
		margin-right: auto;
	}
	
	.alignleft {
		float: left;
	}
	
	.alignright {
		float: right;
	}
	
	.wp-caption {
		border: 1px solid #ddd;
		text-align: center;
		background-color: #f3f3f3;
		padding-top: 4px;
		margin: 10px;
	}
	
	.wp-caption img {
		margin: 0;
		padding: 0;
		border: 0 none;
	}
	
	.wp-caption p.wp-caption-text {
		font-family:Trebuchet MS, sans-serif;
		font-size: 11px;
		line-height: 17px;
		padding: 0 4px 5px;
		margin: 0;
	}