/* Forum */

@import url(forum.css);

/* Remove Default Formatting */

html *
{
  margin:0;
  padding:0;
}

/* Elements */

a,
a:link,
a:visited,
a:hover,
a:focus,
a:active
{
  border-bottom:0.1em dotted;
  text-decoration:none;
}

a:hover,
a:focus
{
  border-bottom-style:solid;
}

a:visited
{
  font-style:italic;
}

abbr,
acronym
{
  border-bottom:0.1em dotted;
  cursor:help;
}

body
{
  background:#357 url(../images/pattern_blue.png) repeat-x 100% 0.3em;
  border-top:0.3em solid #79B;
  color:#FFF;
  font:80% verdana,'lucida grande',tahoma,geneva,sans-serif;
  min-width:770px;
}

h2
{
  font:bold 2em 'trebuchet ms','lucida grande',helvetica,sans-serif;
  letter-spacing:-0.1em;
  text-transform:lowercase;
}

/* Header */

#header
{
  float:left;
  width:30%;
}

#header h1
{
  font-size:1em;
}

#header h1 a
{
  background:transparent no-repeat center center;
  border:0;
  color:#FFF;
  display:block;
  height:10em;
  text-indent:-5000%;
}

#www-greyarthur-com h1 a
{
  background-image:url(../images/header_golden_and_grey.png);
  color:#FFF;
}

#www-theinvisiblefriend-com h1 a
{
  background-image:url(../images/header_the_invisible_friend.png);
  color:#FFF;
}

#header p
{
  display:none;
}

/* Synopsis */

#synopsis
{
  float:left;
  width:30%;
}

#synopsis h2
{
  background-color:transparent;
  color:#79B;
  margin:0.2em 0;
}

#synopsis p
{
  font-size:0.8em;
  line-height:1.7em;
  margin:0 2em 1em 0;
}

/* Accolades */

#accolades
{
  margin-left:60%;
  width:39%;
}

#accolades h2
{
  background-color:transparent;
  color:#79B;
  margin:0.2em 0;
}

#accolades p
{
  background:#357 url(../images/accolades_star.png) no-repeat left top;
  color:#FFF;
  font-size:0.8em;
  line-height:1.7em;
  margin:0 1em 1em 0;
}

#accolades p:first-letter
{
  padding-left:20px;
}

#accolades #accolade-one
{
  float:left;
  width:50%;
}

#accolades #accolade-two
{
  margin-left:50%;
  padding-left:1em;
}

#accolades a,
#accolades a:link,
#accolades a:visited,
#accolades a:hover,
#accolades a:focus,
#accolades a:active
{
  background-color:#357;
  color:#9BD;
  float:right;
  font-weight:bold;
  text-align:right;
}

/* Purchase */

#purchase
{
  background:#573 url(../images/pattern_green.png) repeat-x right top;
  border-bottom:0.3em solid #795;
  border-top:0.3em solid #795;
  clear:both;
  color:#FFF;
  float:left;
  padding-bottom:0.5em;
  width:100%;
}

#purchase h2
{
  background-color:transparent;
  color:#9B7;
  margin:0.2em;
}

#purchase h3
{
  font-size:1em;
  margin:0.5em;
}

#purchase p
{
  font-size:0.85em;
  line-height:1.7em;
  margin:0.5em;
}

#purchase img
{
  border:0.2em solid #795;
  float:left;
  margin-right:1em;
}

#purchase #book-one
{
  float:left;
  width:50%;
}

#purchase #book-two
{
  margin-left:50%;
}

#purchase ul
{
  float:left;
  list-style:none;
  margin:0.5em;
}

#purchase li
{
  float:left;
}

#purchase li a,
#purchase ll a:link,
#purchase li a:visited,
#purchase li a:hover,
#purchase li a:focus,
#purchase li a:active
{
  border:0;
  display:block;
  font:bold 1em 'trebuchet ms','lucida grande',helvetica,sans-serif;
  height:25px;
  padding:0.5em 1em 0 30px;
}

#purchase #us
{
  background:#573 url(../images/flag_us.png) no-repeat left center;
  color:#FFF;
}

#purchase #ca
{
  background:#573 url(../images/flag_ca.png) no-repeat left center;
  color:#FFF;
}

#purchase #uk
{
  background:#573 url(../images/flag_uk.png) no-repeat left center;
  color:#FFF;
}

#purchase #fr
{
  background:#573 url(../images/flag_fr.png) no-repeat left center;
  color:#FFF;
}

