/*
Theme Name: Saumil
Theme URI: http://shmlx.info/
Description: 3 column theme.
Version: 1.0
Author: Rūdolfs Eglītis (shmlx)
Author URI: http://shmlx.info/
*/


/*
 *  -- Tags
 */

* { margin: 0; padding: 0; }
html, body { font-size: 84.01%; }
body {
	font: 1em/1.4em Arial, Verdana, sans-serif;
	text-align: center;
	color: #555; background: #f6f5f5 url('img/background.jpg') repeat-x top left;
}
h1, h2, h3, h4, h5, h6 {
	margin: 0;
	font-weight: normal; letter-spacing: -1px;
}
h1 { font-size: 2em; }
h2 { font-size: 1.6em; }
h3 { font-size: 1.4em; }
h4 { font-size: 1.2em; }
h5, h6 { font-size: 1em; }
ul, ol { padding: 0; padding-left: 1em; }
ul li { list-style-type: none; }
pre, code { font: .92em Consolas, 'Lucida Sans Typewriter', 'Courier New', monospace; }
img { border: none; }
a { text-decoration: none; }
label { cursor: pointer; }

input, textarea { padding: .4em; }
input.button { padding: .4em .8em; font-weight: 900;}
textarea { width: 100%; font: 1em/1.4em Arial, Verdana, sans-serif; }
textarea, input.text { color: #777; background: #fbfbfb; border: 1px solid #ccc; }
textarea:focus, input.text:focus { background: #f9f9f9; border: 1px solid #bbb; }



/*
 *  -- #header
 */

#header {
	height: 119px;
	_height: 121px; /* Targets IE */
	border-bottom: 2px solid #fff;
}
	#header .meta { float: left; }
	#header .saumil {
		float: right;
		position: absolute;
		width: 323px; height: 142px;
		margin-right: 4%;
		right: 10%;
		top: 0;
		background: url('img/saumil.jpg') no-repeat bottom right;
		z-index: 1;
	}
	#header h1 {}
		#header h1 a {
			display: block;
			text-indent: -999em;
			width: 287px; height: 92px;
			background: transparent url('img/header.jpg') no-repeat top left;
			outline: none;
		}
	#header p {
		padding-left: 20px; padding-top: 4px;
		font-size: .96em;
		color: #9fb7c3;
	}
		#header p a { color: #9fb7c3; }


/*
 *  -- #container
 */

#container {
	margin: 0 auto 1em auto;
	width: 86%; min-width: 776px; max-width: 1024px;
	text-align: left;
}


/*
 *  -- #container
 */

#main-content {
	padding: 1em;
	background: #fff url('img/content.png') repeat-x top left;
	border: 2px solid #dadada; border-top: none;

}


/*
 *  -- #content
 */

#content {
	clear: right; float: left;
	padding: 1em .6em;
	width: 55%;
}
	#content h2 {
		font-variant: normal;
		text-align: center;
		color: #999;
	}
	#content h3 a {
		font-size: 1.6em;
		color: #5e89b2;
	}
	#content h3 a:hover, #content h3 a:active { color: #387ca3; }
	#content a { color: #5e89b2; }


/*
 *  -- .post
 */

