/*
Theme Name: Rain Drop
Theme URI: http://www.zorg-directory.com/wordpress-themes/
Description: Theme by <a href="http://www.zorg-directory.com">Zorg Directory</a> <a href="http://www.zorg-directory.com/wordpress-themes/">free wordpress themes</a>
Version: 1.0 
Author: Zorg Directory
Designed by Zorg Directory
*/

/*General cleaing*/

body, h1, h2, h3, h4, h5, h6, address, blockquote, dd, dl, hr, p, form{
margin: 0;
padding: 0;
}

body{
margin: 0;
font-family: Arial, Helvetica, Georgia, Sans-serif;
font-size: 12px;
text-align: center;
vertical-align: top;
background:url(images/bg_pattern.gif) repeat;
color: #000000;
}

/*link styling*/

a:link{
text-decoration: none;
color: #336699;
}

a:visited{
text-decoration:none;
color: #666666;
}

a:hover{
text-decoration: none;
color: #666666;
}

h2{
text-decoration:none;
}


#wrapper{
margin: 0 auto 0 auto;
width: 750px;
text-align: left;
}

/*header styling*/

#header{
width:750px;
height:290px;
background:url(images/header.gif) no-repeat;
padding:0px;
}

#header h1 a{
position:absolute;
float:right;
margin: 200px 10px auto 500px;
font-weight:bold;
font-size:24px;
color:#131824;
text-decoration:none;
}

#header p{
float:right;
padding-right:70px; /*change the font to match position*/
margin-top:230px;
font-weight:lighter;
font-size:12px;
font-style:italic;
color:#131824;
text-decoration:none;
}

/* post,entry styling*/

#container{
float:right;
width:530px;
}

.post{
padding: 5px 0 0 0;

}

.entry,p{
padding: 5px 0 0 0;
}

.post h2{
padding:10px;
}

.post h2 a:hover{
padding:10px;
font-weight:bolder;
}

.post .date{
padding: 0 0 10px 10px;
font-size:12px;
color:#555555;
}

.post .date p{
font-size:12px;
color:#336699;
display:inline;
}


.entry{
margin:5px 0 0 8px;
background:#313131;
border:#424242 1px solid;
padding:5px 8px 10px 12px;
font-family:Arial, Helvetica, sans-serif;
font-weight:400;
}

p.postmetadata{
margin:5px 0 0 0;
padding:5px 0 0 0;
text-transform:capitalize;
line-height:15px;
border-top:dashed 1px;
}



.navigation{
margin:10px 0 0 0;
padding: 10px 0 10px 0;
font-size: 14px;
font-weight: bold;
line-height: 18px;
float:right;
}


/*images and blockquoates*/
blockquote {
margin: 15px 30px 5px 10px;
padding-left: 20px;
font-weight:200;
border-left:#666666 4px solid;
color:#666666;
}

blockquote cite {
margin: 5px 0 0;
display: block;
}

img.center, img[align="center"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

img.alignleft, img[align="left"] {
	float:left;
	margin: 2px 10px 5px 0px;
}

img.alignright, img[align="right"] {
	float:right;
	margin: 2px 10px 5px 10px;
}

/*images and blockquoates*/

/*sidebar styling*/

.sidebar{
float:left;
width:210px;
display:inline;
}


.sidebar ul{
list-style-type: none;
margin: 0;
padding: 10px;
}

.sidebar ul li{
padding: 10px 0 10px 0;
}

.sidebar ul li h2{
padding:5px 0 0 5px;
font-family: Georgia, Sans-serif;
font-size: 14px;
color:#62b3e0; /*color of text search,catagory can be changed here*/
background:url(images/sidebar_nav.gif) no-repeat;
height:25px;
}

.sidebar ul ul li{
padding: 0;
line-height: 24px;
}

.sidebar ul ul li:hover{
padding: 0;
line-height: 24px;
font-weight:bold;
}/*not possible in ie6*/

form#searchform div input#s{
background:url(images/search_box.gif) no-repeat;
width:152px;
padding:2px;
border:2px  solid #424242;
line-height:15px;
float:left;
}

form#searchform div input#searchsubmit{
border:0;
height:26px;
width:26px;
background:url(images/search_button.gif) no-repeat;
margin-left:4px;
float:left;
color:#131824;
font-weight:bold;
font-size:12px;
padding:4px 0 3px 4px;
text-align:left;
}

/*this effect won't work for IE6*/
form#searchform div input#searchsubmit:hover{
border:2px  solid #424242;
height:26px;
width:26px;
background:url(images/search_button.gif) no-repeat;
float:left;
color:#131824;
font-weight:bolder;
font-size:11px;
padding:4px auto 3px auto;
text-align:left;
text-decoration:blink;
}

.sidebar ul li#ad{
margin:10px;
}

/*footer styling*/

#footer{
padding:10px 5px 5px 5px;
clear:inherit;
float: left;
width:750px;
background:url(images/footer_bg.png) repeat-x;
}

#footer p{
float:right;
display:inline;
font-size:12px;
margin-top:-5px;
padding-bottom:5px;
font-weight:bold;
}

#footer p a{
color:#292929;
}

#footer p a:hover{
font-size:14px;
}

#designer{
float:left;
font-size:12px;
padding-bottom:5px;
font-weight:bold;
}

#designer b{
color:#292929;
}

#designer b:hover{
font-weight:bold;
font-size:14px;
}

#wp{
float:left;
font-size:12px;
padding-bottom:5px;
font-weight:bold;
padding-left:180px;
}

#wp a{
color:#292929;
}

#wp a:hover{
font-weight:bold;
font-size:14px;
}


/*comments styling*/

h3#respond{
padding-left:2px;
font-weight:bold;
font-size:16px;
color:#666666;
}

form#commentform p label small{
color:#666666;
}

form#commentform p{
color:#666666;
padding-left:2px;
}

.comments-template{
	margin: 10px 0 0;
	border-top: 1px dotted #2e72b9;
	padding: 10px 0 0 5px;
}

.comments-template ol{
	margin: 0;
	padding: 0 0 15px;
	list-style: none;
}

.comments-template ol li{
	margin: 10px 0 0;
	line-height: 18px;
	padding: 0 0 10px;
	border-bottom: 1px solid #ccc;
}

.comments-template h2, .comments-template h3{
	font-family: Georgia, Sans-serif;
	font-size: 16px;
}

.commentmetadata{
	font-size: 12px;
}

.comments-template p.nocomments{
	padding: 0;
}

.comments-template textarea{
	font-family: Arial, Helvetica, Georgia, Sans-serif;
	font-size: 12px;
}