/*  

Theme Name: Milky shadow

Description: Theme developed for tutoialstag.com

Theme URI: http://www.acmee.org/

Version: 1.0.0

Author: Kannan C

Author URI: http://www.acmee.org/

*/

html, body, div, h1, h2, h3, h4, h5, h6, p, span, blockquote, pre, a, code, em, font, img, small, strike, strong, sub, sup, b, u, i, center, ol, ul, li,
fieldset, form, label, legend {	margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent;}
ol, ul { list-style: none; }

body { font: 11px/18px Verdana, Helvetica, Arial, Geneva, sans-serif; color: #333; padding-bottom: 15px; background: url(images/themebg.jpg) repeat-x; }

h1, h2, h3 { font-family: "Trebuchet MS", Arial, Geneva; color: #333; }
h1 { font-size: 20px; line-height: 22px; margin-bottom: 10px; }
h2 { font-size: 18px; line-height: 20px; margin-bottom: 7px; }
h3 { font-size: 16px; line-height: 18px; margin-bottom: 5px; }
h1 span, h2 span { color: #bbb; }
a, a:visited { color: #657ab1;}
p { margin-bottom: 10px; }
input, textarea { font: 12px "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Geneva, sans-serif;  }
blockquote, pre{border-left: 5px solid #999031; padding-left: 10px;}
blockquote, code{ background: #fafafa; margin-bottom: 10px; color: #9966CC; }
#container { width: 1000px; margin: 0 auto; background: url(images/bg.gif) repeat; }
#header { height: 129px; background: url(images/header.jpg) no-repeat; position: relative; }
#header .follow{ position: absolute; width: 200px; height: 40px; top: 12px; right: 28px; }
#header .search { position: absolute; width: 176px; height: 23px; top: 68px; right: 50px; }
input#s { background: transparent; border: none; width: 139px; height: 23px; margin-left: 29px; font-size: 12px; color: #54565c; }
#nav { height: 38px; position: absolute; left: 0; bottom: 0 }
#nav li { float: left; }
#nav li a { display: block; padding: 0 19px 0 19px; font-size: 12px; font-weight: bold; text-decoration: none; color: #ccc; line-height: 38px; height: 38px }
#nav li a:hover { color: #fff; background: url(images/nav-over.jpg) repeat-x; height: 38px; }
#nav ul li.current_page_item a, #nav ul li.current-cat a{color: #fff; background: url(images/nav-over.jpg) repeat-x; }

#user-interact { padding: 20px; }
#login { width: 400px; padding-left: 10px; float: left; border-right: 1px solid #ccc; }
#signup { width: 450px; padding-left: 30px; float: left; }
#user-interact input { margin-bottom: 10px; color: #999;}
#user-interact .text { width: 300px; padding: 5px 10px; }


#topadvrt {width: 700px; padding-left: 17px; height: 22px; line-height: 24px; }
#rel-tut{height: 180px; margin-left: 1px; }
#rel-tut img{ padding: 3px; border: 1px solid #f5f5f5; margin-left: 7px; margin-right: 7px;}
#rel-tut .poprimgs{ float: left}
h1.mheads{ color: #009900; font-family: Arial, Helvetica, sans-serif; font-weight: normal; }
h1.mheads span{ color: #999;}
#content { float: left; width: 628px; padding: 16px 3px 10px 8px; background: url(images/bg.gif) repeat; color: #333; }
#content .head{color: #9a9a9a; font-family: "Lucida Sans", Arial, Helvetica, sans-serif; font-size: 19px; font-weight: bold; padding-bottom: 10px;}
#content .post { clear: both; margin-bottom: 9px; border: solid 1px #d3d3d3; padding: 5px 3px 5px 5px; background: #fff url(images/post-bg.jpg) bottom repeat-x;}
#content .tutoview { width: 480px; float: left;}
#content .tutoimage { float: right; padding-top: 5px; width: 99px;}
#content .tutoimage img { border: none; }
#content .tutolist { padding: 8px 8px 19px 8px;}
#content .tutorial { width: 150px; float: right;}
#content .post .tutolist a { text-decoration: underline; font-weight: bold;}
#content .post h1.tuto-head a { text-decoration: none; color: #0c558e; font-size: 27px; font-weight: normal; }
#content .post h1.tuto-head a:hover { color: #000; }
#content .post ul{ list-style: square inside; margin-bottom: 10px; }
#content .post ol { list-style: decimal inside; margin-bottom: 10px; }
#content .post li a{ color: #657ab1; font-size: 11px; font-weight: bold; text-decoration: none;}
#content .botadvrt{margin: 5px 0 15px 0; }
#content .catposts ul{margin-left: 5px;}
#content .catposts ul li { list-style: none; background: url(images/bullet.jpg) no-repeat 4px 2px; padding-left: 24px; }
#content .catposts h3{ color: #0c558e; font-size: 14px;}


#content .post .post-info{height: 19px; color: #666; padding-top: 10px; margin-bottom: 2px; clear: both; padding-bottom: 19px; color: #666; }
#content .post .post-info{ line-height: 19px; position: relative; height: 19px; padding: 0 5px; }
#content .post .post-info .post-ratings{ float: left}
#content .post .post-info .comt { position: absolute; top: 0; right: 10px; background: url(images/coments.png) no-repeat; padding-left: 26px;}
#content .post .post-info .date{background: url(images/date.jpg) no-repeat; float: left; padding-left: 25px; margin-right: 10px;}
#content .post .post-info .author{background: url(images/author.jpg) no-repeat; float: left; padding-left: 17px; margin-right: 10px;}
#content .post .post-info .tag{background: url(images/tag.jpg) no-repeat; float: left; padding-left: 33px; }
#content .post .post-info span{ color: #666; font-weight: normal; }
#content .post .post-info a{ color: #815383; text-decoration: none; }
#content .post .post-info a:hover { color: #5e3d5f; text-decoration: underline; }
.contform{ padding-left: 15px; margin-bottom: 24px;}
.contform .msgs{ padding: 3px; color: #006600;}
.contform input.text{ width: 370px; height: 19px; margin-right: 10px; }
.contform textarea{ width: 370px; height: 150px; }

#related-posts { margin: 15px 0 15px 2px; }
#related-posts ul li { float: left; background: #e1e1e1 url(images/rel-posts-bg.gif) no-repeat !important; list-style: none; width: 100px; height: 100px; padding: 5px; margin-left: 9px; }
#related-posts img { width: 100px; height: 100px; }
p#vtip { display: none; position: absolute; padding: 20px 10px; left: 10px; font-size: 18px; font-family: Helvetica, sans-serif; background-color: white; border: 1px solid #a6c9e2; -moz-border-radius: 5px; -webkit-border-radius: 5px; z-index: 9999 }
p#vtip #vtipArrow { position: absolute; top: -5px; left: 5px }

.clrs{ clear: both; height: 1px; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.alignleft { float: left; margin: 0 10px 10px 0; }
.alignright { float: right; margin: 0 0 10px 10px; }


#postsubmit { width: 200px; text-align: right;}
#comment-form {padding: 10px 0 24px 10px; font-size: 11px; color: #555; }
#comment-form .captch{ width: 150px; float: left;}
#comment-form .captch input{ width: 150px; height: 28px; font-size: 20px; color:#006633; }
#comment-form .capcode{ padding: 0; height: 28px; }
#comment-form .formsbt{ clear: both;}
#comment-form p { margin-bottom: 5px; }
#comment-form textarea { width: 575px; height: 100px; margin-bottom: 7px; }
#comment-form label { font-weight: bold; }
#comment-form input.text { width: 150px; margin-right: 10px; color:#006633; }
#comment-form #com-submit { width: 131px; height: 33px; border: none; background: url(images/comment.jpg) no-repeat;}


#comments { padding-top: 5px; margin-left: 10px; }
#comments .comment { background: #cfdde1; padding: 10px; margin-bottom: 10px; width: 575px; border: 1px solid #fff; overflow: hidden; }
#comments .comment .comment-info { position: relative; color: #666; margin-bottom: 5px; }
#comments .comment .comment-info span { font-size: 11px; position: absolute; right: 0px; color: #666; margin-bottom: 5px; }
#comments .comment .comment-info a { color: #444; }
#comments .comment p.notice { color: #f00; font-weight: bold; }
#comments .comment img.avatar { float: left; padding: 3px; border: 1px solid #ddd; margin: 0 10px 5px 0; background: #fff; }
* html #comments .comment .comment-info span { right: 10px; }


#sidebar { float: left; width: 361px; font-size: 11px; color: #808a90; padding-bottom: 10px; }
#sidebar .sideadvrts{ text-align: center;}
#sidebar .sideadvrts img{padding: 3px; background: #fff; margin-right: 5px; border: 1px solid #ccc; }
#leftbar {float: left; width: 11px; height: 702px; background: url(images/leftbar.jpg) no-repeat;}
#rightbar { float: left; width: 332px; background: url(images/sidebg.jpg) repeat-x; padding-left: 8px; padding-right: 10px; }
#sidebar h3 { font-family: "Lucida Sans Unicode", "Lucida Sans", Arial, "Courier New"; font-size: 13px; font-weight: bold; color: #30467f; margin-bottom: 15px; padding-left: 4px; }
#sidebar ul{padding-left: 5px; margin: 0px;}
#sidebar ul li{list-style: none; line-height: 19px }
#sidebar ul li a{ background: url(images/list.jpg) 4px 2px no-repeat; line-height: 19px; padding-left: 32px; color: #657ab1; text-decoration: none; display: block; }
#sidebar ul li a:hover { color: #000; }
#sidebar .block { padding-top: 10px; padding-bottom: 10px; background: url(images/seperator.png) no-repeat; background-position: bottom center; }
#sidebar .block .st-tag-cloud{ margin-right: 7px;}


#footer {clear: both; background: #faf9f9 url(images/footer.jpg) no-repeat; height: 56px; color:#959ea2; padding: 38px 35px 0 35px; font-size: 11px; font-weight: bold; }
#footer a{ color: #959ea2; text-decoration: none;}
#footer a:hover{ color:#009933; text-decoration: none;}
#footer .footleft {width: 350px; float: left;}
#footer .footright {width: 200px; float: right;}


/* Page Navigation */
.pgnav {text-align: right;}
.wp-pagenavi a, .wp-pagenavi a:link { padding: 2px 4px 2px 4px; margin: 2px; text-decoration: none; border: 1px solid #2a5065; color: #fff;	background: url(images/pagebtn.jpg) repeat-x;	
}
.wp-pagenavi a:visited { padding: 2px 4px 2px 4px; margin: 2px;	text-decoration: none; border: 1px solid #2a5065; color: #fff; background: url(images/pagebtn.jpg) repeat-x; }
.wp-pagenavi a:hover {	border: 1px solid #dc3e41; color: #000000; background: url(images/pagebtn-over.jpg) repeat-x; }
.wp-pagenavi a:active {	padding: 2px 4px 2px 4px; margin: 2px; text-decoration: none; border: 1px solid #2a5065; color: #000; background: url(images/pagebtn-over.jpg) repeat-x; }
.wp-pagenavi span.pages { padding: 2px 4px 2px 4px; margin: 2px 2px 2px 2px; color: #fff; border: 1px solid #2a5065; background: url(images/pagebtn.jpg) repeat-x; }
.wp-pagenavi span.current { padding: 2px 4px 2px 4px; margin: 2px; font-weight: bold; border: 1px solid #2a5065; color: #000000; background: url(images/pagebtn-over.jpg) repeat-x; }
.wp-pagenavi span.extend { padding: 2px 4px 2px 4px; margin: 2px; border: 1px solid #2a5065; color: #000000; background: url(images/pagebtn-over.jpg) repeat-x; }


/* Post Ratings */
.post-ratings{ width: auto; filter: alpha(opacity=100); -moz-opacity: 1; opacity: 1; }
.post-ratings span.rate-text{ vertical-align: 1px; color: #000; font-size: 11px; font-weight: normal;}
.post-ratings-loading{display: none; height: 16px; }
.post-ratings-image{ border: 0px; }
.post-ratings img, .post-ratings-loading img, .post-ratings-image img{ border: 0px; }

/* Code Viewer */
.code-viewer {
  color: #100;
  background-color: #fffeee;
  border-top: 1px solid #b3f1af;
  border-bottom: 1px solid #b3f1af;
  margin: 0 0 1.5em 0;
  overflow: auto;
}

/* IE FIX */
.code-viewer {
  overflow-x: auto;
  overflow-y: hidden;
  padding-bottom: expression(this.scrollWidth > this.offsetWidth ? 15 : 0);
  width: 100%;
}

.code-viewer table {
  border-collapse: collapse;
}

.code-viewer div, .code-viewer td {
  vertical-align: top;
  padding: 2px 4px;
}

.code-viewer .line_numbers {
  text-align: right;
  background-color: #def;
  color: gray;
  overflow: visible;
}

/* potential overrides for other styles */
.code-viewer pre {
  margin: 0;
  width: auto;
  float: none;
  clear: none;
  overflow: visible;
  font-size: 12px;
  line-height: 1.333;
  white-space: pre;
}