/*  
Theme Name: angel
Theme URI: http://www.blogohblog.com
Description: Angel is a light colored theme with widget ready sidebars. The theme has 3 columns and comes for free under a Creative Commons License.
Version: 1.0
Author: Jai Nischal Verma
Author URI: http://www.blogohblog.com
*/

/**************BODY*****************/
* {margin:0; padding:0;}
body {font:13px Arial; background:url(images/bg.jpg);}
#wrapper_top {background:url(images/top.gif) no-repeat bottom; height:9px;}
#wrapper {width:893px; margin:35px auto; background:url(images/wrapper.gif) repeat-y; position:relative;}
#angelbg {background:url(images/angelbg.gif) no-repeat; width:50px; height:42px; position:absolute; bottom:10px; right:10px; display:block;}
#wrapper_bottom {background:url(images/bottom.gif) no-repeat top; height:10px;}

/**************LINKS*****************/
a, a:link, a:visited {text-decoration:none; color:#000000;}

/**************NAVIGATION*****************/
#MainMenu{background:#FFFFFF url("images/bmid_108.gif");border:0;height:54px;margin:0;}
#tab{margin:0;top:0; text-transform:uppercase;}
#tab ul{float:left;list-style:none;margin:0;padding:0;}
#tab li{display:inline;float:left;margin:0 1px 0 0;padding:0;}
#tab a{background:url("images/bright_108.gif") no-repeat right top;border:0;display:block;float:left;margin:0;padding:0;text-decoration:none;}
#tab a span{background:url("images/bleft_108.gif") no-repeat left top;color:#FFFFFF;display:block;font-family: Georgia, "Times New Roman", Times, serif;font-size:11;line-height:54px;padding:0 25px 0 25px; font-weight:bold;}
#tab a:hover,#tab li.current_page_item a{background-position:right bottom;}
#tab a:hover span,#tab li.current_page_item a span{background-position:left bottom;color:#E7E7E7;font-style:normal;text-decoration:none;}
#tab li.rsslink a { color:#ff6600;font:18px Georgia, Times, serif; line-height:54px;padding:0 25px 0 25px;}

/**************HEADER*****************/
#header {padding-bottom:10px; height:70px;}
#logo {padding:15px 10px 10px 33px; width:400px; float:left;}
#logo h1 a {color:#333; font-family:Georgia, "Times New Roman", Times, serif; font-size:22px; text-transform:uppercase; border-bottom:1px dotted #333333;}
#logo h1 a:hover {color:#000;}
#logo h2 {font-size:11px; font-weight:bold; text-transform: lowercase; margin:5px 0px 0px 2px; color:#999999;}

/**************SEARCH*****************/
#topsearch {width:278px; height:30px; background:url(images/search.gif) no-repeat; float:right; margin:10px 0 0 0; padding:7px 0 0 40px;}
#searchbutton{display:none;}
#searchfield{margin-bottom:8px;width:226px;border:0;color:#999999;}
#searchcomments{margin-right:5px;}
#searchbox label {color: #666666;}

#ls {border:0; padding:6px 5px 5px 5px; width:200px; margin-left:40px; font:13px Arial; color: #999999; text-transform:lowercase;}
/*h2.archive {margin:10px; font-family:Georgia, "Times New Roman", Times, serif; font-size:16px; color:#666;}*/
.noresults {text-align:center; font-family:Georgia, "Times New Roman", Times, serif; font-size:16px; margin-top:30px;}

/**************RECENT POST*****************/
#entry { padding:0 0 0 20px; width:550px; float:left;}
.recent {width:500px; background:#FFFFFF url(images/post_top.gif) top no-repeat; padding:10px 15px 10px 15px; text-align:justify;}
.recent h2 {font-weight:normal; font-family:Georgia, "Times New Roman", Times, serif;  margin:15px 0 15px 0; font-size:22px;}
.recent h2 a {color: #333;}
.recent h2 a:hover {color:#FF6600;}
.info {height:50px; border-bottom:1px solid #CCCCCC;}
.info2 {height:30px; border-bottom:1px solid #CCCCCC;}
.latest {float:left;}
h3.title {font-size:18px;color: #999999;font-weight:normal; font-family:Georgia, "Times New Roman", Times, serif;}
.date {color:#999999; padding:3px 0 5px 2px;} 
.post {line-height:20px;}
.post p {margin:0 0 15px 0;}
html>body #entry .post ul { margin-left: 0px; padding: 0 0 0 30px; list-style: none; padding-left: 10px; text-indent: -10px; } 
html>body #entry .post li { margin: 7px 0 8px 10px; }
#entry ul li:before{ content: "\00BB \0020"; }
#entry .post img {margin:0 10px 10px 10px;}
#entry .post .footer {
margin-top:10px;
	border-top: 1px dashed silver;
	padding-top: 4px;
	padding-bottom: 2px;
}
#entry .post .footer img {margin:0;}
.comcount {float:right; padding:5px 5px 5px 20px; background:url(images/comments.gif) left no-repeat; font-size:12px; text-transform:uppercase;}
.comcount a {color: #666666; font-weight:bold;}
.comcount a:hover {text-decoration:underline;}
.content {color:#666666;}
.readmore {display:block; display:inline; margin:0 0 0 5px; color:#333; font-size:12px; }
.readmore:hover {text-decoration:underline;}
.recentbottom {height:5px; background: url(images/post_bottom.gif) no-repeat; margin:0 0 15px 0px;}
.meta {margin:15px 0 10px 0; font-size:11px; font-weight:bold;}
.meta a {color:#666666;}
.meta a:hover {text-decoration:underline;}
.cats {background:url(images/folder.gif) no-repeat left; padding:0 0 0 20px; font-size:12px;}
.tags {background:url(images/maximize.gif) no-repeat left; padding:0 0 0 20px; font-size:12px;}
#banner {margin:auto; margin:0 0 10px 30px;}

/****************COMMENTS*********************/
#addcomment {margin:10px 5px 10px 5px; font-family:Georgia, "Times New Roman", Times, serif; font-size:16px; color:#333333; background:url(images/comments.gif) left no-repeat; padding-left:20px;}
#comments {margin:15px 5px 15px 5px; font-family:Georgia, "Times New Roman", Times, serif; font-size:16px; color:#333333;}

#commentlist{margin:0;padding:0; width:96%;}
.comment{margin-bottom:14px; margin-left:15px;}
/*margin:7px 0 8px 10px;*/

.comment cite{ background-color:#FFFFFF; border:1px solid #ccc; border-bottom:0; color: #666666;display:block;font-style:normal;padding:7px;font-size:11px; line-height:18px;}
.comment a:link, .commentlist a:visited{color: #333333;}
.comment a:hover, .commentlist a:active{color: #000000;}
.comment cite img.flag {border:1px solid #aab59a;margin-left:9px;padding:1px;}
.comment cite img.photo{float:left;border:1px solid #aab59a;margin-right:9px;padding:1px;}
.comment .author{font-family: Georgia, "Times New Roman", Times, serif;text-decoration:underline;font-size:13px; font-weight:bold;}
.comment .time{background:url(images/time.gif) no-repeat;padding-left:20px; padding-bottom:1px; line-height:20px;}
.commenttext{background-color: #F2F2F2; color:#666;padding:10px; border:1px solid #ccc; border-top:0; line-height:20px;}

#author, #email, #url {width:12em;font-size:13px; color:#666666;padding:3px; margin:5px; border:1px solid #cccccc; background:#FFFFFF url(images/bloglight.gif) top left no-repeat;}
#submit{font:bold 1em Tahoma;margin:5px;padding:2px;}
#respond{padding-top:20px;padding-bottom:10px; font-weight:lighter;}
#comment{
color:#333333;
font-family:Georgia,"Times New Roman",Times,serif;
font-size:16px;
margin:15px 5px;
}
/*#comment{width:95%;font:13px Tahoma;color:#666666;margin:5px; border:1px solid #cccccc;}*/
/**************SIDEBAR*****************/
.about {margin-bottom:10px; padding-bottom:10px; color: #666;}
h1.abouttitle {font-size:16px; font-family:Georgia, "Times New Roman", Times, serif; font-weight:normal; margin-bottom:10px; color:#000000; background:url(images/angel.gif) left no-repeat; padding-left:50px; height:21px;}
.abouttext { border-top:1px dotted #666; padding-top:10px;}
.rsstext { border-top:1px dotted #666; padding-top:10px;}
.rsstext a { background:url(images/rss.gif) left no-repeat; padding-left:20px;}
#sidebar {width:290px; float:left; position:relative;}
#sidebar a {color:#333;}
#sidebar a:hover {text-decoration:underline;}
#ads li {display:inline; margin:0px 20px 20px 0px; float:left;}

#sidebar1{ width:130px; float:left; padding:5px 5px 5px 0;}
#sidebar1 h2{ font-size:14px; color:#333333; text-transform:uppercase; font-family:Georgia, "Times New Roman", Times, serif; padding-bottom:5px;border-bottom:1px dotted #666;}
#sidebar ul{list-style-type:none;}
#sidebar ul li{list-style-type:none;}
#sidebar ul li ul{font-style:normal;margin-top:10px;padding:0px;}
#sidebar ul li ul li{border:0; background:url(images/file.gif) no-repeat; margin:0 0px 5px;padding:0 0 5px 20px; font-size:12px;}
#sidebar p{padding:0 5px;}
#sidebar .widget #blogroll li a img {padding-right:6px;}
#sidebar .widget #categorylist li a img {padding-left:5px;padding-right:6px;}

/**************FOOTER*****************/
.footer p {font-size:10px; text-transform:uppercase; padding:10px 10px 10px 20px; color:#999; font-weight:bold;}
.footer a {color:#666666;}
.footer a:hover {text-decoration:underline; color:#333333;}

/****************GALLERY*********************/
.gallery {text-align:center;}
.gallery img {padding:1px; height:100px; width:100px; border:1px solid #333;}
.gallery a:hover {background-color:#ffffff;}
.attachment {text-align:center;}
.attachment img { padding:1px; border:1px solid #333;}
.attachment a:hover {background-color:#FFFFFF;}
.imgnav {text-align:center;}
.imgleft {float:left;}
.imgleft a:hover {background-color:#FFFFFF;}
.imgleft img{ padding:1px; border:1px solid #333; height:100px; width:100px;}
.imgright {float:right;}
.imgright a:hover {background-color:#FFFFFF;}
.imgright img{ padding:1px; border:1px solid #333; height:100px; width:100px;}

/****************MISC*****************/
acronym, abbr, span.caps { cursor: help; }
acronym, abbr { border-bottom: 1px dashed #999; }
blockquote { margin: 15px 30px 15px 10px; padding-left: 20px; border-left: 5px solid #ddd; }
blockquote cite { margin: 5px 0 0; display: block; }
.center { text-align: center; }
hr { display: none; }
a img { border: none; }
.alignright{float:right;  padding:20px 20px 20px 0;}
.alignright a { padding:0 20px 0 20px; background:url(images/arrow_forward.gif) right no-repeat; color:#666666; text-transform:uppercase; font-size:12px; font-weight:bold;}
.alignright a:hover {color:#000000;}
.alignleft{float:left;  padding:20px 0 20px 0; }
.alignleft a {color:#666666;  padding:0 20px 0 20px; background:url(images/arrow_back.gif) left no-repeat;text-transform:uppercase; font-size:12px; font-weight:bold; }
.alignleft a:hover {color:#000000;}
pre {border: solid 1px #9a9a9a;color: blue;margin: 10px;padding:10px;background: #f3f2ed}
code {font-size:1.0em;color: #000}


/*********************************************************/
#sidebar h4
{
background:transparent url(images/angel.gif) no-repeat scroll left center;
color:#000000;
font-family:Georgia,"Times New Roman",Times,serif;
font-size:16px;
font-weight:normal;
height:21px;
margin-bottom:10px;
padding-left:50px;
}

#sidebar div.content
{
    border-top:1px dotted #666666;
    padding-top:10px;
}

#sidebar .widget
{
    color:#666666;
margin-bottom:10px;
padding-bottom:10px;
    }
    
#sidebar .widget ul li
{
    /*background:transparent url(images/file.gif) no-repeat scroll 0 0;    */
    }    
#sidebar div.calendar div.content
{
    
    padding:10px 42px;
}

#sidebar div.calendar div.content table.calendar
{
    width:200px;    
}

div.widget a.edit{
	font-size: 10px;
	font-weight: normal;
	float: right;
	z-index: 1;
}

div.widget a.delete{
	font-weight: bold;
	color: #999999;
	float: right;
	margin-left: 5px;
	z-index: 1;
	text-decoration: none;
}

div.widget a.delete:hover{
	color: black;
}


/*----------------------------
					Star rater
----------------------------*/

.rating{
	margin-bottom: 10px;
}

.rating p{
	display: inline;
	position: relative;
	top: 14px;
	left: 55px;
}

.star-rating {
	position: relative;
	width: 125px;
	height: 25px;
	overflow: hidden;
	list-style: none;
	margin: 0;
	padding: 0;
	background-position: left top;
}

.star-rating li {
	display: inline;
}

.star-rating a, .star-rating .current-rating {
	position: absolute;
	top: 0;
	left: 0;
	text-indent: -1000em;
	height: 25px;
	line-height: 25px;
	outline: none;
	overflow: hidden;
	border: none;
}

.star-rating a:hover, .star-rating a:active, .star-rating a:focus {
	background-position: left bottom;
}

.star-rating a.one-star {
	width: 20%;
	z-index: 6;
}

.star-rating a.two-stars {
	width: 40%;
	z-index: 5;
}

.star-rating a.three-stars {
	width: 60%;
	z-index: 4;
}
.star-rating a.four-stars {
	width: 80%;
	z-index: 3;
}
.star-rating a.five-stars {
	width: 100%;
	z-index: 2;
}
.star-rating .current-rating {
	z-index: 1;
	background-position: left center;
}

/* smaller star */
.small-star {
	width: 50px;
	height: 10px;
}
.small-star, .small-star a:hover, .small-star a:active, .small-star a:focus, .small-star .current-rating {
	background-image: url(../../pics/star_small.gif);
	line-height: 10px;
	height: 10px;
	color:transparent;
}

/*----------------------------
				Month list
----------------------------*/

ul#monthList{
	font-weight: bold;
}

ul#monthList ul li{
	margin-left: 20px;
	font-weight: normal;
}

ul#monthList li.year{
  cursor: pointer;
}

ul#monthList ul{
	display: none;
}

ul#monthList ul.open{
	display: block;
}

/*----------------------------
				 Tag cloud
----------------------------*/

.tagcloud {
	margin-bottom: 10px;
	white-space: normal;
}

.tagcloud li {
	display: inline;
}

.tagcloud a {
	margin-right: 3px;
	display: inline;
}

.tagcloud a.biggest {
	font-size: 19px;
}

.tagcloud a.big {
	font-size: 17px;
}

.tagcloud a.medium {
	font-size: 14px;
}

.tagcloud a.small {
	font-size: 12px;
}

.tagcloud a.smallest {
	font-size: 10px;
}

/*----------------------------
			Related Posts
----------------------------*/

#relatedPosts div {

}

#relatedPosts h1 {
color:#333333;
font-family:Georgia,"Times New Roman",Times,serif;
font-size:16px;
margin:15px 5px;
}

#relatedPosts div {
margin-left:15px;
}

#relatedPosts a {
	display: block;
	margin-top: 5px;
}

#relatedPosts span {
	color: #666666;
	text-indent: 10px;
	font-size: 10px;
}

/*----------------------------
				Recent posts
----------------------------*/

ul.recentPosts li{
	padding-bottom: 10px;
}

ul.recentPosts li a{
	font-weight: bold;
}

ul.recentPosts li span{
	display: block;
	text-indent: 10px;
	text-transform: none;
}

/*----------------------------
			Recent comments
----------------------------*/

ul.recentComments li{
	padding-bottom: 10px;
	text-transform: none;
}

ul.recentComments li a.postTitle{
	font-weight: bold;
}    

/*----------------------------
				Search page
----------------------------*/

#searchpage{
	margin-bottom: 30px;
}

#searchpage input#q{
	width: 300px;
}

#searchpage input#comment{
	clear: both;
}

.searchpage 
{
background:#FFFFFF url(images/post_top.gif) no-repeat scroll center top;
padding:10px 15px;
text-align:justify;
width:500px;
}

.searchpage h1
{color:#666666;
font-family:Georgia,"Times New Roman",Times,serif;
font-size:16px;
margin:10px;}

.searchresult{
	margin-bottom: 20px;
}

.searchresult a{
	font-weight: bold;
}

.searchresult span.text{
	clear: both;
	display: block;
	margin: 3px 0;
}

.searchresult span.type{
	display: block;
}

.searchresult span.url{
	color: Gray;
}

.searchpage ul.paging{
 list-style-type: none;
 margin:0px;
 margin-bottom: 20px;
 padding:0px;
}

.searchpage ul.paging li{
 display: inline;
 border: 1px solid gray; 
 background: #f1f1f1;
 margin-right: 5px;
}

.searchpage ul.paging li a{
 padding: 5px 8px;
}

.searchpage ul.paging li.active{
 background: #f1f1f1;
 border: 1px solid black;
}

/*----------------------------
				Contact page
----------------------------*/

#contact 
{
background:#FFFFFF url(images/post_top.gif) no-repeat scroll center top;
padding:10px 15px;
text-align:justify;
width:500px;
}

#contact h1
{color:#666666;
font-family:Georgia,"Times New Roman",Times,serif;
font-size:16px;
margin:10px;}

#contact label{
	display: block;
	padding-top: 5px;	
}

#contact input.field{
	width: 200px;
}

#contact textarea{
	display: block;	
	overflow: auto;
	width: 75%;
	height: 150px;
	margin: 0;
}

/*----------------------------
					Archive
----------------------------*/

#archive {
background:#FFFFFF url(images/post_top.gif) no-repeat scroll center top;
padding:10px 15px;
text-align:justify;
width:500px;
}

#archive h1 {
	margin: 0;
	border-bottom: 1px dashed silver;
	padding-bottom: 9px;
	font-family:Georgia,"Times New Roman",Times,serif;
font-size:22px;
font-weight:normal;
}

#archive h2 {
	border-bottom: 1px solid silver;
	padding-bottom: 4px;
	font-size: 12px;
	margin-bottom: 10px;
	margin-top:25px;
}

#archive h2 img {
	margin:0 3px 0 0;
}

#archive ul {
	list-style-type: square;
	margin: 0 10px;
	padding: 10px;
}

#archive ul li {
	margin-right: 20px;
}

#archive table{
	width: 100%;	
	border-collapse: collapse;
}

#archive table td, #archive table th{
	text-align:left;
}

#archive table td{
	text-align:left;
	border-bottom: 1px solid #D8D8D8;
	padding: 2px 0;
}

#archive .date{
	width: 70px;
}

#archive .comments{
	width: 70px;
	text-align: center;
}

#archive .rating{
	width: 70px;
	text-align: center;
}


.commentForm {
	padding: 5px;
}

.commentForm label {
	
	display: block;
	width: 80px;
	margin-top: 4px;
}

.commentForm input {
	width: 300px;
}

.commentForm textarea {
	width: 95%;
	height: 150px;
	border:1px solid silver;
}

#commentMenu{
	padding: 0;
	margin:0;
	clear:both;
}

#commentMenu li{
	float:left;
	border:1px solid silver;
	border-bottom: transparent;
	margin:0;
	list-style:none;
	margin-right:5px;
	padding: 3px 8px;	
	cursor:pointer;
	position:relative;
	top: 2px;
	background:#d8d8d8;
}

#commentMenu li.selected{
	background:white;
	border-bottom:1px solid white;
}

#commentPreview{
	display:none;
	clear:both;
	min-height: 150px;
}

.success {
	color: green;
	font-weight: bold;
}

.commentForm .bbcode {
    font-size:10px;
    float:right;
    position:relative;
    top:20px;
    padding: 3px;
    right:21px;
}

.bbcode a {
    margin: 1px;
    padding: 1px 3px 1px 3px;
    background: #fff;
    border: 1px solid #ccc;
}