/*
Theme Name: Postmodular
Theme URI: http://postmodular.co.uk/
Description: Theme for postmodular.co.uk
Version: 1.0
Author: Peter Edwards
Author URI: http://e-2.org/
*/


/* basic layout, element selectors and general classes */
body {
  font:76%/1.5em 'Lucida Grande', Verdana, Arial, Sans-Serif;
  background:#fff;
  color:#333;
  margin:0 0 20px 0;
  padding:0;
}
#page {
  background:#fff;
  padding: 0;
  width:1000px;
  position:relative;
}
#header {

}
#footer {
  clear:both;
  border-top:2px solid #ccc;
  margin-left:300px;
  width:700px;
  margin-top:1em;
  text-align:right;
}
#footer a {
  font-weight:bold;
  color:#aaa;
  padding-left:1.5em;
}
#footer li.first a {
  padding-left:0;
}
#footer a:hover, #footer a.active {
  color:#066;
  border-color:#066;
}
#footer li {
  display:inline;
}
#basket {
  position:absolute;
  right:0;
  top:10px;
  width:50px;
  z-index:100000;
}
#navigation {
  position:absolute;
  left:0;
  top:0;
  padding:20px;
  width:260px;
}
#navigation h2 {
  color:#333;
  font:bold 1.2em "Trebuchet MS", Verdana, Arial, Sans-Serif;
  padding:10px 0;
  margin:0;
}
#navigation li a {
  display:block;
  padding:0.3em 0;
  font:bold 1.5em "Trebuchet MS", Verdana, Arial, Sans-Serif;
}
#navigation li.active a {
  color:#930;
}
#navigation li a:active, #navigation li a:focus {
  outline:none;
}
span.price {
  font:bold 1.5em "Trebuchet MS", Verdana, Arial, Sans-Serif;
}
ul, li {
  list-style:none;
  padding:0;
  margin:0;
}

