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

	SGA BIG BANG
	http://sgabigbang.talkoncorners.net/

	"Inkblots"
	by Laitaine (laitaine@laitaine.net)
	http://www.laitaine.net/

	Art by Elli

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



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

body {
	background-color: #ffffff;
	color: #525951;
	font-family: "verdana", sans-serif;
	font-size: 1em;
	margin: 30px 0px 0px 0px;
	padding: 0px;
	text-align: center;
}


#wrapper {
	margin: 0px;
	padding: 0px;
}



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

a {
	color: #82bc74;
	font-weight: bold;
	text-decoration: none;
}
a.link_lj {
	color: #dd9334;
}
a.link_story {
	color: #ac7298;
}
a.link_art {
	color: #bd3e34;
}
a:hover {
	color: #2f9894;
}



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

h1 {
	font-size: 2.8em;
	letter-spacing: 0.25em;
	margin: 45px 0px 20px 0px;
	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: 0px;
	margin: 0px;
}



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

#menu_skins {
	background-color: #f1f0d4;
	border-width: 0px 0px 1px 0px;
	border-style: solid;
	border-color: #525951;
	font-size: 0.6em;
	font-weight: bold;
	height: 20px;
	left: 0px;
	margin: 0px;
	padding: 5px;
	position: absolute;
	right: 0px;
	text-align: center;
	text-transform: uppercase;
	top: 0px;
	width: 100%;
}

#menu_skins ul {
	margin: 0px;
	padding: 0px;
}

#menu_skins li {
	display: inline;
	margin: 0px 10px;
	padding: 0px;
}

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


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

#nav_top, #nav_bottom, #nav_opt_top, #nav_opt_bottom, #nav_year_top, #nav_year_bottom {
	font-variant: small-caps;
	font-weight: bold;
	margin: 0px 200px;
	padding: 0px;
	text-align: center;
}

#nav_top ul, #nav_bottom ul, #nav_opt_top ul, #nav_opt_bottom ul, #nav_year_top ul, #nav_year_bottom ul {
	border-style: solid;
	border-color: #f1f0d4;
	padding: 5px 0px;
}

#nav_top ul, #nav_bottom ul {
	border-width: 5px;
	font-size: 0.9em;
	margin: 15px 0px;
}

#nav_opt_top ul, #nav_year_bottom ul {
	border-width: 5px 5px 0px 5px;
	font-size: 0.8em;
	margin: 15px 0px 0px 0px;
}

#nav_opt_bottom ul, #nav_year_top ul {
	border-width: 0px 5px 5px 5px;
	font-size: 0.8em;
	margin: 0px 0px 15px 0px;
}

#nav_top li, #nav_bottom li, #nav_opt_top li, #nav_opt_bottom li, #nav_year_top li, #nav_year_bottom li {
	border: 0px solid #f1f0d4;
	display: inline;
	margin: 0px 10px;
	padding: 5px;
}

#nav_top {
	font-size: 1.5em;
	margin: -60px 0px 40px 0px;
}

#nav_top ul {
	border: 0px;
}

#nav_top a {
	color: #525951;
}

#nav_top a:hover {
	color: #2f9894;
}


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

#header {
	background: transparent url('../skins/inkblots_big.jpg') no-repeat scroll top center;
	border: 1px solid #ffffff;
	height: 425px;/*266/425*/
	margin: 0px 0px 10px 0px;
	padding: 0px;
}
#header span {
	display: none;
}

#footer {
	font-size: 0.7em;
	padding: 5px;
	text-align: center;
}



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

#content_wrapper {
	margin: 0px 200px;
	padding: 0px;
}

ul.feedback {
	border: 5px solid #f1f0d4;
	font-size: 0.9em;
	font-variant: small-caps;
	margin: 20px 0px 0px 0px;
	padding: 5px;
	text-align: center;
}

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



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

