﻿#ctl00_cphBody_CommentView1_ctl01, #ctl00_cphBody_CommentView1_ctl02, #ctl00_cphBody_CommentView1_ctl03, #ctl00_cphBody_CommentView1_ctl04, #ctl00_cphBody_CommentView1_ctl05 {position: relative; left: 220px; top: -5px;}



a {color: #fff; text-decoration: none; }
a:hover {text-decoration: underline; }

.MainMenuItem_Normal a:hover { color: #029CE4 !important;}

#postnavigation { width: 100%; float: left; clear: both; padding-bottom: 10px;}
#postnavigation .prev { float: left; text-indent: -9999px;}
#postnavigation .prev a {  background: url(../../pics/white_arrow_back.png) left top no-repeat; display: block; width: 26px; height: 26px;}
#postnavigation .next { float: right; text-indent: -9999px;}
#postnavigation .next a { background: url(../../pics/white_arrow.png) left top no-repeat; display: block; width: 26px; height: 26px;}

#ctl00_cphBody_Login1_RememberMe { display: none;}

/*----------------------------
Widgets
----------------------------*/

div#widgetzone{padding: 0;background: none;}
div#widgetzone .clear{clear: left;}
div.widget{margin-bottom: 10px;z-index: 1;min-width: 1px; clear: both;}
div.widget .content{}
div.widget h4{ clear: both;background: url(../../pics/widget_header.png) left top no-repeat; width: 280px; height: 41px; font-size: 24px; text-transform: lowercase; padding: 12px 10px 0; margin: 0 0 10px;}
div.widget a.edit{font-size: 10px;font-weight: normal;float: right;z-index: 1;}
div.widget a.delete{font-weight: bold;color: #fff;float: right;margin-left: 5px;z-index: 1;text-decoration: none;}
div.widget a.delete:hover{color: #fff;}
#widgetzone .widget ul {list-style-type: none;margin: 0;padding: 0;text-transform: capitalize;}
#widgetzone .widget ul li {margin-bottom: 3px;}
#widgetzone img.rssButton { border: 0; float: left;}
#widgetzone div.search{background: url(../../pics/search_blog_bg.png) left top no-repeat; border: none;padding:0px; width: 301px; height: 58px; margin:0 0 14px;}

#categorylist { margin-top: -3px; padding-bottom: 20px !important; float: left; clear: both;}
#categorylist li {margin: 0 !important;  background: url(../../pics/comment_border.png) left bottom repeat-x; width: 300px; float: left; clear: both; padding-top: 5px; }
#categorylist li a { display: block; padding-bottom: 5px; }
#categorylist .rssButton { float: left; margin-right: 5px;}

#recentComments { float: left; margin-bottom: 10px;}
#recentComments li {margin: 0 !important;  background: url(../../pics/comment_border.png) left bottom repeat-x; width: 300px; float: left; clear: both; padding-top: 5px; }
.rssLink .rssButton { border: 0; margin-top: 5px; float: left; margin-right: 5px;}
.rssLink { margin-top: 10px; clear: both; position: relative; top: 7px; }

/*----------------------------
Search
----------------------------*/

#searchbox { margin: -16px 0 0; padding: 0; float: left;}
#searchbox input { padding: 5px 5px 0; font-size: 14px; font-weight: bold; font-family: Arial, Sans-Serif;}
#searchbox #searchbutton { width: 58px; height: 58px; border: 0; float: right; cursor: pointer; text-indent: -9999px; background: none;}
#searchbox #searchfield { width: 223px; height: 21px; border: 0; float: left; margin: 16px 0 0 10px; background: none;}

/*----------------------------
Posts
----------------------------*/

div.post, .mceContentBody {margin-bottom: 20px; background: url(../../pics/comment_border.png) left bottom repeat-x; padding-bottom: 15px;}
div.post h1, .mceContentBody h1 {margin: 10px 0;}
.post h1 a {font-size: 16px; font-weight: bold;}
div.post .author {text-transform: capitalize; font-size: 11px; font-weight: bold;}
div.post .pubDate {font-size: 11px; font-weight: bold;}
div.post .text {margin-top: 15px;}
div.post .text h2 {}
div.post .text h3 {}
div.post .footer {text-align: right;padding-top: 4px;padding-bottom: 2px;}
div.post .bottom {margin-bottom: 45px;}
div.post .categories {margin-bottom: 5px;float: right; font-size: 11px;}
div.post .tags {float: left;margin-bottom: 5px; font-size: 11px;}
div.post .text a[href^="http:"] {background: url(../../pics/remote.gif) right top no-repeat;padding-right: 10px;white-space: nowrap;}

/*----------------------------
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;}

/*----------------------------
Social bookmarks
----------------------------*/

.bookmarks {float: left;}
.bookmarks a { border: 0; margin: 0 3px 0 0;}
.bookmarks img { border: 0; }
.bookmarks span { float: left; padding-top: 4px; padding-right: 6px; font-size: 11px;}

/*----------------------------
Comments
----------------------------*/

.comment {width: 630px; background: url(../../pics/comment_border.png) left bottom repeat-x; border: 0; margin-bottom: -13px;}
#comment, #addcomment { margin: 0; background: url(../../pics/comment_header.png) left top no-repeat; width: 610px; height: 43px; font-size: 24px; padding: 10px 10px 0; text-transform: lowercase; }
#commentlist {}
.comment .date {padding: 15px 0 6px; margin: 0;  float: right;}
.comment .author { padding: 15px 0 6px; margin: 0; float: left; font-weight: bold;}
.comment .gravatar, .comment .gravatar img, .comment img.flag { display: none;}
.comment .content {clear: both; padding-bottom: 15px;}
.commentForm {background: url(../../pics/comment_form_bg.png) 0 65px no-repeat; width: 630px; height: 395px; }

.commentForm label { width: 190px; text-align: right; display: block; float: left; margin-right: 20px; font-size: 14px; font-weight: bold; padding-top: 4px;}
.commentForm input {font-size: 14px;  float: left;font-family: Arial, Sans-Serif; background: url(../../pics/input_bg.png) left top no-repeat; width: 390px; height: 21px; padding: 5px 5px 0; border: 0; margin-bottom: 10px;}
.commentForm textarea {font-size: 14px; float: left;font-family: Arial, Sans-Serif; background: url(../../pics/txtarea_bg.png) left top no-repeat; width: 390px; height: 121px; padding: 5px 5px 0; border: 0;}
.commentForm span { display: none;}

#commentMenu, #commentMenu li, #commentMenu li.selected, #commentPreview, .commentForm .bbcode, .bbcode a, #cbNotify {display: none;}

.success {font-weight: bold;}

#btnSaveAjax { margin: 5px 20px 0 0; background: url(../../pics/send_btn.png) left top no-repeat; width: 58px; height: 58px; border: none; cursor: pointer; float: right; text-indent: -9999px;}


/*----------------------------
Archive
----------------------------*/

#archive {
background-color: white;
border: 1px solid silver;
padding: 10px;
}

#archive h1 {
margin: 0;
border-bottom: 1px dashed silver;
padding-bottom: 9px;
}

#archive h2 {
border-bottom: 1px solid silver;
padding-bottom: 4px;
font-size: 12px;
margin-bottom: 10px;
}

#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;
}

