@import url(pyguide.css);

/*========================================================================================
      Basic HTML elements
========================================================================================*/

body 
{
	font-family: arial, helvetica, sans-serif;
	font-size: small;
	background-color: #2F4932;
	color: white;
	padding: 0;
	margin: 0;
	border: 8px solid #2F4932;
}

#everything
{
	/*sidebar*/
	background: url("sidebarbg.png") repeat-y;
}

img
{
	border: 0;
}

p
{
	text-indent: 1em;
	margin: 0;
	margin-bottom: .8em;
}


/* ----- Link Styling ----- */
a
{
	text-decoration: none;
	color: #FFCC00;
}

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

a:hover
{
	text-decoration: underline;
	color: #FFDD44;
}

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

#navbar a:hover
{
	text-decoration: none;
}

/*========================================================================================
     Coloring and styles by class 
========================================================================================*/

/* infoboxer's question-mark */
.infoboxer
{
	background-image: url(info.png);
	background-repeat: no-repeat;
}

/* medium-green color elements: */
.thumbber, .infoboxer, .pluginer_light, .songer_light, .articler, .timestamper, .mini_light, .navver li, .pagenumbers li
{
	background-color: #3A5A3E;
}

/* elements with light-green backgrounds and black text */
h2, #footer
{
	background-color: #46824E;
	color: black;
	text-align: center;
	margin: 0;
	clear: both;
}

h3
{
	clear: left;
}

.infoboxer h1
{
	text-indent: 1em;
	margin-top: 0;
}

/* elements with dashed-light-green borders */
#core, .infoboxer, .articler, .timestamper, .mini_light, .thumbber, .navver li, .pagenumbers li
{
	border: 1px dashed #46824E;
}

/* elements with yellow backgrounds */
.minititler, h4
{
	background-color: #F6DC4F;
	color: black;
}

/* elements with blocks of text, and thus padding */
#sidebar, .infoboxer, .articler, .timestamper
{
	padding: 1.2em;
}

/* table cells with, necessarily, less padding */
#all_plugins td, .minititler, .navver li, #all_songs td, .pagenumbers li
{
	padding: .1em;
	padding-left: .4em;
	padding-right: .4em;
}

/* table cells & divs that have a little more padding than that */
.mini_light, .thumbber, .mini_dark, h4
{
	padding: .5em;
}

/* removing the header-default styling from headers */
#topbar h1, h2
{
	margin: 0;
	font-weight: normal;
	font-size: small;
}

/* the side links section */
#sidebar ul
{
	list-style: none;
	margin: 0;
	padding: 0;
	margin-bottom: 1em;
}

#sidebar li
{
	margin-left: .5em;
	padding: 0;
}

/* Planar Strife chapter titles */
h4
{
	font-style: italic;
}

.chapshrinker, .chaptitler, .chapdater
{
	font-style: normal;
	font-weight: normal;
}

/* discontinued plugins */
.dead
{
	text-decoration: line-through;
}

/* recently-updated plugins */
.updated
{
	font-weight: bold;
	text-indent: 16px;
	background: url(!.png) no-repeat left center;
}

/*========================================================================================
     "Sliding Doors" tabs (like from www.alistapart.com )
========================================================================================*/
#tabs
{
	float: left;
	width: 100%;
}
  
#tabs ul
{
	margin: 0;
	padding: 0;
	list-style: none;
}
  
#tabs li
{
	float: left;
	margin: 0;
	padding: 0;
	background: url("greentab-back.png") no-repeat right top;
}
  
#tabs a
{
	display: block;
	background: url("greentab-front.png") no-repeat left top;
	padding: 13px;
	padding-top: 3px;
	padding-bottom: 0px;
	border-bottom: 1px solid black;
	color: black;
}
  
#tabs a:hover
{
border-bottom: 1px solid #234127;
}


#tabs li.current
{
	background: url("yellowtab-back.png") no-repeat right top;
}

#tabs .current a
{
	background: url("yellowtab-front.png") no-repeat left top;
}

/*========================================================================================
      Page Element Structure
========================================================================================*/
#sidebar
{
	position: absolute;
	left: 5px;
	top: 211px;
	width: 200px;
}