#content {
  margin-left:300px;
  padding-top:110px;
  width:700px;
  position:relative;
}
#modcontent {
  margin-left:300px;
  padding-top:110px;
  position:relative;
}
#imagecol {
  float:left;
  padding:1em 0;
  width:290px;
}
#paypaltools {
  position:relative;
  width:290px;
  padding-top:1em;
}
#paypaltools form.paypal {
  width:40px;
  display:inline;
  margin-left:10px;
  float:left;
}
span.price {
  display:block;
  width:150px;
  float:left;
}
#textcol {
  float:left;
  margin-left:10px;
  width:400px;
}
#textcol li, #mod_links li {
  padding-left:12px;
  background-image:url(images/bullet.gif);
  background-repeat:no-repeat;
  background-position:0 .5em;
}
#mod_links {
  clear:left;
}
p.othermods {
  clear:both;
  padding:1em 0;
}
p.othermods span {
  font-weight:bold;
}
#logoHeader {
  margin-bottom:10px;
}
div.larger p {
  font:bold 1.5em/1.8em "Trebuchet MS",verdana,sans-serif;
}	
h1, h2, h3 {
  font-family:'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
  font-weight:bold;
}
h1 {
  font-size:2em;
}
h2 {
  font-size: 1.6em;
}
h3 {
  font-size: 1.3em;
}
small {
  font-family: Arial, Helvetica, Sans-Serif;
  font-size: 0.9em;
  line-height: 1.5em;
  color:#777;
}
code {
  font: 1.1em 'Courier New', Courier, Fixed;
}
acronym, abbr, span.caps {
  font-size: 0.9em;
  letter-spacing: .07em;
  cursor: help;
}
acronym, abbr {
  border-bottom: 1px dashed #999;
}
blockquote {
  margin: 15px 30px 0 10px;
  padding-left: 20px;
  border-left: 5px solid #ddd;
  color:#777;
}
blockquote cite {
  margin: 5px 0 0;
  display: block;
}
hr {
  display: none;
}
p img {
  padding: 0;
  max-width: 100%;
}
img.centered {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
img.alignright {
  padding: 4px;
  margin: 0 0 2px 7px;
  display: inline;
}
img.alignleft {
  padding: 4px;
  margin: 0 7px 2px 0;
  display: inline;
}
.alignright {
  float: right;
}
.alignleft {
  float: left
}
.navigation {
  display: block;
  text-align: center;
  margin-top: 10px;
  margin-bottom: 60px;
}
.center {
  text-align: center;
}
.hidden {
  display: none;
}
.thread-alt {
  background-color: #f8f8f8;
}
.thread-even {
  background-color: white;
}
.even, .alt {
  border-left: 1px solid #ddd;
}
.alt {
  margin: 0;
  padding: 10px;
}
.clear {
  clear:both;
}
/* links */
h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited {
  color:#333;
}
h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, a {
  text-decoration: none;
}
a, h2 a:hover, h3 a:hover {
  color: #066;
}
a:hover {
  color: #930;
}
a img, img {
  border: none;
}

/* sidebar */
#sidebar {
  font: 1em 'Lucida Grande', Verdana, Arial, Sans-Serif;
  padding: 20px 0 10px 0;
  margin-left: 545px;
  width: 190px;
}
#sidebar h2 {
  font-family: 'Lucida Grande', Verdana, Sans-Serif;
  font-size: 1.2em;
}
#sidebar ul ul li, #sidebar ul ol li, .nocomments, .postmetadata, strike {
  color:#777;
}
#sidebar ul, #sidebar ul ol {
  margin: 0;
  padding: 0;
}
#sidebar ul li {
  list-style-type: none;
  list-style-image: none;
  margin-bottom: 15px;
}
#sidebar ul p, #sidebar ul select {
  margin: 5px 0 8px;
}
#sidebar ul ul, #sidebar ul ol {
  margin: 5px 0 0 10px;
}
#sidebar ul ul ul, #sidebar ul ol {
  margin: 0 0 0 10px;
}
ol li, #sidebar ul ol li {
  list-style: decimal outside;
}
#sidebar ul ul li, #sidebar ul ol li {
  margin: 3px 0 0;
  padding: 0;
}
#sidebar form {
  margin: 0;
}
#sidebar #searchform #s {
  width: 108px;
  padding: 2px;
}
#sidebar #searchsubmit {
  padding: 1px;
}

/* calendar */
#wp-calendar {
  empty-cells: show;
  margin: 10px auto 0;
  width: 155px;
}
#wp-calendar a {
  display: block;
  text-decoration: none;
}
#wp-calendar caption {
  font: bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif;
  text-align: center;
  width: 100%;
}
#wp-calendar th {
  font-style: normal;
  text-transform: capitalize;
}
#wp-calendar td {
  padding: 3px 0;
  text-align: center;
}
#wp-calendar td.pad:hover { /* Doesn't work in IE */
  background-color: #fff;
}
#wp-calendar #prev a, #wp-calendar #next a {
  font-size: 9pt;
}
#wp-calendar #next a {
  padding-right: 10px;
  text-align: right;
}
#wp-calendar #prev a {
  padding-left: 10px;
  text-align: left;
}

/* posts */
.post {
  margin:0;
  text-align:justify;
}
.post hr {
  display: block;
}
.postmetadata {
  padding-top: 5px;
  color:#777;
  clear: both;
}
.smallattachment {
  text-align: center;
  float: left;
  width: 128px;
  margin: 5px 5px 5px 0px;
}
.attachment {
  text-align: center;
  margin: 5px 0px;
}
.clear {
  clear: both;
}
.postmetadata ul, .postmetadata li {
  display: inline;
  list-style-type: none;
  list-style-image: none;
}

/* forms */
#searchform {
  margin: 10px auto;
  padding: 5px 3px;
  text-align: center;
}
.entry form {
  text-align:center;
}
select {
  width: 130px;
}
#commentform input {
  width: 170px;
  padding: 2px;
  margin: 5px 5px 1px 0;
}
#commentform {
  margin: 5px 10px 0 0;
}
#commentform textarea {
  width: 100%;
  padding: 2px;
}
#respond:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}
#commentform #submit {
  margin: 0 0 5px auto;
  float: right;
}

