html, body, form
{
	margin: 0;
	padding: 0;
}
body
{
	text-align: center;
	background-color: #141414;
	color: #bbb;
	font-family: Tahoma;
	font-size: 13px;
}
a img { border: 0; }

a { color: #157bca; }
p
{
	line-height: 1.3em;
	text-align: justify;
}
blockquote
{
	background: url(images/quote.gif) no-repeat;
	background-position: 5px 5px;
	display: block;
	margin: 8px;
	padding: 5px;
	padding-left: 30px;
	border-top: 1px solid #2d2d2d;
	border-bottom: 1px solid #2d2d2d;
	background-color: #141414;
}

.clear
{
	font-size: 1px;
	clear: both;
}

#adminmenu
{
	width: 100%;
	border-bottom: #2d2d2d;
	background-color: #101010;
	text-align: center;
	padding: 5px;
	margin-bottom: 15px;
}
#adminmenu ul
{
	margin: 0;
	padding: 0;
	list-style: none;
}
#adminmenu li
{
	display: inline;
	padding: 4px;
}
#footer
{
	clear: left;
}
#area
{
	width: 730px;
	margin: auto;
	margin-bottom: 20px;
	text-align: left;
}

#contentArea
{
	float: left;
	width: 407px;
}

#sidebar
{
	float: right;
	width: 250px;
	margin-left: 25px;
	margin-right: 25px;
	color: #999;
}

#header .title
{
	font-size: 36px;
	display: block;
	text-align: right;
	color: #ffffff;
	text-decoration: none;
}
#header .subtitle
{
	font-size: 10px;
	display: block;
	text-align: right;
	color: #707070;
}
#header
{
	margin-bottom: 30px;
}
#contentArea .item
{
	width: 407px;
	margin-bottom: 15px;
	vertical-align: middle;
}
#contentArea .item img
{
	display: block;
	margin: auto;
}
#contentArea .item .flag
{
	display: inline !important;
	margin: 0 !important;
}
#contentArea .boxOuter, #contentArea .boxMiddle, #contentArea .boxInner
{
	
}
#contentArea .boxOuter
{
	background-image: url(images/content_middle.png);
	background-repeat: repeat-y;
}
#contentArea .boxMiddle
{
	background-image: url(images/content_top.png);
	background-repeat: no-repeat;
	background-position: top left;
}
#contentArea .boxInner
{
	background-image: url(images/content_bottom.png);
	background-repeat: no-repeat;
	background-position: bottom left;
	min-height: 50px;
	padding: 10px;
	padding-right: 15px;
}
#contentArea .addOnInner
{
	background-image: url(images/content_box_bottom.png);
	background-repeat: no-repeat;
	background-position: bottom left;
}
#contentArea .addOnOuter
{
	background-image: url(images/content_box_middle.png);
	background-repeat: repeat-y;
}

#contentArea .addOn
{
	padding-left: 30px;
	padding-right: 30px;
	padding-bottom: 10px;
}

.addOn .info
{
	text-align: right;
	font-size: 10px;
	color: #777;
}
#comment
{
}
.comment, #commentPreview
{
	width: 100%;
	margin-top: 15px;
	border-bottom: 1px solid #2d2d2d;
	background-color: #202020;
}
.comment img, #commentPreview img
{
	float: right;
	width: 90px;
	height: 90px;
	border: 4px solid #101010;
}
.comment .flag
{
	display: inline !important;
	margin: 0 !important;
	float: none !important;
	width: auto !important;
	height: auto !important;
	border: 0 !important;
}
.comment .author, #commentPreview .author
{
	margin: 0px;
	color: #999;
	font-size: 13px;
}
.comment .content, #commentPreview .content
{
	float: left;
	width: 230px;
	padding: 8px 0 8px 15px;
}
.comment .date
{
}
.comment .info, #commentPreview .info
{
	text-align: left;
	margin-top: 5px;
	padding: 3px;
}

#commentPreview{
	display:none;
	clear:both;
	min-height: 150px;
}
.commentForm .bbcode {
    font-size:10px;
    float:right;
    position:relative;
    top:20px;
    padding: 3px;
}
.bbcode a {
    margin: 1px;
    padding: 1px 3px 1px 3px;
    background: #141414;
    border: 1px solid #2d2d2d;
}

.addOn .info a
{
	color: #999;
	text-decoration: none;
}
.commentForm label, #input label
{
	color: #777;
}
input, textarea, select
{
	background-color: #141414;
	border: 1px solid #2d2d2d;
	padding:3px;
	color: #bbb;
}
#commentCompose textarea
{
	width: 300px;
}
#commentMenu{
	padding: 0;
	margin:0;
	clear:both;
}

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

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

.commentForm label, #contact label {
	float: left;
	display: block;
	width: 80px;
	margin-top: 4px;
}

.commentForm input[type="text"], #contact input[type="text"] {
	width: 300px;
}

.commentForm textarea, #contact textarea {
	width: 100%;
	height: 150px;
}


#logo
{
	
}

