@charset "EUC-JP";

p, li, dt, dd { font-size: small; }
html, body { margin:0; padding:0; text-align:center; background-color:#A29B7C; color :#A29B7C; } 
div, p, form { margin: 0px; padding: 0px; font-family: geneva, verdana, arial, Osaka, sans-serif; color: #6F6849; text-align:left; }
ul,li,ol { list-style: square; margin:0; padding:0 }
p { margin: 0 0 1em 0}

a 	{ color: #806040; text-decoration: none; font-weight: bold } 
a:link	{ color: #806040; text-decoration: none; } 
a:visited	{ color: #806040; text-decoration: none; } 
a:hover, a:active { color: #998F7A; text-decoration: none; } 

#wrapper { background-color: #D0C8B8; margin: 10px 0;
 width:800px; 
 text-align:left; 
 margin-left:auto; 
 margin-right:auto; border: 1px solid #6F6849;} 

#banner { background-image: 
	url(http://nao-net.com/froodyfrogs/images/myimages/topcolor.gif);
	background-repeat: repeat-x; padding: 0; background-color: #FAFCFB; height: 108px;
	text-align:center; border: none; }
#banner img {border:0 }
#multi, #bottombar { margin: 0px;
		background-image:
		url(http://nao-net.com/froodyfrogs/images/myimages/multicolor.gif);
		background-repeat: repeat-x; padding: 0; height: 27px; border: none; }
#thumb { background-color:#FFCC00; border-bottom: 4px #758120 solid; padding: 10px;
		vertical-align:middle; margin:0 0 6px 0; text-align:center; }
#thumb p { line-height: 1.5em; font-weight: normal; text-align:center;}
#archive { float: right; width: 550px; text-align:center; margin: 8px 0;} 

#leftcolumn{
 width:180px; 
 float:left; 
 position:relative; 
 margin-left:-180px; 
 margin-right:1px; 
 }
 
#content{ 
 background: #D0C8B8;   /* left column color */ 
 }

#catcontent{ 
 border:solid #FFF 0px; /*/*/ border-left-width: 180px ;  /* left column width. NN4 hack to hide borders */ 
 border-left-color: #D0C8B8;   /* left column color */ 
 border-left-style: solid; background-color: transparent; /* center column color */ width: auto; 
 } 
#onecontent{ 
 border:solid #FFF 0px;
 background-color: transparent; /* center column color */
 text-align: center
 }

#rightcolumn{
	/*/*/ width:180px; /* hack keeps NN4 right column right? */ 
	float:right; 
	position:relative; 
	margin-right:-180px; 
	margin-left:1px; 
} 

 
#main, #categorymain { 
 margin: 0 -8px 0 -2px;
 text-align: center;
 }

#wrapper>#inner { border-bottom: 1px solid #5C7F7F;  }
 
.clear {clear:both;}
 
.colcontent{padding:0 8px 8px 8px; } /*padding for content */ 
 
#header .content{padding-bottom:0;} /*padding bottom 0 to remove space in IE5 Mac*/ 
 
#bottombar { width:100%; margin: 0 auto; clear: both;}
#footer { font-size: 11px; margin: 0 0 3px 0; clear : both; border: none; text-align:center;
	color: #666; line-height: 1.4 }
#footer a { font-size: 11px; }
#footer a:visited { color: #806040; text-decoration: none }
#footer a:hover { color: #A62900; text-decoration: underline }