#content_fiction, #content_artwork {
	margin: 15px 0px;
	padding: 10px 30px;
}
#content_fiction {
	text-align: justify;
}
#content_artwork {
	text-align: center;
}



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


#fiction, #artwork, #authors, #artists, #fic, #art, #prompts, #pairings, #random_fic, #random_art, #skins {
	margin: 0px;
	padding: 0px;
	text-align: center;
}

dl.blurb {
	border: 5px solid #f1f0d4;
	margin: 70px 0px 40px 0px;
	padding: 20px;
	position: relative;
}

dl.blurb dt {
	color: #f1f0d4;
	font-size: 3.0em;
	font-weight: bold;
	/*margin: 10px 0px -25px 0px;*/
	margin: 0px;
	padding: 1px;
	position: relative;
	text-transform: lowercase;
	z-index: -1;
}

dt.title, dt.byline, dt.pairing, #fiction dt.rating, #authors dt.rating, #fic dt.rating, #random_fic dt.rating, #prompts dt.rating, #pairings dt.rating, dt.wordcount, dt.thumbnail, #artists .subject, #artists .medium, #artwork .subject, #artwork .medium, #random_art .subject, #random_art .medium {
	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 {
	background-color: #ffffff;
	border-style: solid;
	border-color: #f1f0d4;
	font-size: 1.75em;
	font-weight: bold;
	padding: 5px;
	text-align: center;
}

#fiction dd.title, #fic dd.title, #art dd.title, #prompts dd.title, #pairings dd.title, #random_fic dd.title, #authors dd.byline, #artists dd.byline, #artwork dd.title, #random_art dd.title, #skins dd.title {
	border-width: 5px;
	/*margin: -50px 50px 0px 50px;*/
	margin: 0px 50px;
}

#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.75em;
	font-weight: bold;
	padding: 5px;
	text-align: center;
}

#fiction dd.byline, #fic dd.byline, #art dd.byline, #prompts dd.byline, #pairings dd.byline, #random_fic .byline, #authors dd.title, #skins dd.byline {
	margin: 20px 20px 0px 20px;
}

#artwork dd.byline, #artists dd.title, #random_art .byline {
	margin: 0px 20px 0px 20px;
}

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.9em;
	font-style: italic;
	font-weight: bold;
	margin: 0px 20px;
	padding: 0px;
}

#fiction dd.prompt, #fic dd.prompt, #authors dd.prompt, #prompts dd.prompt, #pairings dd.prompt, #random_fic dd.prompt {
	font-size: 0.9em;
	font-weight: bold;
	margin: 0px;
}

dd.summary {
	font-size: 0.9em;
	font-style: italic;
	margin: 0px auto 10px auto;
	text-align: justify;
}

dd.thumbnail {
	margin: 30px 0px 0px 0px;
}

#art dd.thumbnail {
	display: none;
}

dd.subject {
	display: inline;
	margin: 0px;
	padding: 0px;
}

#artwork dd.rating, #artists dd.rating, #art dd.rating, #random_art dd.rating {
	margin: 0px;
	padding: 0px;
}

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

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

dd.companion ul {
	margin: 0px;
}

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

#fiction dd.companion, #fic dd.companion, #prompts dd.companion, #pairings dd.companion, #random_fic dd.companion {
	margin: 10px;
}

#authors .companion {
	display: none;
}

#artwork dd.companion, #artists dd.companion, #art dd.companion, #random_art dd.companion {
	margin: 0px 0px 10px 0px;
}

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

#fic dd.notes, #art dd.notes {
	font-size: 0.9em;
	margin: 0px;
	text-align: justify;
}

dd.endnotes {
	font-size: 0.9em;
	text-align: justify;
	margin: 0px;
	padding: 0px 20px;
}


/* -------------------------------------------------------------------------- */
/* PROMPTS */

dl.prompts, dl.pairings {
	font-size: 0.85em;
	margin: 0px;
	padding: 5px;
}

