@charset "utf-8";
@import url("reset.css");
/*  
Theme Name:nStation Temptation Theme
Theme URI:http://nstation.org/
Description:The Wordpress Theme designed for nstation.org. Designed by Nadeeshyama Talagala.
Version:1.25
Author:Nadeeshyama Talagala
Author URI:http://n.talagala.org/

	nStation Temptation Theme 1.2
	http://n.talagala.org

	This theme was designed and built by Nadeeshyama Talagala,
	whose blog you will find at http://n.talagala.org/
	
	The CSS, XHTML and design is licensed under a Creative Commons Attribution 3.0 License.
*/

/*** COMMON ASSIGNMENTS ***/
body, form, p,
thead, tbody, th, td,
ul, ol {
	margin-left:1em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:1.5;
}

body {
	margin-top:-1px;
	text-align:center; /* this centers the room in IE 5* browsers. The text is then set to the left aligned default in the #room selector */
	color:#333;
	background: #f8f8f8 url(images/body_bg.jpg) repeat-x scroll 0 0;
}

/*** COMMON PAGE ELEMENTS ***/
form {
	/* blank placeholder */
	padding:4px;
}
	label, submit {
		padding:8px;
	}
	input, textarea, option {
		margin:4px 2px;
		padding:8px 4px;
	}

ul {
	color:#39f;
	list-style-type:circle;
	padding:1em;
}
h1, h2, h3, h4, h5 {
	clear:both;
	margin-top:0.25em;
	margin-bottom:0.5em;
}
h1 {font-size:28px;}
h2 {font-size:20px;}
h3 {font-size:16px;font-weight:bold;}
h4 {font-size:14px;font-weight:bold;}
h5 {font-size:12px;font-weight:bold;}
h1 a, h2 a, h3 a {
	text-decoration:none;
}

a, a:link {
	color:#06c;
}
a:visited {
	color:#60c;
}
a:hover {
	color:#09f;
}

hr {
	/*display:block;*/
	border-top:1px solid #e1e1e1;
	border-right:none;
	border-bottom:1px solid #fff;
	border-left:none;
	clear:both;
}

/*** common classes ***/
.cls {
	clear:both;
}
.hidden {
	display:none;
}
.clean {
	border:none !important;
	margin:0 !important;
	padding:0 !important;
	background-color:transparent !important;
}

/* main layout container class */
.nst #room {
	width:1024px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background:url(images/desk.png) top center no-repeat;
	margin:0 auto; /* the auto margins (in conjunction with a width) center the page */
	padding:0;
	border-top:1px solid #e9e9e8;
	text-align:left; /* this overrides the text-align: center on the body element. */
}

/* main desk shown on top of the page */
.nst #desk {
	background:none;
	padding:0;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
	margin:0;
}
	.nst #desk #logo {
		width:346px;
		height:90px;
		background:url(images/logo.png);
		margin:18px 0 0 109px; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
		padding:0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
	}
	
