/*
Theme Name: Thomas Paine

Description: touch my face.
Version: 1.1
Author: Julius Bangert

Tags: three columns, hoirizontal navigation

	Julius Bangert v1.1
	 

	This theme was designed and built by Julius Bangert
	
	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/


/*--common--*/
img
	{
	margin: 0px; padding: 0px; border: none;
	}

*
	{
	margin: 0px; padding: 0px;
	}
	
.clear
	{
	clear: both;
	}





a
	{
	text-decoration: none;
	}

a:link, a:visited
	{
	/*font-family: Georgia;*/
	color: #990101;
	}


a:hover
	{
	/*font-family: Georgia;*/
	text-decoration: underline;
	}

ul
	{
	list-style: square outside url('images/bullet.gif');
	margin-left: 10px;
	}

li
	{
	margin-bottom: 10px;
	}

/*--body--*/
body
	{
	font-size: 80%; /* Resets 1em to 10px */
	font-family: Helvetica, 'Arial', sans-serif;
	text-align: center;
	background:  #eee;
	color: #494949;
	line-height: 130%;
	}
	
#wrapper
	{
	text-align: left;
	margin: 0px auto;
	width: 962px;
	padding-top: 20px;
	background-color: white;
	/*font-size: 130%;*/
	}
	
#banner
	{
	text-align: center;
	margin: 0 20px;
	width: 922px;
	}
	
h1
	{
	margin: 0 auto;
	}
	
	
/*--nav--*/

#nav
	{
	width: 922px;
	background-color: #ebe7e7;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 150%;
	color: #6d4e4e;
	margin: 10px 20px 0 20px;
	}
	
#nav ul
	{
	padding: 8px;
	list-style: none;
	margin: 0;
	}

#nav li
	{
	display: inline;
	padding: 0 15px;
	border-right: 1px solid #6d4e4e;
	margin: 0;
	}
	
#nav ul li:last-child
	{
	border: none;
	}

#nav a
	{
	text-decoration: none;
	}

#nav a:link, #nav a:visited
	{
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #6d4e4e;
	}


#nav a:hover
	{
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #990101;
	text-decoration: none;
	}

		
#col1
	{
	
	float: left;
	display: inline;
	width: 280px;
	margin: 20px;
	}
	
#col2
	{
	
	float: left;
	display: inline;
	width: 280px;
	margin: 20px 0;
	padding: 0 20px;
	border-left: solid 1px #dedede;
	border-right: solid 1px #dedede;
	}
	
#col3
	{
	float: left;
	display: inline;
	width: 280px;
	margin: 20px;
	}
	
#col2-wide
	{
	float: left;
	width: 600px;
	margin: 20px 0;
	padding: 0 20px;
	border-left: solid 1px #dedede;
	}
	
/*--quote--*/

.quote
	{
	color: white;
	background: #c4dc9b url(images/open-quote-big2.gif) top left no-repeat;
	font-size: 150%;
	line-height: 120%;
	margin: 20px 0 20px 20px;
	}
	
.quote-inner
	{
	padding: 30px 30px 10px 30px;
	}

.quote p
	{
	background: transparent url(images/close-quote.gif) bottom right no-repeat;
	text-indent: 30px;
	margin: 0;
	}	
	

.citation
	{
	display: block;
	font-size: 80%;
	color: #8991a1;
	text-align: right;
	padding-top: 10px;
	}
	
	
/*--latest-*/

#latest
	{
	margin-top: 10px;
	border: 10px solid #f7f6f6;
	}

h3
	{	
	color: #6d4e4e;
	font-size: 200%;
	padding: 15px 10px;
	}

#latest ul
	{
	list-style-image: none;
	list-style-type: none;
	list-style-position: outside;
	margin: 10px;
	}

#latest li
	{
	padding-top: 10px;
	border-top: 1px dotted #dedede;
	font-size: 125%;
	line-height: 130%;
	}

#latest a:link, #latest a:visited
	{
	font-family: Helvetica, 'Arial', sans-serif;
	text-decoration: none;
	/*color: #8991A1;*/
	}
	
#latest a:hover
	{
	text-decoration: underline;
	} 	
	
//.latest-article
//	{
//	padding-top: 10px;
//	margin: 5px 10px;
//	border-top: 1px dotted #dedede;
//	font-size: 125%;
//	line-height: 130%;
//	}	



