/* scriptie, scriptie layout, lim */

/* -------------------------------------------------------------------------- */
/* LAYOUT */

body {
	font-size: 1em;
	font-family: verdana, sans-serif;
	margin: 0;
	padding: 0;
	text-align: center;
}

#wrapper {
	margin: 2.4em 15.3em 0 0.6em;
	padding: 0;
}



/* -------------------------------------------------------------------------- */
/* LINKS */

a {
	font-weight: bold;
	text-decoration: none;
}



/* -------------------------------------------------------------------------- */
/* HEADINGS */

h1 {
	font-size: 2.8em;
	letter-spacing: 0.25em;
	margin: 2.7em 0 1.2em 0;
	text-transform: uppercase;
}

h2 {
	font-size: 2.1em;
	font-variant: small-caps;
	letter-spacing: 0.15em;
	text-align: center;
}

h3 {
	font-size: 1.3em;
	font-variant: small-caps;
	text-align: center;
}


/* -------------------------------------------------------------------------- */
/* LISTS */


ul {
	list-style:none;
	padding: 0;
	margin: 0;
}



/* -------------------------------------------------------------------------- */
/* SKINS MENU */

#menu_skins {
	border-width: 0 0 0.1em 0;
	border-style: solid;
	font-weight: bold;
	left: 0;
	margin: 0;
	padding: 0.45em;
	position: absolute;
	right: 0;
	text-align: right;
	text-transform: uppercase;
	top: 0;
}

#menu_skins ul {
	font-size: 0.59em;
	margin: 0;
	padding: 0;
}

#menu_skins li {
	display: inline;
	margin: 0 1em;
	padding: 0;
}

#menu_skins img {
	border: 0;
	padding: 0;
	vertical-align: middle;
}



/* -------------------------------------------------------------------------- */
/* NAVIGATION MENUS */

#nav_top, #nav_bottom, #nav_opt_top, #nav_opt_bottom, #nav_year_top, #nav_year_bottom {
	border-width: 0.2em;
	border-style: solid;
	font-variant: small-caps;
	font-weight: bold;
	margin: 0.6em 0;
	padding: 0.3em;
	text-align: center;
}

#nav_opt_top, #nav_year_bottom {
	border-bottom-width: 0;
	margin-bottom: 0;
	padding-bottom: 0.15em;
}

#nav_year_top, #nav_opt_bottom {
	border-top-width: 0;
	margin-top: 0;
	padding-top: 0.15em;
}

#nav_top ul, #nav_bottom ul, #nav_opt_top ul, #nav_opt_bottom ul, #nav_year_top ul, #nav_year_bottom ul {
	font-size: 0.9em;
	margin: 0;
	padding: 0;
}

#nav_top li, #nav_bottom li, #nav_opt_top li, #nav_opt_bottom li, #nav_year_top li, #nav_year_bottom li {
	display: inline;
	margin: 0 0.6em;
	padding: 0.3em;
}



/* -------------------------------------------------------------------------- */
/* HEADER AND FOOTER */

#header {
	border-width: 0.6em;
	border-style: solid;
	margin: 0 -14.7em 0 0;
	padding: 0;
}

#header span {
	display: none;
}

#footer {
	border-width: 0.2em;
	border-style: solid;
	margin: 0.6em 0;
	padding: 0.3em;
	text-align: center;
}

#footer span {
	font-size: 0.7em;
}



/* -------------------------------------------------------------------------- */
/* MENUS - FIC AND ART */

#menus {
	border-width: 0.2em;
	border-style: solid;
	margin: 0;
	padding: 0 0.6em 0.6em 0.6em;
	position: absolute;
	right: 0.6em;
	top: 20.4em;
	width: 12.5em;
}

#menu_fic, #menu_art {
	padding: 0;
	text-align: center;
}

#menu_fic h2, #menu_art h2 {
	font-size: 1.5em;
	margin: 1.4em 0 0.9em 0;
	font-variant: normal;
	text-transform: uppercase;
	letter-spacing: 0.08em;
}

dl.menufic, dl.menuart {
	font-size: 0.7em;
	padding: 0;
	margin: 0;
}

dl.menufic dt, dl.menuart dt {
	margin: 2em 0 0.2em 0;
	padding: 0;
}

dl.menufic dd, dl.menuart dd {
	margin: 0.2em 0;
	padding: 0;
}



/* -------------------------------------------------------------------------- */
/* CONTENT: WRAPPER + HEADER + FOOTER */

