﻿body, textarea, table, tr, td{

		font-family: calibri, arial;

		font-size: 11pt;

}



body {

	background-color: #111111;

	color: #ffffff;

	margin: 0 auto;

	width: 980px;

	position: relative;

}



#heading {

	line-height:1.1;letter-spacing:-1px; float:left;

}



#nav {

	float:right;

}



h1 {

	font-size: 120%;

	letter-spacing: 1px;

}



h2 {

	font-size: 110%;

}



a {

	text-decoration: none;

	color: #ffffff;

}



a[href^="\/file.axd"] {

	font-weight: bold;

	background: url(download.png) no-repeat right center;

	padding-right: 15px;

}



A:link {



	text-decoration: underline; color:#bbbbbb; font-style:italic;font-weight:bold;



}



A:visited {



	text-decoration: underline;color:#ffffff;font-style:italic;font-weight:bold;



}



A:active {



	text-decoration: underline; color:#8AFF9D;font-style:italic;font-weight:bold;



}



A:hover {



	text-decoration: underline; color:#007F15;font-style:italic;font-weight:bold;



}

img {

	border: none;

}



#content {

	float: left;

	width: 70%;

}



#sidepanel {

	float: right;

	width: 28%;

}



.loginbox{

	margin: 0 auto;

}



.loginbox td {

    padding: 3px;

}



#postnavigation{

	margin-bottom: 10px;

	text-align: center;

	color: white;

	background: #111111;

	border: 1px solid #ccc;

	padding: 3px;

}



#footer{

	font-size: 80%;

	text-align:center

}



/*----------------------------

					 Header

----------------------------*/



#header {

	text-align: right;

	margin-bottom: 30px;

	width: 100%;

}



#header p {

	font-family: Arial;

	font-size: 80px;

	font-weight: bold;

	margin: 0px;

	letter-spacing: 8px;

}



#header span {

	font-weight: normal;

	letter-spacing: 4px;

	color: #111111;

	margin: 0px;

}



#header a {

	text-decoration: none;

	color: white;

}



/*----------------------------

						Menu

----------------------------*/



#menu{

	background: #242424;

	border: 1px solid #242424;

	padding: 5px;

	margin-bottom: 20px;

}



#menu a.apmlfilter

{

	float:right;

	margin-right: 10px; 

	background:url(../../pics/apml.png) no-repeat left 1px; 

	padding-left:16px

}



#menu ul{

	list-style: none;

	margin: 0;

	padding: 0;

}



#menu ul li{

	display:inline;

}



#menu ul li a{

	padding: 10px;

	font-weight: bold;

}



#menu ul li a.feed img{

	margin-right: 3px;

	margin-bottom: -2px;

}



/*----------------------------

					 Widgets

----------------------------*/



div.widgetzone{

	padding: 0;

	background: none;

}



div.widgetzone .clear{

	clear: left;

}



div.widget{

	background: #111111;

	/*border: 1px solid #ccc;*/

	padding: 10px 15px;

	margin-bottom: 10px;

	z-index: 1;

	min-width: 1px;

}



div.widget .content{

	line-height: 16px;

	color: #ffffff;

}



div.widget h4{

	font-size: 120%;

	border-bottom: 1px solid #ccc;

	padding-bottom: 5px;

	margin: 0;

	margin-bottom: 5px;

	z-index: 0;

	color: #ffffff;

	letter-spacing: 1px;

}



div.widget a.edit, div.widget a.move{

	font-size: 85%;

	font-weight: normal;

	float: right;

	z-index: 1;

	margin-left: 5px;

}



div.widget a.delete{

	font-weight: bold;

	color: #ffffff;

	float: right;

	margin-left: 5px;

	position: relative;

	top: -3px;

	z-index: 1;

	text-decoration: none;

}



div.widget a.delete:hover{

	color: red;

}



.widgetzone .widget ul {

	list-style-type: none;

	margin: 0;

	padding: 0;

	text-transform: capitalize;

}



.widgetzone .widget ul li {

	margin-bottom: 3px;

}



.widgetzone div.search{

	background: none;

	border: none;

	padding-left: 10px;

}



.widgetzone img.rssButton {

	margin-right: 3px;

}



.widgetzone div#moveWidgetToContainer {

	text-align: right;

	margin: 3px;

}



/*----------------------------

					 Blogroll

----------------------------*/



#blogroll ul {

	list-style-type: none;

	margin: 0 0 3px 0;

	padding: 0px;

}



#blogroll ul li ul li a {

	margin-left: 25px;

	color: #ffffff;

	font-size: 90%;

}