/*below is a scabby hack, this wont do.. idealy the colours should change for every three posts accordingly but here you go*/

#latest_article_1
	{
	color: #64897e;
	}
	
#latest_article_2
	{
	color: #990101;
	}	
#latest_article_3
	{
	color: #8991a1;
	}
#latest_article_4
	{
	color: #64897e;
	}	
#latest_article_5
	{
	color: #990101;
	}	
#latest_article_6
	{
	color: #8991a1;
	}
#latest_article_7
	{
	color: #64897e;
	}	
#latest_article_8
	{
	color: #990101;
	}
#latest_article_9
	{
	color: #8991a1;
	}
#latest_article_10
	{
	color: #64897e;
	}


	
/*--col2--*/

h2
	{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	font-size: 200%;
	font-weight: normal;
	line-height: 130%;
	}
	
.red-heading
	{
	color: #990101;
	}
	
.green-heading
	{
	color: #64897e;
	}
	
.blue-heading
	{
	color: #8991A1;
	}
	
#col1 h2, #col2 h2, #col3 h2
	{
	text-align: center;
	}  
	
.pull-quote
	{
	font-size: 120%;
	font-weight: bold;
	padding: 20px 0;
	line-height: 150%;
	border-bottom: 1px dotted #dedede;
	}
		
p
	{
	margin: 10px 0;
	}
	
#picture-block
	{
	margin-top: 20px;
	}
	
.picture-block-img
	{
	float: left;
	display: inline;
	}
	
.picture-block
	{
	margin: 10px -4px;
	}

.picture-block img
	{
	margin: 2px;
	}
	
/*--contact--*/

h5
	{
	margin: 20px 0;
	line-height: 110%;
	font-size: 120%;
	color: #990101;
	font-weight: normal;
	}

address
	{
	margin-top: 20px;
	padding-top: 20px;
	border-top: 1px dotted #dedede;	font-style: normal;
	font-style: normal;
	/*color: #990101;*/
	}
	
	
	
	
/*----*/

.inline-image
	{
	float: right;
	margin: 0 0 20px 20px;
	/*display: inline;*/
	}
	
.entry
	{
	dislplay: inline;
	float: left;
	}
	
	
/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

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

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

img.alignleft {
	padding: 4px;
	margin: 0 20px 20px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
/* End Images */
	
/*--posts--*/

.single-post
	{
	width: 450px;	
	}
	
.posts-nav, .posts-nav a
	{
	font-family: Helvetica, 'Arial', sans-serif;
	margin-bottom: 20px;
	}

.single-post .red-heading
	{
	font-style: normal;	
	}	
	
/*--search--*/

#searchform
	{
	width: 280px;
	padding-bottom: 20px;
	border-bottom: 1px dotted #dedede;
	}

.search-field
	{
	float: left;
	display: inline;
	width: 200px;
	border: 1px solid #dedede;
	padding: 3px;
	color: #848484;
	}
	
.submit-button
	{
	float: right;
	}
	
.search-again
	{
	margin: 20px 0;
	font-weight: bold;
	color: #64897e; 
	}
	
	
/*--footer--*/

#footer-list
	{
	padding: 10px;
	margin: 0 20px;
	text-align: center;
	font-size: 80%;
	list-style: none;
	border-top: 1px solid #eee;
	}
	

#footer-list li
	{
	display: inline;
	margin: 10px;
	}
	
#footer-list li, #footer-list li a
	{
	font-family: Helvetica, 'Arial', sans-serif;
	color: #848484;;
	}
	
	
	
/*--events-details--*/

.events-details
	{
	margin: 0;
	padding: 20px 0;
	border-bottom: 1px dotted #dedede;
	list-style: none;
	}

.events-details h5
	{
	margin:  0 0 10px 0;
	padding: 0;
	line-height: 80%;
	font-weight: bold;
	}
	
.events-details h6
	{
	margin:  0 0 10px 0;
	color: #64897E;
	font-size: 130%;
	line-height: 120%
	}
	
.events-details p
	{
	margin:  0 0 10px 0;
	padding: 0;
	}

	
.events-details b
	{
	display: block;
	/*margin:  0 0 10px 0;*/
	}
	

.events-list a, .events-list a:link, .events-list a:hover
	{
	color: #8991A1;
	}

.events-details .back-to-top
	{
	}