#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;
}


/*----------------------------
Search on search
----------------------------*/

#searchonsearch {
background: white;
padding: 5px 10px;
margin-bottom: 20px;
border: 1px solid silver;
}

#searchonsearch h3 {
margin: 3px;
font-size: 13px;
}

#searchonsearch ol li {
margin: 2px 0;
}

/*----------------------------
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;
}

/*----------------------------
Page
----------------------------*/

#page {
border: 1px solid silver;
padding: 3px 10px;
margin-bottom: 20px;
background-color: white;
line-height: 17px;
}

#page h1 {
margin: 3px 0 10px 0;
}

#page #admin {
border-top: 1px solid silver;
margin-top: 10px;
padding: 5px 0;
}

/*----------------------------
Calendar
----------------------------*/

#calendarContainer {
text-transform: capitalize;
margin: 0 auto;
}

.calendar {
border: none;
margin: 0 auto;
}

.calendar .weekend {
background-color: #F1F1F1;
}

.calendar .other {
color: silver;
}

.calendar a.exist {
display: block;
font-weight: bold;
background-color: #F1F1F1;
}

.calendar td {
vertical-align: top;
background: white;
}

/*----------------------------
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;
}

/*----------------------------
Search page
----------------------------*/

#searchpage{
margin-bottom: 30px;
}

