/*

Theme Name: Antti Kupila.com

Theme URI: http://www.anttikupila.com	

Description: Design for AnttiKupila.com's blog.

Version: Clean white

Author: Antti Kupila

Author URI: http://www.anttikupila.com

*/

* {
	padding: 0;
	margin: 0;	
	font-weight: normal;
}

html, body {
	height: 100%;
}

body {
	color: #333;
	background: url(img/bg.gif) repeat-x #e5e5e5;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 62.5%; /* IE 6 */
}

html>body {
	font-size: 10px; /* Firefox etc */
}

ul {
	list-style: none;
}

a {
	text-decoration: none;
	outline: none;
	color: #0d61bf;
	background: #fff;
}

	a:hover, a:focus {
		color: #be5c0d;
		background: #fff;
	}

.accessibility, .hide {
	position: absolute;
	left: -9000px;
	top: 0;
}

#top {
	margin: 0 auto;
	width: 89.6em;
	color: #333;
	background: #fff;
	border: #ccc solid;
	border-width: 0 0.1em;
	min-height: 100%;
	max-width: 95%;
	position: relative;
}

.clearfloat {
	height: 0;
	clear: both;
}

	/* HEADER */
	
	.header {
		height: 160px;
		position: relative;
	}
	
		.header h1 {
			position: absolute;
			right: 2.66em;
			bottom: 49px;
			font-size: 2.4em;
		}
		
			.header h1 a {
				color: #222;
				background: #fff;
			}
		
		.header h2 {
			position: absolute;
			right: 6.4em;
			bottom: 35px;
			text-transform: uppercase;
			color: #cacaca;
			background: #fff;
			font-size: 1em;
		}
		
		.header ul {
			position: absolute;
			left: 5.4em;
			bottom: 35px;
		}
		
			.header ul li {
				float: left;
			}
			
				.header ul li a {
					color: #808080;
					background: #fff;
					padding: 1em;
					text-transform: uppercase;
					font-weight: bold;
				}
				
					.header ul li.active a, .header a:hover, .header a:active {
						color: #be5c0d;
						background: #fff;
					}
				
	/* MAIN IMAGE */
	
	#main_image {
		margin-bottom: 3.2em;
		overflow: hidden;
		color: #fff;
		background: #000;
	}
	
		#main_image img {
			margin: 0 0 -0.25em 0;
		}
	
	/* SIDEBAR */
				
	#sidebar {
		float: left;
		margin: 0 7%;
		width: 21%;
		line-height: 1.2em;
	}
	
		#sidebar h4 {
			font: 1.4em "Lucida Grande",Geneva,"HelveticaNeue",Arial,Helvetica,sans-serif;
			color: #888;
			background: #fff;
			font-weight: bold;
			text-transform: lowercase;
		}

			#sidebar ul li ul {
				margin: 0.4em 0 3.2em 0;
			}
			
			#sidebar ul li ul li {
				padding: 0.2em 0 0.2em 1.2em;
			}
				
			#sidebar a {
				color: #888;
				background: #fff;
				display: block;
			}
			
				#sidebar a:hover, #sidebar a:active {
					color: #be5c0d;
					background: #fff;
				}
				
	/* Main content */
	
	#main_content {
		float: left;
		width: 59%;
	}
	
	#main_content .content a, #portfolio_items a {
		border-bottom: 1px #ccc dotted;
	}
	
	#main_content strong {
		font-weight: bold;
	}
	
		#main_content h3 {
			font: 2.8em "Lucida Grande",Geneva,"Helvetica Neue",Arial,Helvetica,sans-serif;
			color: #be5c0d;
			background: #fff;
			padding-bottom: 0.5em;
			border-bottom: 1px #b3b3b3 solid;
			clear: both;
		}
		
			#main_content h3 a {
				color: #be5c0d;
				background: #fff;
				display: block;
			}
		
			#main_content h3 a:hover, #main_content h3 a:active {
				color: #222;
				background: #fff;
			}
		
		/* Blog */
		
		.post {
			margin-bottom: 5em;
		}
		
			.post .content {
				padding-top: 1em;
				margin-top: 1em;
				position: relative;
			}
			
				.post .content ul.list, .post .content ol.list {
					font-size: 1.2em;
					margin-bottom: 1em;
				}
				
				.post .content .list li {
					margin: 0 0 0.5em 3em;	
				}
				
				.post .content ul.list li {
					list-style-type: square;
				}
				
			.content table {
				width: 100%;
				font-size: 1.2em;
				margin-bottom: 2em;
			}
			
				.content table * {
					border: 0.1em #f6f6f6 solid;
				}
				
				.content th {
					font-weight: bold;
					text-align: left;
					color: #000;
					background: #f6f6f6;
					padding: 0.5ex 0.5em;
				}
				
				.content td {
					padding: 0.5ex 0.5em;
				}
				
			.content ol, .content ul.list {
				padding-left: 2em;
				margin-bottom: 2em;
				line-height: 1.6em;
			}
				.content li ol {
					font-size: 0.83333em;
				}
				
				.content ol li {
/*					font-size: 1.2em; */
				}
			
			.content h4 {
				clear: both;
				font-size: 2em;
				margin: 0.5em 0 0.5em 0;
			}
			
				.content p {
					color: #333;
					background: #fff;
					font: 1.2em/1.5em Arial, Helvetica, Verdana, sans-serif;
					padding-bottom: 2em;
					margin-bottom: -0.5em;
				}
				
				.content img {
					border: 1px #999 dotted;
					padding: 0.1em;
				}
				
				.content .left {
					float: left;
					margin: 0 1em 0.5em 0;
				}
				
				.content .right {
					float: right;
					margin: 0 1em 1em 1em;
				}
				
				.post_meta {
					float: right;
					border-top: 0.1em #ececec dotted;
					padding-top: 0.5em;
					margin-bottom: 2em;
				}
				
				.post_meta li
				{
					float: left;
					margin-left: 0.6em;
					padding-left: 0.6em;
					border-left: 1px #ccc solid;
				}
				
				.post .content blockquote {
					padding: 0.5em 2em;
					border-left: 0.3em #eee solid;
					margin-bottom: 2em;
					display: block;
					color: #666;
					background: #fcfcfc;
				}
				
				.post .content blockquote * {
					padding: 0;
					margin: 0;
					font-style: italic;
					letter-spacing: 0.03em;
					color: #666;
					background: #fcfcfc;
				}
		
		#comments {
			border-top: 0.1em #ccc dashed;
			padding-top: 1em;
			clear: both;
		}
		
			#comments textarea, #comments input.text {
				padding: 0.2em;
				color: #333;
				font: 1.1em/1.4em Arial, Helvetica, Verdana, sans-serif;
				border: 1px #999 solid;
			}
			
				#comments textarea:focus, #comments input:focus {
					color: #000;
					background: #ffffdd;
					border-color: #666;
				}
			
			#comments textarea {
				width: 95%;
				margin: 1em 0;
			}
			
			#comments ol {
				margin-bottom: 3em;
			}
			
			#comments li {
				border-bottom: 0.1em #ccc dotted;
				padding: 2.5em 0;
			}
			
				#comments p {
					margin: 0;
					padding: 0;
				}
			
				#comments .meta {
					font-weight: bold;
					font-size: 1.3em;
					position: relative;
				}
				
				#comments li.authorcomment {
					/* no special li style .. yet */
				}
				
					#comments .meta span.authorcomment {
						position: absolute;
						right: 1em;
						color: #be5c0d;
						font-size: 0.85em;
					}
			
				#comments li .post {
				/*	margin: 0.5em 0; */
					margin: 0 0 -1em;
				}
				
					#comments li .post p {
						margin: 1em 0;
					}
				
			#comments label {
				margin-left: 0.5em;
			}
			
			#comments h5 {
				font-size: 1.6em;
				font-weight: bold;
				margin: 0.5em 0;
			}
			
			h5.postcomment {
				margin-top: 2em;
				font-weight: normal;
			}
			
			.postcomment input {
				margin: 0.2em 0;
			}
			
		#about {
			margin: 1em 0 3em;
		}
				
		/* Portfolio */
		
		.portfolio .sorted {
			color: #d9d9d9;
			background: #fff;
			font-size: 0.5em;
		}
		
			#portfolio_items li {
				margin: 3em 0 3em;
				padding-bottom: 3em;
				border-bottom: 1px #b3b3b3 solid;
				line-height: 1.4em;
			}
			
			#portfolio_items li h4 {
				font: 1.8em "Lucida Grande",Geneva,"Helvetica Neue",Arial,Helvetica,sans-serif;
				color: #333;
				background: #fff;
				margin-bottom: 0.5em;
				clear: both;
			}
			
			#portfolio_items div {
				display: block;
				height: 24.8em;
			}
			
			#portfolio_items table {
				margin-top: 0.5em;
				font-size: 1.1em;
			}
			
			#portfolio_items th {
				color: #666;
				font-weight: bold;
				text-align: left;
				padding: 0 1em;
				vertical-align: top;
				line-height: 1.4em;
			}
			
			#portfolio_items td {
				padding: 0 1em;
			}
			
			#portfolio_items .more {
				border: none;
				margin: 0;
				font-size: 1.1em;
			}
			
				#portfolio_items .more em {
					font-style: normal;
					color: #be5c0d;
					background: #fff;
				}
		
				
	/* LINKS */
	
		.linklist ul {
			font-size: 1.1em;
			margin: 1em 0 2em 0;
			float: right;
			width: 46%;
		}
		
		.linklist ul.left {
			float: left;
			margin-right: 4%;
		}
		
		.linklist ul.newrow {
			clear: left;
		}
		
		.linklist h2 {
			font-size: 1.8em;
			margin: 1em 0 0.5em;
			color: #333;
		}
		
		.linklist li {
			display: inline;
			padding: 0;
			margin: 0;
		}
		
		.linklist a {
			display: block;
			margin: 0 0 0.5em 1em;
		}
		
		.linklist a:hover, .linklist a:focus {
			color: #be5c0d;
			background: #fff;
		}

				
	/* ERROR */
	
	.error h1, .login h1 {
		font-size: 3.6em;
		margin: 0;
	}
	
	.error h1 span {
		color: #be5c0d;
		background: #fff;
	}
	.error h2 {
		color: #333;
		background: #fff;	
		font-size: 1.1em;
		font-weight: bold;
	}
	
	.error h4	
	{
		margin-top: 1.6em;
		font-style: italic;
		color: #999;
		background: #fff;
	}

	/* FOOTER */
	
	#footer {
		clear: both;
		height: 3em;
		color: #888;
		background: #f0f0f0;
		border-top: 0.1em #e6e6e6 dashed;
	}
		#footer ul {
			float: right;
			margin: 1em 4.6em;
			display: inline;
		}
	
		#footer li {
			float: left;
			margin: 0 0.5em;
		}
		
		#footer a {
			color: #666;
			background: #f0f0f0;
