/* --------------------------------------------------
Leaves v1.0 - Design by Anthonyy @ OSWD.org
			  Adapted by Al @ RazorAnt.com
-------------------------------------------------- */

/* CONTAINER */
body {
background:#ECECEC url(images/background_standard.png) repeat-x scroll left top;
color:#333333;
font-family:Arial,Helvetica,sans-serif;
font-size:100%;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
margin:0;
padding:0;
}
#container {
	width: 973px;
	font-family: Lucida Grande, Tahoma, Arial, Helvetica, sans-serif; /* Lucida Grande for the Macs, Tahoma for the PCs */
	font-size: 11px;
	line-height: 1.6em;
	color: #666;
	background-color: #FFF;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-right: 5px;
	padding-left: 5px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #FFFFFF;
	border-left-color: #FFFFFF;
}
#containerinner {
	width: 955px;
	font-family: Lucida Grande, Tahoma, Arial, Helvetica, sans-serif; /* Lucida Grande for the Macs, Tahoma for the PCs */
	font-size: 13px;
	line-height: 1.6em;
	color: #666;
	background-color: #FFF;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #FFFFFF;
	border-left-color: #FFFFFF;
}

/* GENERAL MOJO AND MULA */

h1 {
	color: #666666;
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #FFF;
	float: left;
	margin: 0px;
	padding: 0px;
	width: 700px;
}

h2 {
	color: #666666;
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #FFF;
}

h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 32px;
	color: #CC6633;
	margin-bottom: 30px;
	background-color: #FFF;
}

img{
	border: none;
}

a {
	color: #CC6714;
	text-decoration: none;
}

a:hover {
	color: #CC6714;
	background-color: #F5F5F5;
}


#searchbox {
	float: right;
	margin-top: -45px;
	font-size: 9px;
}

input {
	background-color: #FFF;
	color: #999999;
	border: 1px solid #CCC;
	font-size: 11px;
	padding: 3px;
}

.button {
	padding: 2px;
}

#searchbutton {
	margin-left: 3px;
	padding: 2px;
}

/* HEADER ELEMENTS */

#header {
	padding-top: 10px;
	margin-bottom: 10px;
	clear: both;
	width: 955px;
}
#header h3 {
	display: block;
	margin: 0px;
	padding: 0px;
	height: 96px;
	width: 277px;
}
#logo  {
	background-image: url(images/pipo-logo.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	text-align: left;
	text-indent: -9999px;
	display: block;
	margin: 0px;
	padding: 0px;
	height: 96px;
	width: 277px;
}
#logo:hover  {
	background-image: url(images/pipo-logo.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	text-align: left;
	text-indent: -9999px;
	display: block;
	margin: 0px;
	padding: 0px;
	height: 96px;
	width: 277px;
	background-color: #ffffff;
}




/* the slogan */
#header p {
	margin-top: -20px;
	margin-left: 30px;
	color: #999999;
}

/* NAVIGATION ELEMENTS */
#navigation {
	width: 955px;
	text-align: center;
	float: left;
	margin: 0px;
	padding: 0px;
	display: block;
}
#navigation ul {
	list-style-type: none;
	width: auto;
	float: right;
	margin: 0px;
	padding: 0px;
	display: block;
}
#navigation li {
	margin-left: 0px;
	padding-left: 0px;
	list-style-type: none;
	float: left;
}

#navigation a {
	display: block;
	padding: 5px;
	width: 50px;
}

#navigation a:link, #navlist a:visited {
	color: #CC6714;
	text-decoration: none;
}

#navigation a:hover {
	color: #CC6714;
	
}

#postnavigation{
	height: 20px;
	margin-bottom: 10px;
	text-align: left;
	color: Gray;
	width: 700px;
	float: left;
	display: inline-block;
	padding-bottom: 10px;
}

/* THE SMALL BOX BELOW NAV */

#navigation p {
	margin-top: 40px;
	padding: 5px;
	border-bottom: 1px dotted #CCC;
	border-top: 1px dotted #CCC;
}

/* CONTENT ELEMENTS */

#content {
	width: 662px;
	margin-left: 0px;
	margin-right: 275px;
	line-height: 1.6em;
	padding-left: 10px;
}

#content a {
	color: #CC6714;
	text-decoration: none;
}

#content a:hover {
	color: #CC6714;
	background-color: #F5F5F5;
}

#content .postheader {
	color: #666666;
	text-decoration: none;
}