#searchpage input#q{
width: 300px;
}

#searchpage input#comment{
clear: both;
}

.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 : white;
padding: 10px;
border: 1px solid silver;
}

#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;
}

/*----------------------------
Syntax highlighter
----------------------------*/

.code
{
font-size: 12px;
color: black;
font-family: Consolas, "Courier New", Courier, Monospace;
background-color: #F1F1F1;
line-height: normal;
}

.code p{
padding: 5px;
}

.code .rem { color: #008000; }

.code .kwrd { color: #0000ff; }

.code .str { color: #006080; }

.code .op { color: #0000c0; }

.code .preproc { color: #0000ff; }

.code .asp { background-color: #ffff00; }

.code .html { color: #800000; }

.code .attr { color: #ff0000; }

.code .alt {	background-color: #f4f4f4; }

.code .lnum { color: #606060;}

/*----------------------------
XFN tags
----------------------------*/

div.post .text a[rel] {
padding-right:11px;
background-repeat: no-repeat;
background-position: right center;
}
div.post .text a[rel="me"] {	
background-image:url('../../pics/xfn/me.gif');
}

/*-------- [ These should cascade to pick the correct icon for the contact ]--*/

/*-------- [ Normal contacts ]--*/
div.post .text a[rel~="contact"] ,
div.post .text a[rel~="acquaintance"],
div.post .text a[rel~="friend"] {
background-image:url('../../pics/xfn/contact.gif');
}
/*-------- [ Normal contacts youve met ]--*/
div.post .text a[rel~="contact"][rel~="met"] ,
div.post .text a[rel~="acquaintance"][rel~="met"] ,
div.post .text a[rel~="friend"][rel~="met"] {
background-image:url('../../pics/xfn/contactMet.gif');
}

/*-------- [ Colleague and co worker icon more important than contact ]--*/
div.post .text a[rel~="colleague"] ,
div.post .text a[rel~="co-worker"] {
background-image:url('../../pics/xfn/colleague.gif');
}
/*-------- [ Colleague and co worker icon when met ]--*/
div.post .text a[rel~="colleague"][rel~="met"] ,
div.post .text a[rel~="co-worker"][rel~="met"] {
background-image:url('../../pics/xfn/colleagueMet.gif');
}

/*-------- [ Sweethearts are more important than work!!! ]--*/
div.post .text a[rel~="muse"] ,
div.post .text a[rel~="crush"] ,  
div.post .text a[rel~="date"] ,
a[rel~="sweetheart"] {
background-image:url('../../pics/xfn/sweet.gif');
}
/*-------- [ ...and if youve met them thats even better ]--*/
div.post .text a[rel~="muse"][rel~="met"] ,
div.post .text a[rel~="crush"][rel~="met"] ,  
div.post .text a[rel~="date"][rel~="met"] ,
div.post .text a[rel~="sweetheart"][rel~="met"] {
background-image:url('../../pics/xfn/sweetMet.gif');
}

/*----------------------------
Blogroll
----------------------------

#blogroll ul {list-style-type: none;margin: 0 0 3px 0;padding: 0px;}
#blogroll ul li ul li a {margin-left: 25px;color: #666666;}
#blogroll ul li a img {border: none;margin-right: 3px;}

/*----------------------------
Related Posts
----------------------------

#relatedPosts div {background: white;padding: 5px 10px 10px 10px;border: 1px solid silver;}
#relatedPosts h1 {margin: 0 0 10px 0;}
#relatedPosts a {display: block;margin-top: 5px;}
#relatedPosts span {color: #666666;text-indent: 10px;font-size: 10px;}