/* comments*/
.commentlist {
  padding: 0;
  text-align: justify;
}
.commentlist li, #commentform input, #commentform textarea {
  font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;
}
.commentlist li {
  margin: 15px 0 10px;
  padding: 5px 5px 10px 10px;
  list-style: none;
  font-weight: bold;
}
.commentlist li ul li { 
  font-size: 1em;
  margin-right: -5px;
  margin-left: 10px;
}
.commentlist p {
  font-weight: normal;
  line-height: 1.5em;
  text-transform: none;
  margin: 10px 5px 10px 0;
}
.children { 
  padding: 0;
}
#commentform p {
  font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
  margin: 5px 0;
}
.nocomments {
  text-align: center;
  margin: 0;
  padding: 0;
  color:#777;
}
.commentmetadata {
  margin: 0;
  display: block;
  font-weight: normal;
}
.commentlist li .avatar { 
  float:right;
  border:1px solid #eee;
  padding:2px;
  background:#fff;
}
.commentlist cite, .commentlist cite a {
  font-weight: bold;
  font-style: normal;
  font-size: 1.1em;
}

/* captions */
.aligncenter, div.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.wp-caption {
  border: 1px solid #ddd;
  text-align: center;
  background-color: #f3f3f3;
  padding-top: 4px;
  margin: 10px;
  -moz-border-radius: 3px;
  -khtml-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
.wp-caption img {
  margin: 0;
  padding: 0;
  border: 0 none;
}
.wp-caption p.wp-caption-text {
  font-size: 11px;
  line-height: 17px;
  padding: 0 4px 5px;
  margin: 0;
}

/* audio player */
.microAudio-bg {
  color: #3366FF;
}
.microAudio-leftbg {
  color: #33CCFF;
}
.microAudio-lefticon {
  color: #33FFCC;
}
.microAudio-voltrack {
  color: #33FF66;
}
.microAudio-volslider {
  color: #6633FF;
}
.microAudio-rightbg {
  color: #003DF5;
}
.microAudio-rightbghover {
  color: #B80000;
}
.microAudio-righticon {
  color: #66FF33;
}
.microAudio-righticonhover {
  color: #CC33FF;
}
.microAudio-skip {
  color: #002EB8;
}
.microAudio-text {
  color: #F5B800;
}
.microAudio-track {
  color: #CCFF33;
}
.microAudio-border {
  color: #FF33CC;
}
.microAudio-loader {
  color: #FF0000;
}
.microAudio-tracker {
  color: #FF0000;
}
.mAp, .adplr {
  width: 300px;
}

/* splash page */
.circle {
  position:absolute;
  display:none;
  width:44px;
  height:44px;
  background:transparent url(images/circle.png) no-repeat 0 0;
}
#logoSplash {
  width:440px;
  margin:110px 0 0 300px;
  height:220px;
}
/*****************************************************************************
scalable Inman Flash Replacement (sIFR) version 3.

Copyright 2006 – 2008 Mark Wubben, <http://novemberborn.net/>

Older versions:
* IFR by Shaun Inman
* sIFR 1.0 by Mike Davidson, Shaun Inman and Tomas Jogin
* sIFR 2.0 by Mike Davidson, Shaun Inman, Tomas Jogin and Mark Wubben

See also <http://novemberborn.net/sifr3> and <http://wiki.novemberborn.net/sifr3>.

This software is licensed and provided under the CC-GNU LGPL.
See <http://creativecommons.org/licenses/LGPL/2.1/>
*****************************************************************************/

@media screen {
  .sIFR-flash {
    visibility: visible !important;
    margin: 0;
    padding: 0;
  }
  
  .sIFR-replaced, .sIFR-ignore {
    visibility: visible !important;
  }
  
  .sIFR-alternate {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    display: block;
    overflow: hidden;
  }
  
  .sIFR-replaced div.sIFR-fixfocus {
    margin: 0pt; 
    padding: 0pt; 
    overflow: auto; 
    letter-spacing: 0px; 
    float: none;
  }
}

