/* ---------------------------------
 * Layout Styles
 * Created by Easy! Designs, LLC
 * http://easy-designs.net
 * --------------------------------- */


@media screen {/* ---------------------------------
 * Screen Layout Styles
 * Created by Easy! Designs, LLC
 * http://easy-designs.net
 * --------------------------------- */

/* =Reset defaults */
html, body, form, fieldset, legend, 
h1, h2, h3, h4, h5, h6, 
pre, blockquote, ul, ol, dl, dd { margin: 0; padding: 0; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
abbr, acronym { border: 0; }
fieldset { border: none; }
a img { border: none; }
form ol, form ul { margin: 0; list-style: none; }
p, pre, blockquote, dl { margin: 0 0 1em; padding: 0; }
ul, ol { margin: 0 0 1em 20px; padding: 0; }

/* =General =Elements *****************************************************************************/
body {
  width: 980px;
  position: relative;
}

#content-main .intro {
  margin-bottom: 1.8em;
}

.noticed {
  border: 0px solid;
  width: 235px;
  height: 17px;
  position: absolute;
  top: 22px;
  padding: .47em 10px 5px;
  margin-bottom: 1.5em;
}

.notice {
  border: 1px solid;
  padding: .75em 10px 1px;
  margin-bottom: 1.5em;
}

/* =Content =Layout ******************************************************************************/
#content {
  float: left;
  width: 980px;
  clear: both;
  position: relative;
}

#content-main {
  width: 496px;
  padding: 0 25px 1em 35px;
  float: left;
  position: relative;
}

#content-sub {
  width: 339px;
  padding: 98px 0 1em 40px;
  min-height: 110px;
  float: left;
  position: relative;
}

/* =Footer ****************************************************************************************/
#subscribe {  
  clear: both;
  padding: 80px 0 10px 35px;
  position: static;
  margin-bottom: -150px;
  float: left;
  width: 500px;
}

#subscribe fieldset {
  padding-top: 0;
  position: relative;
}

#subscribe legend {
  margin: 0;
  padding: 0;
  height: 0;
}

#subscribe legend span {
  display: block;
  text-indent: -999em;
  overflow: hidden;
  width: 397px;
  height: 40px;
  position: absolute;
  top: -50px;
  left: 0;
}

#subscribe label {
  display: block;
  clear: both;
}

#subscribe.js label {
  position: absolute;
  top: .5em;
  left: 4px;
}

#subscr-email {
  float: left;
  width: 270px;
  margin: 2px 6px 0 0;
}

#subscribe button {
  width: 100px;
  text-indent: -999em;
}

#copyright {
  clear: both;
  padding: 165px 0 .25em 35px;
  width: 830px;
}

#nav-info {
  margin-left: 35px;
  padding-bottom: 3em;
  position: static;
  top: 190px;
}

#nav-info li {
  display: inline;
}

/* =Skip links ************************************************************************************/
#nav-access {
  position: absolute;
  top: -100px;
  margin: 0;
}

#nav-access li {
  display: inline;
}

#nav-access a:focus {
  position: absolute;
  top: 120px;
  left: 30px;
  width: 260px;
  padding: 0 5px;
  display: block;
  z-index: 10;
  border: 1px solid;
  outline: 0;
}

/* =Main =Navigation ******************************************************************************/
#nav-main {
  position: absolute;
  top: 86px;
  left: 6px;
  margin: 0;
}

#nav-main li {
  float: left;
  margin-right: 4px;
}

#nav-main a {
  display: block;
  height: 20px;
  padding: 8px 10px;
  text-indent: -999em;
  overflow: hidden;
}

#nav-main li.current a, 
#nav-main a:hover,
#nav-main a:focus,
#nav-main a:active {
  outline: 0;
}
#nav-main #nav-main-know a { width: 17px; padding-bottom: 6px; }
#nav-main #nav-main-stories a { width: 60px; }
#nav-main #nav-main-clues a { width: 72px; }
#nav-main #nav-main-debate a { width: 71px; }
#nav-main #nav-main-zine a { width: 45px; }
#nav-main #nav-main-livre a { width: 57px; }
#nav-main #nav-main-quiz a { width: 32px; }
#nav-main #nav-main-gallery a { width: 52px; }
/* #nav-main #nav-main-games a { width: 47px; } */
/* #nav-main #nav-main-shop a { width: 35px; } */
/* #nav-main #nav-main-know a { width: 47px; padding-bottom: 6px; } */
/* #nav-main #nav-main-signin a { width: 53px; } */

/* =Logo ******************************************************************************************/
#logo {
  height: 186px;
  position: relative;
  margin: 0;
}

#logo img {
  position: absolute;
  right: 0;
  top: 0;
}

/* =Utility =Navigation ***************************************************************************/
#nav-util {
  position: absolute;
  left: 600px;
  top: 185px;
  z-index: 10;
  margin: 0;
}

#nav-util li {
  display: inline;
}

#nav-util li#greeting {
  margin-right: 8px;
}

/* =Search ****************************************************************************************/
#site-search {
  position: absolute;
  left: 600px;
  top: 220px;
  width: 335px;
}

#site-search label {
  position: absolute;
  left: -999em;
}

#site-search #query {
  margin-right: 5px;
  width: 225px;
  float: left;
}

#site-search button {
  width: 95px;
  height: 23px;
  text-indent: -999em;
}

ol#srch-results {
  margin-left: 0;
}

/* =Headings *************************************************************************************/
h1, .page-title {
  margin-bottom: 30px;
}

.page-title .sup,
.page-title .main {
  display: block;
}

h2, h3 { 
  margin-bottom: .2em;
}

#content-sub h3 {
  padding-bottom: 15px;
  margin-bottom: 10px;
}

#content-sub h4 {
  margin-bottom: .5em;
}

/* =sIFR - scalable Inman Flash Replacement *******************************************************************************/
.sIFR-flash {
  visibility: visible !important;
  margin: 0;
  padding: 0;
}

