/*  
Theme Name: Nineteen05 Cotolance
Theme URI: http://nineteen05.com/blog
Description: The nineteen05 blog layout in Cotolance style, to co-inside with the cotolance layout of nineteen05.com.
Version: 1
Author: Paul Prins
Author URI: http://paulprins.net/


	This theme was designed and built by Paul Prins,
	whose blog you will find at http://paulprins.net/

	All content is copyright 2008 nineteen05

*/



/* Begin Typography & Colors */
body
{
	font-size				: 62.5%; /* Resets 1em to 10px */
	font-family				: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	background				: #f2f2f2 url('images/background.png');
	color					: #333;
	text-align				: center;
	margin					: 0;
	padding					: 0;
}

#content
{
	font-size				: 1.2em;
}

.widecolumn .entry p
{
	font-size				: 1.05em;
}

.narrowcolumn .entry, .widecolumn .entry
{
	line-height				: 1.4em;
}

.widecolumn
{
	line-height				: 1.6em;
}

.narrowcolumn .postmetadata
{
	text-align				: center;
}

.alt
{
	background-color		: #f8f8f8;
	border-top				: 1px solid #ddd;
	border-bottom			: 1px solid #ddd;
}

#footer
{
	background				: #eee url('images/kubrickfooter.jpg') no-repeat top; 
	border					: none;
}

small
{
	font-family				: Arial, Helvetica, Sans-Serif;
	font-size				: 0.9em;
	line-height				: 1.5em;
}

h1, h2, h3
{
	font-family				: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
	font-weight				: bold;
}

h1
{
	font-size				: 4em;
	text-align				: center;
}

h2
{
	font-size				: 1.6em;
}

h2.pagetitle
{
	font-size				: 1.6em;
}

#sidebar h2
{
	font-family				: 'Lucida Grande', Verdana, Sans-Serif;
	font-size				: 1.2em;
}

h3
{
	font-size				: 1.3em;
}

h1, h1 a, h1 a:hover, h1 a:visited
{
	text-decoration			: none;
	color					: white;
}

h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited
{
	color					: #333;
}

h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, #sidebar h2, #wp-calendar caption, cite
{
	text-decoration			: none;
}

img#wpstats
{
	display					: none;
}

.entry p a:visited
{
	color					: #b85b5a;
}

.commentlist li, #commentform input, #commentform textarea
{
	font					: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;
}

.commentlist li
{
	font-weight				: bold;
}

.commentlist cite, .commentlist cite a
{
	font-weight				: bold;
	font-style				: normal;
	font-size				: 1.1em;
}

.commentlist p
{
	font-weight				: normal;
	line-height				: 1.5em;
	text-transform			: none;
}

#commentform p
{
	font-family				: 'Lucida Grande', Verdana, Arial, Sans-Serif;
}

.commentmetadata
{
	font-weight				: normal;
}

#sidebar
{
	font					: 1em 'Lucida Grande', Verdana, Arial, Sans-Serif;
}

small, #sidebar ul ul li, #sidebar ul ol li, .nocomments, .postmetadata, blockquote, strike
{
	color					: #777;
}

code
{
	font					: 1.1em 'Courier New', Courier, Fixed;
}

acronym, abbr, span.caps
{
	font-size				: 0.9em;
	letter-spacing			: .07em;
}

a, h2 a:hover, h3 a:hover
{
	color					: #06c;
	text-decoration			: none;
}

a:hover
{
	color					: #147;
	text-decoration			: underline;
}

#wp-calendar #prev a, #wp-calendar #next a
{
	font-size				: 9pt;
}

#wp-calendar caption
{
	font					: bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	text-align				: center;
}

#wp-calendar th
{
	font-style				: normal;
	text-transform			: capitalize;
}
/* End Typography & Colors */



/* Begin Structure */
#page
{
	margin					: 0 auto;
	padding					: 0;
	width					: 960px;
	text-align				: left;
	background				: #ffffff;
}