@media print {
  .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;
  }
}

/*
Place CSS rules for to-be-replaced elements here. Prefix by .sIFR-active
so they only apply if sIFR is active. Make sure to limit the CSS to the screen
media type, in order not to have the printed text come out weird.
*/
@media screen {
  .sIFR-active h1.futura {
    font:2.5em "Trebuchet MS", Verdana, Arial, Sans-Serif;
  	visibility:hidden;
  }
  .sIFR-active ul.futura li, .sIFR-active #navigation h2, .sIFR-active h2.futura {
    font:1.8em "Trebuchet MS", Verdana, Arial, Sans-Serif;
  	visibility:hidden;
  }
  .sIFR-active ul.futura li {
    font:1.6em "Trebuchet MS", Verdana, Arial, Sans-Serif;
  	padding-left:20px;
  }
  .sIFR-active span.price {
    font:1.5em "Trebuchet MS", Verdana, Arial, Sans-Serif;
  }
}

table#cart {
  width:100%;
  border-collapse:collapse;
}
table#cart td, table#cart th {
  border-bottom:1px solid #ccc;
}
span#quantityval {
  padding:2px 8px;
  font-weight:bold;
}
body div.formcontainer{
clear: both;
overflow: hidden;
width: 100%;
}

body div.formcontainer span.required {
color: #FF0000;
}

body div.formcontainer p.error,
body div.formcontainer p.important,
body div.formcontainer p.information,
body div.formcontainer p.success {
border-top: 1px solid #E8E8DE;
color: #442;
line-height: 250%;
padding-left: 36px;
width: 95%;
}

body div.formcontainer p.error {
background: #fbfbee url(images/error.png) no-repeat 12px 50%;
border-bottom: 2px solid #F0D28B;
}

body div.formcontainer p.important {
background: #fbfbee url(images/important.png) no-repeat 12px 50%;
border-bottom: 2px solid #FED7CE;
}

body div.formcontainer p.information {
background: #fbfbee url(images/information.png) no-repeat 12px 50%;
border-bottom: 2px solid #C5DDF2;
}

body div.formcontainer p.success {
background: #fbfbee url(images/success.png) no-repeat 12px 50%;
border-bottom: 2px solid #C7E9B3;
}

body div.formcontainer form.contact-form {
clear: both;
float: none;
width: 100%;
}

body div.formcontainer form.contact-form fieldset {
background: #F6F6F6;
color: #333333;
margin: 0.5em 0 1.5em 0;
}

body div.formcontainer form.contact-form fieldset legend {
text-transform: uppercase;
}

body div.formcontainer form.contact-form fieldset div.form-label {
display: block;
float:none;
line-height:150%;
margin: 0.5em 0 0 0;
padding:0;
text-align:left;
width:100%;
}

body div.formcontainer form.contact-form fieldset div.form-label label,
body div.formcontainer form.contact-form fieldset div.form-option label {
cursor: pointer;
line-height:100%;
}

body div.formcontainer form.contact-form fieldset div.form-input,
body div.formcontainer form.contact-form fieldset div.form-textarea {
display: block;
float:none;
margin: 0.2em 0 0 0;
width:100%;
}

body div.formcontainer form.contact-form fieldset div.form-input input,
body div.formcontainer form.contact-form fieldset div.form-textarea textarea {
padding: 0.3em;
width: 97%;
}

body div.formcontainer form.contact-form fieldset div.form-textarea textarea {
overflow: auto;
}

body div.formcontainer form.contact-form fieldset div.form-input input.error {
background-color: #FBF4E2;
}

body div.formcontainer form.contact-form fieldset div.form-input input.optional {
margin-bottom: 0.2em;
}

body div.formcontainer form.contact-form fieldset div.form-option,
body div.formcontainer form.contact-form fieldset div.form-submit {
display: block;
float:none;
margin: 1em 0 0 0;
width:100%;
}

body div.formcontainer form.contact-form fieldset div.form-submit input {
cursor:pointer;
padding:0.5em 2em;
}