.sIFR-replaced, .sIFR-ignore {
  visibility: visible !important;
}

.sIFR-dummy { 
  width: 0px;
  height: 0px;
  margin-left: 42px !important;
  z-index: 0;
}

.sIFR-alternate {
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 0;
  display: block;
  overflow: hidden;
}

.sIFR-active object {
  display: block;
}

.sIFR-replaced div.sIFR-fixfocus {
  margin: 0pt; 
  padding: 0pt; 
  overflow: auto; 
  letter-spacing: 0px; 
  float: none;
}

/* decoy styles */
.sIFR-active .page-title .main,
.sIFR-active #thread .tableHeading {
	visibility: hidden;
	margin-bottom: 0;
	padding: 0;
}

.sIFR-active .page-title .sup {
  visibility: hidden;
  margin-bottom: -.55em;
  padding: 0;
}

.sIFR-active #home-intro h2 {
  visibility: hidden;
  margin-bottom: 0;
}

.sIFR-active #appli-intro h2 {
  visibility: hidden;
  margin-bottom: 0;
}

.sIFR-active #responses #elicitation {
  visibility: hidden;
}

.sIFR-active #responses h3.resp-count,
.sIFR-active #fastreply legend span {
  visibility: hidden;
}

.sIFR-active #fm-quiz legend span {
  visibility: hidden;
}

.sIFR-active #fm-concours legend span {
  visibility: hidden;

}

/* =Links *****************************************************************************************/
#content-main .vcard a .photo {
  border: 1px solid;
  width: 48px;
  height: 48px;
}

/* =Figure =Images ********************************************************************************/
.figure.left {
  float: left;
  margin: .25em 10px .5em 0;
}

.figure.right {
  float: right;
  margin: .25em 0 .5em 10px;
}

#content-main .third-col img {
  width: 190px;
}

#content-main .half-col img {
  width: 240px;
}

#content-main .full-col img {
  width: 500px;
}

#content-main .figure.full-col {
  float: none;
  clear: both;
  margin: 0 0 1em;
}

/* =Webisode ***************************************************************************************/
.story #story {
  border-bottom: 1px solid;
  margin-bottom: 1.5em;
  padding-bottom: .5em;
  overflow: hidden;
}

.story #content-main {
  padding-top: 60px;
}

.story #byline {
  position: absolute;
  top: 0;
  padding-left: 60px;
  width: 440px;
}

.story #byline .photo {
  position: absolute;
  left: 0;
  top: -10px;
  width: 48px;
  height: 48px;
}

.story #byline .resp-count {
  position: absolute;
  right: 0;
  top: .4em;
}

.story #byline .resp-count a {
  padding-left: 18px;
}

/* =Responses (=Comments) **************************************************************************/
#responses {
  padding-left: 10px;
}

#responses #elicitation {
  width: 490px;
  padding: .5em 20px .5em 35px;
  position: relative;
  left: -45px;
  margin-bottom: 1em;
}

#responses h3.resp-count, 
#respond label,
#add_comment_preview legend {
  margin: 0 0 .5em -10px;
  display: block;
}

#resp-list {
  position: relative;
  left: 0px;
  margin: 0 0 2em 0;
  overflow: hidden;
  width: 100%;
}

#resp-list li.hentry {
  padding: 0 0 .5em 60px;
  position: relative;
  border-bottom: 1px solid;
  margin-bottom: 1em;
  min-height: 80px;
}

#resp-list li.hentry .entry-title {
  position: relative;
  left: -60px;
  margin-bottom: 0;
}

#resp-list li.hentry a.permalink {
  margin-left: 6px;
}

#resp-list li.hentry .author .photo {
  position: absolute;
  top: 1.7em;
  left: 0;
  width: 48px;
  height: 48px;
  border: 1px solid #ccc;
}

#resp-list li.hentry .entry-content {
  border: 0;
  padding: 0;
}

#resp-list .resp-util {
  margin-left: 0;
}

#resp-list .resp-util li {
  display: inline;
  margin-right: 4px;
}

#resp-list .resp-util a {
  padding-left: 18px;
}

#respond fieldset {
  margin-left: -10px;
}

#respond fieldset label {
  margin-left: 0;
}

#respond #post-response {
  width: 99%;
}

#respond #fm-submit {
  margin-top: .5em;
}

#respond #fm-submit button {
  text-indent: -999em;
  margin-left: 10px;
}

#respond #post-preview, 
#respond #post-submit {
  width: 80px;
}

ol.archive {
  margin-left: 0;
  padding-left: 0;
}

/* =Sidebar =Lists ************************************************************************************/
#content-sub .list {
  margin-bottom: 2em;
}

#content-sub .list li.hentry {
  margin-bottom: 1em;
}

#content-sub .list, 
#content-sub .list .entry-meta {
  margin-left: 0;
}

#content-sub .list h4, 
#content-sub .list .entry-title {
  margin-bottom: .25em;
}

.list .entry-meta li {
  display: inline;
}

.list .entry-meta a.resp-count {
  padding-left: 18px;
}

#latest-responses .entry-meta,
#favorite-responses .entry-meta,
.list .entry-summary {
  margin-bottom: 3px;
}

#content-sub a.feed {
  padding-left: 18px;
}

/* =TabInterface ********************************************************************************************/
ul.tab-list { 
  position: absolute; 
  top: 0;
  width: 100%; 
  margin: 0;
}

ul.tab-list li {   
  cursor: pointer; 
  float: left; 
}

.tabbed-on .hidden, 
.folder {
  position: absolute; 
  left: -9999em; 
}

.folder.visible {
  position: relative; 
  left: 0; 
  top: 3em;
  margin-bottom: 4em;
}

#content-sub ul.tab-list {
  padding-bottom: 18px;
  margin-bottom: 10px;
  top: 93px;
  width: 335px;
}

#content-sub ul.tab-list li {
  margin-right: 5px;
  padding: 5px 10px 10px;
  margin-bottom: -10px;
}

