/**
 ** This is the base stylesheet. IT SHOULD NOT BE MODIFIED.
 ** Instead, add other stylesheets to override settings here.
 ** 
 ** This mostly handles positioning and basic stuff. Color schemes
 ** should be handled in separate files. 
 **
 **/

body {
	margin:0;
    font-family:sans-serif;
    font-size:12px;
}

a {
	text-decoration:none;
	font-weight:bold;
}
h1, h2 { clear:both }
h1 { font-size: 1.5em;margin:0 }
h2 { font-size: 1.1em;border-bottom:1px solid #ccc }
br.clear { clear:both }
fieldset { margin:0 1em 1em 0; }
#box {
    position:absolute;
    top:3em;
    left:130px;
    right:20px;
}
#box2 {
    background:#fff;
    border:2px solid #ccc;
    padding:2em;
	min-height:250px;
}
#menu {
	position:absolute; /* Sucky browsers */
	top:3em;
	left:20px;
	width:110px;
	text-align:right;
	background:#fff;
	border:2px solid #ccc;
	border-right:0;
	padding:5px 0;
	z-index:8;
}
#menu[id] { position:fixed } /* Non-sucky browsers */
#menu a {
	display:block;
	border:0;
}

/** THE POPUP WINDOWS **/
#posting th { text-align:right; white-space:nowrap;vertical-align:top }
#posting img { vertical-align:middle }
#posting td { vertical-align:top }

/** THE IMAGE PAGES **/

/** Header/footer **/
.header { border-bottom:2px solid #ccc; height:2em; }
.header * { vertical-align:bottom; margin:0; padding:0 }
.header h1 { float:left }
.header p { float:right; border:1px solid #999 }
.header span { border-left:1px solid #999; padding:0 0.25em }
.header span:hover { background:#eee }
.header .current, .header span.current:hover { background:#ccc; border-top:1px solid #ccc } 
.bottom { border:0; padding:1em 0 1em 0 }
.rss { text-align:right }
.rss img { border:0 }

/** Image entries **/
table.entry {
	border-collapse:collapse;
	width:80%;
	margin:1em 0;
}
/* IE fucking makes "100%" for PAGE rather than containg div*/
#images>table.entry { width:100% }

table.entry td { vertical-align:top }
table.entry tr { border-bottom:1px solid #ccc }

.entry .image {
	width:175px;
	text-align:center;
	vertical-align:top;
	padding:1em 0 1em 0;
}

.byline { margin-bottom:1em }
.content h2 { border-bottom:1px solid #ccc;margin:0 1em 0 0 }
.content p { clear:both;padding-top:2em 0 }
.content .name { display:block;float:left }
.tripcode, .date { font-style:normal; padding-left:0.5em }
.tripcode { float:left }
.date { float:right;display:none }
.entry img {
	border-top:1px solid #ccc;
	border-right:1px solid #999;
	border-bottom:1px solid #999;
	border-left:1px solid #ccc;
	padding:1px;
}
.views { font-style:italic;font-weight:bold;font-size:0.8em}
.collapse { display:none }
.expand { display:none }

div.comment { width:95%;margin:1em 0 0 0 ; position:relative }
.comment h3 { float:left;margin:0;font-size:1em }
.comment .byline { margin-bottom:1em;border-bottom:1px solid #ccc }
.cimage { float:left;margin-right:1em }
.cimage span { float:left;margin:0 1em 0 0 }
.cimage span em { padding-left:2em}
.cimage cite { font-style:normal }
.commentdelete { text-align:right;margin:0 }

div.control {
	margin-top:1em;
	vertical-align:bottom;
	font-weight:bold;
}
div.control p { margin:0;text-align:right }
div.control em { float:left }

#stats { width:90%;margin:2em }
#stats tr { background:#f3f3f3 }
#stats th { background:#e0e0e0 }
#stats td { text-align:right }

#categories th, #categories td { padding:3px }
#categories th { text-align:left }
#categories td { background:#f3f3f3 }

#footer { position:relative;width:80px; height:15px; margin:0 auto 2em auto}
#footer a {
	position:absolute;
	width:100%;
	text-align:center;
	margin-top:5px;
	background:url(button.png);
	text-indent:-900em;
}

#popon {
	position:absolute;
	top:50px;
	left:150px;
	width:500px;
	height:500px;
	z-index:9;
	color:#fff;
	border:1px solid #999;
	background:#fff;
}
#popon[id] { position:fixed }
#popon h1 {
	position:relative;
	background:#666;
	color:#fff;
	margin:0;
	padding:1px 0 0 5px;
	font-size:12px;
	height:17px;
	border-bottom:1px solid #ccc;
}
#popon iframe {
	width:497px;
	height:477px;
}
#close {
	position:absolute;
	top:2px;
	right:2px;
	width:12px;
	height:12px;
	border:1px solid #fff;
	background:#ccc;
	text-indent:-999em;
	background:#ccc url(close.png) repeat-x;
}
#close:hover {
	background-position:12px 0;
}
.clear { clear:both }
.deem { color:#999 }
.popup { padding:1px;border:1px solid #999;float:left;margin-right:1em }
.required { color:#c00 }
th.required { vertical-align:top }
.alert { font-weight:bold;color:#933 }
.saged { color:#ccc }