/* the window containing main menu and content */	
.nst #nWnd {
	padding:0; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	margin:0 0 0 108px;
	width:872px;
}
	.nst #nWnd #nBar {
		padding:0;
		margin:220px 0 0 0;
		height:41px;
		background:url(images/nbar_bg.png) repeat-x;
	}
		.nst #nWnd #nBar #capL {
			width:36px;
			height:41px;
			float:left;
			background:url(images/cap_l.png) center no-repeat;
		}
		.nst #nWnd #nBar #capR {
			width:36px;
			height:41px;
			background:url(images/cap_r.png) right no-repeat;
			float:right;
		}
		.nst #nWnd #nBar #Menu {
			font-size:11px;
			float:left;
			height:41px;
			text-transform:uppercase;
			background:url(images/menu_bg.png) repeat-x;
		}
			.nst #nWnd #nBar #Menu #mCapL {
				width:10px;
				float:left;
				background:url(images/menu_l.png) top left no-repeat;
			}
			.nst #nWnd #nBar #Menu #mCapR {
				width:10px;
				float:left;
				background:url(images/menu_r.png) top right no-repeat;
			}
			.nst #nWnd #nBar #Menu ul {
				padding:5px;
				margin:0;
				float:left;
				font-size:11px;
				list-style:none;
				line-height:1;
			}
				.nst #nWnd #nBar #Menu ul li {
					padding:0;
					margin:0 2px;
					float:left;
				}
			.nst #nWnd #nBar #Menu a,
			.nst #nWnd #nBar #Menu a:link {
				padding:8px;
				display:block;
				text-decoration:none;
				color:#fff;
			}
			.nst #nWnd #nBar #Menu a:visited {
				color:#fff;
			}
			.nst #nWnd #nBar #Menu a:hover {
				color:#fff;
				background:url(images/menu_over.png) center repeat-x;
			}
			.nst #nWnd #nBar #Menu a.selected {
				color:#fff;
				background:url(images/menu_selected.png) center repeat-x;
				font-weight:bold;
			}
			.nst #nWnd #nBar #Menu .page_item:hover,
			.nst #nWnd #nBar #Menu .cat-item:hover,
			.nst #nWnd #nBar #Menu .current_page_item,
			.nst #nWnd #nBar #Menu .current-cat {
				background:#000 url(images/menu_b_l.png) left center no-repeat;
				height:27px;
			}
			.nst #nWnd #nBar #Menu .current_page_item,
			.nst #nWnd #nBar #Menu .current-cat {
				font-weight:bold;
			}
				.nst #nWnd #nBar #Menu .page_item a:hover,
				.nst #nWnd #nBar #Menu .cat-item a:hover,
				.nst #nWnd #nBar #Menu .current_page_item a,
				.nst #nWnd #nBar #Menu .current-cat a,
				.nst #nWnd #nBar #Menu .current_page_item a:hover,
				.nst #nWnd #nBar #Menu .current-cat a:hover {
					background:url(images/menu_b_r.png) right center no-repeat;
					color:#ddd;
				}
			.nst #nWnd #nBar #Search {
				float:left;
				margin:0;
				padding:0 0 0 24px;
				height:41px;
				background:url(images/menu_sep.png) left center repeat-y;
				color:#ccc;
			}
				.nst #nWnd #nBar #Search form {
					padding:0;
					margin:8px 0;
				}
				.nst #nWnd #nBar #Search input {
					margin-top:-1px;
					padding:3px;
					height:16px;
					border:1px solid #6d6d6b;
					background-color:#fff;
				}
				.nst #nWnd #nBar #Search label {
					padding:2px;
					display:block;
					float:left;
					vertical-align:middle;
					font-size:11px;
				}
				.nst #nWnd #nBar #Search #sInput {
					float:left;
					font:12px Verdana, Arial, Helvetica, sans-serif;
					padding-left:26px;
					background:#fff url(images/search_icon.png) left center no-repeat;
				}
				.nst #nWnd #nBar #Search #sSubmit {
					float:left;
					padding:0;
					margin:0;
					margin-left:4px;
					width:20px;
					height:20px;
					background:url(images/search_btn.png) center no-repeat;
				}
			
	.nst #nWnd #Client {
		margin:0;
		padding:0;
		background:url(images/client_bg.png) top center no-repeat;
		border-bottom:2px solid #eee;
	}
		.nst #nWnd #Client #Page {
			background:url(images/page_bg.png) bottom center no-repeat;
			border-bottom:1px solid #fff;
		}