#sidebar
{
	
}
#sidebar .boxOuter
{
	background-image: url(images/box_middle.png);
	background-repeat: repeat-y;
}
#sidebar .boxMiddle
{
	background-image: url(images/box_top.png);
	background-repeat: no-repeat;
	background-position: top left;
}
#sidebar .boxInner
{
	background-image: url(images/box_bottom.png);
	background-repeat: no-repeat;
	background-position: bottom left;
	min-height: 50px;
	padding: 8px;
	padding-right: 13px;
	padding-bottom: 15px;
}
#sidebar .item
{
	margin-bottom: 7px;
}
#sidebar h3
{
	color: #adff39 !important; /*#7fff39 !important;*/
	text-align: center;
	margin-bottom: 7px;
}

#sidebar ul
{
	list-style: none;
	margin: 0px;
	padding: 0px;
}
#sidebar li
{
	
}
#sidebar li a
{
	display: block;
	padding: 2px;
}
#sidebar li a:hover
{
	background-color: #141414;
}
#sidebar a
{
	text-decoration: none !important;
}

#searchpage
{
	text-align: center;
	margin-bottom: 10px;
}
.searchresult
{
	margin-bottom: 10px;
}
.searchresult a
{
	display: block;
	text-decoration: none;
	font-size: 14px;
	font-weight: bold;
}
.searchresult span
{
	display: block;
	margin-left: 10px;
}
.searchresult .type
{
	display: none;
}
.searchresult .text
{
	font-size: 10px;
}
.searchresult .url
{
	font-size: 10px;
	color: #7fff39;
}

.paging
{
	list-style: none;
}
.paging li
{
	display: inline;
	padding: 2px;
	margin: 2px;
}
.paging .active a
{
	text-decoration: none;
}

#archive ul
{
	list-style: none;
	margin: 0;
}
#archive li
{
	display: block;
	width: 50%;
	float: left;
}
#archive h2
{
	clear: left;
}
#archive table
{
	width: 100%;
}
#archive th
{
	display: none;
	font-size: 11px;
}
#archive .date
{
	width: 70px;
	font-size: 11px;
	vertical-align: top;
}
#archive .comments
{
	width: 20px;
	text-align: right;
}
/* headings.. */
h2, h2 a, #comment, #addcomment, h1
{
	color: #157bca;
	padding: 0px;
	margin: 0px;
	font-size: 18px;
	margin-top: 8px;
	margin-bottom: 8px;
	text-decoration: none;
}
h3
{
	color: #157bca;
	padding: 0px;
	margin: 0px;
	font-size: 15px;
}


/***
 * TAG CLOUD
 */

#tagcloud {
	margin-bottom: 10px;
	white-space: normal;
	text-align: center;
}

#tagcloud li {
	display: inline;
}

#tagcloud a {
	margin-right: 3px;
	display: inline !important;
	text-decoration: none;
}

#tagcloud a:hover
{
	background-color: #1a1a1a;
	color: #157bca !important;
}

#tagcloud a.biggest {
	font-size: 20px;
	color: #157bca;
}

#tagcloud a.big {
	font-size: 17px;
	color: #1e6296;
}

#tagcloud a.medium {
	font-size: 13px;
	color: #19527d;
}

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

#tagcloud a.smallest {
	font-size: 10px;
	color: #0f324d;
}
/*----------------------------
					Star rater
----------------------------*/
.rating
{
	text-align: left;
}

.rating p
{
	display: inline;
}

.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;
	margin: -20px;
}

.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: 0;
}

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

/* */

#monthList
{
	
}
#monthList .year
{
/*	list-style-image: url(images/calendar.gif); */
	font-weight: bold;
	padding-left: 10px;
	font-size: 12px;
	cursor: pointer;
}
#monthList ul
{
	display: none;
}
#monthList .open
{
	display: block;
	font-weight: normal;
	font-size: 1em;
}
#monthList ul li
{
	/*list-style-image: url(images/date.gif); */
	padding-left: 5px;
}

#blogroll img
{
	margin-right: 8px;
}

#blogroll .xoxo ul
{
	margin-left: 24px;
	margin-top: 7px;
}
#blogroll .xoxo > li
{
	padding-bottom: 8px;
}
#blogroll a
{
	font-size: 12px;
	display: inline !important;
	padding-left: 20px;
	color: #157bca;
}

/* code snippet css
 */
.codeSnippet
{
	padding-bottom: 5px;
}
.codeHeader
{
	padding-left: 16px;
	font-size: 12px;
}
.codeContainer
{
	font-family: Monospace;
	width: 370px;
	overflow: auto;
	font-size: 12px;
	padding: 5px;
	padding-bottom: 15px;
	
	border: 1px solid #cecece;
	background-color: #fff;
	color: #000;
	max-height: 400px;
	min-height: 40px;
}
.lineNumber
{
	color: #aaa;
	border-right: 1px dotted #bebee7;
	padding-right: 2px;
	margin-right: 3px;	
}

#postnavigation
{
	width: 100%;
	text-align: center;
	margin-bottom: 8px;
	color: #141414;
}
#postnavigation a
{
	text-decoration: none;
	color: #0d4c7c;
}
#postnavigation a[title="Previous post"]
{
	float: left;
}
#postnavigation a[title="Next post"]
{
	float: right;
}

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