dl.prompts dt, dl.pairings dt {
	clear: both;
	margin: 20px 0px 0px 0px;
	padding: 0px;
}

dl.prompts dd, dl.pairings dd {
	color: #f1f0d4;
	font-size: 2.0em;
	font-weight: bold;
	margin: -5px 0px 20px 0px;
	padding: 0px;
}



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

h3.chapter {
	font-size: 1.4em;
	margin: 20px 40px 10px 40px;
}

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 {
	color: #f1f0d4;
	font-size: 4.0em;
	font-weight: bold;
	text-align: center;
	text-transform: lowercase;
}



/* -------------------------------------------------------------------------- */
/* ART DISPLAY DETAILS */

dl.art_video, dl.art_sound {
	padding: 5px;
	margin: 30px 0px 30px 0px;
}

dl.art_video dt, dl.art_sound dt, dl.art_video dd, dl.art_sound dd {
	padding: 0px 10px 0px 10px;
	margin: 0px;
	display: inline;
}

dl.art_video a, dl.art_sound a {
	font-size: 20px;
}

dl.art_video dt span, dl.art_sound dt span {
	display: none;
}

dl.art_video dt {
	background: transparent url('../video.png') no-repeat scroll;
	width: 16px;
	height: 16px;
}
dl.art_sound dt {
	background: transparent url('../sound.png') no-repeat scroll;
	width: 16px;
	height: 16px;
}

img.art_image {
	border: 0px;
	margin: 30px 0px 30px 0px;
}



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

hr {
	width: 100%;
	height: 1px;
	margin: 0px auto;
}

.divider_top hr, .divider_bottom hr {
	display: none;
}

.divider hr {
	visibility: hidden;
}

.divider {
	margin: 0px;
}

.divider_fic, .divider_fic_variant {
	background-color: #f1f0d4;
	height: 5px;
	margin: 60px auto;
	padding: 0px;
}

.divider_fic {
	width: 60%;
}


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

#menus {}

#menu_fic, #menu_art {
	border: 5px solid #f1f0d4;
	margin: 10px;
	padding: 0px 10px 10px 10px;
	position: absolute;
	text-align: center;
	text-transform: lowercase;
	top: 470px;
	width: 150px;
}

#menu_fic {
	left: 0px;
}

#menu_art {
	right: 0px;
}

#menu_fic h2, #menu_art h2 {
	background-color: #ffffff;
	border: 5px solid #f1f0d4;
	font-size: 1.4em;
	margin: -20px 0px 15px 0px;
	position: relative;
	z-index: 1;
}

dl.menufic, dl.menuart {
	font-size: 0.6em;
	padding: 0px;
	margin: 0px;
}
dl.menufic dt, dl.menuart dt {
	margin: 10px 0px 0px 0px;
	padding: 1px;
}
dl.menufic dd, dl.menuart dd {
	margin: 0px;
	padding: 1px;
}


/* EXTRA FIC FORMATTING */

.block {
	margin: 0px 100px;
}

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

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


/* -------------------------------------------------------------------------- */
/* PEOPLE LIST */

table.people_list {
	text-align: center;
	margin: auto;
}

table.people_list td {
	padding: 5px 10px 5px 10px;
}

td.people_name {
	font-size: 16px;
}

td.people_lj span, td.people_url span {
	display: none;
}

td.people_lj a {
	background: transparent url('../lj.png') no-repeat scroll;
	display: block;
	width: 16px;
	height: 16px;
}

td.people_url a {
	background: transparent url('../url.png') no-repeat scroll;
	display: block;
	width: 16px;
	height: 16px;
}


/* INDEX */

.frontpage {
	text-align: justify;
}




/* MOSAICS */

div.mosaic_fic, div.mosaic_art {
	border: 5px solid #f1f0d4;
	margin: 20px 0px;
	padding: 0px 20px 20px 20px;
	text-transform: lowercase;
}

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

.spacer {
	display: none;
}