/*  
Theme Name: Neil Nand Custom
Theme URI: http://www.neilnand.com/
Description: Custom Layout
Version: 1.0
Author: Neil Nand
Author URI: http://www.neilnand.com/
*/

/* Begin Main Layout */
body {
	background: #000000 url('images/nn_tile.gif');
	margin: 0;
	padding: 0; 
	font-size: 10px;
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	color: #333333;
}

#page {
	margin: 0px auto;
	padding: 0;
	width: 950px;
	float: left;
	text-align: left;
}
/* End Main Layout */

/* Begin Header */
#header {
	margin: 4px 0 3px 0; 
	padding: 0; 
	width: 950px;
	height: 39px;
	background: #8b8989 url('images/nn_header_bg.gif');
}
	/* Contents */
	#header .img {
		margin: 0px;
		height: 39px;
		float: left;
	}
	#header .search {
		margin: 0 7px 0 0;
		float: right;
	}
/* End Header */

/* Begin Sidebar */
#sidebar
{
	margin: 0;
	padding: 0px;
	width: 200px;
	float: left;
}
	/* Font & Positioning*/
	#sidebar h2 {
		margin: 0;
		padding: 0 0 3px 10px;
		font-size: 17px;
		font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
		font-weight: bold;
	}
	#sidebar ul {
		margin: 0px;
		padding: 0px;
		list-style-type: none;
		list-style-position: outside;
	}
	#sidebar li {
		margin: 0;
		padding: 0 0 0px 10px;
		line-height: 18px;
	}
	#sidebar a {
		color: #FFFFFF;
		text-decoration: none;
	}
	#sidebar a:hover {
		text-decoration: none;
	}
	#sidebar .pagenav, #sidebar .categories, #sidebar .archives, #sidebar .linkcat {
		padding: 10px 0 10px 15px;
	}
		#sidebar .pagenav h2, #sidebar .pagenav a:hover {
			color: #dc2404;
		}
		#sidebar .categories h2, #sidebar .categories a:hover {
			color: #1f7d03;
		}
		#sidebar .archives h2, #sidebar .archives a:hover {
			color: #6606e0;
		}
		#sidebar .linkcat h2, #sidebar .linkcat a:hover {
			color: #0424da;
		}
	/* Panels */
	#sidebar .panel1, #sidebar .panel2, #sidebar .panel3, #sidebar .panel4 {
		width: 100%;
	}
	#sidebar .panel1_base, #sidebar .panel2_base, #sidebar .panel3_base, #sidebar .panel4_base {
		margin-bottom: 3px;
		width: 100%;
		height: 1px;
	}
		#sidebar .panel1 {
			background: #ffa302 url('images/nn_sidebar_panel1.gif');
		}
		#sidebar .panel1_base {
			background: #ffa302 url('images/nn_sidebar_panel1_base.gif');
		}
		#sidebar .panel2 {
			background: #4c9a0a url('images/nn_sidebar_panel2.gif');
		}
		#sidebar .panel2_base {
			background: #4c9a0a url('images/nn_sidebar_panel2_base.gif');
		}
		#sidebar .panel3 {
			background: #d502ff url('images/nn_sidebar_panel3.gif');
		}
		#sidebar .panel3_base {
			background: #d502ff url('images/nn_sidebar_panel3_base.gif');
		}
		#sidebar .panel4 {
			background: #025eff url('images/nn_sidebar_panel4.gif');
		}
		#sidebar .panel4_base {
			background: #025eff url('images/nn_sidebar_panel4_base.gif');
		}
/* End Sidebar */

/* Begin Content */