#content .postheader:hover {
	color: #666666;
	background-color: #F5F5F5;
}

#content .author {
	float: left;
}

#content .pubDate {
	float: right;
}

#content .postfooter {
	margin-top: 8px;
	border-bottom: 1px solid #DDDDDD;
	border-top: 1px solid #DDDDDD;
}


/* SIDEBAR ELEMENTS */

#sidebar {
	float: right;
	width: 225px;
}

#sidebar p {
	padding-bottom: 10px;
	border-bottom: 1px solid #DDDDDD;
}

#sidebar ul {
	margin-left: 0;
	padding-left: 0;
	list-style-type: none;
	text-transform: capitalize;
}

#sidebar a img {
	border: none;
	margin-right: 3px;
}

#blogroll ul {
	margin-left: 0;
	padding-left: 0;
	list-style-type: none;
}

#blogroll a img {
	border: none;
	margin-right: 3px;
}

/* Beware the ugly tag */
#ctl00_ctl02_ulBlogroll ul {
	margin-left: 8px;
	padding-left: 8px;
	list-style-type: none;
}


/* FOOTER ELEMENTS */

#footer {
	margin-top: 20px;
	clear: both;
	padding: 0px 5px 0px 5px;
	text-align: center;
}

#footer p {
	color: #89817f;
	padding: 5px;
}

#footer p a {
	color: #89817f;
	border-bottom: 1px dotted #89817f;
}

#footer p a:hover {
	color: #FFFFFF;
	background-color: #575352;
}

/* POST ELEMENTS */

#relatedPosts {
	margin-top: 5px;
	margin-left: 10px;
	float: left;
	width: 700px;
}
#relatedPosts a {
	display: block;
	margin-top: 5px;
	margin-left: 10px;
}

.comment {
	padding-top: 10px;
	margin-bottom: 10px;
	padding-bottom: 35px;
}

.comment .date {
	text-align: right;
	margin: 0;
	padding: 3px 0px;
}
.comment .author {
	margin: 0;
	text-align: left;
	padding-top: 3px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	padding-left: 10px;
}

.self {
	background-color: #FFFFFF;
}

.comment .gravatar {
	float: left;
	margin: 5px 5px 5px 5px;
}

.comment .gravatar img {
	height: 80px;
	width: 80px;
}

.comment .content {
	min-height: 85px;
	margin: 5px 0 0 5px;
}

.commentForm label {
	float: left;
	display: block;
	width: 80px;
}

.commentForm input {
	width: 309px;
}

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

/*----------------------------
					Archive
----------------------------*/

#archive {
	padding: 10px;
}

#archive a{
	color: #F70;
}

#archive h1 {
	margin: 0;
	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;
}

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

#tagcloud a.big {
	font-size: 15px;
}

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

#tagcloud a.small {
	font-size: 11px;
}

#tagcloud a.smallest {
	font-size: 10px;
}

/*----------------------------
					Star rater
----------------------------*/

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

/*----------------------------
				Contact page
----------------------------*/

#contact {
	background: white;
	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;
}

/* And they lived happily ever after. The End. */

/* code styles for CodeFormatter Extension*/
.csharpcode, .csharpcode pre
{
	font-size: small;
	color: black;
	font-family: Consolas, "Courier New", Courier, Monospace;
	background-color: #ffffff;
	/*white-space: pre;*/
}

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

/*----------------------------
			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 .entry a[rel] {
	padding-right:11px;
	background-repeat: no-repeat;
	background-position: right center;
}
div.post .entry 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 .entry a[rel~="contact"] ,
div.post .entry a[rel~="acquaintance"],
div.post .entry a[rel~="friend"] {
	background-image:url('../../pics/xfn/contact.gif');
}
/*-------- [ Normal contacts youve met ]--*/
div.post .entry a[rel~="contact"][rel~="met"] ,
div.post .entry a[rel~="acquaintance"][rel~="met"] ,
div.post .entry a[rel~="friend"][rel~="met"] {
	background-image:url('../../pics/xfn/contactMet.gif');
}

/*-------- [ Colleague and co worker icon more important than contact ]--*/
div.post .entry a[rel~="colleague"] ,
div.post .entry a[rel~="co-worker"] {
	background-image:url('../../pics/xfn/colleague.gif');
}
/*-------- [ Colleague and co worker icon when met ]--*/
div.post .entry a[rel~="colleague"][rel~="met"] ,
div.post .entry a[rel~="co-worker"][rel~="met"] {
	background-image:url('../../pics/xfn/colleagueMet.gif');
}