/*			padding: 1em 0.6em 0.9em;
			margin: -1em -0.7em -1em -0.4em;
			*/
		}
		
		#footer a:hover, #footer a:active {
			color: #be5c0d;
		}
		
		#footer p {
			padding: 1em 40px;
		}
		
	/* SITEMAP */
	
		.sitemap {
			margin: 2em 0;
		}

		.sitemap .column {
			float: left;
			width: 24.1em;
			margin: 0 2em 2.5em 0;
		}
		
		.sitemap h4 {
			font-size: 1.4em;
			margin-bottom: 0.5em;
			border-bottom: 0.1em #eee solid;
		}
		
			.sitemap h4 a {
				color: #333;
				background: #fff;
			}
		
		.sitemap a {
			display: block;
			font-size: 1.2em;
		}		
		
			.sitemap .list a {
				padding: 0.2em 0 0.4em 1em;
			}
		
			.sitemap a:hover, .sitemap a:active {
				color: #be5c0d;
				background: #fff;
				
			}
			
#main_content .wp-smiley, .content img.noborder, .noborder *, .rss-button {
	border: 0;
}

* .noborder, a img {
	border: 0;
	border-left: 0;
	border-right: 0;
	border-top: 0;
	border-bottom: 0;
}

.rss-button {
position: relative;
}

#searchresults li {
	padding: 0.2em 0;
}