/* =Our =Stories ****************************************************************************************/
#ourstories {
  border-bottom: 1px solid;
  margin-left: 0;
}

.home-private #ourstories {
  border: 0;
}

#ourstories li.hentry, 
#srch-results li.hentry {
  position: relative;
  margin-bottom: 2.5em;
  padding-left: 120px;
  min-height: 100px;
  overflow: hidden;
}

#ourstories .entry-title img, 
#srch-results .entry-title img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100px;
  height: 100px;
}

#ourstories .entry-meta, 
#srch-results .entry-meta {
  margin-left: 0;
}

#ourstories .entry-meta li, 
#srch-results .entry-meta li {
  display: inline;
}

#ourstories a.resp-count, 
#srch-results a.resp-count {
  padding-left: 18px;
}

#content-sub .announcement {
  float: left;
  width: 100%;
  margin-bottom: 1em;
}

.announcement .lede {
  margin-bottom: .25em;
}

/* =Pagination ******************************************************************************************/
.pagination {
  position: relative;
  clear: both;
  margin-top: 1.5em;
  float: right;
}

.pagination span {
  position: absolute;
  left: -9999em;
}

#content_main .pagination ol {
  margin-left: 0;
}

.pagination .total_items {
  margin-left: 20px;
  padding-top: 2px;
  float: left;
}

.pagination .paginateStat {
  padding-right: 20px;
}

.pagination .gap {
  border: 0;
  padding: 2px 0;
}

.pagination li {
  display: inline;
  float: left;
  margin-right: 5px;
  padding: 3px 7px;
}

.pagination td div {
  padding: 3px 7px;
  margin-right: 5px;
}

.pagination a {
  display: block;
  padding: 3px 7px;
  margin: -3px -7px;
}

.pagination a:hover,
.pagination a:focus, 
.pagination a:active {
  outline: 0;
}

/* =Private =Home ******************************************************************************************/
.home-private #content-main h3 {
  padding-bottom: .5em;
  margin-bottom: 1em;
  border-bottom: 1px solid;
}

#profiles, 
#cards, 
#gallery-picks {
  margin-left: 0;
  margin-bottom: 1.8em;
}

#profiles li.vcard {
  position: relative;
  padding-left: 65px;
}

#profiles .photo {
  position: absolute;
  left: 0;
  top: 0;
  width: 48px;
  height: 48px;
}

#cards li.card {
  position: relative;
  padding-left: 130px;
  min-height: 160px;
  margin-bottom: 1.4em;
}

#cards li.card img {
  position: absolute;
  left: 0;
  top: 0;
}

#content-sub .caption-results {
  padding: 0 10px;
}

#content-sub .leaderboard {
  margin: 10px 0 1em;
  border-bottom: 1px solid;
}

#content-sub .leaderboard li {
  margin: 0;
  padding: .75em 10px;
  border-top: 1px solid;
  position: relative;
  overflow: hidden;
}

#content-sub .leaderboard li em {
  position: absolute;
  z-index: 9;
  display: block;
  left: 0;
  top: 0;
  text-indent: -999em;
  overflow: hidden;
  height: 20em;
}

#content-sub .leaderboard li cite {
  position: relative;
  z-index: 10;
}

#gallery-picks li {
  position: relative;
  padding-left: 130px;
  min-height: 110px;
}

#gallery-picks img {
  position: absolute;
  left: 10px;
  top: 0;
}

/* =Gallery =Main ***************************************************************************************/
#image-main {
  padding: 20px 20px 10px;
}

#image-main .title {
  margin: .25em 0;
}

/* =Gallery =Lists **********************************************************************************************/
.gallery {
  margin: 1.6em 0 1em;
  border-bottom: 1px solid;
  padding-left: 20px;
  overflow: auto;
}

ol.gallery li,
ul.gallery li {
  position: relative;
	vertical-align: top;
  padding-top: 110px;
  margin-right: 16px;
  width: 100px;
  margin-bottom: 1em;
  float: left;
  clear: none;
  display: -moz-inline-box;  /* For Gecko, must come first */
  display: inline-block;  /* For others, must come second (Gecko doesn't recognize this value and stops parsing) */
}

.gallery li.row-first {
  clear: left;
}

.gallery img {
  position: absolute;
  top: 0;
  max-width: 100px;
}

#content-main .gallery .figure .caption {
  overflow: hidden;
}

#caption-vote {
  padding: 0 10px;
  margin-bottom: 1em;
}

#cap-choices {
  margin: .5em 0 1em;
  border-bottom: 1px solid;
}

#cap-choices li {
  margin-bottom: .75em;
  padding: .25em 0;
}

#cap-choices label input {
  float: left;
  margin: 0 8px 0;
}

#vote-submit button {
  width: 120px;
  text-indent: -999em;
  float: left;
}

/* =Gallery =Detail ************************************************************************************/
#gallery-image {
  margin-bottom: 2em;
}

#gallery-image img {
  display: block;
  margin: 0 auto 1em;
}

.figure #byline {
  position: relative;
}

.figure #byline .resp-count {
  position: absolute;
  right: 0;
  top: .4em;
}

.figure #byline .resp-count a {
  padding-left: 18px;
}

.polls li {
  position: relative;
  padding-left: 110px;
  min-height: 100px;
  margin-bottom: 1.5em;
}

#polls #no-results {
  padding: 0 0 1em;
  margin: 0;
  width: auto;
  float: none;
}

.polls h4 img {
  position: absolute;
  left: 0;
  top: 0;
}

#recent-polls {
  border-bottom: 1px solid;
  padding-bottom: 1em;
}

#poll-results .leaderboard {
  margin: 10px 0 1em;
  border-bottom: 1px solid;
}

#poll-results .leaderboard li {
  margin: 0;
  padding: .75em 110px .75em 10px;
  border-top: 1px solid;
  position: relative;
  overflow: hidden;
}

#poll-results .leaderboard li em {
  position: absolute;
  z-index: 9;
  display: block;
  left: 0;
  top: 0;
  height: 20em;
}

