/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
*                  things common to all pages                    *
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
* {
	font-family: verdana,sans-serif;
	margin: 0;
	padding: 0;
}
/*{
	font-family: verdana,sans-serif;
	margin: 0;
	padding: 0;
}*/

BODY {
	/*background:#EEF2FF;*/
	
	font: 80% verdana, sans-serif;
	padding: 1em 3em;
	text-align:left;
}

th
{
	vertical-align:top
}


a:link {
	color: #006FFA;
	text-decoration: none;
}

a:visited {
	color: #006FFA;
	text-decoration: none;
}

a:hover {
	color: #33CFFF;
	text-decoration: none;
}

a:active {
	color: #006FFA;
	text-decoration: none;
}

h1 {
  font-size: 2em;
}

h2 {
  font-size: 1.8em;
}

h3 {
  font-size: 1.6em;
}

h4 {
  font-size: 1.4em;
}

h5 {
  font-size: 1.2em;
}

h6 {
  font-size: 1em;
}

H1, H3 {
	
	/* text-align: left; */
}

H1 {
	
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 2px;
}
H1 A {
	color: black;
}
H5 {
	margin-top: 0.5em;
	margin-bottom: 0px;
	padding: 1px;	
}


THEAD {
	background: #DEDEDE;
	font-weight: bold;
}
TD {
	vertical-align: top;
	text-align: left;
}

label
{
	font-weight: bold;
	padding-right: 0em;
}


#subtitle {
	width: 256px;
	font-size: 0.75em;
	margin: auto;
	text-align: center;
	border: 1px solid black;
	border-top: none;
	background: #DDD;
}
#main_body SELECT {width: 150px;}
/*
TD INPUT {width: 100%;}
TD SELECT {width: 100%;}
*/

#footer {
	clear: both;
	padding-top: 8px;
	font-size: 0.7em;
	text-align: center;
}

*[onclick] {cursor: pointer;}
IMG {border: none;}
FORM {margin: 0px;}



/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
*             the navigation bar, and all it's blocks            *
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

#nav {
	
	/*width: 200px;
	float: left;
	text-align:left;*/
	
	width: 20%;
    margin-right: 1em;
    float: left;
    overflow: hidden;  

}

#nav TABLE {
	width: 200px;
}
#nav TD {
	vertical-align: middle;
}
#nav INPUT {
	
	padding: 0px;
}
#nav SELECT {
	width: 100%;
	padding: 0px;
}



#comments P {
	text-align: left;
	width: 150px;
	max-width: 150px;
	overflow: hidden;
}

#Upload_Page
{
	text-align: left;
	margin-top:5px;
 	
}

#Images
{
	margin-top:25px;
	float:none;
}
#top-space
{
	margin-top:15px;
	float:none;
}
ul.link-page
{
	font-size: 1.2em;
	font-weight: bold;
}
ul.link-page li {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#Images TD
{
	text-align: center;
	margin-top:38px;
}

#Image 
{
    /*margin-left: 40px;*/
	margin-top:12px;
	text-align:left;
}
#Tips 
{
    /*margin-left: 40px;*/
	font-size: 1.2em;
	margin-top:12px;
	text-align:left;
}

#Tag_Editor{margin-top:0.5em;text-align:left;}
#Quality{margin-top:0.5em;text-align:left;}
#Image_Navigator{margin-top:0.5em;text-align:left;}
#Comments{margin-top:0.5em;text-align:left;}
#Image_Around
{
    margin-left: 0px;
	text-align:left;
}

#tag_display
{
margin-top:0.5em;
width:500px;
}

#danbooru_display
{
margin-top:0.5em;
width:500px;
}

.short_message {color: red; font-weight:bold;}
.short_message a {color: red; text-decoration: underline; font-weight:bold;}
.short_message a:hover {color: red; text-decoration: underline; font-weight:bold;}
.short_message a:visited {color: red; text-decoration: underline; font-weight:bold;}
.short_message a:active {color: red; text-decoration: underline; font-weight:bold;}

ul.flat-list {
	display: inline;
	margin:0 0 0 0;
	padding:0 0 0 0;
}

ul.flat-list * {
	display: inline;
	text-align:left;
}

ul.flat-list li {
    text-align:left;
	list-style-type: none;
	
	margin: 0 1em 0 0;
}

ul.flat-list li a {
	
}

div#more li {
	list-style-type: none;
	margin: 0;
}
div#more {
	margin-top: 2em;
	width:30%;
	height:8em;
	float:left;
}