#blogroll ul li a img {

	border: none;

	margin-right: 3px;

}



/*----------------------------

					 Posts

----------------------------*/



div.post, .mceContentBody {

	/*background: #242424;*/

	border: 1px solid #242424;

	padding: 3px 10px;

	margin-bottom: 20px;

	line-height: 125%;

	background-color: #111111;

	background-image: url('blog_background.png'); 

	background-repeat: repeat-x;

}



div.post h1, .mceContentBody h1 {

	margin: 5px 0 0 0;

}



div.post .author {

	color: #ffffff;

	font-size: 95%;

	float: left;

	text-transform: capitalize;

}



div.post .pubDate {

	color: #ccc;

	font-size: 95%;

	float: right;

}



div.post .text {

	margin-top: 30px;

}



div.post .text h2 {

	margin-bottom: -10px;

}



div.post .text h3 {

	font-size: 11px;

	margin-bottom: -10px;

	padding: 0;

}



div.post .footer {

	text-align: right;

	border-top: 1px dashed #ccc;

	padding-top: 15px;

	padding-bottom: 5px;
	
	margin-top: 10px;

}

div.post .twit {
	margin-bottom: 10px;
width: 100%;
border: 0px solid blue;
height: 30px;

	float: right;
}

div.post .bottom {

	margin-bottom: 45px;

}



div.post .categories {

	margin-bottom: 10px;
width:100%;
border: 0px solid red;
	float: left;

}



div.post .tags {

	float: left;

	margin-bottom: 5px;

}



div.post .text a[href^="http:"] {

	background: url(../../pics/remote.gif) right top no-repeat;

	padding-right: 10px;

  white-space: nowrap;

}



/*----------------------------

			Related Posts

----------------------------*/



#relatedPosts div {

	background: #111111;

	padding: 5px 10px 10px 10px;

	border: 1px solid #ccc;



}



#relatedPosts h1 {

	margin: 0 0 10px 0;

}



#relatedPosts p

{

	font-size: 120%;

	letter-spacing:1px;

	font-weight: bold;

}



#relatedPosts a {

	display: block;

	margin-top: 5px;

}



#relatedPosts span {

	color: #ffffff;

	text-indent: 10px;

	display: inline-block;

}



/*----------------------------

				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;

}



/*----------------------------

					Comments

----------------------------*/



.comment {

/*	background: #242424;*/

	border: 1px solid #242424;

	padding: 3px 10px;

	margin-bottom: 10px;

	background-color: #111111;

	background-image: url('blog_background.png'); 

	background-repeat: repeat-x;

}



.comment .date {

	font-size: 90%;

	color: #ffffff;

	text-align: right;

	margin: 0;

	padding: 3px 0px;

	border-bottom: 1px dashed #ccc;

}



.comment .author {

	margin: 0;

	padding: 3px 0px;

	border-top: 1px dashed #ccc;

	font-size:90%;

}



#addcomment, #comment

{

	font-size: 120%;

	letter-spacing:1px;

	font-weight: bold;

}



.self {

	background: #111111;

}



.comment .gravatar {

	float: left;

	clear: both;

	margin: 5px 10px 5px 0;

}



.comment .gravatar img {

	height: 80px;

	border: 1px solid #ccc;

}



.comment .content {

	min-height: 85px;

	margin: 5px;

	margin-left: 90px;

}



.comment cite{

	font-family: Monospace;

	font-style: normal;

}



.comment img.flag {

	position: relative;

	top: 2px;

}



.commentForm {

	padding: 5px;

}



.commentForm label {

	float: left;

	display: block;

	width: 80px;

	margin-top: 4px;

}



.commentForm input {

	width: 300px;

}



.commentForm textarea {

	width: 100%;

	height: 150px;

	border:1px solid #ccc;

	background-color:#111111;

	color: #ffffff;

	

}



#commentMenu{

	padding: 0;

	margin:0;

	clear:both;

}



#commentMenu li{

	float:left;

	border:1px solid #ccc;

	border-bottom: transparent;

	margin:0;

	list-style:none;

	margin-right:5px;

	padding: 3px 8px;	

	cursor:pointer;

	position:relative;

	top: 2px;

	background:#111111;

}



#commentMenu li.selected{

	background:#111111;

	border-bottom:1px solid #ccc;

}



#commentPreview{

	display:none;

	clear:both;

	min-height: 150px;

}



.success {

	color: green;

	font-weight: bold;

}



.commentForm .bbcode {

    font-size:90%;

    float:right;

    position:relative;

    top:20px;

    padding: 3px;

}



