/* ChristmasSurprises.com style sheet */

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

div#end {
 margin-top: 90px;
 width: 100%;
 height: 100px;
 background-image: url("/img/tinsel.jpeg");
 background-repeat: repeat-x;
}

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.ext:link { color: #33cc00; }
a:visited { color: #000080; }
.nav a:visited { color: #0000ff; }
a.ext:visited { color: #009900; }
a:hover { text-decoration: underline; }
a:active { color: #ff0000; }

h1, h2, h3 {
 font-weight: 700;
 font-family: sans-serif;
 text-transform: capitalize;
}

h1 {
 font-family: 'Tangerine', cursive;
 font-size: 90px;
 margin: 0;
 padding: 0;
}

#logo {
 position: absolute;
 top: 10px;
 left: 10px;
}

#logo span {
 width: 100%;
 float: right;
 text-align: right;
 font-size: 15px;
 position: relative;
 left: -140px;
 top: -17px;
}

h2 {
 clear: both;
 font-size: 24pt;
 margin: 1em 0 1em 0;
 padding: 0.2em 0 0.2em 12px;
}

h3 {
 clear: both;
 font-size: 18pt;
 padding: 0;
 margin: 1em 0 1.5em 0;
 border-bottom: 2px solid #339900;
}

form.search {
 float: right;
 margin-right: 1em;
}

.search {
 clear: none;
 font-size: 0.9em;
 border: none;
 padding: 0;
 margin: 0;
}

div#header {
 padding: 10px 0 0 0;
}

ul.nav
{
 padding: 0;
 margin: 0;
 list-style-type: none;
 border-bottom: 10px #cc0000 solid;
 font-size: 12pt;
 font-family: "PT Sans Narrow", "PT Sans", sans-serif;
}

ul.nav li
{
 padding: 0;
 margin: 0 0 0 3px;
 display: inline-block;
 border: 2px #000000 solid;
 border-top-left-radius: 10px;
 border-top-right-radius: 10px;
 border-bottom: none;
 background-color: #ffffff;
}

ul.nav li.section
{
 background-color: #cc0000;
 border: 2px #cc0000 solid;
 border-bottom: none;
}

ul.nav li:hover
{
 background-color: #cc0000;
}

ul.nav li a
{
 margin: 0;
 padding: 3px 6px 3px 6px;
 display: inline-block;
 width: 100%;
 text-decoration: none;
}

ul.nav li span
{
 margin: 0;
 padding: 3px 6px 3px 6px;
 display: inline-block;
 width: 100%;
}

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: #cc0000 10px solid;
 font-size: 8pt;
}

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

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


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

@media print {
 .nav, .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 > p
 {
  margin: 0;
  padding: 0;
 }

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

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

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

/* ends */