body {
background: #FFFFFF url('bodybg.gif') repeat;
font-family: Verdana, Arial, sans serif;
font-size: 9pt;
color: #8E8E8E;
text-align: justify;
margin: 0px;
}

/* Header */

.pattern {
background: #000000 url('img/headerpattern.gif') repeat-x;
background-position: top center;
height: 18px;
}

.headerbg {
background: #112F39 url('img/headerbg.gif') repeat-x;
background-position: top center;
height: 110px;
}

.header {
margin: 0 auto;
background: #112F39 url('img/header.gif') repeat-x;
background-position: top center;
height: 110px;
width: 836px;
}

				.pad {
				padding-left: 30px;
				}
				.header a img {
				height: 110px;
				width: 205px;
				}

				.header a img {
				margin: 10px;
				border: 3px solid #4F6E79;
				height: 80px;
				width: 80px;
  				filter:alpha(opacity=40);
  				opacity:0.4;
				}

				.header a:hover img {
				border: 3px solid #FFFFFF;
  				filter:alpha(opacity=100);
  				opacity:1.0;
				}

		/* Navigation */

		.nav {
		background: url('img/navbg.gif') no-repeat;
		height: 31px;
		margin-left: 25px;
		padding-top: 5px;
		}

			.nav a {
			font-family: verdana, arial;
			font-size: 11pt;
			text-transform: uppercase;
			text-decoration: none;
			letter-spacing: 2px;
			color: #FFFFFF;
			margin: 13px;
			}

			.nav a:hover {
			color: #2B5462;
			text-decoration: overline;
			}

		/* Content */

		.content {
		margin: 0 auto;
		background: #FFFFFF url('img/body.gif') repeat-y;
		width: 836px;
		}

		.post {
		width: 520px;
		padding-left: 20px;
		padding-top: 10px;
		}


			.page-title {
			border-left: 15px solid #FF811B;
			font-size: 12pt;
			font-family: Century Gothic;
			color: #95D36C;
			padding-left: 10px;
			text-decoration: none;
			}

			.post-title a {
			border-left: 15px solid #FF811B;
			font-size: 12pt;
			font-family: Century Gothic;
			color: #57AA5D;
			padding-left: 10px;
			text-decoration: none;
			}

					.post-title a:hover {
					border-left: 15px solid #5ED7FF;
					font-size: 12pt;
					font-family: Century Gothic;
					color: #82D087;
					padding-left: 10px;
					text-decoration: none;
					}

			.post-info {
			background: #EBEBEB;
			text-transform: uppercase;
			text-align: center;
			font-size: 8pt;
			color: #1989BE;
			margin-left: 10px;
			margin-right: 10px;
			margin-top: 5px;
			padding: 3px;
			}


			.post-footer {
			text-transform: uppercase;
			text-align: right;
			font-size: 11pt;
			color: #1989BE;
			margin-left: 10px;
			margin-right: 10px;
			margin-top: 5px;
                        margin-bottom: 15px;
			padding: 3px;
                        border-bottom: 1px dashed #E6E6E6;
			}

			.post-footer2 {
			text-transform: uppercase;
			text-align: right;
			font-size: 8pt;
			color: #1989BE;
			margin-left: 10px;
			margin-right: 10px;
			margin-top: 5px;
                        margin-bottom: 15px;
			padding: 3px;
                        border-bottom: 1px dashed #E6E6E6;
			}

				.post a img {
                                border: 0px;
   				filter:alpha(opacity=80);
  				opacity:0.8;
				}

				.post a:hover img {
				border: 0px;
  				filter:alpha(opacity=100);
  				opacity:1.0;
				}

		/* Sidebar */

		.sidebar {
		background: #2B5462 url('img/sidebg.gif') repeat-y;
		background-position: top center;
		float: right;
		padding-left: 35px;
		padding-right: 4px;
		margin: 10px;
		width: 218px;
                color: #FFFFFF;
		}

                .sidebar ul {
                padding-left: 0px;
                margin: 0px;}

			.sidebar-title {
			font-family: Century Gothic, Verdana, arial;
			font-size: 16pt;
			color: #FF811B;
			letter-spacing: 3px;
			text-align: left;
			padding-bottom: 3px;
			border-bottom: 1px dashed #FF811B;
			}

						.sidebar-text {
						font-family: Century Gothic, Verdana, arial;
						font-size: 8pt;
						color: #FFCEA6;
						text-align: left;
						padding-bottom: 3px;
						}

		.sidebar li {
		margin: 3px;
		font-family: verdana, arial;
		font-size: 8pt;
		color: #ffffff;
		text-align: left;
		padding: 3px;
		list-style-type: none;
				}

		.sidebar li a {
                background: #2E5968;
		font-family: verdana, arial;
		font-size: 8pt;
		color: #ffffff;
		text-align: left;
		text-decoration: none;
		list-style-type: none;
                display: block;
		}

		.sidebar li a:hover {
                background: #5D91A3;
		font-family: verdana, arial;
		font-size: 8pt;
		color: #5ED7FF;
		text-align: left;
		text-decoration: none;
		list-style-type: none;
                display: block;
		}

		.sidebar img {
		float: center;
		border: 1px dotted #FCFFA2;
		margin: 3px;
		padding: 1px;
		}

				.sidebar a img {
                                border: 1px dotted #FCFFA2;
   				filter:alpha(opacity=60);
  				opacity:0.6;
				}

				.sidebar a:hover img {
				float: center;
				border: 1px dotted #FCFFA2;
				margin: 3px;
				padding: 1px;
				filter:alpha(opacity=100);
  				opacity:1.0;
		        }

		/* Footer */

		.footer {
		margin: 0 auto;
		background: url('img/footer.gif');
		background-position: no repeat;
		height: 51px;
		width: 836px;
		}

