/* CSS Document */

body{
	margin:0px;padding:0px;
	background-color:#A21A1A;
	background-image:url(http://www.darksama.com/lib/skin/bf.gif);
	background-attachment:fixed;
	background-position:top left;
	background-repeat:repeat-x;
	text-align:center;
	font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size:90%;}
a{
	text-decoration:none;
	color:rgb(196, 43, 73);}
a:link{text-decoration:none;color:rgb(196, 43, 73);}
a:visited{text-decoration:underline;color:rgb(150, 10, 50);}
a:hover, a:active{text-decoration:none;color:#740309;background-color:#FFE4E1;}

h1, h2, h3, h4, h5, h6{
	margin:0px;padding:0px;
	font-family:Georgia, "Times New Roman", Times, serif;}
h1{
	font-family:"Courier New", Courier, mono;
	font-weight:normal;
	font-size:130%;
	padding:8px 0px 0px 10px;
	height:112px;
	max-height:112px;
	color:#eee;}
h1 span{
	font-size:80%;
	color:#fff;}

#topcontainer{
	text-align:left;
	margin:0px auto;
	width:750px;
	background-color:#fff;
border:2px solid #01062C;
border-top:0px;
border-bottom:0px;}

#banner{
	background-image:url(/lib/skin/top.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	background-color:#4353A0;
}
div>#banner p{
	height:17px !important;}
#banner p{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:70%;
	margin:0px;
	max-height:20px;
	padding: 8px 0em 5px 1em !important;
	padding-bottom:10px;
	color:#E9F3F4;}
#banner p a{color:#E9F3F4;text-decoration:underline;}
#banner p a:hover, #banner p a:active{background:transparent;color:#fff;}

#banner ul{
	list-style-type:none;
	width:750px;overflow:auto;
	margin:0px;padding:0px;
border-bottom:1px solid #01062C;
	/*border-bottom:2px solid #D0E2F0;*/}
#banner ul li{
	margin:0px;border-right:1px solid #657CC2;padding:0px;
	width:auto !important;width:90px;max-width:90px;
	float:left;
	color:#fff;
	text-align:center;}
#banner ul li a{
	padding:8px 0px;
	display:block;
	height:auto !important;
	height:1%;
	width:90px;
	color:#fff;}
#banner ul li a:hover, #banner ul li a:active{
	background:transparent;}
#banner ul li a:visited{text-decoration:none;}
#banner ul li#nav-home a:hover, #banner ul li#nav-home a:active{
	background:url(/lib/skin/nav-bg.jpg) -2px -2px no-repeat;}
#banner ul li#nav-blog a:hover, #banner ul li#nav-blog a:active{
	background:url(/lib/skin/nav-bg.jpg) -82px -2px no-repeat;}
#banner ul li#nav-phot a:hover, #banner ul li#nav-phot a:active{
	background:url(/lib/skin/nav-bg.jpg) -182px -2px no-repeat;}
#banner ul li#nav-work a:hover, #banner ul li#nav-work a:active{
	background:url(/lib/skin/nav-bg.jpg) -272px -2px no-repeat;}
#banner ul li#nav-game a:hover, #banner ul li#nav-game a:active{
	background:url(/lib/skin/nav-bg.jpg) -364px -1px no-repeat;}
	
#container{
	width:750px;/*overflow:auto;*/
	font-size:90%;color:#333;
	background-color:#fff;
	background-image: url(/lib/skin/bg.gif);
	background-position:top left;
	background-repeat:repeat-y;}

#content{
	width:530px;float:left;
	text-align:justify;
	line-height:150%;}
#content .blog{
	padding:0px 10px;}
#content h2, #links h2{
	background-color:#ACBFE0;
	color:#172847;
	font-size:100%;
	font-family: Tahoma, serif;
	padding:10px;
	margin:0px 0px 1em 0px;
text-transform:lowercase;
letter-spacing:.05em;
font-weight:normal;
}
#foot{clear:both;}

#links h2{
	line-height:150%;
	color:#666;
	background-color:#f0e5c0;
}

.blog h3{
	color:#294A4F;
	font-weight:normal;
	font-size:150%
	}

.blog h3.date{
	letter-spacing:-2px;
	color:#78450C;
	text-align:center;
	font-size:120%;
	float:left;
	width:35px;
	padding:4px 0px 5px;
	background-color:#F8E8CE;
	font-weight:normal;
	border-right:1px solid #EBDFB7;
	border-bottom:1px solid #EBDFB7;
	border-top:1px solid #78450C;
	border-left:1px solid #78450C;
	margin-right:5px;
line-height:90%;}
h3.date .day{
	display:block;}

h4.title, h3.title{
	text-transform:capitalize;
	font-size:130%;
	font-weight:normal;
	padding:16px 6px 7px 6px;
	text-align:right;
	color:#244072;
}
h4.title a{	color:rgb(150, 10, 50);}
h4.title a:hover, h4.title a:active{
	/*background:#fcfcf5;*/
	border-bottom:1px dashed }
.blogbody img{border:1px dashed maroon;}
#content .posted{text-align:right;font-size:80%;font-family:Verdana, Arial, Helvetica, sans-serif;
border-top:1px dotted #e3e3e3;}
#content .posted a:hover{color:#740309;}

#links{margin-left:531px;}

#links .sidebox{
	margin:1.5em 10px;font-size:90%;}
#links h3{
	color:#84552B;
	font-weight:normal;
	font-size:130%;
margin-bottom:.5em;
border-bottom:2px dotted #F0E5C0;}