.post {
	clear: both;
	margin-bottom: 2em;
	width: 100%;
	height: 100%;
	overflow: hidden;
}
	.post p { padding: .4em 0; }
	.post li { margin-left: 2em; }
		.post ol li { margin-left: 3em; }
	.post .title { line-height: 2em; }
	.post .popularity { color: #aaa; font-size: .78em; }
		.post span.edit { font-size: .6em; color: #aaa; }
	.post .content { clear: both; }
		.post .content a:hover, .post .content a:active { text-decoration: underline; background-color: #f9fdff; }
		.post .akst_link a:hover, .post .akst_link a:active { background-color: transparent; }
		.post .content img {
			margin-left: .4em; padding: .4em;
			background: #f9f9f9;
			border: 1px solid #eee;
		}
		.post .content blockquote {
			margin-left: 1em; padding: .6em; padding-left: 40px;
			font-style: italic;
			color: #999; background: url('img/blockquote.gif') no-repeat top left;
			border-top: 1px solid #eee;
			border-bottom: 1px solid #eee;
		}
		.post .content ul li {
			padding-left: 16px;
			background: url('img/circle-blue-sweetie.gif') no-repeat center left;
		}
		.post .sociable ul li {
			padding-left: 0;
			background: none;
		}
	.post .meta {
		clear: both;
		margin-top: .6em;
		font-size: .98em;
		background: #fcfcfc url('img/meta-background.png') repeat-x top left;
		border: 1px solid #ddd;
	}
		.post .meta .meta-inner {
			margin: 1px; padding: .4em;
			border: 1px solid #fff;
		}
	.post .left-meta, .post .right-meta {
		margin: 0; padding: 0;
		font-size: .88em; line-height: 1.4em;
		color: #555;
	}
	.post .left-meta { float: left; width: 66%; }
	.post .right-meta { float: right; text-align: right; width: 31%; }
		.post .left-meta li, .post .right-meta li { margin: 0; padding: 0; }
		.post .left-meta li { padding-left: 18px; }
		.post .right-meta li { padding-right: 18px; }
		.post .left-meta .date { background: url('img/clock-sweetie.gif') no-repeat center left; }
		.post .left-meta .category { background: url('img/tag-sweetie.gif') no-repeat top left; }
		.post .right-meta .author { background: url('img/author-sweetie.gif') no-repeat center right; }
		.post .right-meta .comments { background: url('img/comment-sweetie.gif') no-repeat center right; }
		.post .right-meta .trackback-uri { background: url('img/icon-link-silk.gif') no-repeat center right; }
			.post .meta p a { color: #ccc; }
			.post .meta p a:hover,
			.post .meta p a:active { text-decoration: underline; }


/*
 *  -- #comment-block
 */

#comment-block {}
	#comment-block h4 {
		padding: .4em 0;
		font-size: 1.2em;
		color: #3785b7;
	}
	#comment-block p { margin-bottom: .4em; }
	#comment-block a { color: #333; }
	#comment-block a:hover, #comment-block a:active {
		color: #101020; background: #fafafa;
	}
	#commentform {width: 96%; margin: 0 auto;}
	#user-data { margin: 0 auto; width: 100%; }
	#userdata input { width: 86%; }


/*
 *  -- .comment
 */

.comment {
	margin: .8em .6em;
	font-size: .92em;
}
	.comment .author { float: left; padding-left: 16px; background: url('img/member-sweetie.gif') no-repeat center left; }
	.comment .permalink { float: right; font-size: .72em; }
	.the-comment {
		clear: both;
		overflow: scroll; overflow: auto;
		padding: .6em; padding-bottom: 0;
		font-size: .98em;
		color: #8c8776; background: #fffcf5;
		border: 1px solid #faf2e0;
	}
	.comment .alt {
		color: #76848c; background: #f5fbff;
		border: 1px solid #e0effa;
	}
		.the-comment .date { font-size: .92em; font-style: italic; text-align: right; color: #d2ccbc; }
		.comment .alt .date { color: #bccad2; }
		.the-comment a { text-decoration: underline; }
		.the-comment blockquote {
			margin: 1em;
			font-style: italic;
		}
			.the-comment blockquote p {
				padding: .3em .6em;
				background: #fffdf9;
				border-top: 1px solid #faf2e0; border-bottom: 1px solid #faf2e0;
			}
			.comment .alt blockquote p {
				background: #f9fdff;
				border-top: 1px solid #e0effa; border-bottom: 1px solid #e0effa;
			}
	.comment-info {
		margin: .6em 0;
		padding: .6em .8em;
		background: #fffce9;
		border: 1px solid #feea7e;
	}
		.comment-info p {
			padding-left: 20px;
			color: #eaa538; background: url('img/icon_alert.gif') no-repeat center left;
		}


/*
 *  -- #sidebars
 */

#sidebars {
	float: right;
	margin: 0;
	margin-top: 1em;
	width: 43%;
	*width: 42%;
	font-size: .92em;
}
	#sidebars h4 { font-size: 1.6em; }
	#sidebars ul { margin: .6em 0; }
		#sidebars li { list-style-type: none; margin-bottom: .2em; }
	#sidebars input { padding: auto; font-size: .92em; }

#left-sidebar {
	float: left;
	width: 47%;
	*width: 46%;
}
	#left-sidebar h4 {
		padding: .4em .6em;
		color: #7aa529; background: url('img/left-sidebar-heading.gif') no-repeat bottom left;
	}
	#left-sidebar a { color: #7ea23b; }
	#left-sidebar a:hover, #left-sidebar a:active { border-bottom: 1px solid #7ea23b; }
		#left-sidebar h4 a:hover, #left-sidebar h4 a:active { text-decoration: none; }
	#left-sidebar li { padding-left: 12px; background: url('img/circle-green-sweetie.gif') no-repeat center left; }

#right-sidebar {
	float: right;
	width: 47%;
}
	#right-sidebar .sidebar-inner {
		margin: 1px; padding: .4em .6em;
		border: 1px solid #fff;
	}
		#right-sidebar .sidebar-inner ul { padding-left: 0; padding-right: 0; }

