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

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

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

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



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

body {
	background-color: #4589AD;
	color: #4E5269;
	font-family: "verdana", sans-serif;
	font-size: 1em;
	margin: 0;
	padding: 0;
	text-align: center;
}

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



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

a {
	color: #49A9B6;
	font-weight: bold;
	text-decoration: none;
}
a.link_lj {
	color: #75A961;
}
a.link_story {
	color: #CA657E;
}
a.link_art {
	color: #A87EB7;
}
a:hover {
	color: #515B88;
}


/* -------------------------------------------------------------------------- */
/* 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 {
	background-color: #ffffff;
	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.6em;
	margin: 0;
	padding: 0;
}

#menu_skins li {
	display: inline;
	margin: 0 0.6em;
	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 {
	background-color: #ffffff;
	border: 0.2em solid #4E5269;
	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 {
	background: transparent url('../skins/colourgate.png') no-repeat scroll top right;
	border: 0.6em solid #ffffff;
	height: 200px;
	margin: 0 -14.7em 0 0;
	padding: 0;
}

#header span {
	display: none;
}

#footer {
	background-color: #ffffff;
	border: 0.2em solid #4E5269;
	margin: 0.6em 0;
	padding: 0.3em;
	text-align: center;
}

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



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

#content_wrapper {
	background-color: #ffffff;
	border: 0.2em solid #4E5269;
	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 {
	color: #CA9A48;
	font-size: 0.6em;
	font-weight: bold;
	margin: 1.2em 0 0.5em 3.8em;
	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-style: italic;
	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;
	font-style: italic;
	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.9em;
	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;
	margin: 0 0 0 3.6em;
	text-align: justify;
}

dd.endnotes {
	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 {
	color: #999999;
	font-size: 1.4em;
	font-style: italic;
	font-weight: bold;
	margin: 1.5em 0 0 1.5em;
}



/* -------------------------------------------------------------------------- */
/* 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: 0;
	margin: 1.8em 0;
}



/* -------------------------------------------------------------------------- */
/* 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;
}

.divider_fic {
	background-color: #4589AD;
}

.divider_fic_variant {
	background-color: #4E5269;
}



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

#menus {
	background-color: #ffffff;
	border: 0.2em solid #4E5269;
	margin: 0;
	padding: 0.6em;
	position: absolute;
	right: 0.6em;
	top: 263px;
	width: 12.5em;
}

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

#menu_fic h2, #menu_art h2 {
	font-size: 1.4em;
	margin: 0.8em 0;
}

#menu_art h2 {
	margin-top: 1.4em;
}

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

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

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


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

.block {
	margin: 0 6em;
}

.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: 0.3em 0.6em;
}

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;
}



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

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

#skins #info {
	margin: 0 1.8em;
	padding: 0;
}

#skins #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;
}