#content {
	margin: 0 0 3px 3px;
	background: #FFFFFF url('images/nn_content_bg.gif');
	border-bottom: #6b6b6b 1px solid;
	padding: 0px;
	width: 747px;
	float: left;
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 11px;
}
	/* Structure */
	#content .pagenav, #content .categories, #content .archives, #content .search, #content .search_failed {
		padding: 20px;
	}
	/* General Font & Positioning */
	#content h2 {
		margin: 0;
		padding: 3px 3px 3px 10px;
		color: #FFFFFF;
		font-size: 19px;
		font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
		font-weight: bold;
	}
	#content h3 {
		margin: 0;
		padding: 0;
		padding-top: 7px;
		font-size: 16px;
		font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
		font-weight: bold;
	}
	#content h4 {
		margin: 0;
		padding: 0;
		color: #333333;
		font-size: 19px;
		font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
		font-weight: bold;
		text-align: center;
	}
	#content p {
		text-align: justify;
		line-height: 18px;
	}
	#content a.more{	
		text-align:right;
		font-style: italic;
		display: block;
	}
	#content li {
		line-height: 18px;
		padding-bottom: 8px;
	}
	#content .entry {
		margin: 20px;
		width: 550px;
	}
	#content .navigation_top {
		text-align: center;
		margin-top: 10px;
		margin-bottom: 60px;
	}
	#content .navigation_bottom {
		text-align: center;
		margin-top: 30px;
		margin-bottom: 45px;
	}
	#content .navigation_top a, #content .navigation_bottom a {
		text-decoration: none;
	}
	#content .postmetadata {
		color: #777777;
	}
	#content .timestamp_type1 {	
		color: #777777;
		font-family: Arial, Helvetica, Sans-Serif;
		font-size: 10px;
		line-height: 17px;
	}
	#content .timestamp_type2 {	
		color: #333333;
		font-family: Arial, Helvetica, Sans-Serif;
		font-size: 10px;
		font-weight: bold;
		line-height: 17px;
		text-align: right;
	}
	#content .alt {	
		background-color: #f8f8f8;
		padding: 8px;
		border-top: 1px solid #dddddd;
		border-bottom: 1px solid #dddddd;
		color: #777777;
		font-family: Arial, Helvetica, Sans-Serif;
		font-size: 11px;
		line-height: 15px;
	}
	#content .alt a{	
		color: #333333;
		text-decoration: none;
	}
	#content .alt a:hover{	
		color: #333333;
		text-decoration: underline;
	}
	/* Section Specific */
	#content .pagenav {
	}
		#content .pagenav h2 {
			background: #ffa302 url('images/nn_content_gradient1.gif') repeat-y;
			border-bottom: 2px #ec5b09 solid;
		}
		#content .pagenav a {
			color: #f0800d;
		}
		#content .pagenav a:hover {
			color: #ec5b09;
		}
	#content .categories {
	}
		#content .categories h2 {
			background: #6ec10a url('images/nn_content_gradient2.gif') repeat-y;
			border-bottom: 2px #1f7d03 solid;
		}
		#content .categories h2 a{
			color: #FFFFFF;
			text-decoration: none;
		}
		#content .categories h2 a:hover{
			color: #EEEEEE;
			text-decoration: none;
		}
		#content .categories a {
			color: #4daa07;
		}
		#content .categories a:hover {
			color: #1f7d03;
		}
		#content .categories .alt a{	
			color: #333333;
			text-decoration: none;
		}
		#content .categories .alt a:hover{	
			color: #333333;
			text-decoration: underline;
		}
		#content .categories .post {
			margin-bottom: 40px;
		}
	#content .archives {
	}
		#content .archives h2 {
			background: #d502ff url('images/nn_content_gradient3.gif') repeat-y;
			border-bottom: 2px #6e07ad solid;
		}
		#content .archives h2 a{
			color: #FFFFFF;
			text-decoration: none;
		}
		#content .archives h2 a:hover{
			color: #EEEEEE;
			text-decoration: none;
		}
		#content .archives a {
			color: #9509ea;
		}
		#content .archives a:hover {
			color: #d502ff;
		}
		#content .archives .alt a{	
			color: #333333;
			text-decoration: none;
		}
		#content .archives .alt a:hover{	
			color: #333333;
			text-decoration: underline;
		}
		#content .archives .post {
			margin-bottom: 40px;
		}
	#content .search {
	}
		#content .search h2 {
			background: #0e80ed url('images/nn_content_gradient4.gif') repeat-y;
			border-bottom: 2px #0a5ae9 solid;
		}
		#content .search a {
			color: #0a5ae9;
		}
		#content .search a:hover {
			color: #0424da;
		}
		#content .search h3 a {
			text-decoration: none;
		}
		#content .search .post {
			border: #CCCCCC dashed 1px;
			margin: 17px;
			padding: 10px 10px 4px 15px;
		}
	#content .search_failed {
	}