input, textarea { vertical-align: middle; }
textarea { color: #6F6849; margin-top: 3px; }
.button { background-color: #D0C8B8; color: #6F6849; font-weight: bold; }
.search { background-color: #A29B7C; color:#FFF; font-weight: normal;}

blockquote { margin:5px 0 5px 25px; padding: 0px; border: 1px dashed #E5DECF; }
blockquote p { padding: 5px; margin: 0 }
.en { font-family: "Courier New", Courier, monospace; }

hr {border-top: 1px dashed #A69D76; border-right-width: 0; border-bottom-width: 0; border-left-width: 0; margin: 0; padding: 3px 0; color: #FFF}
.side { margin:0 8px 0 0; padding: 0; }


/* MY STYLES
-------------------------------------------------------------------- */ 
h1 { font-weight: bold; padding: 0; margin:0}
h2, h2 a, h2 a:link, h2 a:hover, h2 a:visited { font-size: 120%; font-weight: bold; padding: 0; margin: 0; color: #A62900;}

.littlepic { border:1px solid #6F6849; margin:0 3px}
#archive img { border:1px solid #6F6849; margin: 0 0 3px 0}
#archive .images a { font-weight: normal; }
#archive .images { margin:0 8px; float:left; text-align: center; font-weight:bold; width: 100px; height: 115px}
#archive .textonly {margin-left: 40px; text-align: left; font-weight:bold; text-decoration: none; color: #A62900; font-size: .75em }

.blogbody { margin: 0 auto 6px auto;
			padding: 10px;
			border: solid 1px #6F6849;
			background-color: #FFFFFF;
			text-align: left;
			width: 422px;
			voice-family: "\"}\"";
			voice-family:inherit
			width: 400px;
			}
html>.blogbody { width: 400px; }
.blogbody a, .biggerbody a { color: #806040; text-decoration: none; font-weight:bold; line-height: 1.5;} 
.blogbody a:link, .biggerbody a:link { color: #806040; text-decoration: none; border-bottom: 1px #B39D88 dashed } 
.blogbody a:visited, biggerbody a:visited { color: #806040; text-decoration: none; border-bottom-width: 0} 
.blogbody a:hover, .biggerbody a:hover	{ color: #B39D88; text-decoration: none; border-bottom: 1px #B39D88 dashed } 

.blogbody p, .biggerbody p { line-height: 1.5;}
.biggerbody { 
	margin: 0 auto;
	padding: 10px 8px 20px 8px;
	border: solid 1px #6F6849;
	background-color: #FFFFFF; 
	text-align: left; width: 538px; 
	voice-family: "\"}\""; 
	voice-family:inherit; 
	width:520px;
	}
html>.biggerbody { width:520px; }
.blogbody form, .biggerbody form { margin: 0 0 8px 0; padding:0; text-align:center; }
.blogbody h2 { margin-bottom: 3px }
h2.neutral { text-align: center; color: #6F6849; }
.mainpic { border:8px solid #FFF; width: 400px; height: 300px; margin: 0 0 8px 0; }

.colcontent ul { margin: 5px 0 10px 0; padding: 0 0 0 14px; }
.colcontent ul li { list-style-type: none; line-height: 1.4; }
#recentcomments ul { margin: 3px 0; padding: 0 0 0 10px; }
#recentcomments li li { font-size: 84%; padding: 0 0 0 12px; 
	line-height: 1.3; background: url(http://nao-net.com/froodyfrogs/images/myimages/recentcom.gif) no-repeat }

.sidetext { font-size: 84%; line-height: 1.4; padding: 0 0 8px 14px; margin: 0; border: none; }
.minibutton { border:0 ; margin-top: 2px }
.sidemodule { text-align: center }
.sidemodule p { font-size: 10px; text-align: center; margin: 5px 0 }

.posted { margin: 10px 0 0 0;
	border: 1px solid #E5DECF;
	padding: 3px 10px
	}
.posted a, .posted a:link, .posted a:visited { text-decoration: none; border: none }
.posted a:hover, .posted a:active { text-decoration: underline; border: none } 
.posted li {  font-size: 75%; padding: 0 0 0 25px; list-style-type: none; }
.posted li.date { background: url(http://nao-net.com/froodyfrogs/images/myimages/date.gif) no-repeat }
.posted li.category { background: url(http://nao-net.com/froodyfrogs/images/myimages/category.gif) no-repeat }
.posted li.com { background: url(http://nao-net.com/froodyfrogs/images/myimages/com.gif) no-repeat }
.posted li.tb { background: url(http://nao-net.com/froodyfrogs/images/myimages/tb.gif) no-repeat }

.box { margin: 5px 0 0 0; text-align: center; border: 1px solid #E5DECF; padding: 3px }

.nav { text-align: center; font-size: 11px; font-weight: normal; padding: 0; margin: 0 0 8px 0; font-weight: bold }
.nav a:link, .nav a:visited {color: #A62900; text-decoration: none; }

.comments-head, .tb-head { 
	text-align:left; font-size: small; font-weight: bold; color: #A62900; border-bottom: 1px solid #6F6849; 
	margin: 5px 0; }
.comments-head img, .tb-head img { margin: 0 4px 0 0}
.comments-body, .tb-body { margin: 0; line-height: 1.5;}
.comments-body p, .comments-post p, .tb-body { margin: 0; padding: 0; }
.comments-body form { margin: 0; padding: 0; }
.comments-post, .tb-post { text-align: right; font-style: italic; border-bottom: 1px dashed #E5DECF; margin-bottom: 5px; font-size: 0.75em; }

.hide, .hide a, .hide a:link, .hide a:hover, .hide a:visited { color:#A29B7C }

dl.about { padding: 0;margin: 0; line-height: 1.5;}
dl.about dd { position:relative; left:5em; top:-1.5; margin-bottom:-1.5; }
 
/*printer styles*/ 
@media print{ 
/*hide the side columns when printing*/
#leftcol, #rightcol { display:none; }
#outer{ border-left:0; border-right:0; }