.commentForm .bbcodeNoLivePreview {

	top: 0;

}



.bbcode a {

    margin: 1px;

    padding: 1px 3px 1px 3px;

    background: #fff;

    border: 1px solid #ccc;

}



/*----------------------------

					Archive

----------------------------*/



#archive {

/*background: #242424;*/

	border: 1px solid #242424;

	padding: 10px;

	background-color: #111111;

	background-image: url('blog_background.png'); 

	background-repeat: repeat-x;

}



#archive h1 {

	margin: 0;

	border-bottom: 1px dashed #ccc;

	padding-bottom: 9px;

}



#archive h2 {

	border-bottom: 1px solid #ccc;

	padding-bottom: 4px;

	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;

	font-size: 95%;

}



#archive .date{

	width: 70px;

}



#archive .comments{

	width: 70px;

	text-align: center;

}



#archive .rating{

	width: 70px;

	text-align: center;

}



/*----------------------------

					 Search

----------------------------*/



#searchbox {

	margin-top: 5px;

	font-size: 85%;

}



#searchbox input {

	font-size: 85%;

}



#searchbox #searchbutton {

	margin-left: 5px;

}



#searchbox #searchfield {

	width: 180px;

}



/*----------------------------

			Search on search

----------------------------*/



#searchonsearch {

	/*background: #111111;*/

	padding: 5px 10px;

	margin-bottom: 20px;

	border: 1px solid #ccc;

	background-color: #111111;

	background-image: url('blog_background.png'); 

	background-repeat: repeat-x;

}



#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: 130%;

}



.tagcloud a.big {

	font-size: 124%;

}



.tagcloud a.medium {

	font-size: 115%;

}



.tagcloud a.small {

	font-size: 100%;

}



.tagcloud a.smallest {

	font-size: 90%;

}



/*----------------------------

					 Page

----------------------------*/



#page {

/*	background: #242424;*/

	border: 1px solid #242424;

	padding: 3px 10px;

	margin-bottom: 20px;

	line-height: 17px;

	background-color: #111111;

	background-image: url('blog_background.png'); 

	background-repeat: repeat-x;

}



#page h1 {

	margin: 3px 0 10px 0;

}



#page #admin {

	border-top: 1px solid #ccc;

	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: #ccc;;

}



.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 #ccc;

 background: #111111;

 margin-right: 5px;

}



.searchpage ul.paging li a{

 padding: 5px 8px;

}



.searchpage ul.paging li.active{

 background: #f1f1f1;

 border: 1px solid #ccc;

}



/*----------------------------

				Contact page

----------------------------*/



#contact{

	*/background: #242424;*/

	border: 1px solid #242424;

	padding: 10px;

	background-color: #111111;

	background-image: url('blog_background.png'); 

	background-repeat: repeat-x;

}



#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] {

	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');

	padding-right:11px;

}

/*-------- [ 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');

	padding-right:11px;

}



/*-------- [ 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');

	padding-right:11px;

}

/*-------- [ 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');

	padding-right:11px;

}



/*-------- [ 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');

	padding-right:11px;

}

/*-------- [ ...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');

	padding-right:11px;

}



/* nested comments */



.comment-replies {

	background: transparent url(../../pics/reply-arrow.gif) no-repeat 2px 2px;

	padding: 0 0 0 15px;

	margin: 5px 0 0 0;

}



#commentlist #comment-form {

	border: solid 1px #ccc;

	background: #111111;

	padding: 10px;

	margin: 10px 0;

}



/*  Comment notification unsubscription  */

#commentNotificationUnsubscription {

	margin-bottom: 10px;

	color: Gray;

	background: #ffc;

	border: 1px solid #ccc;

	padding: 10px;

}



#commentNotificationUnsubscription h1 {

	margin: 0 auto 12px auto;

	padding: 0;

}





/*----------------------------------------------------------------------*/





#ml_date {

float: left;

border: 0px solid blue;

margin: 0px;

background-image:url('Calendar_Icon_small.png');

background-repeat: no-repeat;

width; 94px;



}



#ml_month {

font:10px, bold, tahoma,arial,sans-serif;

color:#111111;	

border: 0px solid blue;

margin: 2 auto;

padding-top: 3px;

padding-left: 11px;

width: 94px;



}



#ml_day {

font: bold, courier new,sans-serif;

font-size: 40pt;

font-weight: bold;

font-color:#ffffff;

color:#111111;	

width:94px;

border: px solid green;

margin: 0 auto;

padding-top: 23px;

padding-left: 10px;

margin-left: 10px;

height:50px;

}