/* HOME PAGE LEFT HAND AND RIGHT-HAND SIDES */
	#lSide { /* Left Side */
		float:left;
		clear:left;
		color:#ccc;
		background:#333 url(images/lside_bg.png) bottom right no-repeat;
		width:250px;
		margin:0;
		padding:0;
		margin-left:6px;
		padding-bottom:18px;
	}
		#lSide h3 {
			margin-top:0.75em;
			color:#666;
		}
		#lSide p {
			color:#ccc;
			font-size:11px;
			
			margin-left:0;
		}
			#lSide p a,
			#lSide p a:link,
			#lSide p a:visited,
			#lSide p a:active {
				color:#c63;
			}
			#lSide p a:hover {
				color:#f93;
			}
			#lSide ul.wp-tag-cloud li {
				padding:2px;
				margin:0;
				padding-right:6px;
			}
			#lSide ul.wp-tag-cloud li a,
			#lSide ul.wp-tag-cloud li a:link {
				font-size:11px !important;
				text-decoration:underline;
				font-weight:normal;
				color:#c63;
			}
			#lSide ul.wp-tag-cloud li a:hover {
				color:#f93;
			}
		
	#rSide { /* Right Side */
		float:right;
		clear:right;
		width:600px;
		margin:0;
		padding:0;
		margin-right:6px;
	}
	/* sub sections go under left and rght sides */
		#latestPost,
		#recentPosts,
		#announcer {
			padding:0 1.25em;
		}
		#latestPost h1,
		#recentPosts h2,
		#announcer h3 {
			margin-top:1em;
		}
		#recentPosts h2 {
			margin-bottom:0;
		}
		#welcomeNote,
		#portfolio,
		#photos,
		#tags {
			padding:0 1.25em;
		}
		#welcomeNote p,
		#portfolio p,
		#photos p,
		#tags p {
			
		}
		
		/* left-hand side selectors */
		#welcomeNote {
			/* special formatting */
		}
		#portfolio {
			/* special formatting */
		}
		#photos {
			/* special formatting */
		}
		/* the seperator used in the left-hand side */
		.hsep {
			margin:0;
			padding:0;
			width:250px;
			height:16px;
			background:url(images/sep_ls.png) no-repeat;
		}
		
		/* right-hand side selectors */
		#latestPost {
			/* nothing for now ;-) */
		}
		#recentPosts {
			background-color:#f7f7f7;
			border-top:1px solid #eaeaea;
			border-right:1px solid #e1e1e1;
			border-bottom:1px solid #e1e1e1;
			border-left:1px solid #eaeaea;
			-moz-border-radius:9px;
			-khtml-border-radius:9px;
			-webkit-border-radius:9px;
		}

/* end of home page special sides */
	#notice {
		float:none;
		clear:both;
		color:#676767;
		background:#efefef url(images/notice_icon.png) left center no-repeat;
		border-bottom:1px solid #e1e1e1;
		padding:8px 30px;
		margin:0 6px;
	}