/*-------- [ Sweethearts are more important than work!!! ]--*/
div.post .entry a[rel~="muse"] ,
div.post .entry a[rel~="crush"] ,  
div.post .entry a[rel~="date"] ,
a[rel~="sweetheart"] {
	background-image:url('../../pics/xfn/sweet.gif');
}
/*-------- [ ...and if youve met them thats even better ]--*/
div.post .entry a[rel~="muse"][rel~="met"] ,
div.post .entry a[rel~="crush"][rel~="met"] ,  
div.post .entry a[rel~="date"][rel~="met"] ,
div.post .entry a[rel~="sweetheart"][rel~="met"] {
	background-image:url('../../pics/xfn/sweetMet.gif');
}
/*-------- [PostTime stuff stolen from Dilectio --*/
/**/ * html .PostTime { left: -15px;} /**/ 
.PostTime { padding: 0px; margin: 0px; position: absolute; left: -15px; top: 3px; background: url(images/PostTimeBkg.gif) no-repeat; height: 71px; width: 67px; text-align: center; color:#fff; }
.PostTime strong { display: block; line-height: 9px; font-family: 'Verdana';}
.PostTime .day { font-size: 16px; line-height: 18px; letter-spacing: -1px; padding-top: 20px; font-family: 'Arial';}
.PostTime .month { font-size: 10px; text-transform: lowercase;}
.PostTime .year { padding-top: 7px; font-weight: normal; }

.PostHead small {padding: 0px; margin: 0px; font-size: 11px; line-height: 14px; font-weight: bold; display: block}

.PostAuthor { color:#999; }

.PostCat { color:#ff6600; }
.PostCat a { color:#ff6600; text-decoration: none; }
.PostCat a:visited { color:#ff6600; text-decoration: none; }
.PostCat a:hover { color:#ff6600; text-decoration: none; }

/* Post +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.Post {
	position: relative;
	float: left;
	padding-top: 15px;
	padding-right: 0px;
	padding-bottom: 15px;
	padding-left: 0px;
}

.PostHead {
	margin-left: 55px;
	width: 630px;
	padding-right: 10px;
	clear: right;
	float: left;
}
.PostHead h2 { font-size: 24px; line-height: 24px; letter-spacing: -1px; font-weight: bold; padding: 0px 0px 1px 0px; margin: 0px; color:#000033;}
.PostHead h2 a { color: #109dd0; text-decoration: none;}
.PostHead h2 a:visited { color: #109dd0; text-decoration: none;}
.PostHead h2 a:hover { color:#000; text-decoration: none;}

.PostHead h3 { font-size: 14px; line-height: 14px; font-weight: bold; padding: 0px; margin: 0px; color:#000033;}


/**/ * html .PostTime { left: -15px;} /**/ 
.PostTime { padding: 0px; margin: 0px; position: absolute; left: -15px; top: 3px; background: url(images/PostTimeBkg.gif) no-repeat; height: 71px; width: 67px; text-align: center; color:#fff; }
.PostTime strong { display: block; line-height: 9px; font-family: 'Verdana';}
.PostTime .day { font-size: 16px; line-height: 18px; letter-spacing: -1px; padding-top: 20px; font-family: 'Arial';}
.PostTime .month { font-size: 10px; text-transform: lowercase;}
.PostTime .year { padding-top: 7px; font-weight: normal; }

.PostHead small {padding: 0px; margin: 0px; font-size: 11px; line-height: 14px; font-weight: bold; display: block}

.PostAuthor { color:#999; }

.PostCat { color:#ff6600; }
.PostCat a { color:#ff6600; text-decoration: none; }
.PostCat a:visited { color:#ff6600; text-decoration: none; }
.PostCat a:hover { color:#ff6600; text-decoration: none; }

.PostContent {
	font-size: 13px;
	line-height: 1.4em;
	color:#63565f;
	float: left;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	width: 700px;
}
.PostContent p { font-size: 13px; line-height: 1.4em; color:#63565f;}
.PostContent p strong {}
.PostContent img {}
.PostContent ol { padding: 10px 0px 10px 25px; margin: 0px; }
.PostContent ol li {
	padding: 2px 0px 2px 0px;
	font-size: 14px;
	line-height: 15px;
	color:#00366F;
}
.PostContent ul { padding: 5px 0px; margin: 0px; }
.PostContent ul li { padding: 2px 0px 2px 15px; list-style-type: none; background: url(images/PostContentLiIco.png) no-repeat left top; font-size: 12px; line-height: 15px; color:#63565f; }
.PostContent blockquote { padding: 10px; margin: 0px; color:#993366; background: #eaf7ff;}
.PostContent blockquote p { font-size: 12px; padding: 0px; margin: 0px; line-height: 15px;}
.PostContent blockquote li { padding: 2px 0px 2px 15px; list-style-type: none; font-size: 12px; line-height: 15px;}
.PostContent blockquote a { color:#336699;}
.PostContent blockquote a:visited { color:#336699;}
.PostContent blockquote a:hover { color:#000033;}

/**/ * html .PostContent p img {} /* */ 
.PostContent p img { max-width: 420px;}
.PostContent p img { width:expression(this.width > 420 ? "420px" : this.width); }
.PostContent img {
	border:solid 1px #495b6b;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 0px;
	display: block;
}


.PostCom {
	padding-top: 10px;
	background: url(images/PostComBkg.gif) repeat-x top;
	width: 700px;
	float: left;
}
.PostCom ul { padding: 0px; margin: 0px;}
.PostCom li { padding: 5px 0px 5px 20px; margin: 0px 5px 0px 0px; list-style-type: none; display: inline; color:#336699; font-size: 12px; } 
.PostCom li a { font-weight: bold; text-decoration: none; color:#ff6600;} 
.PostCom li a:visited { font-weight: bold; text-decoration: none; color:#ff6600;}
.PostCom li a:hover { font-weight: bold; text-decoration: none; color:#cc0000;}

.PostCom .Com { background: url(images/PostCom.png) no-repeat left center; }
.PostCom .Tags { padding-left: 0px;}


/* Note ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

.Note { padding: 0px; margin: 0px;}
.Note li { padding: 3px 0px 3px 15px; margin: 0px; list-style-type: none; font-size: 12px;}
.NoteRss { background: url(images/NoteRss.png) no-repeat left top;}
.NoteTrackBack { background: url(images/NoteTrackBack.png) no-repeat left top;}

/* TrackbackList ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

.TrackList { background: #f4ebef url(images/TrackListBottom.gif) no-repeat bottom; padding: 15px; margin-top: 20px; position:relative;}
.TrackListTop { background: #f4ebef url(images/TrackListTop.gif) no-repeat top; position: absolute; top: 0px; left: 0px; width: 455px; height:10px; }
.TrackList h3 { font-size: 14px; font-weight: bold; margin: 0px 0px 5px 0px; padding: 0px 0px 5px 0px; color:#333366; letter-spacing: -1px; border-bottom: dashed 1px #beb4c1;}
.TrackList ul { padding: 0px; margin: 0px;}
.TrackList li { padding: 0px 0px 0px 10px; margin: 0px; list-style-type: none; font-size: 11px; background:url(images/TrackListIco.gif) no-repeat left top;}
.TrackList li a { color:#cc3366; }

/* Navigation - PlugIn +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.Nav { font-size: 11px; padding: 10px 0px; color:#666; font-family: 'Verdana';}
.Nav a { padding: 1px 6px 1px 4px; border-right: solid 1px #666; font-size: 11px;}
.Nav a:visited { padding: 1px 6px 1px 4px; border-right: solid 1px #666;}
.Nav a:hover { padding: 1px 6px 1px 4px; border-right: solid 1px #666; text-decoration: none;}
.Nav span { padding: 1px 6px 1px 4px; color:#666; border-right: solid 1px #666; }
.Nav .on { padding: 1px 6px 1px 4px; border-right: solid 1px #666; font-size: 11px; color:#003366;}

/* Comments ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.Comments { margin: 20px 0px 0px 0px; position: relative;}
.Comments h3 { font-size: 16px; letter-spacing: -1px; margin: 0px 0px 5px 0px; padding: 10px 0px; color:#660000; border-bottom: solid 2px #660000;}

/* Comments List  ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.List { position: relative; padding: 5px 0px; margin: 10px 0px; list-style-type: none; background: url(images/PostDotted.gif) repeat-x bottom; }

/**/ * html .List .LGrav { right: 30px;} /* */ 
.List .LGrav { position: absolute; right: 0px; top: 10px;}
.List .LGrav img { border: solid 1px #ccc; padding: 2px; background: #fff;}

/*.List .author { margin: 0px; padding: 0px; font-size: 11px; line-height: 12px; color:#999;}*/
.List .date { font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;font-size:12px;
line-height:16px;margin: 0px; padding: 0px;color:#999; text-decoration: none;}
.List .author { font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;margin: 0px; padding: 0px; font: bold 16px "Trebuchet MS", sans-serif; letter-spacing: -1px; color:#666;}
.List .author a { color:#666; text-decoration: none;}

.List .content {color:#35383D;
font-family:"Trebuchet MS",Arial,Helvetica,sans-serif; margin: 10px 0px 0px 0px; padding:5px 0px; font-size: 12px; line-height: 16px; border-top: solid 1px #ccc;}
.List .content p { margin: 0px; padding: 5px 0px; font-size: 12px; line-height: 16px;}

.List .Author { background:fff; }


#contact .field {width:384px; color:#003366; background: #e9f8ff; border: solid 1px #d5e7f0; padding: 6px 6px 6px 30px; font-size: 12px; }
#contact label {color:#000000;display:block;font-size:11px;padding:6px 0px;}
#contact TextArea {width:409px; color:#003366; background: #e9f8ff; border: solid 1px #d5e7f0; padding: 6px; font-size: 12px;}
#contact #ctl00_cphBody_txtName{
-x-background-x-position:left;
-x-background-y-position:top;
background-attachment:scroll;
background-color:#E9F8FF;
background-image:url(images/FormName.png);
background-repeat:no-repeat;
}
/* Comments Form ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.commentForm label {color:#000000;display:block;font-size:11px;padding:6px 0px;}
    
.commentForm {
	position: relative;
	margin: 0px;
	font-family: 'Verdana';
	float: left;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}
.commentForm form { margin: 0px; padding: 0px;}
.commentForm a { text-decoration: underline;}
.commentForm p { padding: 0px 0px 2px 0px; margin: 0px; color:#666; }
.commentForm p small strong { font-weight: bold; color:#FF3300;}
.commentForm p small { font-size: 11px; display: block; padding: 6px 0px; color:#000;}
.commentForm #ctl00_cphBody_CommentView1_txtName,#ctl00_cphBody_CommentView1_txtEmail,#ctl00_cphBody_CommentView1_txtWebsite {color:#003366; background: #e9f8ff; border: solid 1px #d5e7f0; padding: 6px 6px 6px 30px; font-size: 12px; }

.commentForm #btnSave {  }

.commentForm TextArea {color:#003366; background: #e9f8ff; border: solid 1px #d5e7f0; padding: 6px; font-size: 12px;}
.commentForm input.SubmitComment { width: 57px; height: 29px; background: url(images/SubmitComment.png) no-repeat; margin-top: 4px;}
.commentForm input.SubmitComment:hover { background: url(images/SubmitComment.png) no-repeat 0 -29px; margin-top: 4px;}
.commentForm input.SubmitCommentIE { width: 57px; height: 29px; background: url(images/SubmitComment.png) no-repeat 0 -29px; margin-top: 4px;}

#addcomment,#comment{
	border-bottom:2px solid #660000;
	color:#660000;
	font-size:16px;
	letter-spacing:-1px;
	float: left;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	width: 700px;
}

#ctl00_cphBody_CommentView1_txtName {
-x-background-x-position:left;
-x-background-y-position:top;
background-attachment:scroll;
background-color:#E9F8FF;
background-image:url(images/FormName.png);
background-repeat:no-repeat;
}

#ctl00_cphBody_CommentView1_txtEmail
{
   -x-background-x-position:left;
-x-background-y-position:top;
background-attachment:scroll;
background-color:#E9F8FF;
background-image:url(images/FormEmail.png);
background-repeat:no-repeat; 
    }

#ctl00_cphBody_CommentView1_txtWebsite{    
    -x-background-x-position:left;
-x-background-y-position:top;
background-attachment:scroll;
background-color:#E9F8FF;
background-image:url(images/FormURI.png);
background-repeat:no-repeat;
}

#gravatarmsg {
	float: left;
}
.commentForm .bbcode {
    font-size:10px;
    float:right;
    position:relative;
    top:20px;
    padding: 3px;
}

.bbcode a {
    margin: 1px;
    padding: 1px 3px 1px 3px;
    background: #fff;
    border: 1px solid #ccc;
}
#commentMenu{
	padding: 0;
	margin:0;
	clear:both;
}

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

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

#commentPreview{
	display:none;
	clear:both;
	min-height: 150px;
}
.loginbox {
	float: left;
}
.clearfloat {
	clear: both;
	height: 0px;
}