/*
Theme Name: Tille Family
Theme URI: http://ww.thecreativegene.com/
Description:  A theme based on a design from The Creative Gene
Version: 0.92
Author: Matt Patterson & Paul Marlow
Tags: custom header, fixed width, two columns, widgets, css

	Tille Family

  This theme was designed and built by Matt Patterson, with many of the
  graphic elements designed by Paul Marlow.   Most of the CSS was adapted from
  the 'Crafty' theme by Lloyed Amburst.  

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/ 



/***********************
* Style.css            *
***********************/
body {
	font-size: 62.5%; /* What did one em say to another? Who's your daddy?! */
	font-size: 11px;  /* What did one em say to another? Who's your daddy?! */
	font-family: 'Bradley Hand ITC', 'Lucida Grande', Verdana, Arial, Sans-Serif;
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	color: #333;
	text-align: center;
	margin: 0;
	padding: 0;
	background: #fff url('./images/back.jpg') repeat;
	background: #fff url('./images/texturedbackground.jpg') repeat;
	}
	
#page {
	/* 
  background: transparent url('./images/content.png') repeat-y;
  */
  background: #fff;
	margin: 0 auto;
	padding: 0;
	padding-top: 240px !important; 
	width: 950px;
	text-align: left;
	margin-bottom: -20px;
	}


	/***********************
	* Blocks               *
	***********************/
	hr {
		display: none;
		}

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

	.hidden {
		display: none;
		}
		
	.clear {
		clear: both;
		}


	/***********************
	* Alignment            *
	***********************/
	.alignright {
		float: right;
		}

	.alignleft {
		float: left
		}

	.aligncenter,
	div.aligncenter {
		display: block;
		margin-left: auto;
		margin-right: auto;
		}

	.center {
		text-align: center;
		}
		
		
	/***********************
	* Headings             *
	***********************/
	h1 {
		font-size: 3.3em;
		padding-top: 0;
		margin: 0;
		}

	h2 {
		font-size: 1.6em;
		margin: 30px 0 0;
		}

	h2.pagetitle {
		font-size: 1.6em;
		margin-top: 30px;
		text-align: center;
		}

	h3 {
		font-size: 1.3em;
		padding: 0;
		margin: 30px 0 0;
		}


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

	h1, h1 a, h1 a:hover, h1 a:visited, #headerimg .description {
		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;
		}


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

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


	/***********************
	* Lists                *
	***********************/
	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;
		}


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

	acronym, abbr, span.caps	{
		font-size: 0.9em;
		letter-spacing: .07em;
		}
		
	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;
		}


	
/***********************
* Header               *
***********************/
#keel	{
	display: block;
	width: 100%;
	height: 179px;
  background: #fff;
	background: transparent url('./images/header.jpg') top center repeat-x;
	background: #fff url('./images/texturedbackground.jpg') repeat;
	position: absolute;
	top: 0;
	left: 0;

	}
	
#headerimg	{
	float: left;
	clear: none;
	margin-right: 15px;
	}
	
#headerimg .description {
	font-size: 1.2em;
	text-align: left;
	}

#header {
	padding: 10px;
  /* do we need something here FIXME*/
	height: 180px;
	width: 950px;
	margin: 0 auto;
	}

	/***********************
	* Nav bar              *
	***********************/

	#nav	{
		height: 30px;
		padding: 10px 0 0 25px;
    width: 950px;
    margin: 0 auto;
		}


	#nav ul {
		list-style:  none;
		margin: 0 auto;
		text-align: center;
    width: 90%;
		}

	#nav li	{
		float: left;
		padding: 0 9px;
    margin: 0 10px 0 10px;
		}
		
	#nav a {
		display: block;
		font: bold 1.4em Arial, san-serif;
		text-transform: uppercase;
		font-weight: bold;
    color: #00d5a9;
		text-align: center;
		line-height: 30px;
		vertical-align: middle;
		}

	#nav a:hover {
		line-height: 30px;
		vertical-align: middle;
		color: #005d86;
		text-decoration: none !important;
		}