#content_wrapper {
	border-width: 0.2em;
	border-style: solid;
	margin: 0;
	padding: 0.6em 0.6em 1.8em 0.6em;
	text-align: left;
}

#fic #content_wrapper, #art #content_wrapper {
	padding-top: 1.8em;
}

.pagetext {
	margin: 0 4em;
}

.pagetext p {
	font-size: 0.9em;
}

ul.feedback {
	font-size: 0.9em;
	font-variant: small-caps;
	margin: 1.2em 0 0 0;
	text-align: center;
}

ul.feedback li {
	display: inline;
	margin: 0 0.9em;
	padding: 0.2em;
	font-variant: small-caps;
}



/* -------------------------------------------------------------------------- */
/* CONTENT: FICTION and ARTWORK */

#content_fiction, #content_artwork {
	margin: 0.6em 0;
	padding: 0.6em 1.8em;
}

#content_fiction {
	font-size: 0.9em;
	text-align: justify;
}

#content_artwork {
	text-align: center;
}



/* -------------------------------------------------------------------------- */
/* FICTION AND ARTWORK DETAILS */


dl.blurb {
	margin: 0 3em;
	padding: 0;
}

#skins dl.blurb {
	margin: 3em;
}

dl.blurb dt {
	font-size: 0.7em;
	font-weight: bold;
	margin: 1.2em 0 0.5em 3.2em;
	padding: 0.1em;
}

dt.title, dt.byline, dt.pairing, dt.rating, dt.wordcount, dt.thumbnail, dt.subject {
	display: none;
}

#fiction dd.title, #artwork dd.title, #authors dd.byline, #artists dd.byline, #fic dd.title, #art dd.title, #prompts dd.title, #pairings dd.title, #random_fic dd.title, #random_art dd.title, #skins dd.title {
	font-size: 1.75em;
	font-weight: bold;
	margin: 0;
	padding: 0;
}

#fiction dd.byline, #artwork dd.byline, #authors dd.title, #artists dd.title, #fic dd.byline, #art dd.byline, #prompts dd.byline, #pairings dd.byline, #random_fic .byline, #random_art .byline, #skins dd.byline {
	font-size: 1.3em;
	font-weight: bold;
	margin: 0.55em 0 0.45em 0.9em;
	padding: 0;
}

dd.pairing, #fiction dd.rating, #authors dd.rating, #fic dd.rating, #prompts dd.rating, #pairings dd.rating, #random_fic dd.rating, dd.wordcount {
	display: inline;
	font-size: 0.8em;
	font-weight: bold;
	margin: 0 0 0 3.6em;
	padding: 0;
}

dd.prompt {
	font-size: 0.8em;
	font-weight: bold;
	margin: 0 0 0 3.6em;
}

dd.summary {
	font-size: 0.8em;
	margin: 0 0 0.7em 3.6em;
	text-align: justify;
}

dd.thumbnail {
	clear: both;
	float: right;
}

#skins dd.thumbnail {
	float: none;
	margin: 0 0 0 3.2em;
}

#art dd.thumbnail {
	display: none;
}

dd.subject {
	display: inline;
	font-size: 0.8em;
	margin: 0 0 0 3.6em;
	padding: 0;
}

dd.medium {
	font-size: 0.8em;
	margin: 0 0 0 3.6em;
}

#artwork dd.rating, #artists dd.rating, #art dd.rating, #random_art dd.rating {
	display: inline;
	font-size: 0.8em;
	margin: 0 0 0 3.6em;
	padding: 0;
}

#artists dd.year {
	font-size: 0.8em;
	font-weight: bold;
	margin: 0 0 0 4em;
}

dd.companion {
	font-size: 1.3em;
}

dd.companion ul {
	margin: 0;
}

dd.companion li {
	display: inline;
	font-weight: bold;
	padding: 0 0.6em;
}

#fiction dd.companion, #fic dd.companion, #prompts dd.companion, #pairings dd.companion, #random_fic dd.companion {
	margin: 0 0 0 1.8em;
}

#authors .companion {
	display: none;
}

#artwork dd.companion, #artists dd.companion, #art dd.companion, #random_art dd.companion {
	margin: 0 0 0.6em 2.4em;
}

#fiction .notes, #prompts .notes, #pairings .notes, #random_fic .notes, #random_art .notes {
	display: none;
}

#fic dd.notes, #art dd.notes, #skins dd.notes {
	font-size: 0.8em;
	font-style: italic;
	margin: 0 0 0 3.6em;
	text-align: justify;
}

dd.endnotes {
	font-size: 0.8em;
	font-style: italic;
	margin: 0 0 0 3.6em;
	text-align: justify;
}