#poll-results .leaderboard li em span {
  position: absolute;
  z-index: 11;
  left: 390px;
  width: 100px;
  padding: .75em 0;
  display: block;
}

#poll-results .leaderboard li cite {
  position: relative;
  z-index: 10;
}

#upload-img {
  position: absolute;
  right: 25px;
  top: -2px;
}

#upload-img + .entry-title > .main:first-child {
  margin-top: 30px;
}

a.add {
  padding-left: 18px;
}

/* =Gallery =Upload ****************************************************************************/

#up-pre img {
  max-width: 360px;
}

#up-pre {
  position: relative;
  margin-bottom: .5em;
}

#file-replace {
  text-indent: 0;
  opacity: 0.8;
  position: absolute;
  top: 0;
  left: 140px;
}

#fm-preview .hentry {
  border: 1px solid;
  margin: 0 1em 1em;
  padding: 1em 1em 0;
}

#up-replace input {
  margin-bottom: 20px;
}

/* =Clues ****************************************************************************/

#clues .origin {
  margin-bottom: 0;
}
#clues .entry-summary {
  margin-top: 1em;
}


/* =Zine ****************************************************************************/

.hentry #file-replace {
  text-indent: 0;
  opacity: 0.8;
  position: absolute;
  top: 0;
  left: 0;
}

li#up-story .note {
  text-align: right;
  position: absolute;
  width: 130px;
  top: 1.8em;
}
li#up-story .note li {
  margin: 0;
  padding: 0;
  line-height: 1.4;
}

/* =Quiz ***************************************************************************************/
.quiz .page-title {
  padding: 40px 0 0 35px;
  margin: -20px 0 0 -35px;
}

.quiz #quiz-prog {
  position: absolute;
  right: 25px;
  top: 0;
  z-index: 99;
}

#fm-quiz legend span {
  display: block;
  padding-left: 75px;
  width: 460px;
  margin-left: -35px;
}

#fm-quiz {
  position: relative;
  padding-bottom: 20px;
}

#fm-quiz #answers {
  margin-bottom: 10px;
  border-bottom: 1px solid;
}

#fm-quiz #answers li {
  border-top: 1px solid;
}

#fm-quiz.js #answers input {
  position: absolute;
  left: -999em;
}

#fm-quiz #answers label {
  display: block;
  padding: .5em 15px .5em 75px;
  margin: 0 -10px 0 -35px;
  cursor: pointer;
}

#fm-quiz #fm-submit button {
  width: 145px;
  text-indent: -999em;
  position: absolute;
  right: -22px;
  bottom: -24px;
}

/* =Quiz =Result ************************************************************************************/
p#you-are {
  position: relative;
  left: -5px;
  margin: 0 0 .5em;
}

.motto em {
  margin-right: 8px;
}

#quiz-util {
  list-style: none;
  margin: 0 0 1.7em;
}

#quiz-util li {
  display: inline;
}


/* =Concours ***************************************************************************************/
.concours .page-title {
  padding: 40px 0 0 35px;
  margin: -20px 0 0 -35px;
}

.concours #concours-prog {
  position: absolute;
  right: 25px;
  top: 0;
  z-index: 99;
}

#fm-concours legend span {
  display: block;
  padding-left: 75px;
  width: 460px;
  margin-left: -35px;
}

#fm-concours {
  position: relative;
  padding-bottom: 20px;
}

#fm-concours #answers {
  margin-bottom: 10px;
  border-bottom: 1px solid;
}

#fm-concours #answers li {
  border-top: 1px solid;
}

#fm-concours.js #answers input {
  position: absolute;
  left: -999em;
}

#fm-concours #answers label {
  display: block;
  padding: .5em 15px .5em 75px;
  margin: 0 -10px 0 -35px;
  cursor: pointer;
}

#fm-concours #fm-submit button {
  width: 145px;
  text-indent: -999em;
  position: absolute;
  right: -22px;
  bottom: -24px;
}

/* =Concours =Result ************************************************************************************/
p#you-are {
  position: relative;
  left: -5px;
  margin: 0 0 .5em;
}

.motto em {
  margin-right: 8px;
}

#concours-util {
  list-style: none;
  margin: 0 0 1.7em;
}

#concours-util li {
  display: inline;
}



/* =Oracle ***************************************************************************************/
#oracle-intro {
  margin: -20px -22px 1em -18px;
  padding: 360px 80px 0;
}

#past-cards {
  margin: 0;
}

#past-cards li {
  float: left;
  margin: 0 25px 1em 5px;
}

img.oracle-card {
  float: right;
  margin: 0 0 1em 20px;
}

blockquote.card-quote cite {
  display: block;
  margin-top: .25em;
}

#new-card {
  clear: both;
  float: right;
  margin-top: 2em;
  display: block;
}

#new-card button {
  float: right;
  width: 150px;
  text-indent: -999em;
}

/* =Public =Home ***********************************************************************************************/
#home #content {
  min-height: 350px;
  padding-bottom: 20px;
}

#home {
  width: 960px;
}

#home #nav-access a:focus,
#home #nav-access a:active {
  top: 12em;
  left: 20px;
}

#home #logo {
  height: 196px;
  width: 925px;
  position: relative;
}

#home #nav-main {
  top: 18px;
}

#home-intro {
  width: 450px;
  margin-top: 50px;
  margin-left: 480px;
  padding: 0 0 275px 0px;
  position: relative;
  clear: both;
}

#home-intro #help-us {
  position: absolute;
  bottom: 55px;
  left: 15px;
}

#home-intro #help-us a {
  width: 415px;
  height: 50px;
  display: block;
  text-indent: -999em;
  overflow: hidden;
}

#home-intro h2 {
  margin-bottom: 20px; 
}

#home-identity {
  position: relative;
  float: left;
  margin: -260px 0 0 20px;
  width: 222px;
  height: 265px;
}

#home-identity a {
  width: 145px;
  height: 66px;
  display: block;
  text-indent: -999em;
  overflow: hidden;
  position: absolute;
  right: 30px;
  top: 180px;
}

