/* RevisionGuides.com style sheet */

body {
 background: #ffffff;
 color: #000000;
 font-family: 'PT Sans', sans-serif;
 font-weight: 400;
 font-size: medium;
 margin: 0;
 padding: 0;
}

div { margin: 0; padding: 0; }
div.mpi { margin: 0 auto 0 auto; width: 204px; height: 204px; line-height: 200px; text-align: center; }
div.mpi img { margin: 0; padding: 0; vertical-align: middle; }

div.iai { margin: 0 0 1em 0; padding: 0; width: 204px; height: 204px; float: left; text-align: center; }
div.iai img { margin: 0 auto 0 auto; padding: 0; }
div.iat { margin-left: 230px; }

img { margin: 0; padding: 0.5em; border: none; }
img#logo { padding: 0 0.5em 0 0; margin: 0 0 0.2em 0; vertical-align: middle; }
img#buy { padding: 1em 0 0 0; }

a { text-decoration: none; }
a:link { color: #0000ff; }
a:visited { color: #000080; }
a:hover { text-decoration: underline; }
a:active { color: #ff0000; }

h1, h2, h3 {
 font-weight: 400;
 font-family: 'Architects Daughter', 'PT Sans', sans-serif;
}

h1 {
 font-size: 42pt;
 margin: 0;
 padding: 0;
 float: left;
}

h1 a:link {
 text-decoration: none;
 color: #000000;
}

h1 a:visited { color: #000000; }

h2 {
 color: #000000;
 font-size: 24pt;
 margin: 0 0 10px 0;
 padding: 0.2em 0 0.2em 0;
}

h3 {
 font-family: 'PT Sans', sans-serif;
 font-size: 18pt;
 padding: 0;
 margin: 10px 0 20px 0;
}

form.search {
 float: right;
 margin: 10px 10px 5px 5px;
}

.search {
 clear: none;
 font-size: 10pt;
 border: none;
 padding: 0;
 margin: 0;
}

div#header {
 padding: 10px 0 10px 10px;
 border-bottom: #000000 5px solid;
 overflow: hidden;
}

p#tag {
 text-align: center;
 font-style: italic;
 padding: 1em 1em 0.1em 1em;
 margin: 0;
}

p#page {
 clear: both;
 text-align: center;
}

div#footer {
 margin: 2em 0 0 0;
 padding: 0 1em 0 1em;
 clear: both;
 border-top: #000000 5px solid;
 font-size: 8pt;
}

div#content {
 padding: 0 2em 1em 1.5em;
 min-height: 400px;
 margin-left: 270px;
}

div#items {
 margin: 0 auto 0 auto;
 text-align: center;
}


@media print {
 .search { display: none; } 
}

div.item
{
 display: inline-block;
 vertical-align: top;
 width: 240px;
 min-height: 280px;
 margin: 0.5em 0.5em 1em 0.5em;
}

div.item p
 {
  margin: 0.2em;
  padding: 0;
 }

div#index
 {
  text-align: center;
 }

div#index ul
 {
  font-family: 'Architects Daughter', 'PT Sans', sans-serif;
  font-size: 14pt;
  list-style-type: none;
 }

div.section
 {
  display: inline-block;
  text-align: left;
  vertical-align: top;
  width: 280px;
  min-height: 120px;
  margin: 5px;
 }

div.section h3
 {
  margin-bottom: 0.5em;
 }

div.section a
 {
  color: #0000ff;
  width: 100%;
  display: inline-block;
 }

div#sidenav
{
 font-family: 'Architects Daughter', 'PT Sans', sans-serif;
 font-size: 14pt;
 width: 270px;
 float: left;
 clear: both;
}

div#sidenav a
{
 color: #ffffff;
 text-decoration: none;
}

div#sidenav ul
{
 margin: 0;
 padding: 0 0 10px 0;
 width: 270px;
 list-style-type: none;
 color: #ffffff;
}

div#sidenav ul.sections
{
 margin: 0;
 padding: 0;
}

div#sidenav ul.sections li
{
 width: 80px;
 padding: 5px;
 margin: 0;
 font-size: 16pt;
 display: inline-block;
}

div#sidenav li
{
 margin: 0 0 0 10px;
 padding: 2px;
 width: 270px;
}

div#sidenav ul.sections li a
{
 width: 80px;
}

div#sidenav li a
{
 width: 260px;
 display: inline-block;
}

div#sidenav li a:hover
{
 background-color: #cccccc;
 margin: 0 0 0 -5px;
 padding: 0 0 0 5px;
 width: 250px;
 color: #ff0000;
}

div#sidenav ul.sections li a:hover
{
 background-color: #cccccc;
 color: #ff0000;
 width: 80px;
 margin: 0;
 padding: 0;
}


.gcse
{
 background-color: #000099;
}

.alevel
{
 background-color: #006600;
}

.tag
{
 background-color: #660033;
}

p { margin: 0.5em 0 1em 0; padding: 0; }
ul, ol { margin: 0.5em 0 1em 1em; padding: 0; }
li { margin: 0 1em 0.2em 1.5em; padding: 0; }
strong { font-weight: bold; }
em { font-style: italic; }

/* ends */