/*  
Theme Name: tutorialtheme
Theme URI: http://www.blogohblog.com
Description: Tutorialtheme is the first of its kind WordPress Theme specially designed for a tutorials website.The theme has been modified in a way where you can make your posts look like actual tutorials. So, now you do not need to hunt anywhere else for a free or paid tutorials script. Courtesy of <a href="http://www.blogohblog.com" title="Free & Premium WordPress Themes">Blog Oh! Blog</a>
Version: 1.0
Author: Jai Nischal Verma
Author URI: http://www.blogohblog.com
*/

/*++++++ BODY ++++++++*/
* { margin: 0px; padding: 0px; list-style:none; outline:none;}
body { background:#fff url(images/stripe.png) repeat-x top; font:11px Verdana, Arial, Helvetica, sans-serif; color:#333; }
.clear { clear:both;}

/*++++++ HYPERLINKS ++++++++*/
a { color: #0066CC; font-weight:bold; text-decoration:none;}
a:hover{color:#CC0000;}

/*++++++ H2,H3 ++++++++*/
h1 {font:20px Arial, Tahoma, Verdana, Arial, Helvetica, sans-serif; color: #cc0000; padding-bottom:10px;}
h2 {font:15px Arial, Tahoma, Verdana, Arial, Helvetica, sans-serif; font-weight:bold; color: #cc0000; padding: 5px 0 5px 0;}
h3 {font:13px Arial, Tahoma, Verdana, Arial, Helvetica, sans-serif; color:#cc0000; padding: 5px 0 5px 0;}

/*++++++ ENTRY ++++++++*/
#content { width: 565px;}
.navigation { width: 550px; height:50px; }
.thumb { width:129px; height:126px; float:left; padding:6px 10px 0 0;}
.entry { width:540px; float:right; margin-bottom:15px; margin-top: 10px;}
.post {padding:10px; margin-bottom:30px; border:3px double #C1E1F0;}
.post h1 a { color: #CC0000; text-decoration:none;}
.post h2 a { color: #CC0000; text-decoration:none;}
.post p { padding-bottom:10px;}
.meta { margin-top:10px; background-color: #DBEEB7; padding:5px 0 0 10px; border:1px solid #CCCCCC;}

/*++++++ MISC ++++++++*/
img.centered { display: block; margin-left: auto; margin-right: auto; }
img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline; }
img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline; }
.alignright { float: right; } 
.alignleft { float: left }
img { border:none;}
.ads1 { width:468px; height:68px; margin:auto; padding: 0 0 10px 0;}
html>body .entry ul { margin-left: 0px; padding: 0 0 0 30px; list-style: none; padding-left: 10px; text-indent: -10px; } 
html>body .entry li { margin: 7px 0 8px 10px; }
.entry ul li:before { content: "\00BB \0020"; }
.entry ol { padding: 0 0 0 35px; margin: 0; }
.entry ol li { margin: 0; padding: 0; }

/*++++++ SIDEBAR ++++++++*/

#category { width:214px; padding-left:6px; margin-bottom:20px;}
#category ul{}
#category ul li{display:block; background:url(images/folder.gif) no-repeat 0 0px; padding-left:20px; padding-bottom:5px; }

#blogroll ul {}
#blogroll ul li ul{}
#blogroll ul li ul li {display:block; padding: 1px 0 1px 15px; }
#blogroll ul li a img { padding: 5px 5px 0 0;}

#links { padding-bottom:10px;}
#links ul li{display:block; background:url(images/recentbullet.gif) no-repeat 0 2px; padding: 3px 0 0 20px; }

/*++++++ FOOTER ++++++++*/
#footer { width:810px; margin:10px auto 10px; padding-top:10px; text-align:center;border-top:3px double #C1E1F0;}

/*++++++ MAIN ++++++++*/
#wrapper { width:810px; margin: 10px auto 10px; text-align:left; }
#left { float: left; width: 565px; line-height:140%; }
#right { float:right; width:220px; margin-top:70px; line-height:140%;}

/*++++++ TOP ++++++++*/
#logo { width:565px; padding:0 0 10px 0;}
#logo h1{ text-indent:-10000px;}
#logo h1 a{ display:block; background: url(images/logo.gif) no-repeat; height:106px; }
/**************** Navigation *********************/
#navigation{height:40px; font:14px Trebuchet MS; font-weight:bold; text-transform:uppercase;}
#menu{float:right; padding-right:5px;}
#menu li{display:inline;list-style:none;background:#ffffff url(images/menuleft.jpg) no-repeat top left; padding:10px; margin-right:5px;}
.page_item a:link, .page_item a:visited{color: #CC0000; }
.page_item a:hover {color:#0066CC;text-decoration:none;}
.current_page_item a:link, .current_page_item a:visited{color: #0066CC;text-decoration:none; }

/*************** BLOGENGINE CSS ************************/
/* posts */
.post { margin: 0 0 15px 0; }
.post .info { margin-top:10px; background-color: #DBEEB7; padding:5px 0 0 10px; border:1px solid #CCCCCC; }
.info a { text-decoration: none; }
.info a:hover { text-decoration: underline; }
.post .info .transformtext { text-transform: capitalize; }
.post .info tr { height: 20px; }
.post .info td p.feedburnerFlareBlock { display: inline; font-size: 1em; }

/* archive */
#archive { padding: 10px; }
#archive h1 { margin: 0; padding-bottom: 9px; }
#archive h2 { border-bottom: 1px solid silver; padding-bottom: 4px;  margin: 10px 0 10px 0; }
#archive h2 img { margin-right: 3px; }
#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; padding:1px; font-size:0.7em; }
#archive table td { text-align: left; border-bottom: 1px solid #D8D8D8; padding: 2px 0; }
#archive .date { width: 90px; }
#archive .comments { text-align: center; }
#archive .rating { text-align: center; }

/* star rating */
.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; margin: 0px; }

/* 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;}

/* related posts */
#relatedPosts a {display: block;margin-top: 5px;margin-left: 15px;margin-bottom: 5px;font-size: 1.2em;}

/* comments */
.comment {border-top: 1px solid #DDDDDD;border-bottom: 1px solid #DDDDDD;padding-top: 5px;margin-bottom: 5px;padding-bottom: 0px;}
.comment .date {text-align: left;margin: 0;padding: 3px 0px;}
.comment .author {margin: 0;text-align: left;padding-top: 3px;margin: 5px 0px 3px 0px;clear: both;}
.self {	background-color: #F5F5F5;}
.comment .gravatar {float: right;width: 80px;margin: 5px 5px 5px 5px;}
.comment .gravatar img {height: 80px;width: 80px;}
.comment .content {float: left;min-height: 85px;width: 440px;margin: 5px 0 0 0px;}
.commentForm {padding: 5px;}
.commentForm label {float: left;display: block;width: 80px;}
.commentForm input {width: 130px;}
.commentForm textarea {	width: 100%;height: 150px;}

/* 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: 20px;}
#tagcloud a.big {font-size: 17px;}
#tagcloud a.medium {font-size: 13px;}
#tagcloud a.small {	font-size: 12px;}
#tagcloud a.smallest {font-size: 10px;}

/* search */
#searchfield {width: 120px;}
#searchcomments {margin-right: 4px;}

/* contact */
#contact {padding: 10px;}
#contact h1 {margin-top: 0;}
#contact label {display: block;	padding-top: 5px;}
#contact input.field {width: 200px;}
#contact textarea {display: block;overflow: auto;width: 75%;height: 150px;margin: 0;}

/* code styles for CodeFormatter Extension*/
.csharpcode, .csharpcode pre{font-size: small;color: black;	font-family: Consolas, "Courier New", Courier, Monospace;	background-color: #ffffff;}
.csharpcode pre { margin: 0em; }
.csharpcode .rem { color: #008000; }
.csharpcode .kwrd { color: #0000ff; }
.csharpcode .str { color: #006080; }
.csharpcode .op { color: #0000c0; }
.csharpcode .preproc { color: #cc6633; }
.csharpcode .asp { background-color: #ffff00; }
.csharpcode .html { color: #800000; }
.csharpcode .attr { color: #ff0000; }
.csharpcode .alt {background-color: #f4f4f4;width: 100%;margin: 0em;}
.csharpcode .lnum { color: #606060; }

/* Search page */
.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;}
#searchbox input { padding: 1px; margin: 3px;}