#home-stories {
  position: relative;
  float: left;
  margin: -40px 0 0 30px;
  width: 308px;
  height: 179px;
}

#home-stories a {
  width: 216px;
  height: 50px;
  display: block;
  text-indent: -999em;
  overflow: hidden;
  position: absolute;
  right: 50px;
  top: 95px;
}

#home-contest {
  position: relative;
  float: left;
  margin: -358px 0 0 0px;
  width: 308px;
  height: 57px;
}

#home-contest a {
  width: 308px;
  height: 57px;
  display: block;
  text-indent: -999em;
  overflow: hidden;
  position: absolute;
  right: 0px;
  top: 0px;
}

#home-appli {
  position: relative;
  float: left;
  margin: -40px 0 0 520px;
  width: 348px;
  height: 110px;
}

#home-appli a {
  width: 182px;
  height: 52px;
  display: block;
  text-indent: -999em;
  overflow: hidden;
  position: absolute;
  right: 140px;
  top: 52px;
}

#home-livre {
  position: relative;
  float: left;
  margin: -250px 0 0 10px;
  width: 226px;
  height: 212px;
}

#home-livre a {
  width: 112px;
  height: 63px;
  display: block;
  text-indent: -999em;
  overflow: hidden;
  position: absolute;
  right: 15px;
  top: 140px;
}

#home #nav-info {
  clear: both;
  padding-top: 5em;
  margin: -50px 0 1em 20px;
}

#home #copyright {
  background: none;
  padding: 0;
  position: relative;
  top: 3em;
  left: 20px;
}


/* =Member =Lists **********************************************************************************************/
body.totem-group .totem {
  position: absolute;
  right: 25px;
  top: -35px;
}

body.totem-group .totem span {
  display: block;
  width: 90px;
  height: 25px;
  text-indent: -999em;
  position: absolute;
  top: 8px;
  right: 85px;
}

ol.members li {
  padding-top: 58px;
  margin-right: 16px;
  width: 100px;
  overflow: hidden;
}

ol.members img {
  left: 0;
  height: 48px;
  width: 48px;
}

ol#totem-groups li {
  min-height: 58px;
  padding-left: 58px;
  position: relative;
}

ol#totem-groups .totem {
  position: absolute;
  top: 0;
  left: 0;
  height: 48px;
  width: 48px;
}

/* =Profile **************************************************************************************************/
.profile .notice {
  margin-bottom: 50px;
}

.profile a.edit {
  padding-left: 16px;
}

.profile #pfl-user {
  position: relative;
  padding: 0 120px 0 62px;
  min-height: 54px;
}

.profile #pfl-user a.edit {
  position: absolute;
  top: -30px;
  left: 0;
}

.profile #pfl-user h1 {
  margin: 0;
}

.profile #pfl-user img.photo {
  width: 48px;
  height: 48px;
  position: absolute;
  left: 0;
  top: -2px;
  border: 1px solid;
}

.profile #pfl-user img.totem {
  position: absolute;
  right: 0;
  top: -35px;
}

.profile #pfl-user img.click-me {
  position: absolute;
  right: 80px;
  top: 65px;
}

.profile #content-main h2 {
  border-bottom: 1px solid;
  margin: 1em 0 .5em;
  clear: both;
}

.profile #content-main h2 a.edit {
  margin-left: 6px;
}

dl.profile-data dt {
  width: 190px;
  padding: 0 20px .4em 40px;
  margin-left: -40px;
  margin-bottom: .5em;
  float: left;
  clear: left;
}

dl.profile-data dd {
  width: 280px;
  float: left;
  clear: right;
  margin-bottom: .4em;
}

.profile #content-main h2.amanda {
  position: relative;
}

.profile #content-main h2.amanda img {
  position: absolute;
  left: -33px;
  top: 3px;
}

.profile #pfl-elsewhere ul li {
  margin-bottom: .5em;
}

.profile #playlist {
  position: relative;
  margin-bottom: 1em;
}

#content-sub .recent-activity p {
  margin-bottom: .5em;
}

#content-sub .recent-activity li.hentry {
  margin-bottom: 1.5em;
}

#profile-comments {
  position: relative;
}

#profile-comments .add {
  position: absolute;
  top: 2px;
  right: 0;
}

#profile-comments .hentry {
  position: relative;
  padding-left: 58px;
}

#profile-comments .photo {
  position: absolute;
  top: 0;
  left: 0;
  width: 48px;
  height: 48px;
}

#profile-comments .entry-meta {
  margin-bottom: 0;
}

#profile-comments .options {
  margin: 0 0 1em;
  padding: 0;
}

#profile-comments .options li {
  display: inline;
  list-style: none;
  margin: 0;
  padding: 0;
}

#profile-comments textarea {
  width: 98%;
}


/* =Edit =Profile **********************************************************************************************/
fieldset.profile {
  position: relative;
}

fieldset.profile .fm-submit {
  margin-top: 1em;
}

fieldset.profile .fm-submit button {
  width: 140px;
  text-indent: -999em;
  margin-left: 210px;
}

fieldset.profile label, 
fieldset#pfl-user-dob legend span {
  width: 200px;
  padding-right: 10px;
  float: left;
  clear: left;
}

li#password fieldset {
  padding-top: 3em;
}

fieldset.profile label .note {
  display: block;
}

fieldset.profile li {
  width: 100%;
  float: left;
  clear: both;
  margin-bottom: 1em;
  position: relative;
}

fieldset.profile input, 
fieldset.profile textarea {
  width: 280px;
}

fieldset.profile label input {
  width: auto;
}

fieldset.profile {
  padding-top: 3em;
  position: relative;
  margin-bottom: 1em;
}

fieldset.profile legend span {
  border-bottom: 1px solid;
  width: 100%;
  position: absolute;
}

li#avatar img#cur-avatar {
  margin: .5em 0 0 210px;
  display: block;
  border: 1px solid;
}