/* POST STYLES */
	.post {
		padding:2em 3em;
		width:auto !important;
	}
	#Comments {
		padding:2em 0 0 0;
		width:auto !important;
	}
	/* post. h1 is excluded */
	.post h2,
	.post h3,
	.post h4,
	.post h5 {
		margin-top:2em;
		/*margin-bottom:0;*/
	}
	.post p {
		margin-bottom:1em;
	}
	.post pre {
		font-family:monospace;
	}
	.post .stamp {
		color:#ccc;
		font-size:55%;
		font-weight:normal;
	}
	.post .meta {
		margin:0;
		margin-bottom:8px;
	}
	.post .meta,
	.post .meta a,
	.post .meta a:link,
	.post .meta a:visited {
		color:#999;
		font-size:11px;
		text-decoration:none;
	}
	.post .meta a:hover {
		color:#06c;
		border-bottom:1px solid #09f;
	}
	.post code,
	.post .code{
		display:block;
		padding:4px;
		background-color:#efefef;
		border:1px solid #ccc;
		border-left:16px solid #ddd;
	}
	.post img {
		padding:4px;
		margin:1em;
		background-color:#eee;
		border:1px solid #ddd;
	}
	.post a img {
		background-color:#eff;
	}
		.post a:hover img {
			background-color:#cef;
			border:1px solid #acf;
		}
	.post ul li {
		color:#333;
		line-height:1.5;
		padding:0.25em;
	}
	.post .niceList {
		font-size:12px;
		padding:0 0 1em 0;
		color:#333;
		line-height:1.5;
	}
		.post .niceList a {
			font-weight:bold;
		}
		.post .niceList .meta {
			font-weight:bold;
			line-height:1.5;
		}
			.post .niceList .meta a {
				font-weight:normal;
			}

	/* MORE LINK */
	.morelink {
		display:inline;
		font-size:inherit;
		clear:both;
	}
		.morelink + .morelink {
			margin-top:0.5em;
			margin-bottom:0.5em;
		}
	.morelink a,
	.morelink a:link,
	.morelink a:visited {
		color:#06c;
		width:auto;
		font-weight:bold;
		padding-bottom:2px;
		padding-right:20px;
		background:url(images/more_link.png) no-repeat right center;
		text-decoration:none;
	}
	.morelink a:hover {
		border-bottom:2px solid #acf;
	}
	/* Left side more links */
	#lSide .morelink a,
	#lSide .morelink a:link,
	#lSide .morelink a:visited {
		font-size:11px;
		color:#f93;
		background:url(images/more_link_ls.png) no-repeat right center;
	}
	#lSide .morelink a:hover {
		border-bottom:2px solid #c63;
	}
	/* end of more link */
	
	#Comments {
		clear:both;
	}
	#Comments .comment {
		background:transparent url(images/comment_shadow_bg.png) right bottom no-repeat;
		width:auto;
		border:1px solid #f8f8f8;
		margin:1em;
		padding:0;
	}
		.comment .comment-body {
			background:#f5ffd9 url(images/comment_corner_bg.png) no-repeat top left;
			margin-right:3px;
			margin-bottom:3px;
			border:0 solid #f5ffd9;
			border-bottom:1px solid #eee;
			padding:1em;
		}
		#newComment .comment-body {
			background:#f5f5f5 url(images/new_comment_corner_bg.png) no-repeat top left;
		}
		#newComment h4 {
			color:#9c0;
			border-bottom:1px solid #ddd;
			margin:0 0 1em 0;
			padding:0.25em;
		}
		.comment-body p {
			color:#030;
			font-family:Georgia, "Times New Roman", Times, serif;
			/*
			margin-top:0 !important;
			margin-bottom:0 !important;
			*/
		}
		.comment-body .note {
			font-size:11px;
			color:#999;
		}
		.comment-body .author {
			color:#089;
			text-align:right;
			margin-top:1em;
		}
		.comment-body form * {
			font-family:Verdana, Arial, Helvetica, sans-serif;
			color:#333;
		}
		.comment-body form input, .comment-body textarea {
			background-color:#fff;
			border:1px solid #9c0;
			padding:3px;
		}
		.comment-body label {
			font-size:11px;
			float:right;
			color:#669900;
			text-transform:uppercase;
		}
		.comment-body #submit {
			font-size:11px;
			color:#360;
			text-transform:uppercase;
			background:#e8f8b8 url(images/submit__btn_bg.png) bottom repeat-x;
			padding:4px;
			border:1px solid #9c0;
		}
		#tagCloud {
			margin-bottom:4em;
		}
		.post ul.wp-tag-cloud {
			margin:0;
			padding:0;
		}
		.post ul.wp-tag-cloud li {
			float:left;
			list-style:none;
			margin:0;
			padding-right:0.75em;
		}
		.post ul.wp-tag-cloud li a,
		.post ul.wp-tag-cloud li a:link {
			font-size:12px !important;
			font-weight:bold;
			text-decoration:none;
		}
		.post ul.wp-tag-cloud li a:hover {
			text-decoration:underline;
		}
		.post .wp-smiley,
		.comment-body .wp-smiley {
			border:none;
			background:none;
			padding:0;
			margin:0;
			vertical-align:middle;
		}
		
/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
}
	
/**************** end of post styles ****************************/

.nst #footer {
	width:auto;
	padding:0; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	margin:0.5em 0 0.5em 140px;
	clear:both;
}
	.nst #footer * {
		color:#999;
		text-decoration:none;
	}
	.nst #footer a:hover {
		text-decoration:underline;
	}
	.nst #footer p {
		margin:0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
		padding:10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
		font-size:11px;
	}
	
/*** overriders ***/
.aligncenter,
div.aligncenter,
img.centered {
   display:block;
   margin-left:auto;
   margin-right:auto;
}

.alignleft, .floatleft {float:left;}
.alignright, .floatright {float:right;}

img.alignleft,
img.alignright {
	padding:4px;
	margin:0.5em 1em;
	display:inline;
}

ul.funky {list-style-image:url(images/bullet.png);}
hr.vsep {margin:48px 0 32px 0;}

/* WP autogenerated classes */
.wp-caption {
   border: 1px solid #ddd;
   text-align: center;
   background-color: #f3f3f3;
   padding-top: 4px;
   margin: 10px;
   /* optional rounded corners for browsers that support it */
   -moz-border-radius: 3px;
   -khtml-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
}

.wp-caption img {
   margin: 0;
   padding: 0;
   border: 0 none;
}

.wp-caption p.wp-caption-text {
   font-size: 11px;
   line-height: 17px;
   padding: 0 4px 5px;
   margin: 0;
}