/* End Content */

/* Begin Notification */

#notification {
	margin: 0 0 3px 3px;
	padding: 0; 
	width: 747px;
	background: #8b8989 url('images/nn_notification_bg.gif');
	float: left;
}
	/* Font & Positioning*/
	#notification p {
		color: #FFFFFF;
		margin: 0;
		padding: 8px 0;
		text-align: center;
	}
	#notification a {
		color: #dbdbdb;
		text-decoration: none;
	}
	#notification a:hover, #notification strong {
		color: #fff200;
		text-decoration: none;
	}

/* End Notification */

/* Begin Footer */

#footer {
	margin: 0px 0 5px 0; 
	padding: 0; 
	width: 950px;
	background: #8b8989 url('images/nn_header_bg.gif');
	float: left;
}
	/* Font & Positioning*/
	#footer p {
		color: #333333;
		margin: 0;
		padding: 8px 0;
		text-align: center;
	}
	#footer a {
		color: #dbdbdb;
		text-decoration: none;
	}
	#footer a:hover {
		color: #fff200;
		text-decoration: none;
	}

/* End Footer */

/* Start Comments */
.commentlist {
	padding: 0;
	text-align: justify;
}
	/* Font & Positioning*/
	.commentlist li, #commentform input, #commentform textarea {
		font: 9px 'Lucida Grande', Verdana, Arial, Sans-Serif;
	}
	.commentlist li {
		font-weight: bold;
		margin: 15px 0 3px;
		padding: 5px 10px 3px;
		list-style: none;
	}
	.commentlist cite, .commentlist cite a {
		font-weight: bold;
		font-style: normal;
		font-size: 10px;
	}
	.commentlist p {
		margin: 10px 5px 10px 0;
		font-weight: normal;
		line-height: 10px;
		text-transform: none;
	}
.commentform {
}
	/* Font & Positioning*/
	#commentform p {
		font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
		margin: 5px 0;
	}
	/* Form Elements */
	#commentform input {
		width: 170px;
		padding: 2px;
		margin: 5px 5px 1px 0;
	}
	
	#commentform textarea {
		width: 100%;
		padding: 2px;
	}
	
	#commentform #submit {
		margin: 5px 0 30px 0;
		float: right;
	}
.commentmetadata {
	font-weight: normal;
	margin: 0;
	display: block;
}
.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
}

/* End Comments */

/* Begin UI */
#searchform {
	margin: 0px;
	padding: 6px 0 0 0; 
	text-align: center;
	}

.entry form { /* This is mainly for password protected posts, makes them look better. */
	text-align:center;
	}

select {
	width: 130px;
	}
#searchsubmit {
	color: #333333;
	width: 30px;
	height: 26px;
	margin: 0px;
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 11px;
	font-weight: bold;
}
.labeledbox {
	color: #777777;
	text-align: center;
	width: 130px;
	height: 13px;
	padding: 3px;
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 11px;
}
.labeledbox_FOCUS {
	color: #333333;
	text-align: center;
	width: 130px;
	height: 13px;
	padding: 3px;
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 11px;
}


/* End UI */