fieldset#pfl-user-dob {
  position: relative;
  margin-left: 210px;
}

fieldset#pfl-user-dob legend span {
  border: 0;
  width: 190px;
  position: absolute;
  left: -210px;
  top: .25em;
}

fieldset#pfl-user-dob li { 
  display: inline;
  float: none;
  clear: none;
  margin-right: 5px;
}

li#totem {
  padding-right: 280px;
  width: auto;
  min-height: 115px;
}

li#totem img {
  position: absolute;
  left: 220px;
  top: 0;
}

li.radio fieldset {
  margin-bottom: .5em;
}

li.radio fieldset legend span {
  width: 200px;
  display: block;
  border: 0;
}

li.radio fieldset ul {
  float: left;
  margin-left: 210px;
}

li.radio fieldset ul li {
  display: inline;
  width: auto;
  float: none;
  clear: none;
}

li#shes-also fieldset {
  padding-top: .5em;
}

li#shes-also fieldset li {
  width: 150px;
  float: none;
  vertical-align: top;
  margin: 0 10px .5em 0;
  display: -moz-inline-box;  /* For Gecko, must come first */
  display: inline-block;  /* For others, must come second (Gecko doesn't recognize this value and stops parsing) */
}

li#shes-also legend span {
  float: none;
  position: static;
  border: 0;
}

li.radio fieldset label {
  width: 70px;
  float: left;
  clear: none;
  display: inline;
  margin-right: 10px;
}

li#shes-also fieldset label {
  width: 115px;
  padding-left: 25px;
}

li#shes-also fieldset label input {
  float: left;
  margin-left: -25px;
}

li.radio fieldset label input {
  margin-right: 4px;
  float: left;
}

/* =Register *******************************************************************************************/
#fm-register #fm-submit button {
  width: 135px;
  text-indent: -999em;
}

/* =Standard =Form *************************************************************************************/
.hiddenFields {
  display: none;
}

.form li {
  clear: both;
  margin-bottom: 1em;
  position: relative;
}

.form td {
  vertical-align: top;
}

.form legend {
  padding-bottom: .5em;
}

.form label, 
.form strong.label {
  float: left;
  width: 130px;
  margin-right: 10px;
  padding-top: .6em;
  position: relative;
}

.form input, 
.form textarea {
  width: 330px;
}

.form select {
  margin-top: .2em;
}

.form li.withnote {
  position: relative;
}

.form li.withnote input, 
.form li.withnote select {
  position: absolute;
  top: .2em;
  left: 143px;
}

.form .note {
  margin-top: .25em;
}

.form label em.note {
  float: right;
}

.form li.withnote label em.note {
  width: 330px;
  float: left;
  clear: both;
  margin: .75em 0 1em 140px;
}

.form li.check {
  padding-left: 140px;
}

.form li.check label {
  width: auto;
  float: none;
  display: inline;
  margin: 0;
  padding-left: 25px;
  padding-top: 0;
}

.form li.check label input {
  margin-left: -25px;
  margin-top: 0;
  width: auto;
}

.form li.double label + label {
  padding-left: 0;
}

.form fieldset.inline {
  margin-left: 140px;
}

.form fieldset.inline legend span {
  width: 130px;
  float: left;
  margin-left: -140px;
  position: absolute;
  padding-top: .10em;
}

.form fieldset.inline li {
  display: inline;
  margin-right: 6px;
}

.form fieldset.inline li.check {
  padding: 0;
  display: block;
  margin-bottom: .25em;
}

.form p.note {
  padding-left: 140px;
}

.form #fm-submit {
  padding: 1em 0 0 140px;
}

/* =button */
button, 
a.button {
  border: 0;
  padding: .3em 10px;
  cursor: pointer;
  padding: .25em 10px;
  overflow: hidden;
}

a.button {
  text-indent: -999em;
  display: block;
}

#fm-login #fm-submit button {
  width: 100px;
  text-indent: -999em;
}

#fm-report-abuse #fm-submit button {
  width: 140px;
  text-indent: -999em;
}
 
button#post-submit, 
.form button.submit,
.form button.move,
.form button.merge,
.form button.split,
.form button.delete,
.form button.report {
  text-indent: -999em;
}

/* =Parental =Approval =Form *********************************************************************************/
#acct-info strong {
  float: left;
  width: 130px;
  margin-right: 10px;
  padding-top: .25em;
  position: relative;
}

/* =Debate =Club =Forum **************************************************************************************/
#debate-intro {
  padding-right: 210px;
  position: relative;
}

#sujet {
  position: absolute;
  right: 10px;
  top: 1em;
}

a.sujet {
  width: 160px;
}

#newthread {
  position: absolute;
  right: 10px;
  top: 1em;
}

a.newthread {
  width: 160px;
}

ul.thread-respond {
  margin: 1em 0;
  float: right;
  clear: both;
}

ul.thread-respond li {
  float: left;
  margin-left: 10px;
}

a.quickresp { width: 140px; }
a.response { width: 170px; }

table.threads {
  width: 100%;
  border-collapse: collapse;
  border-top: 1px solid;
  margin-bottom: 1.5em;
}

table.threads th, 
table.threads td {
  border-bottom: 1px solid;
  vertical-align: top;
  padding: 6px 3px;
}

table.threads.announce {
  border: 1px solid;
}

table.threads .last-reply {
  width: 40%;
}

table.threads .last-reply .vcard {
  display: block;
}

#fastreply {
  padding-top: 1em;
  border-top: 1px solid;
  width: 100%;
  clear: both;
}

#fastreply legend span {
  margin: 0 0 .5em;
  display: block;
}

#fastreply button.submit {
  width: 100px;
  text-indent: -999em;
}

ol.posts {
  margin: 0;
  clear: both;
  width: 100%;
  float: left;
  border-top: 2px solid;
}

ol.posts.review {
  border-top: 0;
  border-bottom: 2px solid;
}