#purchase #de
{
  background:#573 url(../images/flag_de.png) no-repeat left center;
  color:#FFF;
}

#purchase #jp
{
  background:#573 url(../images/flag_jp.png) no-repeat left center;
  color:#FFF;
}

/* Navigation */

#navigation
{
  background:#579 url(../images/pattern_light.png) repeat right bottom;
  color:#357;
  clear:both;
  float:left;
  width:100%;
}

#navigation h2
{
  display:none;
  height:0;
  overflow:hidden;
  text-indent:-5000%;
}

#navigation ul
{
  background:transparent url(../images/book_characters.jpg) no-repeat right bottom;
  color:#357;
  float:left;
  list-style:none;
  width:100%;
}

#navigation li
{
  float:left;
}

#navigation a,
#navigation a:link,
#navigation a:visited,
#navigation a:hover,
#navigation a:focus,
#navigation a:active
{
  border:0.2em solid;
  display:block;
  height:12em;
  margin:1em 0 0 1em;
  width:4em;
}

#navigation #welcome
{
  background:#795 url(../images/book_welcome.png) no-repeat center top;
  border-color:#573;
  color:#573;
}

#navigation #news
{
  background:#957 url(../images/book_news.png) no-repeat center top;
  border-color:#735;
  color:#735;
}

#navigation #forum
{
  background:#579 url(../images/book_forum.png) no-repeat center top;
  border-color:#357;
  color:#357;
}

#navigation #game
{
  background:#795 url(../images/book_game.png) no-repeat center top;
  border-color:#573;
  color:#573;
}

#navigation #quiz
{
  background:#957 url(../images/book_quiz.png) no-repeat center top;
  border-color:#735;
  color:#735;
}

#navigation #links
{
  background:#579 url(../images/book_links.png) no-repeat center top;
  border-color:#357;
  color:#357;
}

#navigation #schools
{
  background:#795 url(../images/book_schools.png) no-repeat center top;
  border-color:#573;
  color:#573;
}

#navigation #contact
{
  background:#957 url(../images/book_contact.png) no-repeat center top;
  border-color:#735;
  color:#735;
}

#navigation #welcome:hover,
#navigation #news:hover,
#navigation #forum:hover,
#navigation #game:hover,
#navigation #quiz:hover,
#navigation #links:hover,
#navigation #schools:hover,
#navigation #contact:hover
{
  background:#EDC url(../images/book_crease.png) repeat-y center top;
  color:#765;
  width:20em;
}

#navigation a *
{
  cursor:pointer;
  display:block;
  text-indent:-5000%;
}

#navigation a:hover *
{
  text-indent:0;
}

#navigation a:hover strong
{
  background:transparent no-repeat left top;
  color:#765;
  float:left;
  font:italic 1.5em/1.5em georgia,palatino,'times new roman',times,serif;
  margin:0.5em;
  padding-top:30px;
  position:relative;
  text-align:center;
  top:-20px;
  width:5.5em;
}

#navigation a:hover em
{
  line-height:1.5em;
  margin:1em 1em 1em 11em;
}

#navigation a:hover em:first-line
{
  font-weight:bold;
  line-height:1.5em;
  padding-top:5px;
}

#navigation #welcome:hover strong,
#navigation #game:hover strong,
#navigation #schools:hover strong
{
  background-image:url(../images/bookmark_green.png);
  color:#765;
}

#navigation #news:hover strong,
#navigation #quiz:hover strong,
#navigation #contact:hover strong
{
  background-image:url(../images/bookmark_red.png);
  color:#765;
}

#navigation #forum:hover strong,
#navigation #links:hover strong
{
  background-image:url(../images/bookmark_blue.png);
  color:#765;
}

/* Content */

#content
{
  background:#EDC url(../images/pattern_page.png) repeat-x right top;
  clear:both;
  color:#357;
  float:left;
  width:100%;
}

#content h2
{
  background-color:transparent;
  color:#795;
  margin:1.7em 0.2em 0;
}

#content h3
{
  background-color:transparent;
  color:#795;
  font:bold 1em verdana,'lucida grande',tahoma,geneva,sans-serif;
  margin:1em 0.5em;
}

#content h4
{
  background-color:transparent;
  border-bottom:1px solid #CBA;
  color:#795;
  font:normal 0.9em verdana,'lucida grande',tahoma,geneva,sans-serif;
  margin:-1em 0.5em 0;
}

#content-one
{
  float:left;
  width:50%;
}

#content-two
{
  margin-left:50%;
  padding-top:6em;
}