#links ul{
	margin:.8em 0px 0px;padding:0px;list-style-type:none;}
#links ul li{margin:.3em 0;}
#links a:hover{background-color:rgb(196, 43, 73);color:#FFeeee}

#bottomBanner{
	background-image: url(/lib/skin/bot1.jpg);
	background-position: top left;
	background-repeat:repeat-x;
	background-color:#DEBEA4;
	
	color:#999;			
	padding:14px 8px 10px;
	font-size:80%;
	
	background-color:#3D5267;
	font-weight:normal;
	border-top:2px solid #881414;
	/*min-height:100px;*/}
.powered{
	float:right;}
#bottomBanner p{
	margin:0;}
#bottomBanner a, #bottomBanner a:link{color:#ACBFE0;}
#bottomBanner a:hover{color:#ACBFE0;background-color:#41539B;}
#bottomBanner img{border:0px;}
#bottomBanner .copyright img{vertical-align:middle;}

/* =======++ Site Style ++======================== */

/* ~~~~~~~~~ Classes ~~~~~~~~~~~~~~ */
ul.monthly li {
	float:left;
width:160px;
color:#666;
}
ul.monthly{
	list-style:none;margin-left:0em;padding-left:0em;
}

.blogbody, .essay {
	color: #2F3E4F;
	font-weight: normal;
	text-align: justify;
	line-height: 170%;
	margin-bottom: 1.5em;
}
.essay p{
	line-height:		200%;
	text-indent: 3em;
}
.essay a[name]{
	vertical-align: sub;
	text-decoration:none;
}
.essay ol{
	padding-left:2em;
	margin-left:2em;
	line-height: 200%;
}
.subtitle{
	font-family:"Trebuchet MS",Tahoma,sans-serif;
	color:#333;
	font-size:small;
}
.part{ 
	font-size:medium;
	color:#000;
	font-weight:normal;
	text-indent:2.5em;}
.skins{
	position:relative;
	float:left;
	margin:1em;
}
.listening{
	text-align:right;
	font-size:xx-small;
	color:#6a6a6a;
	font-family:tahoma,sans-serif;
}

#links .sidebox .blogcons{text-align:center;margin-top:1em;}
.blogcons img{border:0;}

/* ============++ Comments and Trackback ++=============== */
	
#comments-notice{
float:right;
width:200px;}
#comments-notice p{
line-height:110%;
font-size:90%;}
#comments-notice .comments-open-moderated{
	color:rgb(196, 43, 73);}
#comments-open-data{
width:300px;}



/* =================++ OTHERS ++========== */

.images { border: thin #333 solid;background:#fafafa;padding:.5em;}
.essay .images{text-align:center;}
.images img{margin-left:.1em;margin-right:.1em;margin-top:.15em;}
.images p{ text-indent:0em;line-height:100%;font-style:italic;font-size:smaller;}
.comments-blog{
padding:1em;
margin-bottom:25em;
}
input[type="submit"], input[type=button]{
background-color:maroon;
color:#fff;
margin-top:.5em;padding:.2em;
	border-left:1px solid #999;
	border-top:1px solid #999;
	border-right:1px solid #f5f5f5;
	border-bottom:1px solid #f5f5f5;
}
input[name=preview]{background-color:#244072;}
input[name=cancel]{}
input[name=post]{background-color:#FCC930;font-weight:bold;}

#search{
background:#fafafa;
color:#222;
padding:.2em;
font-family:Tahoma,arial,sans-serif;
}

.comments-body input, .comments-body textarea{
background:#fcfcfc;
color:#222;
border:1px #333 solid;
font-family: tahoma,arial,sans-serif;
padding:.2em;
}
#bakecookie, #forget{
border:none;background:none;
}
ins{font-style:italic;text-decoration:none;}

#contact dl{font-size:90%;color:#2C4D54;}
#contact dl dt{
width:55px;float:left;}
#contact dl dd{
min-width:150px}
* html #contact dl dd{width:150px;}

/* =============++ LINKS ++================ */

.comments-post a:link,
.comments-blog a:link,
.comments-post a:visited,
.comments-blog a:visited
{ color:#aaaaaa;text-decoration:none; }
.posted a:hover,
.posted a:active { color:#000000;text-decoration:none; }
.comments-post a:hover,
.comments-post a:active,
.comments-blog a:hover,
.comments-blog a:active
{color:#fff;text-decoration:none;}

.moreleft{text-indent:0em;color:#666;}

#content pre{
width:480px;
overflow:auto;
padding-left:15px;
margin-left:15px;
border-left:3px solid #771111;
font-size:120%;
color:#771111;
font-weight:bold;
}
* html #content pre{
font-size:100%;}


#content code{
font-size:120%;
color:#771111;
font-weight:bold;
}

input.text,  textarea, input[type=text], #search{
	background:#fafafa;
	border-top:1px solid #999;
	border-left:1px solid #999;
	border-right:1px solid #f5f5f5;
	border-bottom:1px solid #f5f5f5;
color:#222;
}

.youtube{
margin-left:40px;}

.blog blockquote dl, .blog blockquote dt, .blog blockquote dd{margin:0;padding:0;}
.blog blockquote dl{width:450px;overflow:auto;}
.blog blockquote dt{float:left;width:60px;clear:left;color:#26566E;}
.blog blockquote dt.me{color:#B82C15}
.blog blockquote dd{margin-left:65px;margin-bottom:.5em;}

/* ----- ADSENSE ---- */
#links #adsense{
text-align:center;}
#links #adsense #adsense-container{
margin:0 auto;text-align:left;width:160px;}