/***********************
* Content              *
***********************/
#content {
	font-size: 1.2em;
	/* probably not needed 
  background: transparent url('./images/recycle.png')  650px 4px no-repeat;
  */
	}


	/***********************
	* Narrow Column        *
	***********************/
	.narrowcolumn {
		float: left;
		padding: 0 0 20px 65px;
		margin: 0px 0 0;
		width: 800px;
		width: 635px;
    /* FIXME start here!!!! */
		}
		
	.narrowcolumn .postmetadata {
		text-align: center;
		padding-top: 5px;
		}
		
	.narrowcolumn .entry, .widecolumn .entry {
		line-height: 1.4em;
		}


	/***********************
	* Wide Column          *
	***********************/
	.widecolumn {
		line-height: 1.6em;
		padding: 10px 20px 20px 0;
		margin: 5px 0 0 150px;
		width: 630px;
		}
		
	.widecolumn .entry p {
		font-size: 1.05em;
		}	
	
	.widecolumn .post {
		margin: 0;
		}
	.widecolumn .postmetadata {
		margin: 30px 0;
		}

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

	.widecolumn .smallattachment {
		text-align: center;
		float: left;
		width: 128px;
		margin: 5px 5px 5px 0px;
		}
	
	
	/***********************
	* Entry                *
	***********************/
	.entry p a:visited {
		color: #b85b5a;
		}
		
	.entry ol {
		padding: 0 0 0 35px;
		margin: 0;
		}

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


	/***********************
	* Post                 *
	***********************/
	.post {
		margin: 0 0 40px;
		text-align: justify;
		}

	.post h2	{
		font-size: 1.9em;
		width: 100%;
		border-bottom: 1px dotted #333;

		}
		
	.post h2 a	{

		}
		
	.postmetadata {
		clear: both;
		/*
    background: transparent url('./images/ribbondiv.gif') no-repeat;
    */
		height: 81px;
		padding-top: 29px !important;
		color: #fff;
		}
		
	.postmetadata ul, .postmetadata li {
		display: inline;
		list-style-type: none;
		list-style-image: none;
		}
		
	.postmetadata a	{
		font-weight: bolder;
		text-decoration: underline;
	}
	.alt {
		background-color: #f8f8f8;
		border-top: 1px solid #ddd;
		border-bottom: 1px solid #ddd;
		}

	/***********************
	* Images               *
	***********************/
	a img {
		border: none;
		}
		
	p img {
		padding: 0;
		max-width: 100%;
		}
		
	img.centered {
		display: block;
		margin-left: auto;
		margin-right: auto;
		}

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

	img.alignleft {
		padding: 4px;
		margin: 0 7px 2px 0;
		display: inline;
		}
	
		/***********************
		* Image Captions       *
		***********************/

		.wp-caption {
			border: 1px solid #ddd;
			text-align: center;
			background-color: #f3f3f3;
			padding-top: 4px;
			margin: 10px;
			-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;
			}


	
/***********************
* Sidebar              *
***********************/

/*
    */
#sidebar {
	font: 1.3em 'Bradley Hand ITC', 'Lucida Grande', Verdana, Arial, Sans-Serif;
	font: 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	padding: 10px !important;
	margin-left: 720px;
	width: 200px;
	background: #333;
  margin-top: 60px;
	color: #fff !important;
  display: block;
	}
	
#sidebar #searchform #s {
	width: 108px;
	padding: 2px;
	}

#sidebar #searchsubmit {
	padding: 1px;
	}

#sidebar h2 {
	font-family: 'Bradley Hand ITC', 'Lucida Grande', Verdana, Sans-Serif;
	font-family: 'Lucida Grande', Verdana, Sans-Serif;
	font-size: 1.2em;
	margin: 5px 0 0;
	padding: 0;
	color: #fefdf6;
	}

#sidebar form {
	margin: 0;
	}


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

#blog_archives ul
{
	margin: 0;
	padding: 0;
}
#blog_archives li
{
  list-style-type: none;
  list-style-image: none;
  margin-bottom: 15px;
  display: inline;
  margin-left: 5px;
  margin-right: 5px;
}

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

