/*
Theme Name: RainBlog
Theme URI: http://web-kreation.com/wp_yoghourt/
Description: A 2 columns layout.
Version: 2.2
Author: Jeremie Tisseau
Author URI: http://web-kreation.com/index.php/blog/
Tags: fixed width, widget ready, 2 columns, left sidebar, mootools, gravatars, brown, red

Date: Aug 17, 2008

    Copyright 2005-2008 Web-kreation. Some rights reserved. Leave footer statement intact please.

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

*/
#BlogSidebar {
	width: 280px;
	position: relative;
	float: left;
	margin: 20px 0 30px 24px;
	text-align:left;
}

#BlogSidebar p {
	font-size: 11px;
	line-height: 16px;
	color: #b4b4b5;
	border-bottom: 1px solid #eeeded;
	width: 260px;
	padding: 2px 20px 7px 0;
}

#BlogSidebar p strong {
	color:#777777;
}

#BlogSidebar h2 {
	margin:5px 0 0 0;
	padding:0px !important;
	width:auto !important;
	color:#333333;
	text-align:left !important;
	float:none;
}

#BlogSidebar h2 {
	background: url(http://www.rainfall.ro/style/img/sidebar-title-bg.jpg) no-repeat left bottom !important;
	padding: 3px 0 8px !important;
}

#BlogSidebar h2.alt {
	background: url(http://www.rainfall.ro/style/img/sidebar-title-bg-2.jpg) no-repeat left bottom !important;
	padding: 20px 0 5px !important;
}

#BlogSidebar h2 {
	font-size: 24px;
	font-weight: normal;
	color: #434343;
}
#sidebar ul, #sidebar ul li { width: 280px; }

#BlogSidebar p.last { border: none; }

#BlogSidebar p a { color: #97b950; }

#BlogSidebar p a:hover {
	color: #5b5e61;
	text-decoration: none;
}

#BlogSidebar ul li {
	border-bottom: 1px solid #eeeded;
	position: relative;
}

#BlogSidebar ul li a {
	display: block;
	height: 28px;
	margin: 1px 0;
	font-size: 12px;
	line-height: 28px;
	color: #828689;
	text-decoration: none;
	width: 279px;
	background: url(http://www.rainfall.ro/style/img/sidebar-ul.jpg) no-repeat 268px 12px;
}

#BlogSidebar ul li a span {
	font-size: 10px;
	position: absolute;
	right: 20px;
	color: #bec4c8;
}

#BlogSidebar ul li a:hover {
	background: #fbfbfb url(http://www.rainfall.ro/style/img/sidebar-ul-hover.jpg) no-repeat 268px 12px;
	color: #8dc63f;
	width: 272px;
	padding: 0 0 0 7px;
}

#BlogSidebar ul li a:hover span { color: #8dc63f; }


.PostCount {
	display:block !important;
	height:26px !important;
	width:27px !important;
	text-align:center;
	float:left !important;
	padding-top:3px;
	padding-left:1px;
	font-size:15px !important;
	color:#9c9c9c !important;
	text-decoration:none !important;
	background: url(img/posts.png) no-repeat left top;
	margin:10px 10px 0 0 !important;
	position:relative;
	bottom:-2px; 
	
}

.post {
	margin-bottom:40px;
	font-size:12px;
	width:600px;
	
}

.post p {margin-bottom:10px !important;}
.post p a {
	text-decoration:none;
	border-bottom:1px solid #e8efdd;
	color:#7a994f;
	padding:2px 2px 2px 2px;
	background-color:#f7ffec;
	
}
	.post p a:hover {
		border-bottom:1px solid #eeeeee;
		color:#4a6329;
		background-color:#f4f4f4;
	}

.ImgNoBorder {
	border:none !important;
	background:none !important;
	padding:0px !important;
	display:block !important;
}

#RecentComments  p {font-size:12px !important; padding-top:5px !important;}
#RecentComments  p strong {font-weight:normal; color:#4d4d4d !important;}
#RecentComments  p a {font-size:11px !important; text-decoration:none; display:block; color:#a0a7ad !important; line-height:14px !important;}
	#RecentComments  p a:hover {color:#97b950 !important;}
#mainBlog {
	width: 608px;
	float: right;
	margin: 20px 19px 12px 0;
	padding-top:0px;
}

#mainBlog p, #mainBlog h3, #mainBlog h4 { margin: 0px; }

.PostCategories a {
	display:block;
	padding:3px;
	float:left;
	margin-right:3px;
	background:#eeeeee;
	
}
.blogTitle h3 {
	height:30px !important;
	float:left;
	margin:0px !important;
	margin-left:10px;
	
}

.blogTitle h3 a {
	display:block !important;
	width:490px !important;
	height:27px !important;
	float:left !important;
	line-height:30px !important;
	font-size:24px !important;
	color:#525151 !important;
	text-decoration:none !important;
	margin:0px !important;
	padding-top:3px;

}

