/*   
Theme Name: Thomas Clulow dot com Theme
Theme URI: http://www.thomasclulow.com/
Description: Customised Thomas Clulow dot com WordPress template.
Author: Thomas Clulow
Author URI: http://www.thomasclulow.com/
Version: 1.0
*/

body {
	height: 100%;
	margin: 0px;
	padding: 0px;
	background: #FFFFFF;
	font-family: Arial, Helvetica, Lucida Grande, sans-serif;
	font-size: 13px;
	color: #444444;
	text-align: center;}

a:link		{ color: #444444; font-weight: bold; text-decoration :none; }
a:visited	{ color: #444444; font-weight: bold; text-decoration :none; }
a:hover		{ color: #FFFFFF; background: #444444; font-weight: bold; text-decoration :none; }

h1, h1 a 	{ font-size: 48px; margin: 0px; padding: 0px; text-decoration: none; }
h1 a:hover 	{ color: #111111; background: inherit; }

h2, h2 a 	{ font-size: 20px; margin: 0px; padding: 0px; text-decoration: none; }
h2 a:hover 	{ color: #111111; background: inherit; }

h3, h3 a	{ font-size: 10px; font-weight: normal; margin: 0px; padding: 0px; text-decoration: none; }
h3 a:hover 	{ color: #111111; background: inherit; }

img			{ border: none; }

label {
	float: left;
	width: 100px;
	text-align: right;}
	
#contactsubmit {
	margin-left: 100px;}

.float-left { float: left; }
.float-right{ float: right; }

#cell {
	position: absolute;
	width: 570px;
	height: 100%;
	left: 90px;
	text-align: center;}

	#left-column {
		width: 570px;
		min-height: 100%;
		border-left: 10px #444444 solid;
		border-right: 10px #444444 solid;}

		#adbar {
			width: 570px;
			height: 120px;}

			.ad {
				display: block;
				float: left;
				width: 190px;
				height: 120px;}

				.ad a {
					display: block;
					line-height: 120px;}

				.ad a:hover {
					background: none;}

			#ad1 {
				background: url('ads/ad1.gif');}

			#ad2 {
				background: url('ads/ad2.gif');}

			#ad3 {
				background: url('ads/ad3.gif');}

			#ad1:hover, #ad2:hover, #ad3:hover {
				background-position: 0px -120px;}

		#socialbar {
			width: 570px;
			height: 120px;
			background: #EEEEEE;}

			#twitterbar {
				position: absolute;
				width: 180px;
				height: 105px;
				left: 10px;
				padding: 10px;
				padding-top: 5px;
				padding-right: 0px;
				text-align: left;}

				#twitterbar p {
					margin-top: 3px;
					font-size: 11px;
					line-height: 14px;}

					#twitterbar p span.twitter-timestamp {
						color: #999999 !important;}

		#flickrbar {
			position: absolute;
			width: 370px;
			height: 105px;
			right: -10px;
			padding: 10px;
			padding-top: 5px;
			padding-right: 0px;
			text-align: left;}

			#flickrbar a:hover {
				background: inherit;}

				#flickrbar img {
					margin: 2px;
					margin-right: 7px;
					border: 3px #444444 solid;}

				#flickrbar img:hover {
					border: 3px #111111 solid;}

		#content {
			width: 570px;
			padding-top: 10px;
			padding-bottom: 5px;}

			.post-entry {
				padding: 10px;
				line-height: 17px;}

				.post-title {
					margin-bottom: 5px;
					text-align: left}

				.post-meta {
					margin-top: 0px;
					margin-bottom: 5px;
					text-align: left;}

				.post-ad {
					margin-top: 10px;
					margin-bottom: 0px;}

				.post-content {
					text-align: justify;}

				.post-footer {
					margin-bottom: 20px;
					font-size: 14px;
					font-weight: bold;
					text-align: left;}

			.post-comments {
				width: 570px;
				margin-top: -15px;
				margin-bottom: 10px;}

				.post-comment-entry {
					width: 460px;
					margin-top: 15px;
					margin-bottom: -5px;
					padding-left: 100px;
					padding-right: 10px;
					padding-top: 12px;
					padding-bottom: 4px;
					background: #EEEEEE;
					text-align: justify;}

					.post-comment-entry p {
						margin-top: 5px;
						margin-bottom: 5px;}

					.post-comment-entry h3 {
						margin-bottom: 7px;
						font-size: 12px;
						font-weight: bold;}

						.post-comment-entry h3 a {
							font-size: 12px;
							font-weight: bold;}

					h3.post-comment-title {
						margin-bottom: 0px;}

					.post-comment-content {
						}

						.post-comment-content p.comment-moderation {
							font-size: 11px;
							font-weight: bold;}
				
				.subscribe-to-comments {
					width: 100%;
					margin-left: 0px ! important;
					margin-bottom: -10px ! important;
					padding-left: 0px ! important;
					border-left: none ! important;}
					
				.subscribe-to-comments label {
					float: none ! important;
					width: 100% ! important;
					font-size: 12px;}
				
				.contactform h3 {
					margin-top: 15px;
					margin-bottom: 25px;
					padding-left: 100px;
					font-size: 14px;
					font-weight: bold;}

			.error {
				margin-top: 10px;
				padding-top: 20px;
				padding-bottom: 10px;
				background: #EEEEEE;}
			
			.pagination {
				height: 14px;
				margin-bottom: 10px;
				padding: 15px;
				background: #EEEEEE;
				font-size: 14px;}
			
			#s {
				height: 14px;
				width: 546px;
				color: #444444;
				font-weight: bold;}
				
			.archive-list {
				margin: 0px;
				margin-top: 20px;
				padding: 0px;}
			
				.archive-list li {
					margin-top: 5px;
					list-style-type: none;
					font-size: 14px;}

	#right-column {
		position: absolute;
		width: 240px;
		top: 0px;
		left: 590px;}

		#logobar {
			width: 230px;
			height: 110px;
			padding: 5px;
			margin-left: -10px;
			border-left: 10px #444444 solid;
			font-size: 48px;
			font-weight: bold;
			text-align: left;
			letter-spacing: -0.09em;}

		#logobar:hover {
			border-left: 10px #111111 solid;
			color: #111111;}

			#logobar a {
				display: block;}

			#logobar:hover a {
				color: #111111}

			#logobar span {
				color: #999999;}

			#logobar:hover span {
				color: #444444;}

		#cardbar {
			width: 230px;
			height: 120px;
			margin-left: -10px;
			border-left: 10px #444444 solid;
			background: url('media/card.gif');
			background-repeat: no-repeat;}

		#cardbar:hover {
			border-left: 10px #111111 solid;
			background-position-y: -120px;}

			#cardbar a {
				display: block;
				line-height: 120px;}

			#cardbar a:hover {
				background: none;}

		#navbar {
			width: 230px;
			padding: 5px;
			text-align: left;}

			#navbar ul {
				margin: 0px;
				margin-bottom: 55px;
				padding: 0px;}

				#navbar ul li {
					list-style: none;
					margin-top: 10px;
					margin-left: -15px;
					padding-left: 5px;
					border-left: 10px #444444 solid;
					font-size: 30px;
					font-weight: bold;}

				#navbar ul li.active {
					border-left: 10px #111111 solid;
					color: #111111;}

					#navbar ul li a {
						display: block;}

					#navbar ul li.active a {
						color: #111111;}

				#navbar ul li:hover {
					border-left: 10px #111111 solid;
					color: #111111;}

					#navbar ul li:hover a {
						background: inherit;
						color: #111111;}

		#footerbar {
			width: 230px;
			margin-top: -50px;
			margin-left: 580px;
			padding-left: 10px;
			border-left: 10px #444444 solid;
			text-align: left;
			font-size: 11px;}

		#footerbar:hover {
			border-left: 10px #111111 solid;}

			#footerbar a {
				display: block;}

			#footerbar a:hover {
				background: inherit;
				color: #111111;}