#top-right-sidebar {
	background: #fef4e0 url('img/top-right-sidebar.png') repeat-x top left;
	border: 1px solid #e8d5c4;
}
	#top-right-sidebar h4 { text-align: center; color: #e87930; }
	#top-right-sidebar a { color: #e57114; }
	#top-right-sidebar a:hover, #bottom-right-sidebar a:active { border-bottom: 1px solid #e57114; }
	#top-right-sidebar a.rss-button:hover, #bottom-right-sidebar a.rss-button:active { border: none; }
	#top-right-sidebar p { margin-top: .6em; text-align: center; }
	#top-right-sidebar ul { text-align: center; }
	#top-right-sidebar ul#add-rss { display: none; }

#middle-right-sidebar {
	margin: 1em 0;
	background: #fefae4 url('img/middle-right-sidebar.png') repeat-x top left;
	border: 1px solid #f0e68e;
}
	#middle-right-sidebar h4 { padding: .2em; color: #e6a112; }
	#middle-right-sidebar a { color: #da9e20; }
	#middle-right-sidebar a:hover, #bottom-right-sidebar a:active { border-bottom: 1px solid #da9e20; }
	#middle-right-sidebar li { padding-left: 12px; background: url('img/star-sweetie.gif') no-repeat center left; }

#bottom-right-sidebar {
	margin: 1em 0;
	background: #e8f4fb url('img/bottom-right-sidebar.png') repeat-x top left;
	border: 1px solid #c4d7e8;
}
	#bottom-right-sidebar h4 { padding: .2em; color: #3e8bb7; }
	#bottom-right-sidebar a { color: #3281c4; }
	#bottom-right-sidebar a:hover, #bottom-right-sidebar a:active { border-bottom: 1px solid #4f9ecb; }
	#bottom-right-sidebar li { padding-left: 12px; background: url('img/square-blue-sweetie.gif') no-repeat center left; }


/*
 *  -- #footer
 */

#footer {
	clear: both;
	margin-top: 1em;
	color: #999;
}
	#footer p {
		margin: 0 8px; padding: .6em .4em;
		font-size: .72em; line-height: 1.1em;
		border-top: 1px solid #eee;
	}
		#footer p a {
			color: #888;
		}
		#footer p a:hover, #footer p a:active {
			text-decoration: underline;
		}


/*
 *  -- Misc
 */

.clearer { clear: both; }
.left, .mid, .right { width: 33.3%; float: left; }
.warning { padding-left: 18px; background: url('img/exclamation-silk.gif') no-repeat top left; }
.info { padding-left: 16px; background: url('img/info.gif') no-repeat center left; }
#subscribe { padding-left: 20px; background: transparent url('img/feed.gif') no-repeat center left; }
h4#comments {
	margin-left: .6em;
	padding-left: 28px;
	background: url('img/comment-sweetie-large.gif') no-repeat center left;
}
h4#respond {
	margin-left: .6em;
	padding-left: 28px;
	background: url('img/comment-sweetie-large-add.gif') no-repeat center left;
}
.prevnext a {
	color: #94ae6b;
}
.prevnext a:hover, .prevnext a:active {
	text-decoration: underline;
}
.prevnext .previous {
	padding-left: 16px;
	background: url('img/arrow-left-sweetie.gif') no-repeat center left;
}
.prevnext .next {
	padding-right: 16px;
	background: url('img/arrow-right-sweetie.gif') no-repeat center right;
}
.zoomclouds {
  padding: .4em;
}

.zoomclouds span a, .zoomclouds a { margin: 0 2px; }
.zoomclouds span.tag1 a { color:#336699 }
.zoomclouds span.tag2 a { color:#993399 }
.zoomclouds span.tag3 a { color:#993300 }
.zoomclouds span.tag4 a { color:#669999 }
.zoomclouds span a:hover, .zoomclouds a:hover {}
.zoomcloudswg { color: #bbb; }
.zoomcloudssp { color: #444; }