.arrow a {
font-size: 15px;
color: #00AFCF;
text-transform: uppercase;
}

.arrow a:hover {
font-size: 15px;
color: #FF8208;
}

		/* BASICS */

		b {
		color: #78B64F;
		}

		i {
		color: #78B64F;
		}

		u {
		color:#78B64F;
		}

		a {
		text-decoration: none;
		color: #FF932A;
		}

					a:hover {
					text-decoration: none;
					color: #FFC291;
					}

		blockquote {
		backgroud: #F1F1F1;
		padding-left: 20px;
		padding-right: 20px;
		margin: 10px;
                border-left: 10px solid #FCFF9F;
                border-right: 10px solid #FCFF9F;
		width: 430px;
		}

		img {
		border: 0px;
		}

/* HEADINGS */

h1 {
font-size: 10pt;
color: #2ACAFF;
padding: 3px;
letter-spacing: 1px;
}
               
h2 {
color: #95D36C;
text-align: center;
text-transform: uppercase;
font-size: 15px;
letter-spacing: 2px;
border-top: 2px dotted #FCFF9F;
}

h3 {
font-size: 10pt;
color: #2ACAFF;
padding: 3px;
letter-spacing: 1px;
}

h4 {
font-size: 14px;
color: #2ACAFF;
letter-spacing: 1px;
text-transform: uppercase;
}

/* Comments */

ol.commentlist {  
margin:0;  
padding:0;  
}  

.commentlist li {  
list-style:none;  
margin-bottom:14px;  
}  
  
.commentlist cite {  
padding: 7px;  
display:block;  
font-style:normal;  
color:#ABABAB;  
}     

.commentlist a:link, .commentlist a:visited {  
color:#FF6977;  
}  
 
.commentlist a:hover, .commentlist a:active {  
color:#42B1FF;  
}  
 
.commentlist cite img {  
padding:5px;  
border:1px solid #25FF7C;  
float:left;  
margin-right:9px;  
}  
 
.commentlist .author {  
font: small-caps bold 1.2em Georgia, "Georgia", Times, serif;  
text-decoration: none;  
}  
 
.commentlist .time {  
background: url('/wp-content/themes/dgrayman/clock.gif') no-repeat 1px;  
padding-left:13px;  
}  

.commenttext {  
padding: 0 20px 10px 20px;  
color:#A7A7A7;  
border-bottom: 2px solid #25E3FF;
border-right: 2px solid #25E3FF;
border-left: 2px solid #25E3FF;
}  

/* Extra */

.code {
background: #ffffff;
border: 1px dotted #FFBABA;
height: 100%; 
width: 100%;
padding: 10px;
}

.icon {
background: #D7F0F1;
border: 3px solid #4CDDE2;
padding: 3px;
margin-right: 8px;
margin-top: 3px;
float: left;
}
.picture {
border-top: 1px solid #3EF26C;
border-left: 1px solid #FFA200;
border-bottom: 1px solid #3EF26C;
border-right: 1px solid #FFA200;
margin-left: 8px;
padding: 2px;
float: right;
}

span.one {
color: #27AAE1;
font-family: bookman old style, arial, sans serif;
}

kbd.one {
color: #27AAE1;
font-family: bookman old style, arial, sans serif;
font-size: 15px;
}

kbd.two {
color: #27AAE1;
font-family: bookman old style, arial, sans serif;
font-size: 15px;
text-align: right;
}

/* READ MORE */

.more {
margin: 14px;
}

.more a {
background: #F0F0F0;
color: #42D0E5;
text-transform: uppercase;
font-weight: bold;
font-family: verdana;
padding: 6px;
border: 1px solid #E8E8E8;
}

.more a:hover {
background: #42D0E5;
color: #ffffff;
text-transform: uppercase;
font-weight: bold;
font-family: verdana;
}