/* Header Section */
	#header
	{
		width				: 960px;
	}

	#header_blank
	{
		height				: 15px;
		width				: 100%;
	}

	#header_stripe
	{
		height				: 2px;
		width				: 100%;
		background			: none;
	}
	
	#header_nav
	{
		margin				: 0;
		font-family			: Arial, Helvetica, sans-serif;
		height				: 52px;
		background			: url('images/navBG.png') top left no-repeat;
		font-size			: 17px;
	}
	
		/* Navigation */
		#header_nav a
		{
			text-decoration			: none;
			color					: #FFFFFF;
		}

		#header_nav a:hover
		{
			text-decoration			: none;
			color					: #4ed3f7;
		}

		#header_nav form
		{
			margin					: 0;
		}

		#header_nav .box-left
		{
			float					: left;
			margin-top				: 20px;
			padding-left			: 25px;
			padding-right			: 25px;
			margin-right			: 5px;
		}

		#header_nav .box-right
		{
			float					: right;
			margin-top				: 17px;
			padding-left			: 25px;
			padding-right			: 25px;
			margin-right			: 5px;
		}

		#header_nav ul
		{
			padding					: 0;
			margin					: 0;
		}
		
		#header_nav li
		{
			list-style				: none;
			float					: left;
			position				: relative;
			margin-top				: 20px;
			padding-left			: 25px;
			padding-right			: 25px;
			margin-right			: 5px;
			color					: #FFFFFF;
		}
		/* End of Navigation */

	#header_main
	{
		background			: url('images/header.jpg') center no-repeat;
		margin				: 0 0 0 0;
		height				: 83px;
		width				: 100%;
	}

	#header_main h1
	{
		padding				: 5px 0 0 0;
		margin				: 0;
	}

	#header_main .description
	{
		font-size			: 1.2em;
		text-align			: center;
		color				: #FFFFFF;
	}

	.narrowcolumn
	{
		float				: left;
		padding				: 0 10px 20px;
		margin				: 0;
		width				: 735px;
	}

		/* Begin Sidebar */
		#sidebar
		{
			float				: right;
			padding				: 0 0 5px;
			margin-left			: 10px;
			width				: 190px;
			height				: 100%;
			background			: url('images/news_bg.png') top left repeat;
			color				: #FFFFFF;
			display				: block;
		}

		#sidebar a
		{
			color				: #0099FF;
		}

		#sidebar a:hover
		{
			color				: #4ed3f7;
		}

		#sidebar h2
		{
			background			: url('images/news.png') top left;
			height				: 19px;
			margin				: 0px;
			padding				: 5px 5px;
			color				: #FFFFFF;
			font-size			: 14px;
		}

		#sidebar ul, #sidebar ul ol
		{
			margin				: 0;
			padding				: 0;
		}

		#sidebar ul li
		{
			list-style-type		: none;
			list-style-image	: none;
			margin-bottom		: 8px;
		}

		#sidebar ul p, #sidebar ul select
		{
			margin				: 2px 15px 0px;
		}

		#sidebar ul ul, #sidebar ul ol
		{
			margin				: 5px 0 0 10px;
		}

		#sidebar ul ul ul, #sidebar ul ol
		{
			margin				: 0 0 0 10px;
		}

		ol li, #sidebar ul ol li
		{
			list-style			: decimal outside;
		}

		#sidebar ul ul li, #sidebar ul ol li
		{
			margin				: 3px 0 0;
			padding				: 0;
		}
		/* End Sidebar */

	.widecolumn
	{
		display				: block;
		padding				: 10px 0 10px 0px;
		margin				: 5px auto;
		width				: 920px;
		border				: 1px solid #00FF00;
	}

	.date
	{
		float				: right;
		height				: 50px;
		background			: url('images/date_box.png') bottom right no-repeat;
		border				: 1px solid #009900;
		color				: #FFFFFF;
		text-transform		: uppercase;
		margin				: 25px 0 0;
		padding				: 0 7px;
		text-align			: center;
		line-height			: normal;
	}

	.post .date
	{
		margin				: 0px;
	}

	.date .day
	{
		text-transform		: lowercase;
		font-size			: 18px;
		margin				: 0;
	}

	.more-link
	{
		display: block;
		float: right;
	}

	.post
	{
		margin				: 0 0 40px;
		padding				: 0;
		text-align			: justify;
	}

	.post hr
	{
		display				: none;
	}

	.postmetadata
	{
		border				: none;
		border-top			: 1px dashed #333333;
		border-bottom		: 1px dashed #333333;
		width				: 90%;
		background			: none;
		text-align			: center;
		margin				: 0 auto;
		padding-bottom		: 5px;
	}

	.widecolumn .post
	{
		margin					: 0;
	}

	.narrowcolumn .postmetadata
	{
		padding-top				: 5px;
	}

	.widecolumn .postmetadata
	{
		margin					: 30px auto;
	}

	.widecolumn .smallattachment
	{
		text-align				: center;
		float					: left;
		width					: 128px;
		margin					: 5px 5px 5px 0px;
	}

	.widecolumn .attachment
	{
		text-align				: center;
		margin					: 5px 0px;
	}

	.postmetadata
	{
		clear					: left;
	}

	/* Page Footer Section */
		#footer
		{
			background				: url('images/navBG.png') top left;
			height					: 40px;
			clear					: both;
			padding-top				: 7px;
			color					: #FFFFFF;
			text-align				: center;
		}

		#footer a
		{
			text-decoration			: underline;
			color					: #FFFFFF;
		}

		#footer a:hover
		{
			text-decoration			: none;
			color					: #4ed3f7;
		}