#content-three
{
  clear:both;
}

#content form,
#content p
{
  line-height:1.7em;
  margin:1em 0;
  padding:0 0.5em;
  text-align:justify;
}

#content a,
#content a:link,
#content a:visited,
#content a:hover,
#content a:focus,
#content a:active
{
  background-color:transparent;
  color:#795;
}

#content a img
{
  border:0;
  text-decoration:none;
}

#content img.left
{
  float:left;
  padding:0.5em 1em 0 0;
}

#content img.right
{
  float:right;
  padding:0.5em 0 0 1em;
}

#content label
{
  background-color:transparent;
  color:#573;
  display:block;
  font:bold 0.9em verdana,'lucida grande',tahoma,geneva,sans-serif;
  margin:1em 0;
}

#content input,
#content textarea
{
  background-color:#FFF;
  border-left:0.1em solid #CBA;
  border-top:0.1em solid #CBA;
  color:#357;
  display:block;
  font:normal 1em verdana,'lucida grande',tahoma,geneva,sans-serif;
  padding:0.1em;
}

#content button
{
  background-color:#573;
  border:0.2em solid #795;
  color:#BD9;
  font:bold 0.9em verdana,'lucida grande',tahoma,geneva,sans-serif;
  margin-right:1em;
  padding:0.2em;
}

body.game #content input,
body.game #content textarea
{
  width:50%;
}

body.quiz #content ol
{
  margin-left:3em;
}

body.quiz #content ol ol
{
  list-style-type:lower-roman;
}

body.quiz #content input,
body.quiz #content label
{
  background-color:#EDC;
  color:#357;
  display:inline;
  font-weight:normal;
}

body.results #content textarea
{
  margin:1em 0.5em;
}

/* Game */

#game_interface,
#game_playground
{
  line-height:1.7em;
  margin:1em 0.5em;
}

#game_playground p
{
  background-color:#CBA;
  border:1px solid #A98;
  color:#357;
  cursor:pointer;
  display:block;
  float:left;
  height:100px;
  margin:0 10px 10px 0;
  overflow:hidden;
  width:100px;
}

#game_playground p.blue
{
  background:#69C url(../images/sock_blue.png) no-repeat center center;
  border-color:#369;
  color:#369;
}

#game_playground p.green
{
  background:#3C3 url(../images/sock_green.png) no-repeat center center;
  border-color:#090;
  color:#090;
}

#game_playground p.orange
{
  background:#F90 url(../images/sock_orange.png) no-repeat center center;
  border-color:#F60;
  color:#F60;
}

#game_playground p.pink
{
  background:#F9F url(../images/sock_pink.png) no-repeat center center;
  border-color:#C6C;
  color:#C6C;
}

#game_playground p.purple
{
  background:#C3C url(../images/sock_purple.png) no-repeat center center;
  border-color:#909;
  color:#909;
}

#game_playground p.red
{
  background:#F00 url(../images/sock_red.png) no-repeat center center;
  border-color:#C00;
  color:#C00;
}

#game_playground p.turquoise
{
  background:#0CC url(../images/sock_turquoise.png) no-repeat center center;
  border-color:#0AA;
  color:#0AA;
}

#game_playground p.yellow
{
  background:#FC0 url(../images/sock_yellow.png) no-repeat center center;
  border-color:#F90;
  color:#F90;
}

#game_playground p.yoink
{
  background:#FC0 url(../images/sock_yoink.png) no-repeat center center;
  border-color:#F90;
  color:#F90;
}

/* Footer */

#footer
{
  background:#357 url(../images/pattern_blue.png) repeat-x right top;
  border-top:0.3em solid #79B;
  clear:both;
  color:#BDF;
  float:left;
  width:100%;
}

#footer h2
{
  background-color:transparent;
  color:#79B;
  padding:0 0.25em;
}

#footer p,
#footer li
{
  font-size:0.8em;
  line-height:1.7em;
  padding:0 0.5em;
}

#footer a,
#footer a:link,
#footer a:visited,
#footer a:hover,
#footer a:focus,
#footer a:active
{
  background-color:#357;
  color:#DFF;
}

/* Notices */

#notices
{
  float:left;
  width:50%;
}

#notices p
{
  margin-right:1em;
}

/* Standards */

#standards
{
  margin-left:50%;
  text-align:right;
}

#standards li
{
  background:#357 url(../images/accolades_star.png) no-repeat left center;
  color:#FFF;
  display:inline;
  list-style:none;
  padding-left:20px;
}