ol.posts li.hentry {
  position: relative;
  border-bottom: 1px solid;
  width: 100%;
  float: left;
  padding: 1em 0;
  margin-bottom: 0;
}

ol.posts.review li.hentry {
  border-top: 1px solid;
  border-bottom: 0;
}

ol.posts li.hentry.primary {
  border-bottom: 2px solid;
}

ol.posts.review li.hentry.primary {
  border-top: 2px solid;
  border-bottom: 0;
}

ol.posts li.hentry blockquote.entry-content {
  float: right;
  width: 370px;
  margin: 0 0 .5em;
}

ol#split-thread li.hentry label {
  float: left;
  width: 120px;
}

ol.posts blockquote.entry-content blockquote,
#preview blockquote.entry-content blockquote {
  padding: 8px 8px 0;
  border: 0px solid;
}

ol.posts li.hentry.primary .num {
  display: block;
  width: 20px;
  height: 20px;
  overflow: hidden;
  text-indent: -999em;
}

ol.posts li.hentry div.entry-author {
  width: 120px;
  float: left;
  margin-top: -29px;
}

ol.posts .entry-title {
  width: 330px;
  padding-right: 40px;
  float: right;
  margin-bottom: 1em;
}

ol.posts .author-meta {
  margin: 0;
}

ol.posts .author {
  display: block;
  margin-bottom: 60px;
  position: relative;
}

ol.posts .author .photo {
  position: absolute;
  left: 0;
  bottom: -55px;
  width: 48px;
  height: 48px;
}

ol.posts .attachments {
  border: 1px solid;
  padding: 6px;
}

ol.posts .attachments .attachThumb {
  border: 1px solid;
  margin-right: 4px;
  padding: 2px;
}

ol.posts ul.post-tools, 
ol.posts ul.admin-tools {
  margin: 5px 0;
  clear: both;
  float: right;
  width: 370px;
}

ol.posts ul.admin-tools {
  margin-bottom: 6px;
}

ul.post-tools li {
  display: inline;
  float: left;
  padding: 3px 7px;
  margin-right: 5px;
}

ul.admin-tools li {
  display: inline;
  margin-right: 5px;
}

ul.post-tools a {
  display: block;
  padding: 3px 7px;
  margin: -3px -7px;
}
 
ul.post-tools a:hover,
ul.post-tools a:focus,
ul.post-tools a:active {
  outline: 0;
}

ol.posts li.hentry .num {
  position: absolute;
  right: 0;
  top: .4em;
}

ol.posts li.hentry .num span {
  position: absolute;
  left: -999em;
}

#submit_post {
  margin-bottom: 2em;
}

#submit_post #options li {
  margin-bottom: .25em;
}

#submit_post #options label {
  float: none;
  width: auto;
}

button#post-preview {
  width: 100px;
  float: left;
  text-indent: -999em;
  margin-right: 10px;
}

button#post-submit, 
.form button.submit {
  width: 100px;
  float: left;
  text-indent: -999em;
}

.form button.move {
  width: 100px;
  text-indent: -999em;
}

.form button.merge {
  width: 100px;
  text-indent: -999em;
}

.form button.split {
  width: 90px;
  text-indent: -999em;
}

.form button.delete {
  width: 100px;
  text-indent: -999em;
}

.form button.report {
  width: 100px;
  text-indent: -999em;
}

#report-post .label {
  padding-top: .2em;
}

#report-post .entry-content {
  float: left;
  width: 330px;
}

li.hentry {
  margin-bottom: .5em;
  clear: both;
}

li.ignored-notice { 
  float: left;
  clear: both;
  width: 480px;
  padding: 6px 10px;
  margin: .5em 0;
}

li.ignored-notice p {
  margin-bottom: .25em;
}

.ignore-tools {
  margin: 0;
}

.ignore-tools li {
  display: inline;
  margin-right: 10px;
}

input#charsleft {
  border: 0;
  width: auto;
  padding: .3em 0 0;
}

#post-attachments {
  width: 350px;
}

#post-attachments th,
#post-attachments td {
  border-bottom: 1px solid;
  padding: 3px;
}

#post-attachments button.remove {
  width: 20px;
  height: 20px;
  padding: 0;
  text-indent: -999em;
}

#preview {
  width: 100%;
  clear: both;
  overflow: auto;
  border: 1px solid;
  border-width: 2px 0;
  margin-bottom: 1.5em;
  padding-top: .5em;
}

#preview h2.entry-title {
  margin-left: 130px;
}

#submit_post {
  clear: both;
}

#submit_post h3 {
  margin-left: 140px;
}

#preview blockquote.entry-content {
  float: right;
  width: 370px;
  margin: 0 0 .5em;
}

#add-poll label {
  float: none;
  width: auto;
  display: block;
}

#add-poll li {
  display: block;
}

#add-poll input {
  float: none;
}

#poll-answers strong {
  width: 20px;
  float: left;
  margin-right: 5px; 
}

#poll-answers li {
  margin-bottom: .5em;
}

#poll-answers input {
  width: 80%;
}

#thread-poll {
  border-top: 2px solid;
  padding: 1em 10px 1em 130px;
}

#thread-poll button.castvote {
  width: 150px;
  margin-top: .75em;
  text-indent: -999em;
}

ol.breadcrumb {
  margin-left: 0;
}

ol.breadcrumb li {
  display: inline;
  margin-right: 8px;
}

/* =Shop */
.shop #content-main {
  width: 900px;
}

.shop h1 {
  width: 500px;
}

.shop .intro {
  width: 800px;
}

#products {
  margin-left: -2.5em;
  margin-top: 2em;
}

#products li.hproduct {
  position: relative;
  margin-bottom: 2.5em;
  padding-left: 120px;
  min-height: 100px;
  float: left;
  margin-left: 2.5em;
  width: 260px;
}

#products li.odd {
  clear: left;
}

#products .fn img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100px;
  height: 100px;
}