/* Begin Feature */
#feature {
	margin: 0px 0 3px 0; 
	padding: 0; 
	width: 950px;
	height: 155px;
	background: #fff200 url('images/nn_feature_bg.gif');
	color: #b29700;
}
	#feature a{
		color: #7f7900;
	}
	#feature a:hover{
		color: #333333;
	}
	/* Calendar */
	#wp-calendar {
		empty-cells: show;
		width: 155px;
		height: 132px;
		float: right;
		margin: 11px 11px 11px 0;
		padding-left: 13px;
		border-left: #ffd200 1px solid;
	}
		#wp-calendar #next a {
			padding-right: 10px;
			text-align: right;
			text-decoration: none;
		}
		#wp-calendar #prev a {
			padding-left: 10px;
			text-align: left;
			text-decoration: none;
		}
		#wp-calendar a {
			display: block;
		}
		#wp-calendar a:hover {
			display: block;
		}
		#wp-calendar caption {
			text-align: center;
			width: 100%;
		}
		#wp-calendar td {
			padding: 4px 0;
			text-align: center;
		}
		#wp-calendar td.pad:hover { /* Doesn't work in IE */
			background-color: #fff;
		}
	/* Upcoming Events */
	.upcoming_events {
		float: left;
		color: #b29700;
		width: 730px;
	}
		.upcoming_events .event_item {
			margin: 3px 0 0 10px;
		}
		.upcoming_events .no_items {
		}
	/* Delicious */
	.delicious {
		float: right;
		margin: 9px 13px 11px 0;
		width: 544px;
		height: 132px;
		padding-left: 13px;
		border-left: #ffd200 1px solid;
	}
		.delicious a {
			text-decoration:none;
		}
		.delicious .delicious_title {
			margin: 7px 0 0 0;
		}
		.delicious .delicious_title a {
			color: #7f7900;
			font-weight: bold;
		}
		.delicious .delicious_item {
			/*margin: 9px 0 0 10px;*/
			margin: 8px 0 0 8px;
		}
		.delicious .delicious-timestamp {
			margin: 0 0 0 5px;
		}
/* End Feature */

/* Start Special Classes */
div.hr {
	border: 0;
	background-color: #d2d2d2;
	height: 2px;
	width: 100%;
	padding: 0;
	margin: 20px 0;
}
#homefeature {
	
}
	#homefeature p{
		text-align: right;
		font-weight: bold;
	}
	#homefeature a{
		text-decoration: none;
	}
	#homefeature a img{
		border-bottom: #d2d2d2 2px solid;
		margin-bottom: 5px;
	}
	#homefeature a:hover img{
		border-bottom: #f99506 2px solid;
		margin-bottom: 5px;
	}
img.feature {
	border-bottom: #d2d2d2 2px solid;
}
div.screenshots {
	margin-left: 20px;
}
	div.screenshots a img {
		padding: 3px;
		margin: 4px;
		border: 1px #d2d2d2 solid;
		vertical-align: middle;
	}
	.pagenav div.screenshots a:hover img {
		border: 1px #f0800d solid;
	}
	.categories div.screenshots a:hover img {
		border: 1px #4daa07 solid;
	}
	.archives div.screenshots a:hover img {
		border: 1px #9509ea solid;
	}
	.search div.screenshots a:hover img {
		border: 1px #0a5ae9 solid;
	}
#content div.award {
	border: #CCCCCC dashed 1px;
	margin: 10px 0 24px 0;
	padding: 10px 10px 4px 15px;
	float: left;
	width: 100%;
}
	#content div.award h3 a {
		color: #333333;
		text-decoration: none;
	}
	#content .awardimg {
		float: left;
		width: 180px;
		padding: 20px 0;
	}
		#content .awardimg p {
			text-align: center;
		}
	#content .awarditem {
		float: left;
	}
		#content .awarditem p {
			line-height: 25px;
		}
/* End Special Classes */

/* Begin Various Tags & Classes */
acronym, abbr, span.caps {
	cursor: help;
	}

acronym, abbr {
	border-bottom: 1px dashed #999;
	}

blockquote {
	margin: 15px 30px 0 10px;
	padding-left: 20px;
	border-left: 5px solid #ddd;
	}

blockquote cite {
	margin: 5px 0 0;
	display: block;
	}

.center {
	text-align: center;
	}

a img {
	border: none;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}

/* End Various Tags & Classes*/