/* End Structure */



/*	Begin Headers */
h1
{
	padding-top				: 70px;
	margin					: 0;
}

h2
{
	margin					: 30px 0 0;
}

h2.pagetitle
{
	margin-top				: 30px;
	text-align				: center;
}

h3
{
	padding					: 0;
	margin					: 30px 0 0;
}

h3.comments
{
	padding					: 0;
	margin					: 40px auto 20px ;
}
/* End Headers */



/* Begin Images */
p img
{
	padding					: 0;
	max-width				: 100%;
	border					: none;
}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

.wp-caption
{
	background: #CCC;
	border: 1px #333 solid;
	margin: 3px;
	text-align: center;
}

.wp-caption-text
{
	text-align: center;
	font-size: .8em;
	color: #333333;
}

img.centered
{
	display				: block;
	margin-left			: auto;
	margin-right		: auto;
	border				: none;
}

img.alignright
{
	padding				: 4px;
	margin				: 0 0 2px 7px;
	display				: inline;
	border				: none;
}

img.alignleft
{
	padding				: 4px;
	margin				: 0 7px 2px 0;
	display				: inline;
	border				: none;
}

.alignright
{
	float				: right;
}

.alignleft
{
	float				: left
}

.ClearFloat
{
	clear				: both;
	margin				: 0;
	padding				: 0;
}
/* End Images */



/* Begin Lists

	Special stylized non-IE bullets
	Do not work in Internet Explorer, which merely default to normal bullets. */

html>body .entry ul
{
	margin-left			: 0px;
	padding				: 0 0 0 30px;
	list-style			: none;
	padding-left		: 10px;
	text-indent			: -10px;
} 

html>body .entry li
{
	margin				: 7px 0 8px 10px;
}

.entry ul li:before, #sidebar ul ul li:before
{
	content				: "\00BB \0020";
}

.entry ol
{
	padding				: 0 0 0 35px;
	margin				: 0;
}

.entry ol li
{
	margin				: 0;
	padding				: 0;
}

.postmetadata ul, .postmetadata li
{
	display				: inline;
	list-style-type		: none;
	list-style-image	: none;
}
/* End Entry Lists */



/* Begin Form Elements */
#searchform
{
	text-align			: center;
}

#sidebar #searchform #s
{
	width				: 108px;
	padding				: 2px;
}

#sidebar #searchsubmit
{
	padding				: 1px;
}

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

select
{
	width				: 130px;
}

#commentform input
{
	width				: 170px;
	padding				: 2px;
	margin				: 5px 5px 1px 0;
}

#commentform textarea
{
	padding				: 2px;
}

#commentform #submit
{
	display				: block;
	margin				: 0 0 0 50px;
}
/* End Form Elements */



/* Begin Comments*/
.alt
{
	margin				: 0;
	padding				: 10px;
}

.commentlist
{
	padding				: 0;
	text-align			: justify;
}

.commentlist li
{
	margin				: 15px 0 3px;
	padding				: 5px 10px 3px;
	list-style			: none;
}

.commentlist p
{
	margin				: 10px 5px 10px 0;
}

#commentform p
{
	margin				: 5px 0;
}

.nocomments
{
	text-align			: center;
	margin				: 0;
	padding				: 0;
}

.commentmetadata
{
	margin				: 0;
	display				: block;
}

img #wpstats
{
	display				:none;
}

/* End Comments */



/* Begin Calendar */
#wp-calendar
{
	empty-cells			: show;
	margin				: 10px auto 0;
	width				: 175px;
}

#wp-calendar #next a
{
	padding-right		: 10px;
	text-align			: right;
}

#wp-calendar #prev a
{
	padding-left		: 10px;
	text-align			: left;
}

#wp-calendar a
{
	display				: block;
	color				: #0099FF;
}

#wp-calendar caption, #wp-calendar th
{
	text-align			: center;
}

#wp-calendar th
{
	border-bottom		: 1px solid #666666;
}

#wp-calendar td
{
	padding				: 2px 0;
	text-align			: center;
}

#wp-calendar td.pad:hover
{ /* Doesn't work in IE */
}
/* End Calendar */



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

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

blockquote
{
	margin				: 15px 30px 0 15px;
	padding-left		: 15px;
	padding-right		: 15px;
	border-left			: 5px solid #6699CC;
	border-right		: 5px solid #6699CC;
}

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

.center
{
	text-align			: center;
}

hr
{
	display				: none;
}

a img
{
	border				: none;
}

.navigation
{
	display				: block;
	text-align			: center;
	margin-top			: 10px;
	margin-bottom		: 10px;
}
/* End Various Tags & Classes*/