dd.warnings {
	font-size: 0.8em;
	margin: 0 0 0 3.6em;
	text-align: justify;
}



/* -------------------------------------------------------------------------- */
/* PROMPTS  & PAIRINGS */

dl.prompts, dl.pairings {
	font-size: 0.9em;
	margin: 0 2.4em;
	padding: 0.3em;
}

dl.prompts dt, dl.pairings dt {
	clear: both;
	float: left;
	margin: 0 1.5em 0 0;
	padding: 0.3em 0;
}

dl.prompts dd, dl.pairings dd {
	margin: 0;
	padding: 0.3em 0;
}



/* -------------------------------------------------------------------------- */
/* FIC DISPLAY DETAILS*/

h3.chapter {
	font-size: 1.4em;
	margin: 1.2em 2.4em 0.6em 2.4em;
}

h4.scene {
	font-size: 1.05em;
	font-style: italic;
	font-weight: normal;
}

.chapter_quote {
	font-size: 0.7em;
	font-style: italic;
	font-weight: bold;
}

.theend {
	font-size: 1.4em;
	font-style: italic;
	font-weight: bold;
	margin: 1.5em 0 0 1.5em;
}



/* -------------------------------------------------------------------------- */
/* DIVIDING LINES */

hr {
	display: none;
}

.divider {
	height: 0.1em;
	margin: 1.8em 2.4em;
}

.divider_top, .divider_bottom {
	display: none;
}

.divider_fic, .divider_fic_variant {
	height: 0.25em;
	margin: 1.8em 0;
}



/* -------------------------------------------------------------------------- */
/* EXTRA FIC FORMATTING */

.block {
	margin: 0 6em;
}

.monofont {
	font-family: courier, monospace;
}

.serifitalic {
	font-family: georgia, serif;
	font-style: italic;
}

.quote {
	color: #666666;
	margin: 2em;
}

.email, .document {
	font-family: 'dejavu sans mono', courier, monospace;
	font-size: 0.8em;
	text-align: left;
	margin: 1em 4em;
}



/* -------------------------------------------------------------------------- */
/* INFO */

#skins, #info {
	margin: 0 1.8em;
	padding: 0;
	text-align: justify;
}

#skins p, #info p {
	font-size: 0.9em;
}



/* MOSAICS */

div.mosaic_fic, div.mosaic_art {
	margin: 0 6em;
	padding: 0;
	text-align: center;
	text-transform: lowercase;
}

div.mosaic_art img {
	margin: 0;
	padding: 0;
}


/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */



/* -------------------------------------------------------------------------- */
/* LAYOUT */

body {
	background: #ffffff url('../skins/scriptie_bg.jpg') no-repeat fixed bottom right;
	color: #363030;
}



/* -------------------------------------------------------------------------- */
/* LINKS */

a {
	color: #ab895b;
}

a.link_lj {
	color: #8a394e;
}

a.link_story {
	color: #508793;
}

a.link_art {
	color: #5b937c;
}

a:hover {
	color: #c0c483;
}


/* -------------------------------------------------------------------------- */
/* HEADER AND FOOTER */

#header {
	background: transparent url('../skins/scriptie_head.jpg') repeat-x scroll top right;
	border-color: #7d7664;
	height: 260px;
}

#footer {
	background-color: #fdfcf7;
	border-color: #7d7664;
}



/* MENUS - FIC & ART */

#menus {
	background-color: #fdfcf7;
	border-color: #7d7664;
}

/* -------------------------------------------------------------------------- */
/* SKINS MENU */

#menu_skins {
	background-color: #fdfcf7;
	border-color: #7d7664;
}

/* -------------------------------------------------------------------------- */
/* NAVIGATION MENUS */

#nav_top, #nav_bottom, #nav_opt_top, #nav_opt_bottom, #nav_year_top, #nav_year_bottom {
	background-color: #fdfcf7;
	border-color: #7d7664;
}

/* -------------------------------------------------------------------------- */
/* CONTENT: WRAPPER + HEADER + FOOTER */

#content_wrapper {
	background-color: #fdfcf7;
	border-color: #7d7664;
}


/* -------------------------------------------------------------------------- */
/* FICTION AND ARTWORK DETAILS */

dl.blurb dt, .theend, h3, h4 {
	color: #604d80;
}

/* -------------------------------------------------------------------------- */
/* DIVIDING LINES */

.divider_fic {
	background-color: #604d80;
}

.divider_fic_variant {
	background-color: #ab895b;
}