#core
{
	margin-left: 200px;
	padding: 1em;
}

#topbar
{
	background: url("logobg.png") repeat-x left top;
}

#navbar
{
	position: absolute;
	left: 230px;
	top: 30px;
	/* necessary to specify width so that IE doesn't horiz-scroll... stupid IE. */
	width: 500px;
}

#contactline
{
	position: absolute;
	left: 230px;
	top: 179px;
}

.infoboxer
{
	margin: 5%;
	margin-top: 1%;
}

#amp
{
	position: absolute;
	top: 238px;
	right: 40px;
}

.timestamper
{
	display: inline;
	padding: .3em;
	position: relative;
	left: 3em;
	top: 2em;
}

.articler
{
	margin: 2em;
}

#boxcontainer
{
	text-align: center;
}

.wallbox 
{
	float: left;
	display: inline;
	min-width: 200px;
	margin-left: 0;
	margin-right: 2em;
	margin-top: 1em;
	margin-bottom: 1em;
}

.chapter_box
{
	/* Experimental: Multi-column style */
	-moz-column-width: 20em;
	-moz-column-gap: 1.5em;
}

/* This compensates for the fact that the floated thumbnail list things don't take up space. */
.pagenumbers, .clearer
{
	clear: both;
	padding: 0;
	margin-left: 1em;
}

.pagenumbers li, .navver li
{
	display: inline;
}

.chaplist li, .results li
{
	margin: .8em;
}

.sampler
{
	font-style: italic;
}

.sampler i
{
	font-style: normal;
}

.sampler p
{
	display: inline;
	margin-left: 2em;
}

.navver, .pagenumbers
{
	text-align: center;
	clear: both;
}

.navver li, .pagenumbers li
{
	margin-left: 1em;
	line-height: 2;
}

.infopic, .biopic
{
	float: right;
	margin-left: 2em;
	text-align: center;
}

.biopic
{
	width: 200px;
}

.caption
{
	display: block;
	font-style: italic;
}

.bio li, .bio
{
	clear: none;
}

#search
{
	position: absolute;
	right: 1em;
	top: 170px;
}

/*========================================================================================
       Subsite Titles
========================================================================================*/
#topbar .OpenRPG_Plugin_HQ
{
	text-indent: -5000px;
	width: 200px;
	height: 200px;
	background: url("logo_pluginhq.jpg") no-repeat left top;
}

#topbar .mDuo13s_Lair
{
	text-indent: -5000px;
	width: 200px;
	height: 200px;
	background: url("logo.jpg") no-repeat left top;
}

#topbar .mduo13_no_ip_org
{
	/*text-indent: -5000px;*/
	font-size: x-large;
	font-weight: bold;
	/*width: 200px;*/
	height: 200px;
	/*background: url("logo.jpg") no-repeat left top;*/
}

.highlight
{
	/*background: #46824E;*/
	font-weight: bold;
}

/*========================================================================================
       Planar Strife Edit Area
========================================================================================*/
form
{
	text-align: center;
}

form select, form textarea, form input
{
	background-color: rgb(34, 56, 37);
	border: 1px solid #46824E;
	border-top: 0;
	border-left: 0;
	color: white;
	font-family: arial, sans-serif;
	font-size: small;
	padding-top: .3em;
	padding-left: .4em;
}

textarea
{
	padding: .5em;
}

#story_backup, #title_backup
{
	display: none;
}

/*========================================================================================
       Link List
========================================================================================*/
#links
{
	text-align: center;
}

#links li
{
	display: inline;
	list-style-type: none;
	margin-right: 1em;
}

/*========================================================================================
       OpenRPG Web Ring
========================================================================================*/
/* ring elements with light green background: */
#ring_footer, #ring_row1
{
	background-color: #46824E;
	font-size: small;
}

#ring_title
{
	font-weight: bold;
	font-size: 1.4em;
}

#webring
{
	float: left;
	width: 100%;
	padding-top: 3em;
	background: #2F4932;
	text-align: center;
}

#webring table
{
	/* so that it gets centered */
	display: inline;
}

/*========================================================================================
       Hit Counter
========================================================================================*/
#counter
{
	text-align: center;
}