#sidebar ul p, #sidebar ul select {
	margin: 5px 0 8px;
	}

#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;
	}
	
mall, #sidebar ul ul li, #sidebar ul ol li, .nocomments, .postmetadata, blockquote, strike {
	color: #009ad7;

	}
#sidebar a	{
		color: #fff !important;
		text-decoration: underline;
		}
		
		
	/***********************
	* Search               *
	***********************/
	#searchform {
		margin: 10px auto;
		padding: 5px 3px;
		text-align: center;
		}

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

	select {
		width: 130px;
		}
	
	
	/***********************
	* Calendar             *
	***********************/
	#wp-calendar {
		empty-cells: show;
		margin: 10px auto 0;
		width: 155px;
		}
		
	#wp-calendar a {
		text-decoration: none;
		display: block;
		}

	#wp-calendar caption {
		font: bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif;
		text-align: center;
		text-align: center;
		width: 100%;
		}
		
	#wp-calendar th {
		font-style: normal;
		text-transform: capitalize;
		}
		
	#wp-calendar td {
		padding: 3px 0;
		text-align: center;
		}

	#wp-calendar td.pad:hover { /* Doesn't work in IE */
		background-color: #fff; }
		
	#wp-calendar #prev a, #wp-calendar #next a {
		font-size: 9pt;
		}
		
	#wp-calendar #next a {
		padding-right: 10px;
		text-align: right;
		}

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



/***********************
* Comments             *
***********************/
h3.comments {
	padding: 0;
	margin: 40px auto 20px ;
	}
.commentlist {
	padding: 0;
	text-align: justify;
	}
	
.commentlist li, #commentform input, #commentform textarea {
	font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	}

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

.commentlist li .avatar { 
	float: right;
	border: 1px solid #eee;
	padding: 2px;
	background: #fff;
	}

.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;
	margin: 10px 5px 10px 0;
	}
	
#commentform #submit {
	margin: 0;
	float: right;
	}
	
#commentform p {
	font-family: 'Bradley Hand ITC', 'Lucida Grande', Verdana, Arial, Sans-Serif;
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	margin: 5px 0;
	}

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

#commentform textarea {
	width: 100%;
	padding: 2px;
	}

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

.commentmetadata {
	margin: 0;
	display: block;
	font-weight: normal;
	}

.alt {
	margin: 0;
	padding: 10px;
	}
	
	
/***********************
* Footer               *
***********************/
#footer {
	border: none;
	padding: 20px;
	padding-bottom: 60px;
	margin: 0 auto;
  width: 950px;
	clear: both;
	position: relative;
  /*
	left: -82px;
  */
  color: #84ead2;
	}

#footer p {
	margin: 0;
	padding: 10px 0;
	text-align: center;
	}

#bottomnav	{
	margin: auto 0;
	padding: 0;
	text-align: center;
	font-size: 1.1em;
	font-weight: bold;
	}

#bottomnav ul {
	margin: auto 0;
	display: inline;
	list-style: none;
	padding: 0;
	border: none;
	}

#bottomnav li	{
	display: inline;
	padding: 0 9px;

	}
	
#footer a {
	color: #000;
  color: #84ead2;
	font-size: .8 em;
	}

#footer hr	{
	display: block;
	border: none;
	background: transparent url('./images/flowerdiv.jpg') no-repeat;
	height: 5px;
	}
	
#copyright	{
	/* 
  background: transparent url('./images/blackdivtop.png') center 50px no-repeat;
  */
	height: 5px;
	}
	
#wordpress a {
	display: block;
	background: transparent url(./images/sticker.png) no-repeat top center!important;
	width: 62px;
	height: 62px;
	margin: 10px;
	text-decoration: none;
	margin: -20px auto -30px auto !important;
	}

#wordpress a:hover {
	background: transparent url(./images/sticker.png) no-repeat bottom center!important;
	}





/* 

You got to admit: though overused, Kubrick is pretty clean. 
I just rearranged it to make a more generic starting place for WP designers.

*/