/* next layout: measure exactly how much space the thumbnails need to fit into a column */

body {
	background:url(bg.jpg) fixed;
	color:#52473d;
	font:10px/30px sans-serif;
	margin:20px 0 20px 0;
	text-align:center;
}
p, form {
	clear:both;
	margin:1px 0;
	padding:0 20px 10px 0; /* margin makes IE bounce up and down */
}
a { 
	color:#008aff;
	font:100% tahoma, verdana, sans-serif; /* could easily be 110% */
	text-decoration:none; 
}
a:hover, .menu a:hover, .break a:hover, .bottom a:hover, .content a:hover img {
	color:#3eb9ff;
	border-color:#3eb9ff;	
}
.js-kit-comments .js-singleComment {
  border:1px dashed #e2dedb;
  font:10px/13px tahoma, verdana, sans-serif;
  margin:2px 0;
  padding:0 20px 10px 0;
}
      
/* * * * c o n t e n t * * * * */

.content {
	background:white;
	border:10px solid white; /* IE thinks border = padding */
	font:10px/12px sans-serif;
	margin:0 auto;
	padding-left:20px;
	position:relative;
	text-align:justify;
	width:735px; _width:775px;
	word-spacing:1px;
}
img.doujinshi {
	border:2px solid #e2dedb;
	display:block;
	margin:0 auto;
	text-align:center;
}
h1 {
	color:#c9c6b4;
	font:italic small-caps 34px/34px serif;
	letter-spacing:1px;
	margin:30px 0 0 -10px;
}
small {
	color:#c1c2b3;
	display:block;
	font:9px tahoma, verdana, sans-serif;
	margin-bottom:10px;	
}
em {
	font:900 10px tahoma, verdana, sans-serif;
	text-transform:uppercase;
}

/* * * * * * m e n u * * * * * */

.menu {
	background:url(top.jpg) no-repeat;
	color:#3d54ff;
	height:15px;
	margin:0 0 20px -20px;
	padding-top:142px;
	text-align:center;
}
.menu a {
	color:white;
	font:900 10px tahoma, sans-serif;
	padding:0 8px 0 7px;
	word-spacing:0;
}
.break {
	font:10px/11px tahoma, verdana, serif;
	position:absolute; /* only works in .content is relative */
	right:105px;
	top:165px;
	text-align:right;
	width:400px;
}
.break a {
	color:black;
	font:900 10px tahoma, sans-serif;
	padding:0 5px;
	text-transform:lowercase;
}
.break h1 {
	display:none;
}

/* * * * * c o l u m n s * * * * */

.column {
	display:inline; /* for IE's doubled margins */
	float:left;		
	margin:0 20px 0 0;
	text-align:left;
	width:225px;
}
.wide {
  clear:both;
	margin:0 20px 0 0;
}
.column img, .wide img, .fanart img {
	border:2px solid #e2dedb;
	float:left;
	height:37px;
	margin:0 5px 5px 0;
	width:50px;
}
.column h1, h4 {
  color:#c9c6b4;
	display:block;
	font:900 italic 14px/20px "trebuchet ms", sans-serif;
	letter-spacing:0;
	margin:0;
	padding:10px 0 5px 0;
}
.column small {
	border-bottom:1px solid #eee;
	text-align:right;
	margin:0 0 -13px 0;
}
.fanart {
	display:inline; /* for IE's doubled margins */
	float:left;
	text-align:left;
	width:147px;
}

/* * * * * * f i c s * * * * * */

h4 a {
	font:900 italic 14px/20px "trebuchet ms", sans-serif;
}
ul {
	margin:0 20px 10px 0;
	padding:5px 0 5px 50px;
}
li {
	list-style-type:circle;
}

/* * * * * * f o r m * * * * * */

textarea, input {
	background:white; 
	border:1px solid #e2dedb;
	color:#52473d;
	font:11px tahoma, verdana, sans-serif; 
	margin-bottom:2px;
	padding:1px 0 2px 4px;
	width:200px;
}
.button {
	background:black;
	color:white;
	width:90px;
}
.button:hover {
	background:#3eb9ff;
	cursor:pointer;
}

/* * * * * b o t t o m * * * * */

.bottom {
	border-top:1px dashed #e2dedb;
	font:9px/13px tahoma, verdana, sans-serif;
	margin:20px 0 0 -20px;
	padding:10px 20px 0 0;
}
.bottom img {
	border:0;
	height:50px;
}
.new { /* for new authors */
	color:#8B8A75;
}
img.none {
  border:0;
  float:none;
  height:auto;
  margin:0;
  width:auto;
}