/*
Theme Name: NP Newspaper
Theme URI: http://www.net-perspective.com/
Description: Net Perspective's first blog layout.
Version: 1.0
Author: R.A. Ray
*/

/* Eric Meyer's Reset */
@import url("reset.css");


/* Main Structure */
body {
	min-width: 1000px;
	background: #f9f9f9;
	font-family: Georgia, Times, Times New Roman, serif;
}

#container {
	width: 980px;
	background: url(images/bgTile.png) repeat-y right top;
	float: right;
	/*
	margin: 0 auto;
	overflow: hidden;
	*/
}

#content {
	width: 730px;
	padding: 20px 0;
	float: left;
}


/* Title / Sidebar */
#blog-info {
	width: 190px;
	padding: 20px;
	background: #393939;
	float: right;
}
	#blog-info h1 a	{display: block; width: 190px; height: 80px; background: url(images/logo.png) no-repeat left top; text-indent: -9999px;}
	
.bi-section {
	margin: 20px 0 0 0;
	padding: 20px 0 0 0;
	border-top: 1px solid #979797;
}
	.bi-section h2						{color: #f9f9f9; text-transform: uppercase; font-size: 0.8em;}
	.bi-section.widget h2				{margin-bottom: 15px;}
	.bi-section p							{margin: 15px 0 0 0; font-family: Tahoma, Geneva, Verdana, sans-serif; color: #d4d4d4; font-size: 0.8em; line-height: 1.4em;}
	.bi-section ul							{color: #d4d4d4; font-size: 0.8em; line-height: 1.4em;}
	.bi-section a							{color: #38CAD9;}
	.bi-section a:hover				{color: #F9F9F9;}
	.bi-section form						{margin: 20px 0 0 0;}
	.bi-section .text						{width: 184px; padding: 3px; border: 0;}
	.bi-section #searchsubmit	{margin: 10px 0 0 0; padding: 3px 8px; background: #38CAD9; border: 0; color: #f9f9f9;}
	
.site-nav {
	margin: -5px 0;
}
	.site-nav li a	{		display: block; padding: 5px 0;}
	.site-nav li a:hover	{padding-left: 5px; background: #38CAD9; color: #f9f9f9; text-decoration: none;}


/* Articles */
.article {
	padding: 0 0 20px 0;
	background: url(images/doubleLine.png) repeat-x left bottom;
	overflow: hidden;
}
	.article h2		{padding: 0 0 15px 0; background: url(images/doubleLine.png) repeat-x left bottom; font-size: 3.8em; font-weight: normal;}
	.article h2 a	{display: block; text-decoration: none; color: #38CAD9;}
	
#article-meta {
	width: 210px;
	float: left;
	color: #393939;
}
	#article-meta a								{color: #393939;}	
	#article-meta a:hover					{color: #38CAD9;}
	#article-meta div							{position: relative; margin: 20px 0 0 0; padding: 15px 0 20px 0; border-bottom: 1px solid #000; overflow: hidden;}
	#article-meta p								{line-height: 1.4em;}
	#article-meta .last							{padding-bottom: 0; border: 0;}					
	#article-meta .date						{background: url(images/datebg.png) no-repeat left top; font-size: 1.3em;}
		#article-meta .date .day				{float: left;}
		#article-meta .date .year			{float: right;}
	#article-meta .author						{min-height: 54px; background: url(images/authorbg.png) no-repeat left top; font-size: 1.3em;}
		#article-meta .author .name		{display: block; width: 150px;}
		#article-meta .author .title			{display: block; width: 150px; margin: 5px 0 0 0; font-size: 0.45em; text-transform: uppercase; color: #9c9c9c;}
		#article-meta .author img			{position: absolute; top: 19px; right: 0;}
	#article-meta .tags							{background: url(images/tagsbg.png) no-repeat left top;}
	#article-meta .comments				{background: url(images/commentsbg.png) no-repeat left top; font-size: 1.3em;}
		#article-meta .comments .sarc	{display: block; margin: 5px 0 0 0; font-size: 0.45em; text-transform: uppercase; color: #9c9c9c;}

#article-entry {
	width: 500px;
	margin: 20px 0 0 0;
	float: right;
}
	#article-entry p,
	#article-entry ol				{margin: 16px 0 0 0; font-size: 0.8em; line-height: 1.6em; font-family: Tahoma, Geneva, Verdana, sans-serif; color: #393939;}
	#article-entry ol				{margin-left: 35px; list-style: decimal outside;}
	#article-entry a				{color: #393939;}
	#article-entry a:hover	{color: #38CAD9}
	#article-entry .lead		{margin: -0.4em 0 0 0; font-family: Georgia, Times, Times New Roman, serif; font-size: 1.2em;}
	#article-entry h3			{margin: 22px 0 -10px 0;}
	#article-entry pre			{margin: 20px 20px 0 20px; padding: 10px; background: #eee; line-height: 1.3em; overflow: auto; border: 1px solid #bbb; _font-size: 0.8em; _width: 440px;}
	#article-entry code		{background: #ebebeb; font-size: 1.2em; color: #000;}
	#article-entry blockquote	{margin: 20px 20px 0 20px; padding: 1px 10px 10px 10px; background: #eee url(images/quotes.png) no-repeat left top;}
	
	
/* Trackbacks */
#trackbacks {
}
	#trackbacks h3					{margin: 20px 0 0 0; text-transform: uppercase;}
	#trackbacks ol					{margin: 20px 0 0 0; padding: 0 0 20px 0; list-style: decimal inside; font-size: 0.7em; line-height: 1.5em; border-bottom: 1px solid #393939;}
	#trackbacks a					{color: #393939;}
	#trackbacks a:hover			{color: #38CAD9;}
	#trackbacks p					{margin: 0 0 0 20px;}
	
	
/* Comments */
#comments {
	float: left;
}
	#comments h3									{margin: 20px 0 0 0; text-transform: uppercase;}
	#comments h4									{width: 400px; margin: 20px 0 0 0; float: right;}
	#comments p									{width: 400px; margin: 5px 0 0 0; float: right; font-size: 0.8em; line-height: 1.6em; font-family: Tahoma, Geneva, Verdana, sans-serif; color: #393939;}
	#comments a									{color: #393939;}
	#comments a:hover							{color: #38CAD9;}
	#comments ol									{width: 730px; margin: 20px 0 0 0;}
	#comments ol li									{padding: 20px 0; overflow: hidden; border-bottom: 1px solid #393939; background: #f9f9f9;}
	#comments ol li.first							{padding-top: 0;}
	#comments ol li.author						{background: #ececec;}
	#comments li .com-author					{position: relative; width: 190px; padding: 15px 0 0 20px; float: left; overflow: hidden; min-height: 54px; background: url(images/adminCommentAuthorbg.png) no-repeat 20px top; font-size: 1.3em;}
	#comments ol li.author .com-author	{background: url(images/commentAuthorbg.png) no-repeat 20px top;}
	#comments li .com-author .name		{display: block; width: 130px;}
	#comments li .com-author .date			{display: block; width: 130px; margin: 0; font-size: 0.6em; letter-spacing: 0.06em; line-height: 1.3em; text-transform: uppercase; font-family: Tahoma, Geneva, Verdana, sans-serif; color: #9c9c9c;}
	#comments li .com-author img			{position: absolute; top: 19px; right: 0;}
	#comments li .com-text						{width: 480px; padding: 0 20px 0 0; float: right;}
	#comments li .com-text p					{width: 100%; margin: 16px 0 0 0; float: none; font-size: 0.8em; line-height: 1.6em; font-family: Tahoma, Geneva, Verdana, sans-serif; color: #393939;}
	#comments blockquote						{display: block; margin: 20px 0 0 20px !important; padding-left: 10px; border-left: 2px solid #393939;}
	#comments blockquote p					{margin: 0 !important; font-style: italic;}
	
	#comments form								{width: 308px; margin: 5px 0 0 0; float: left;}
	#comments form label						{display: block; margin: 15px 0 0 0;}
	#comments form label span				{display: block; text-transform: uppercase; font-size: 0.8em; letter-spacing: 0.07em;}
	#comments form label .req				{display: inline; font-size: 0.7em; color: #ff0000;}
	#comments form .text						{width: 300px; margin: 8px 0 0 0; padding: 3px; border: 1px solid #393939;}
	#comments form textarea					{width: 300px; height: 180px; margin: 8px 0 0 0; padding: 3px; border: 1px solid #393939;}
	#comments form #submit					{margin: 15px 0 0 0; padding: 5px 8px; background: #393939; border: 0; color: #f9f9f9; font-family: Georgia, Times, Times New Roman, serif; text-transform: uppercase;}
	#comments form .logged-in				{width: auto; float: right; font-size: 0.8em; line-height: 1.6em; font-family: Tahoma, Geneva, Verdana, sans-serif; color: #393939;}
	

/* Archives (used for search results and pages as well) */
.archives {
}
	.archives h2									{padding: 0 0 15px 0; background: url(images/doubleLine.png) repeat-x left bottom; font-size: 3.8em; font-weight: normal;}
	.archives h3									{margin: 20px 0 0 0; text-transform: uppercase; letter-spacing: 0.05em;}
	.archives .post								{padding: 0 0 20px 0; border-bottom: 1px solid #393939;}
	.archives .post h4							{margin: 20px 0 0 0; font-size: 1.1em; font-weight: normal;}
	.archives .post h4 .date					{display: block; margin: 5px 0 0 0; font-size: 0.7em; text-transform: uppercase; font-family: Tahoma, Geneva, Verdana, sans-serif; color: #9c9c9c;letter-spacing: 0.06em;}
	.archives .post a							{color: #393939;}
	.archives .post a:hover					{color: #38CAD9;}
	.archives .post p							{margin: 16px 0 0 0; font-size: 0.8em; line-height: 1.6em; font-family: Tahoma, Geneva, Verdana, sans-serif; color: #393939;}
	.archives .post .post-meta				{font-size: 0.7em; font-style: italic; color: #9c9c9c;}		
	.archives .post .post-meta a			{color: #9c9c9c;}
	.archives .post .post-meta a:hover	{color: #38CAD9;}
	
.archive-list {
	width: 355px;
	float: left;
}
	.archive-list ul			{margin: 20px 0 0 0 !important;}
	.archive-list li				{margin: -1px 0 0 0; border-top: 1px solid #393939; border-bottom: 1px solid #393939;}
	.archive-list a			{display: block; padding: 5px 0; text-decoration: none; color: #393939;}
	.archive-list a:hover 	{color: #38CAD9;}
	.archive-list.alt 			{float: right}


/* Various */
#linear-nav {
	margin: 20px 0 0 0;
	padding: 0 0 20px 0;
	background: url(images/doubleLine.png) repeat-x left bottom;
	overflow: hidden;
}
	#linear-nav a				{width: 250px; float: left; color: #393939; font-size: 1.2em; text-decoration: none;}
	#linear-nav a:hover	{color: #38CAD9;}
	#linear-nav .link		{text-decoration: underline;}
	#linear-nav .title		{display: block; margin: 10px 0 0 0; font-size: 0.8em; color: #9c9c9c;}
	#linear-nav .next-link	{float: right; text-align: right;}
	
.aligncenter {
	display: block;
	margin: 0 auto;
}
	
	
/* Stupid IE6 */
.article,
#article-meta div,
#linear-nav,
#comments li {
	_zoom: 1;
}

#article-meta .author,
#comments li .com-author {
	_height: 54px;
}