﻿img.bg {
		
			min-height: 100%;
			min-width: 1024px;
			
		
			width: 100%;
			height: auto;
			
	
			position: fixed;
			top: 0;
			left: 0;
		}
		
		@media screen and (max-width: 1024px){
			img.bg {
				left: 50%;
				margin-left: -512px; }
		}
		
		div#content {

			position: relative; 
			
			

			width: 400px;
			margin: 0 auto;
			background: silver;
			opacity: 0.9;
			filter: progid:DXImageTransform.Microsoft.Alpha(opacity=90);
			padding: 20px;
	        font-family: helvetica, arial, sans-serif;
	        font-weight: bold;
			font-size: 16px;
			line-height: 18pt;
			-moz-box-shadow: #000 4px 4px 10px;
			-webkit-box-shadow: #000 4px 4px 10px;
		}
		
		body {

			margin: 0;
			padding: 40px 0 0 0;

	background: silver;
	padding: 5;
	margin: 60px;
	font-size: 16px;
	font-family: helvetica, arial, sans-serif;
	font-weight: bold;
	text-align: justify;
}
h2 {
	margin-top: 1em;
	line-height:150%
}

/*  CSS for SAMPLE 1  */
a:link.sample1 {
color: #0000FF;
text-decoration: none;
background-color: yellow;
padding: 5px; 
border: 1px solid black;

}
a:visited.sample1 {
color: #006699;
text-decoration: none;
background-color: yellow;
padding: 5px; 
border: 1px solid black;
}
a:hover.sample1 {
color: #FFFFFF;
text-decoration: none;
background-color: #000000
}
a:active.sample1 {
color: #0000FF;
text-decoration: none;
background-color: transparent
}

p span.displaynone { display:none; }

.post								{ margin: 0 0 45px 0; }
.datebox							{ width: 40px; float: right; padding: 2px 5px 2px 5px; background: #990000; color: white; text-align: center;
									  margin: -20px -20px 0 0; line-height: 14pt;
									  			opacity: 0.9;
			filter: progid:DXImageTransform.Microsoft.Alpha(opacity=90);}
.Dday								{ font-size: 1.1em; font-weight: bold; margin: 0; font-family: Georgia, serif; }	  
.day								{ font-size: 1.1em; font-weight: bold; margin: 0; font-family: Georgia, serif; }
.month								{ font-size: 1.0em; font-weight: bold; text-transform: uppercase; margin: 0; }
.year								{ font-size: 1.0em; font-weight: bold; margin: 0; }
ol.commentlist						{ list-style: none; }
.comment-bubble						{ background: #990000; color: white; padding: 10px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
ol.commentlist li p					{ font-size: 1.0em; }
.gravatar							{ margin-top: 3px; padding: 2px; height: 40px; }


label {
	float: left;
	text-align: right;
	margin-right: 15px;
	width: 100px;
	padding-top: 5px;
	font-size: 14px;
}

.required {font-size: 11px;}

textarea { overflow: auto; }

.button {
   border-top: 1px solid #96d1f8;
   background: #65a9d7;
   background: -webkit-gradient(linear, left top, left bottom, from(#3e779d), to(#65a9d7));
   background: -moz-linear-gradient(top, #3e779d, #65a9d7);
   padding: 4px 8px;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: white;
   font-size: 12px;
   font-family: Helvetica, Arial, Sans-Serif;
   text-decoration: none;
   vertical-align: middle;
   }
.button:hover {
   border-top-color: #28597a;
   background: #28597a;
   color: #ccc;
   }
.button:active {
   border-top-color: #1b435e;
   background: #1b435e;
   }