.blogTitle h3 a:hover {color:#8dc63f !important;}

a.delicious {
	background: url(img/delicious.gif) no-repeat left center;
	padding-left:22px;
	text-decoration:none !important;
	color:#a0a7ad !important;
	margin:5px 10px 0 5px;
	height:20px;
	line-height:20px;
	
}

a.twitter {
	background: url(img/twitter.gif) no-repeat left center;
	padding-left:22px;
	text-decoration:none !important;
	color:#a0a7ad !important;
	margin:5px 5px 0 5px;
	height:20px;
	line-height:20px;
	
}

a.GoBack {
	background: url(img/back.gif) no-repeat left center;
	padding-left:23px;
	text-decoration:none !important;
	color:#a0a7ad !important;
	margin:5px 15px 0 5px;
	height:20px;
	line-height:21px;
	
}

a.Syndication {
	display:block;
	position:relative;
	width:;
	
}

.BlogCategories a {
	float:right !important;
	height:19px;
	padding:6px 10px 5px 10px !important;
	background: url(img/divider.gif) no-repeat left center !important;
	text-decoration:none !important;
	color:#a0a7ad !important;
	background-color:none !important;
	border:none !important;
	
	
}

.blogcategories a:hover, .BlogSubtitle a:hover {color:#727272 !important;}

.BlogSubtitle {
	width:600px;
	height:30px;
	background: url(img/subtitle.gif) no-repeat left top;
	float:left;
	position:relative;
	top:-6px;
	margin-bottom:5px;
		
} 

.BlogSubtitle a {
	display:block;
	float:left;
}

.blogTitle {
	width:600px;
	height:40px;
	float:left;
	padding-top:5px;
}

.PostDate {
	width:68px;
	padding-top:7px;
	height:23px;
	float:right;
	font-size:18px;
	text-align:right;
	color:#d9d9d9;
	text-transform: uppercase;
	background: url(img/date-icon.gif) no-repeat 5px center ;
}

.PostDate strong {
	color:#8dc63f !important;
	font-weight:normal;
	
}

.blogTitle p {margin:0px !important;}

#mainBlog p {
	color: #a0a7ad;
	font-size: 12px;
	line-height: 18px;
	margin: 0 0 18px 0;
}

#mainBlog h3 {padding-left:10px;}

#mainBlog p img {border:5px solid #eeeeee;margin-bottom:15px;}


#mainBlog p a { color: #97B950; }

#mainBlog p a:hover {
	color: #5B5E61;
	text-decoration: none;
}

#mainBlog p strong { color: #5b5e61; }


a.rss-feed {
	display: block;
	right: 15px;
	top: 10px;
	background: url(img/rss.gif) no-repeat left top;
	width: 109px;
	height: 20px;
	position: absolute;
	cursor:pointer;
}
a.rss-feed span {display:none;}
a.rss-feed:hover {background: url(img/rss.gif) no-repeat left bottom;}


#respond, #comments {
	position:relative;
	left:-10px;
}

#comments-template {
	width:600px;
	padding-top:20px;
	border-top:1px solid #f1f1f1;
	
}

#commentform {
	padding-top:10px;
	
}

#author, #email, #url {
	background: url(img/formfield.gif) no-repeat left top;
	width:280px;
	height:21px;
	font-size:12px;
	color:#b8bfc5;
	padding:6px 0 0 5px;
	margin-right:20px;
}

#author:focus, #email:focus, #url:focus {background: url(img/formfield.gif) no-repeat left bottom; color:#7d7d7d;}

#comment {
	background: url(img/formarea.gif) no-repeat left top;
	width:280px;
	height:101px;
	font-size:12px;
	color:#b8bfc5;
	padding:6px 0 0 5px;
	margin-right:20px;
	font-family: Arial, Helvetica, sans-serif;
}

#comment:focus {background: url(img/formarea.gif) no-repeat left bottom; color:#7d7d7d;}
	
#submit {
	width:285px;
	height:28px;
	background: url(img/post.gif) no-repeat left top;
	border:none;
	position:relative;
	top:-18px;
	cursor:pointer;
	
}	
#submit:hover, #submit:focus {background: url(img/post.gif) no-repeat left bottom;}



#commentlist {
	margin-bottom:30px;
}

#commentlist.alt {
	margin-bottom:30px;
}

#commentlist.alt .commentmetadata {
	padding:5px;
	width:590px;
	height:27px;
	background: url(img/title.gif) no-repeat left top;
	margin-bottom:10px;
	}
	
	#commentlist.alt .commentmetadata p, #commentlist .commentmetadata p {height:27px;line-height:27px !important; padding:0px; float:left; margin:0px !important;}
	#commentlist.alt .commentmetadata img, #commentlist .commentmetadata img {border:none;outline:none;margin:0px !important; padding:0px 10px 0 0 !important; clear:none;}
		#commentlist.alt .commentmetadata .additionalInfo {float:right !important;padding-left:22px !important; background: url(img/dates-alt.gif) no-repeat left center !important; font-size:11px !important;}
		#commentlist .commentmetadata .additionalInfo {float:right !important;padding-left:22px !important; background: url(img/dates.gif) no-repeat left center !important; font-size:11px !important;}

	#commentlist.alt .commentmetadata p  a {text-decoration:none !important; color:#a2a2a2 !important; font-size:14px; line-height:25px !important;}
		#commentlist.alt .commentmetadata p  a:hover {color:#717171 !important;}
	
	#commentlist .commentmetadata p  a {text-decoration:none !important; color:#9ca491 !important; font-size:14px; line-height:25px !important;}
		#commentlist .commentmetadata p  a:hover {color:#6e7663 !important;}
	
	#commentlist .commentmetadata {
		padding:5px;
		width:590px;
		height:27px;
		background: url(img/title.gif) no-repeat left bottom;
		margin-bottom:10px;
		}

.commenttext p {color:#828587; font-size:11px !important;line-height:16px !important;}






.wp-caption a {
		display:block;
		padding:4px 4px 5px 4px;
		border:1px solid #f1f1f1;
		border-bottom:none;
}
.wp-caption-text {
	background-color:#ffffff;
	font-size:10px !important;
	padding-bottom:5px;
	text-align:center;
	border:1px solid #f1f1f1;
	border-top:none;
}

.post blockquote {
	padding:10px;
	margin-bottom:10px;
	border-top:1px solid #8dc63f;
	border-bottom:1px solid #8dc63f;
	font-size:12px;
	font-style: italic;
	font-family: Georgia, Times; 
	background-color:#fbfbfb;
}

.post blockquote p {margin-bottom:0px !important;}