div#header {
	text-align:left;
}

div#edit_headings {
margin-bottom:1em;
}


/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
*                 the main part of each page                     *
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

#main_body {
	/*margin-left: 160px;*/
	float: left;
	width: 78%;
	text-align: left;
	
}
#Images TABLE {
	width: 90%;
	margin: auto;
}
div#Comments_Page
{
text-align:left;
  
}
div#comment_count
{
margin-bottom:1em;

}
div#user_comment
{
margin-bottom:1em;
}
div#tag_search
{
	font-size: 1.2em;
	font-weight:bold;
	margin-top: 0.5em;
	margin-left: 0.5em;
}

div#front-page
{
text-align:center;

}
.space {
	margin-bottom: 1em;
}

div#front-page div#links a {
	margin: 0 0.5em;
}

div#front-page li {
	list-style-type: none;
	margin: 0;
}


/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
*                     specific page types                        *
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */


#pagelist {
	margin-top: 32px;
}

#tagmap A {
	padding: 8px 4px 8px 4px;
}

#image_comments {
	text-align: left;
	
}
#image_comments P
{


}

.setupblock {
	border: 1px solid #AAA;
	padding: 8px;
	margin: 16px;
	width: 350px;
}

.helpable {
	border-bottom: 1px dashed gray;
}

.ok {
	background: #AFA;
}
.bad {
	background: #FAA;
}

#Search
{
  
  width:150px;
}

span.post-count
{
	color: #AAA;
}



/* some temp elements for testing*/

a.directlink span {
	display: block;
	height: 15px;
	margin: 0;
	padding: 0;
	/*text-indent: -6000px;	*/
	font-size: 8px;
	color: #ee8887;
}

a.directlink {
	background: #eee;
	display: block;
	padding: 2px 0 0 0;
	margin: 10px 0 0 0;
}

li.thumb {
	height: 183px;
	width: 180px;
	/*height: 225px;
	width: 222px;*/
	text-align: center;
	margin: .75em 0 .75em 0;
	padding: 0em;
	display: block;
	float: left;
}

li.thumb a.thumb {
	height: 153px; 
	width: 180px;
	/*height: 195px; 
	width: 222px;*/
	display: block;
	text-align: center;
	margin: 0;
	padding: 0;
}

ul#postslist {
	list-style-type: none;
}



a#search_heading:link{
	color: #000000;
	text-decoration: none;
}
a#search_heading:visited{
	color: #000000;
	text-decoration: none;
}
a#search_heading:hover{
	color: #33CFFF;
	text-decoration: none;
}


.star-rating,
.star-rating a:hover,
.star-rating a:active,
.star-rating a:focus,
.star-rating .current-rating{
	background: url(../img/star.gif) left -1000px repeat-x;
}
.star-rating{
	position:relative;
	width:100px;
	height:20px;
	overflow:hidden;
	list-style:none;
	margin:0;
	padding:0;
	background-position: left top;
}
.star-rating li{
	display: inline;
}
.star-rating a, 
.star-rating .current-rating{
	position:absolute;
	top:0;
	left:0;
	text-indent:-1000em;
	height:20px;
	line-height:20px;
	outline:none;
	overflow:hidden;
	border: none;
}
.star-rating a:hover,
.star-rating a:active,
.star-rating a:focus{
	background-position: left bottom;
}
.star-rating a.one-star{
	width:20%;
	z-index:6;
}
.star-rating a.two-stars{
	width:40%;
	z-index:5;
}
.star-rating a.three-stars{
	width:60%;
	z-index:4;
}
.star-rating a.four-stars{
	width:80%;
	z-index:3;
}
.star-rating a.five-stars{
	width:100%;
	z-index:2;
}
.star-rating .current-rating{
	z-index:1;
	background-position: left center;
}
.inline-rating{
	display:-moz-inline-block;
	display:-moz-inline-box;
	display:inline-block;
	vertical-align: middle;
}

