/* --------- /stylesheets/reset.css --------- */ 
/* -------------------------------------------------------------- 
  
   Boilerplate reset.css
   * Resets default browser CSS.
   
-------------------------------------------------------------- */

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
body { line-height: 1.5; background: #fff; }
table { border-collapse: collapse; border-spacing: 0; }
caption, th, td { text-align: left; font-weight:400; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
a img { border: none; }

/* Removes Firefox imposed outline */
a { outline: none; }

/* Clearing floats without extra markup  */
.wrapper { display: inline-block; }
.wrapper:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
* html .wrapper { height: 1%; }
.wrapper { display: block; }
/* --------- /stylesheets/public/type.css --------- */ 
/* -------------------------------------------------------------- 
   
   Boilerplate typography.css
   * Sets up some sensible default typography.
  
-------------------------------------------------------------- */

/* This is where you set your desired font size. The line-heights 
   and vertical margins are automatically calculated from this. 
   The percentage is of 16px (0.75 * 16px = 12px). */
body { font-size: 87.5%; color:#353a42; }


/* Default fonts and colors. */
body { font-family: Helvetica, Arial, sans-serif; }
h1,h2,h3,h4,h5,h6 { font-family: Helvetica, Arial, sans-serif; }


/* Headings
-------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 { font-weight: bold; }

h1 { font-size: 3em; line-height: 1em; margin-bottom: 0.25em; }
h2 { font-size: 2em; line-height: 1.125em; margin-bottom: 0.375em; }
h3 { font-size: 1.5em; line-height: 1em; margin-bottom: .5em; }
h4 { font-size: 1.25em; line-height: 1.2em; margin-bottom: .6em; }
h5 { font-size: 1em; line-height:1.5em; margin-bottom: .75em; }
h6 { font-size: .8333em; line-height:1.8em;}


/* Text elements
-------------------------------------------------------------- */

p { margin: 0 0 1.5em; }

ul, ol { margin: 0 1.5em 1.5em 1.5em; }
ul { list-style-type: circle; }
ol { list-style-type: decimal; }

dl { margin: 0 0 1.5em 0; }
dl dt { font-weight: bold; }
dl dd { margin-left: 1.5em; }

abbr, acronym { border-bottom: 1px dotted #000; }
address { margin-top: 1.5em; font-style: italic; }
del { color: #000; }

a { color: #00a8dc; text-decoration:none;}
a:hover { color:#007ea5; border-bottom:0;}

blockquote { margin: 1.5em; }
strong { font-weight: bold; }
em, dfn { font-style: italic; }
dfn { font-weight: bold; }
pre, code { margin: 1.5em 0; white-space: pre; }
pre, code, tt { font: 1em monospace; line-height: 1.5; } 
tt { display: block; margin: 1.5em 0; line-height: 1.5; }


/* Tables
-------------------------------------------------------------- */

table { margin-bottom: 1.4em; }
th { border-bottom: 2px solid #ddd; font-weight: bold; }
td { border-bottom: 1px solid #ddd; }
th,td { padding: 4px 10px 4px 0; }
tfoot { font-style: italic; }
caption { background: #ffc; }


/* Some default classes
-------------------------------------------------------------- */

.small { font-size: .8em; }
.large { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; }
.quiet { color: #999; }
.highlight { background: #ffc; }/* --------- /stylesheets/plugins/960.css --------- */ 
/*
	960 Grid System ~ Core CSS.
	Learn more ~ http://960.gs/

	Licensed under GPL and MIT.
*/

/* `Containers
----------------------------------------------------------------------------------------------------*/

.container_12,
.container_16 {
	margin-left: auto;
	margin-right: auto;
	width: 960px;
}

/* `Grid >> Global
----------------------------------------------------------------------------------------------------*/

.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12,
.grid_13,
.grid_14,
.grid_15,
.grid_16 {
	display: inline;
	float: left;
	margin-left: 10px;
	margin-right: 10px;
}

.container_12 .grid_3,
.container_16 .grid_4 {
	width: 220px;
}

.container_12 .grid_6,
.container_16 .grid_8 {
	width: 460px;
}

.container_12 .grid_9,
.container_16 .grid_12 {
	width: 700px;
}

.container_12 .grid_12,
.container_16 .grid_16 {
	width: 940px;
}

/* `Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/

.alpha {
	margin-left: 0;
}

.omega {
	margin-right: 0;
}

/* `Grid >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .grid_1 {
	width: 60px;
}

.container_12 .grid_2 {
	width: 140px;
}

.container_12 .grid_4 {
	width: 300px;
}

.container_12 .grid_5 {
	width: 380px;
}

.container_12 .grid_7 {
	width: 540px;
}

.container_12 .grid_8 {
	width: 620px;
}

.container_12 .grid_10 {
	width: 780px;
}

.container_12 .grid_11 {
	width: 860px;
}

/* `Grid >> 16 Columns
----------------------------------------------------------------------------------------------------*/

.container_16 .grid_1 {
	width: 40px;
}

.container_16 .grid_2 {
	width: 100px;
}

.container_16 .grid_3 {
	width: 160px;
}

.container_16 .grid_5 {
	width: 280px;
}

.container_16 .grid_6 {
	width: 340px;
}

.container_16 .grid_7 {
	width: 400px;
}

.container_16 .grid_9 {
	width: 520px;
}

.container_16 .grid_10 {
	width: 580px;
}

.container_16 .grid_11 {
	width: 640px;
}

.container_16 .grid_13 {
	width: 760px;
}

.container_16 .grid_14 {
	width: 820px;
}

.container_16 .grid_15 {
	width: 880px;
}

/* `Prefix Extra Space >> Global
----------------------------------------------------------------------------------------------------*/

.container_12 .prefix_3,
.container_16 .prefix_4 {
	padding-left: 240px;
}

.container_12 .prefix_6,
.container_16 .prefix_8 {
	padding-left: 480px;
}

.container_12 .prefix_9,
.container_16 .prefix_12 {
	padding-left: 720px;
}

/* `Prefix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .prefix_1 {
	padding-left: 80px;
}

.container_12 .prefix_2 {
	padding-left: 160px;
}

.container_12 .prefix_4 {
	padding-left: 320px;
}

.container_12 .prefix_5 {
	padding-left: 400px;
}

.container_12 .prefix_7 {
	padding-left: 560px;
}

.container_12 .prefix_8 {
	padding-left: 640px;
}

.container_12 .prefix_10 {
	padding-left: 800px;
}

.container_12 .prefix_11 {
	padding-left: 880px;
}

/* `Prefix Extra Space >> 16 Columns
----------------------------------------------------------------------------------------------------*/

.container_16 .prefix_1 {
	padding-left: 60px;
}

.container_16 .prefix_2 {
	padding-left: 120px;
}

.container_16 .prefix_3 {
	padding-left: 180px;
}

.container_16 .prefix_5 {
	padding-left: 300px;
}

.container_16 .prefix_6 {
	padding-left: 360px;
}

.container_16 .prefix_7 {
	padding-left: 420px;
}

.container_16 .prefix_9 {
	padding-left: 540px;
}

.container_16 .prefix_10 {
	padding-left: 600px;
}

.container_16 .prefix_11 {
	padding-left: 660px;
}

.container_16 .prefix_13 {
	padding-left: 780px;
}

.container_16 .prefix_14 {
	padding-left: 840px;
}

.container_16 .prefix_15 {
	padding-left: 900px;
}

/* `Suffix Extra Space >> Global
----------------------------------------------------------------------------------------------------*/

.container_12 .suffix_3,
.container_16 .suffix_4 {
	padding-right: 240px;
}

.container_12 .suffix_6,
.container_16 .suffix_8 {
	padding-right: 480px;
}

.container_12 .suffix_9,
.container_16 .suffix_12 {
	padding-right: 720px;
}

/* `Suffix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .suffix_1 {
	padding-right: 80px;
}

.container_12 .suffix_2 {
	padding-right: 160px;
}

.container_12 .suffix_4 {
	padding-right: 320px;
}

.container_12 .suffix_5 {
	padding-right: 400px;
}

.container_12 .suffix_7 {
	padding-right: 560px;
}

.container_12 .suffix_8 {
	padding-right: 640px;
}

.container_12 .suffix_10 {
	padding-right: 800px;
}

.container_12 .suffix_11 {
	padding-right: 880px;
}

/* `Suffix Extra Space >> 16 Columns
----------------------------------------------------------------------------------------------------*/

.container_16 .suffix_1 {
	padding-right: 60px;
}

.container_16 .suffix_2 {
	padding-right: 120px;
}

.container_16 .suffix_3 {
	padding-right: 180px;
}

.container_16 .suffix_5 {
	padding-right: 300px;
}

.container_16 .suffix_6 {
	padding-right: 360px;
}

.container_16 .suffix_7 {
	padding-right: 420px;
}

.container_16 .suffix_9 {
	padding-right: 540px;
}

.container_16 .suffix_10 {
	padding-right: 600px;
}

.container_16 .suffix_11 {
	padding-right: 660px;
}

.container_16 .suffix_13 {
	padding-right: 780px;
}

.container_16 .suffix_14 {
	padding-right: 840px;
}

.container_16 .suffix_15 {
	padding-right: 900px;
}

/* `Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

html body div.clear,
html body span.clear {
	background: none;
	border: 0;
	clear: both;
	display: block;
	float: none;
	font-size: 0;
	margin: 0;
	padding: 0;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

/* http://www.positioniseverything.net/easyclearing.html */

.clearfix:after {
	clear: both;
	content: '.';
	display: block;
	visibility: hidden;
	height: 0;
}

.clearfix {
	display: inline-block;
}

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}/* --------- /stylesheets/public/layout.css --------- */ 
/* CONTAINERS
======================================================== */
body {background:#D3F1FE url(/images/layout/bg_clouds.gif) repeat-x left top;}
#Wrap {width:978px; margin:0 auto; padding-top:20px; background:url(/images/layout/content_top.png) no-repeat left top; margin-top:70px;}
#Wrap #Main {background-color:#FFF; padding:0 9px; min-height:500px;}
#Content {position:relative; padding:0 10px; width:580px;}
  body#home_index #Content,
  body#character_origins_index #Content,
  body#character_origins_show #Content, 
  body#characters_index #Content,
  body#characters_show #Content,
  body#characters_search #Content,
  body#characters_create_comment #Content {padding:0; width:100%;}


/* MASTHEAD 
======================================================== */
#Masthead {position:relative; width:978px;}
#Masthead h1 {position:absolute;left:-20px;top:-50px;}
#Masthead #Icons {position:absolute; right:19px; top:-5px;}



/* MAIN NAVIGATION 
======================================================== */
#Nav {padding-top:50px; margin-top:-20px; margin-bottom:20px;}
#Nav ul {position:relative; margin:0; padding:0; width:580px; height:113px;}
#Nav ul {background: transparent url(/images/layout/nav/main_nav.png) no-repeat left top;}
#Nav ul li {position: absolute; top: 0;}
#Nav ul li, #Nav ul a {height: 113px;display: block;}
#Nav a {text-decoration:none; text-indent: -5000em; border:0;}

/* IMAGE POSITIONING */
#nav-home {left:46px; width:89px;}
#nav-characters {left: 144px; width: 145px;}
#nav-shop {left: 298px; width: 79px;}
#nav-downloads {left: 387px; width: 147px;}

/* IMAGE HOVERING */
#nav-home a:hover {background: transparent url(/images/layout/nav/main_nav.png) -46px -113px no-repeat;}
#nav-characters a:hover {background: transparent url(/images/layout/nav/main_nav.png) -144px -113px no-repeat;}
#nav-shop a:hover {background: transparent url(/images/layout/nav/main_nav.png) -298px -113px no-repeat;}
#nav-downloads a:hover {background: transparent url(/images/layout/nav/main_nav.png) -387px -113px no-repeat;}

/* YOU ARE HERE */
#nav-home.active a {background: transparent url(/images/layout/nav/main_nav.png) -46px -226px no-repeat;}
#nav-characters.active a {background: transparent url(/images/layout/nav/main_nav.png) -144px -226px no-repeat;}
#nav-shop.active a {background: transparent url(/images/layout/nav/main_nav.png) -298px -226px no-repeat;}
#nav-downloads.active a {background: transparent url(/images/layout/nav/main_nav.png) -387px -226px no-repeat;}



/* SECONDARY NAVIGATION 
======================================================== */
#SubNav {position:absolute; left:321px; top:-44px;}
#SubNav ul {position:relative; margin:0; padding:0; width:340px; height:24px;}
#SubNav ul {background: transparent url(/images/layout/nav/secondary_nav.png) no-repeat left top;}
#SubNav ul li {position: absolute; top: 0;}
#SubNav ul li, #SubNav ul a {height: 24px;display: block;}
#SubNav a {text-decoration:none; text-indent: -5000em; border:0;}

/* IMAGE POSITIONING */
#subnav-news {left:0; width:42px;}
#subnav-events {left: 58px; width: 53px;}
#subnav-contact {left: 128px; width: 57px;}
#subnav-about {left: 202px; width: 49px;}
#subnav-wholesale {left:268px; width: 72px;}

/* IMAGE HOVERING */
#subnav-news a:hover {background: transparent url(/images/layout/nav/secondary_nav.png) 0 -24px no-repeat;}
#subnav-events a:hover {background: transparent url(/images/layout/nav/secondary_nav.png) -58px -24px no-repeat;}
#subnav-contact a:hover {background: transparent url(/images/layout/nav/secondary_nav.png) -128px -24px no-repeat;}
#subnav-about a:hover {background: transparent url(/images/layout/nav/secondary_nav.png) -202px -24px no-repeat;}
#subnav-wholesale a:hover {background: transparent url(/images/layout/nav/secondary_nav.png) -268px -24px no-repeat;}

/* YOU ARE HERE */
#subnav-news.active a {background: transparent url(/images/layout/nav/secondary_nav.png) 0 -48px no-repeat;}
#subnav-events.active a {background: transparent url(/images/layout/nav/secondary_nav.png) -58px -48px no-repeat;}
#subnav-contact.active a {background: transparent url(/images/layout/nav/secondary_nav.png) -128px -48px no-repeat;}
#subnav-about.active a {background: transparent url(/images/layout/nav/secondary_nav.png) -202px -48px no-repeat;}
#subnav-wholesale.active a {background: transparent url(/images/layout/nav/secondary_nav.png) -268px -48px no-repeat;}





/* FOOTER
======================================================== */
div#Footer {width:920px; min-height:100px; padding:10px 29px 0; position:relative; background: url(/images/layout/bg_ground.png) no-repeat left bottom; color:#02371a; font-size:.75em; margin-bottom:2em;}
#Footer a {color:#02371a; border-bottom: 1px dotted #02371a;}

#Footer #Networking {position:absolute; width:240px; left:20px; bottom:5px;}
  #Footer #Networking ul.networking {margin-bottom:0;}
#Footer #ShoutOuts {position:absolute; width:430px; left:290px; bottom:5px;}
  #Footer #ShoutOuts a {margin-left:15px; border:0;}
  #Footer #ShoutOuts a:first-child {margin-left:0;}
#Footer #Legal {position:absolute; width:240px; right:20px; bottom:8px;}
  #Footer #Legal p {text-align:right; margin-bottom:0;}
  
  
  
  .group:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
  /* for IE6 */ * html .group { height:1%; }
  /* for IE7 */ *:first-child+html .group { min-height:1px; }/* --------- /stylesheets/plugins/tabs.css --------- */ 
/* -------------------------------------------------------------- 
   
   Tabs
   * A basic ruleset for beginning tabs
   
-------------------------------------------------------------- */

ul.tabs { margin: 0; padding: 0; }
ul.tabs li { float: left; list-style: none; margin: 0; padding: 0; }
ul.tabs li a { float: left; display: block; }

/* Clearing floats without extra markup  */
ul.tabs { display: inline-block; }
ul.tabs:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
* html ul.tabs { height: 1%; }
ul.tabs { display: block; }/* --------- /stylesheets/plugins/quick_form.css --------- */ 
fieldset.quick_form {border:1px solid #CCC; padding:10px; margin-bottom:2em;}
.quick_form ul {list-style:none;}
.quick_form li {margin:.5em 0;}
.quick_form label {float:left; display:block; width:8em;}
.quick_form input {margin-left:10px;}
.quick_form textarea {margin-left:10px;}
.quick_form hr {margin:1em 0;}
.quick_form legend {font-weight:bold; font-size:1.25em;}/* --------- /stylesheets/plugins/simple_form.css --------- */ 
/* SIMPLE FORM
-------------------------------------------------------------- */
/* layout */
ul.simpleForm {margin:0; padding:0; }
ul.simpleForm fieldset, ul.simpleForm li {margin:0; padding:0;}
ul.simpleForm fieldset {}
ul.simpleForm li {overflow:hidden; padding:10px 1px; border-top:4px solid #EEF0F1; }
ul.simpleForm > li > label {display:block; width:120px; float:left; margin-right:30px;}
ul.simpleForm label.fullWidth {width:auto; float:none; margin:0 0 6px;}
ul.simpleForm fieldset {border:0;}

ul.simpleForm fieldset li {clear:none; overflow:hidden; float:left; padding:0 0 1em 0; margin: 0 2em 0 0; border:0; height:3em;}
ul.simpleForm fieldset li.checkbox {height:auto;}
ul.simpleForm fieldset label {display:inline; float:none; margin:0;}
ul.simpleForm fieldset ul {margin-left:0; overflow:hidden; margin-bottom:0;}
ul.simpleForm li.new_row {clear:left; width:100%;}
ul.simpleForm button {display:inline;}
/* typography */
ul.simpleForm {list-style-type:none;}
ul.simpleForm fieldset li {list-style-type:none;}
ul.simpleForm fieldset label {font-weight:normal; color:#777; font-size:.85em;}

.simpleForm #progress {padding-left:150px;}

.simpleForm input.full {width:96%;}
.simpleForm input.long {width:30em;}
.simpleForm input.medium {width:15em;}
.simpleForm input.short {width:10em;}
.simpleForm input.tiny {width:3em;}
.simpleForm textarea.full {width:96%; height:10em;}
.simpleForm textarea.standard {width:30em; height:6em;}
/* typography */
.simpleForm label {font-size:.857em; font-weight:bold; color:#444;}


.simpleForm li.submit {padding-left:150px;}/* --------- /stylesheets/plugins/rails_notifications.css --------- */ 

/* FLASH NOTICE
================================================*/
/* layout */
#FlashNotice {padding:10px; margin-bottom:15px;}
/* color */
#FlashNotice {background-color:#B8EC22;}



/* FLASH ERROR
================================================*/
/* layout */
#FlashError {padding:10px; margin-bottom:15px;}
/* color */
#FlashError {background-color:#DF291B; color:#FFF;}



/* ERROR EXPLANATION
================================================*/
/* layout */
.errorExplanation h2 {padding:5px 10px;}
.errorExplanation p {padding:10px 10px 0;}
.errorExplanation ul {padding:0 10px 1.5em 30px;}
/* type */
.errorExplanation h2 {font-family:'Lucida Grande', Verdana, sans-serif; font-size:1em; font-weight:bold; letter-spacing:2px; line-height:1.5em; text-transform:uppercase;}
.errorExplanation li {list-style-type:disc;}
/* color */
.errorExplanation {background-color:#f1ffb6; color:#333;}
.errorExplanation h2 {background-color:#d6ff2f; color:#9F1D13;}


.fieldWithErrors {padding-left:25px; background:url(/images/admin/icons/small/error.png) no-repeat left top;}/* --------- /stylesheets/public/chunks.css --------- */ 
/* NEWS CHUNK
======================================================== */
#NewsChunk {margin-bottom:20px;padding-bottom:22px; background:url(/images/layout/sidebars/news_and_events_bottom.png) no-repeat left bottom;}
#NewsChunk h3.header {margin:0;text-indent: -5000px; background: url(/images/layout/sidebars/news_and_events.png); height: 62px;}
#NewsChunk .entries {padding:1px 20px 0; border:solid #ed1c24; border-width:0 1px; color:#00a8dc;}
#NewsChunk .entries ul {list-style:none; margin:0; padding:0;}
#NewsChunk .entries ul.events {border-top:1px dashed #bde9fb; margin-top:1em;}
#NewsChunk .entries li {margin-top:1em;}
#NewsChunk .entries h4 {margin:0;}
#NewsChunk .entries p { margin-bottom:0; padding-bottom:.75em;}
#NewsChunk .entries p {line-height:1.2em;}
#NewsChunk img {max-width:100%;}

/* MAILING LIST
======================================================== */
#MailingList {position:relative; width:280px; height:79px; background:url(/images/layout/sidebars/mailing_list.png) no-repeat;}
#MailingList p {margin:0;position:absolute; right:16px; bottom:8px; color:#FFF;}
#MailingList a {color:#FFF;}


/* MAILING LIST
======================================================== */
#Highlights img {display:block; margin-bottom:20px;}




/* CHARACTER ORIGINS
======================================================== */
#CharacterIntro {padding:10px;}
#CharacterMap {}
#OriginList {padding:10px;}
#OriginList .info h3 small {font-size:.5em; font-weight:normal; margin-left:1em;}

.character_origin_list {
  list-style-type:none;
}

.character_origin_list li {
  width:160px;
  text-align:center;
  float:left;
  margin:0 11px;
  height:270px;
}

.character_origin_list img {
  margin-bottom:10px;
}



/* EVENTS
-------------------------------------------------------------- */
ul.eventList h5 {margin-bottom:0; font-weight:normal;}



/* Networking Links
-------------------------------------------------------------- */
ul.networking {width:100%; overflow:hidden; font-size:1em; margin-left:0; list-style:none;}
ul.networking li {float:left; margin-right:15px; margin-bottom:4px; padding-left:17px;}
li.delicious {background:url(/images/icons/delicious_icon.gif) no-repeat left top;}
li.digg {background:url(/images/icons/digg-icon.jpg) no-repeat left top;}
li.facebook {background:url(/images/icons/facebook_icon.gif) no-repeat left top;}
li.stumbleupon {background:url(/images/icons/icon_su.gif) no-repeat left top;}
li.twitter {background:url(/images/icons/twitter.gif) no-repeat left top;}
li.flickr {background:url(/images/icons/flickr.gif) no-repeat left top;}
li.myspace {background:url(/images/icons/myspace.gif) no-repeat left top;}
li.youtube {background:url(/images/icons/youtube.gif) no-repeat left top;}



/* CHARACTER COUNT
-------------------------------------------------------------- */
div#CharacterCount {position:absolute; left:490px; top:43px; height:114px; width:114px; background:#fff url(/images/characters/character-count-bg.png) no-repeat left top; }
body#character_origins_index div#CharacterCount {position:absolute; left:830px; top:-118px;}
div#CharacterCount p {text-align:center; color:#FFF; line-height:1em; margin-top:.8em;}
div#CharacterCount span {font-size:4em; display:block; line-height:1em;}/* enriched */ 
/* enriched */ 
div#CharacterCount {border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px;}
div#CharacterCount p {text-shadow:rgba(0, 0, 0, 0.496094) 0px 1px 2px;}
div#CharacterCount a { color:#FFF; }
/* --------- /stylesheets/public/chunks/characters.css --------- */ 
/* Characters
-------------------------------------------------------------- */
ul.character_grid, ul.character_grid li {list-style-type:none; margin:0; padding:0; font-size:1em;}
ul.character_grid {float:left; width:100%;}
ul.character_grid li {width:136px; height:15em; float:left; margin:0 12px; text-align:center;}
body#character_origins_show ul.character_grid li { width:128px; }
ul.character_grid img {display:block; margin:0 auto 5px;}

ul.character_grid dt, ul.character_grid dd {display:inline; margin:0;}
ul.character_grid dt {margin-right:.4em;}

dl.inline {margin-bottom:2em; width:100%; overflow:hidden;}
dl.inline dt, dl.inline dd {float:left;}
dl.inline dt {clear:left;}

div.character_thumb {float:left; position:relative; margin:0 10px 10px 0;}
div.character_thumb img {display:block;}
div.character_thumb div.info_bubble {width:300px; padding:10px; border:5px solid #555; position:absolute; left:-145px; bottom:60px; background-color:#222; color:#EEE; display:none; font-size:.9286em; z-index:100;}
div.character_thumb:hover div.info_bubble {display:block;}

div.character_thumb div.info_bubble img {float:left; margin-right:10px;}
div.character_thumb div.info_bubble div.stats {margin-left:110px;}
div.character_thumb div.info_bubble p {margin:0;}
div.character_thumb div.info_bubble span {color:#AAA;}




ul.image_with_info {list-style-type:none; margin:0; }
ul.image_with_info li {float:left; width:100%; margin:1em 0; padding-bottom:1em; border-bottom: 2px solid #C1FFFF;}
ul.image_with_info .image {width:170px; float:left;}
ul.image_with_info .info {margin-left:170px;}


div.character_view, div.origin_view {padding:0 10px;}
.character_view .image, .origin_view .image {float:right; margin-right:60px;}
.origin_view .info, .character_view .info {width:460px;}

#character_filters {
  padding:10px;
  color:#bd5e00;
  background:#f79636;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgb(255,128,0)), color-stop(0.66,rgb(255,172,89)));
  background: -moz-linear-gradient(center bottom,rgb(255,128,0) 0%,rgb(255,172,89) 66%);
  border:3px solid rgb(255,172,89);
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 20px;
  margin-bottom:20px;
  }

#character_filters h3 {
  margin-bottom:0;
}

#character_filters a {
  color:#FFF;
  text-shadow: 2px 2px 2px #666;
  filter: dropshadow(color=#666, offx=2, offy=2);
}

#character_filters a:hover,
#character_filters a:active,
#character_filters a:focus {
  color:#FFFFAE;
}

#character_filters a.active {
  color:#FFFFAE;
  cursor:default;
}

#character_filters input[type=text] {
  border:0;
  padding:3px;
  font-size:.65em;
  font-family:Helvetica, Arial, sans-serif;
  color:#555;
  vertical-align:bottom;
}

#character_filters input[type=submit] {
  vertical-align:baseline;
}

#view_summary {
  margin-bottom:20px;
}

#SearchForm {
  float:right;
}

img#fullsize-map {
  margin-bottom:20px;
}/* --------- /stylesheets/bb_modules/blog.css --------- */ 
/* ENTRY LIST
-------------------------------------------------------------- */
ul.blog_list {list-style:none; margin-left:0;}
ul.blog_list li {margin-bottom:2em;}
.blog_list .title {font-size:1.5em; font-weight:bold; display:block;}
.blog_list .date {color:#999;}
.blog_list .author {font-weight:bold; color:#777; margin-left:1em;}
.blog_list .content {display:block; margin:1em 0;}
.blog_list .comments {font-size:.8em; text-transform:uppercase; color:#999; margin-left:1em;}



/* SINGLE ENTRY
-------------------------------------------------------------- */
div.blog_entry {}
.blog_entry .date {color:#999;}
.blog_entry .author {font-weight:bold; color:#777; margin-left:1em;}
.blog_entry .comments {font-size:.8em; text-transform:uppercase; color:#999; margin-left:1em;}
.blog_entry .content {display:block; margin:2em 0 4em;}




/* COMMENT LIST
-------------------------------------------------------------- */
div.blog_comments {}
.blog_comments .comment_count {background-color:#EEE; padding:.5em;}
.blog_comments ul.comment_list {list-style:none; margin-left:0; margin-right:0; }
.blog_comments ul.comment_list li {padding:1em; border-bottom:2px solid #EEE;}
.blog_comments .closed {color:#999;}
.blog_comments .comment_head {color:#777;}
.blog_comments .comment_body {}
.blog_comments textarea {height:10em; width:340px;}
.blog_comments input[type="text"] {width:340px;}
.blog_comments input[type="submit"] {margin-left:10em;}

.blog_comments ul.comment_list li.admin { background:#e2f5fc url(/images/layout/admin-comment-icon.png) no-repeat right top; border-bottom:2px solid #c1e8f1; }


/* COMMENT FORM
-------------------------------------------------------------- */


/* RSS LINKS
-------------------------------------------------------------- */
#rss_link {background:url(/images/layout/rss.gif) no-repeat left center; padding-left:20px;}
/* --------- /stylesheets/bb_modules/events.css --------- */ 
/* EVENT LIST
================================================*/
ul.eventList, ul.eventList ul {list-style-type:none; margin:0;}
ul.eventList abbr {border:0;}
ul.eventList img {float:left; margin:0 20px 10px 0;}
ul.eventList > li {overflow:hidden; margin-bottom:2em;}
ul.eventList h3 {margin-top:0;}/* --------- /stylesheets/bb_modules/galleries.css --------- */ 

/* Gallery Lists
-------------------------------------------------------------- */
/* layout */
ul.gallery_list {margin:2em 0 0; overflow:hidden; margin-bottom:30px;}
ul.gallery_list img {float:left;}
ul.gallery_list li {margin-bottom:2em;}
ul.gallery_list .gallery_info {margin-left:95px;}
/* typography */
ul.gallery_list {list-style:none;}
ul.gallery_list h2 {margin:0;}



/* Gallery Display
-------------------------------------------------------------- */
/* layout */
ul.gallery_display {margin:2em 0 0; overflow:hidden;}
ul.gallery_display li {float:left; margin:0 20px 20px 0;}
/* typography */
ul.gallery_display {list-style:none;}/* --------- /stylesheets/slimbox/slimbox.css --------- */ 
/* SLIMBOX */

#lbOverlay {
	position: absolute;
	left: 0;
	width: 100%;
	background-color: #000;
	cursor: pointer;
}

#lbCenter, #lbBottomContainer {
	position: absolute;
	left: 50%;
	overflow: hidden;
	background-color: #fff;
}

.lbLoading {
	background: #fff url(/stylesheets/slimbox/loading.gif) no-repeat center;
}

#lbImage {
	position: absolute;
	left: 0;
	top: 0;
	border: 10px solid #fff;
	background-repeat: no-repeat;
}

#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
}

#lbPrevLink {
	left: 0;
}

#lbPrevLink:hover {
	background: transparent url(/stylesheets/slimbox/prevlabel.gif) no-repeat 0% 15%;
}

#lbNextLink {
	right: 0;
}

#lbNextLink:hover {
	background: transparent url(/stylesheets/slimbox/nextlabel.gif) no-repeat 100% 15%;
}

#lbBottom {
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	line-height: 1.4em;
	text-align: left;
	border: 10px solid #fff;
	border-top-style: none;
}

#lbCloseLink {
	display: block;
	float: right;
	width: 66px;
	height: 22px;
	background: transparent url(/stylesheets/slimbox/closelabel.gif) no-repeat center;
	margin: 5px 0;
}

#lbCaption, #lbNumber {
	margin-right: 71px;
}

#lbCaption {
	font-weight: bold;
}