/* =User Levels */
#theamandaproject-com #content .user-is-a-star img.photo,
#theamandaproject-com #content .user-is-a-comet img.photo,
#theamandaproject-com #content .user-is-a-supernova img.photo {
  border: 3px solid;
  width: 44px;
  height: 44px;
}


/* =Modal =Dialogs *****************************************************************************************************/
.jqmWindow {
  background: #fff;
  display: none;
  position: fixed;
  top: 5%;
  left: 50%;
}

.get-satisfaction {
  border: 5px solid #000;
  width: 355px;
  height: 375px;
  margin-left: -185px;
  padding: 10px;
}

.get-satisfaction iframe {
  border: 0;
  overflow-x: hidden;
  overflow-y: auto;
  width: 355px;
  height: 375px;
}

.jqmOverlay { 
  background-color: #000;
}

.jqmWindow a.close:link,
.jqmWindow a.close:visited {
  position: absolute;
  right: -13px;
  top: -13px;
  display: block;
  text-indent: -999em;
  overflow: hidden;
  height: 18px;
  width: 18px;
  border: 1px solid;
}

/* =plansite ****************************************************************************************************/
#plansite .inside_plansite {
 color: #000000;
 font-size: 90%;
 margin-bottom: 0;
 margin-top: 20px;
 padding-bottom: 175px;
 padding-left: 10px;
 padding-right: 0;
 padding-top: 0;
 text-align: left;
 width: 900px;
}

#plansite ul {
 float: left;
 padding-bottom: 0px;
 padding-left: 17px;
 padding-right: 0;
 padding-top: 0;
 list-style-type: none;
 margin-bottom: 0;
 margin-left: 0;
 margin-right: 0;
 margin-top: 0;
}

}

@media print {/* ---------------------------------
 * Print Layout Styles
 * Created by Easy! Designs, LLC
 * http://easy-designs.net
 * --------------------------------- */

/* =Reset defaults */
html, body, form, fieldset, legend, 
h1, h2, h3, h4, h5, h6, 
pre, blockquote, ul, ol, li, dl, dd { margin: 0 0 .5em; padding: 0; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
abbr, acronym { border: 0; }
fieldset { border: none; }
a img { border: none; }
form ol, form ul { margin: 0; list-style: none; }
p, pre, blockquote, dl { margin: 0 0 1em; padding: 0; }
ul, ol { margin: 0 0 1em 20px; padding: 0; }


html {
  background: transparent none !important;
}

body {
  background: #fff none !important;
  width: auto;
  margin: .5in;
  color: #000;
  font: 12pt/1.5 Georgia, "Times New Roman", Times, serif;
}

.profile dt { color: #666; font-style: italic; }

#nav-main,
#nav-access,
#nav-util,
#site-search,
#nav-info,
#content-sub,
#subscribe,
#respond,
.resp-util,
.pagination,
.sIFR-replaced embed {
  display: none !important;
}

#logo {
  border-bottom: 2px solid #000;
}

#logo img {
  border: 0;
  width: 230px;
  height: 90px;
}

#copyright {
  font-size: 90%;
  border-top: 1px solid #ccc;
  padding-top: .5em;
  clear: both;
}

/* =Headings ****/
h1, .page-title { font-size: 150%; }
h2 { font-size: 125%; }
h3 { font: 110% "Trebuchet MS", "Helvetica Neue", Arial, Helvetica, sans-serif; border-bottom: 1px solid #666; }
h4, h5 h6 { font: 100% "Trebuchet MS", "Helvetica Neue", Arial, Helvetica, sans-serif; }

.gallery .title, .entry-title { border: 0; }

.sIFR-flash {
  display    : none !important;
  height     : 0;
  width      : 0;
  position   : absolute;
  overflow   : hidden;
}

.sIFR-alternate {
  visibility : visible !important;
  display    : block   !important;
  position   : static  !important;
  left       : auto    !important;
  top        : auto    !important;
  width      : auto    !important;
  height     : auto    !important;
}

.story #byline {
  position: relative;
  padding-left: 60px;
  color: #666;
}

.story #byline .date {
  font: normal 12px "Trebuchet MS", "Helvetica Neue", Arial, Helvetica, sans-serif;
}

.story #byline a.author {
  text-decoration: none;
  font-style: normal;
}

.story #byline .photo {
  position: absolute;
  left: 0;
  top: -10px;
  width: 48px;
  height: 48px;
}

/* =Figures ****/
.figure.left,
.oracle-card {
  float: left;
  margin: .25em 10px .5em 0;
}

.figure.right {
  float: right;
  margin: .25em 0 .5em 10px;
}

#content-main .figure .caption {
  font: italic 10pt "Trebuchet MS", "Helvetica Neue", Arial, Helvetica, sans-serif;
}

#content-main .figure .credit {
  font: 9pt "Trebuchet MS", "Helvetica Neue", Arial, Helvetica, sans-serif;
  color: #666;
}

/* =Gallery =Lists **********************************************************************************************/
.gallery li {
  position: relative;
	vertical-align: top;
  margin-right: 20px;
  width: 150px;
  min-height: 100px;
  overflow: hidden;
  padding: 10px 10px 10px 130px;
  border: 1px solid #ccc;
  margin-bottom: 1em;
  display: -moz-inline-box;  /* For Gecko, must come first */
  display: inline-block;  /* For others, must come second (Gecko doesn't recognize this value and stops parsing) */
}

.gallery li.row-first {
  clear: left;
}

.gallery img {
  position: absolute;
  left: 10px;
  top: 10px;
}

#content-main .gallery .title {
  font-family: Georgia, "Times New Roman", Times, serif;
  text-transform: none;
}

#resp-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

#resp-list li.hentry {
  border: 1px solid #666;
  padding: 20px;
  margin-bottom: 1em;
}

.list, 
#profiles, 
#cards, 
.gallery {
  list-style: none;
  margin-left: 0;
  padding-left: 0;
}

}

@media handheld {/* ---------------------------------
 * Handheld Layout Styles
 * Created by Easy! Designs, LLC
 * http://easy-designs.net
 * --------------------------------- */



}