th {
  font-weight: bold;
  text-align: left;
  padding: 0.2em 0.5em;
  white-space: nowrap;
}

tr.even {
  background: rgb(245, 245, 255);
}

tr.odd {
  background: rgb(253, 253, 255);
}

td {
  padding: 1px 4px; vertical-align: top;
}

div#paginator {
  display: block;
  padding: 2em 0 1em 0;
  font-size: 1em;
  text-align: center;
  font-weight: bold;
  clear: both;
}

div#paginator span {
  margin: 0 3px;
  padding: 2px 6px;
}

div#paginator a {
  margin: 0 3px;
  padding: 2px 6px;
  font-weight: normal;
  border: 1px solid #EAEAEA;
}

div#paginator a.current {
  border: 1px solid #AAA;
}

div#paginator a:hover {
  background: rgb(60, 60, 220);
  color: white;
}

div#paginator a.arrow {
  border: none;
}

div#paginator a.arrow:hover {
  background: white;
  color: #33CFFF;
}
 
div#notice {
  font-size: 1.2em;
  color: red;
  font-weight: bold;
  margin-bottom: 0em;
  margin-top: 0.5em;
}

div#info
{
	font-style: italic;
}
 
/* note css stuff*/


div#post-view img.data {
  margin-right: 5em;
  cursor:default;
}

div#post-view div#related0 img {
  padding: 0;
}

div#post-view div#note-container {
  position: absolute;
}

div#post-view div.note-box {
  position: absolute;
  border: 1px solid black;
  width: 150px;
  height: 150px;
  cursor: move;
  background: #FFE;
  opacity: 0.5;
}

div#post-view div.note-corner {
  background: black;
  width: 7px;
  height: 7px;
  position: absolute;
  bottom: 0;
  right: 0;
  cursor: se-resize;
}

div#post-view div.note-body {
  background: #FFE;
  border: 1px solid black;
  display: none;
  width: 140px;
  height: 100px;
  position: absolute;
  padding: 5px;
  cursor: pointer;
  overflow: auto;
}

div#post-view div#edit-box textarea {
  width: 90%;
}

div#post-view div#edit-box {
  position: absolute;
  z-index: 100;
  background: #FFE;
  border: 1px solid black;
  padding: 1em;
}

div#post-view p {
  margin: 0;
}

div#post-view
{
	margin-top:15px;
}

div#post-view span.radio {
  margin-right: 1em;
}

div#post-view div.comment {
  margin-bottom: 1em;
}


.space {
  margin-bottom: 1em;
}


#dhtmltooltip{
position: absolute;
left: -300px;
width: 180px;
border: 1px solid #b0b0b0;
padding: 5px;
background-color: #ffffff;
color: #333;
visibility: hidden;
z-index: 100;
}

#dhtmlpointer{
position:absolute;
left: -300px;
z-index: 101;
visibility: hidden;
}

.style1 {
	color: #FF9900;
	font-weight: bold;
}



a.tag-type-artist {color: #A00;}
a.tag-type-artist:hover {color: #33CFFF;}

a.tag-type-character {color: #0A0;}
a.tag-type-character:hover {color: #33CFFF;}

a.tag-type-copyright {color: #A0A;}
a.tag-type-copyright:hover {color: #33CFFF;}


a.tag-type-3 {color: #A00;}
.tag-type-artist > a:hover {color: #33CFFF;}

a.tag-type-4 {color: #0A0;}
.tag-type-character > a:hover {color: #33CFFF;}

a.tag-type-5 {color: #A0A;}
.tag-type-copyright > a:hover {color: #33CFFF;}


textarea {
  display: block;
  padding: 0 0.3em;
  font-family: monospace;
  font-size: 1.2em;
}

span.date {
  color: #AAA;
}

.unkfunc {
	color: #789922;
}

div#related > div.tag-column {
  float: left;
  margin: 0 2em 2em 0;
  max-width: 12em;
  
}

ul.guidelines
{
padding-left:1.5em;

}