/*	
Theme Name: MEPress mid-2009
Description: building a new theme
Author: Teel McClanahan
Author URI: http://teelmcclanahan.com/
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li, li p, li a,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

body {
	-webkit-user-select: none;
	font-size: 14px;
	font-family: Skia, "Skia2", Lucida Sans, "Lucida Grande", verdana, arial, sans-serif;
//	font-family: Lucida Sans, "Lucida Grande", verdana, arial, sans-serif;
         background: #FFF;
}

a, a:visited {
	text-decoration: none;
	}

a:hover, a:active {
	color: #FF0000;
	text-decoration: none;
	}

p {
	padding-bottom: 1em;
}

ul {
	margin: 0 0 1em 1em;
}

li {
	margin-left: 0;
}

h1, h2, h3, h4, ME1 {
	font-weight: bold;
	}

h1 {
	font-size: 1.3em;
	line-height: 1.2em;
	}
ME1 {
	font-size: 1.3em;
	line-height: 1.0em;
	}
ME2 {
	font-size: 1.2em;
	line-height: 1.0em;
	}

h1, h1 a, h1 a:hover, h1 a:visited, #headerimg .description {
	border: none;
	}

h2 {
	font-size: 1.4em;
	line-height: 1.2em;
	}

h3 {
	font-size: 24px;
	padding: 0;
	}
h4 {
	font-size: 1.2em;
	line-height: 1.0em;
	padding-bottom: 0.5em;
	}

blockquote {
	padding: 0.5em 3em 1em 3em;
	text-decoration: italic;
}
blockquote p {
//	padding: 0;
}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
.center {
	text-align: center;
}
img.center {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.product-image, .product-title, .product-price, .product-shipping {
	visibility:hidden;
	position:absolute;
	height:0px;
	width:0px;
	font-size:0em;
	}
#BookCover {
	float: left;
	top: 1em;
	width: 100px
	}
.bigCover {
	width: 300px;
	height: 480px;
	}
.medCover {
	width: 150px;
	height: 240px;
	}
.smallCover {
	width: 90px;
	height: 144px;
	}
.small {
	font-size: 0.75em;
}
ul.Podcast li {
	padding-bottom: 1em;
}
.alignright img.bigCover, .alignright img.medCover {
	padding: 0 0 0.5em 0.5em;
}
.alignleft img.bigCover, .alignleft img.medCover {
	padding: 0 0.5em 0.5em 0;
}





#Side {
	position: absolute;
	top: 310px;
	left: 25px;
	width: 200px;
	margin-bottom: 5em;
}

#buyBox {
	width: 100%;
	background-color: #CCCCCC;
	font-size: 0.75em;
	margin-bottom: 1em;
}

#SideBar {
	width: 100%;
	background-color: #DDDDDD;
          border: thin solid #CCC;
}

.SideTop {
	background: url('http://modernevil.com/images/SideTop.png');
	top: 0;
	z-index: 0;
	height: 15px;
	width: 200px;
}

.SideBottom {
	background: url('http://modernevil.com/images/SideBottom.png');
	bottom: 0;
	z-index: 0;
	height: 15px;
	width: 200px;
	clear: both;
}

.SideContent {
	color: #000000;
	z-index: 5;
	margin: 80px 10px 15px 10px;
}
.SideContent ul {
	margin-left: 0.5em;
}
.SideContent li {
	font-size: 0.9em;
	list-style: circle;
}
.SideContent li img {
	padding: 0.5em 0 0.5em 0;
	border: none;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.SideContent strong {
	font-size: 0.9em;
	line-height: 1.1em;
}

#Wide {
	position: absolute;
	top: 310px;
	left: 250px;
	width: 700px;
	margin-bottom: 5em;
}

#WideBar {
	width: 100%;
	background-color: #DDDDDD;
	margin-bottom: 1em;
          border: thin solid #CCC;
}

#Footer {
	width: 100%;
	background-color: #EEEEEE;
	font-size: 0.75em;
	line-height: 0.9em;
          border: thin solid #CCC;
}

.WideTop {
	background: url('http://modernevil.com/images/WideTop.png');
	top: 0;
	z-index: 0;
	height: 15px;
	width: 700px;
}

.WideBottom {
	background: url('http://modernevil.com/images/WideBottom.png');
	bottom: 0;
	z-index: 0;
	height: 15px;
	width: 700px;
	clear: both;
}

.WideContent {
	color: #000000;
	z-index: 5;
	margin: 1em;
	font-size: 1.1em;
}





#FooterMain {
	position: absolute;
	top: 68em;
	left: 5.33em;
	width: 84em;
	background-color: #EEEEEE;
	font-size: 0.75em;
	line-height: 0.9em;
	border: thin solid #CCC;
}

  #left {
          position: absolute;
          top: 22em;
          left: 4em;
          width: 18em;
          height: 22em;
          background: #FFF;
          padding: 0.5em 0.5em 0.5em 0.5em;
          font-family:Skia, verdana, arial, sans-serif;
          text-align: center;
          border: thin solid #CCC;
        }
  #left1 {
           position: absolute;
           top: 46em;
           left: 4em;
           width: 19em;
           height: 4em;
           border: thin solid #CCC;
         }

  #middle {
          position: absolute;
          top: 22em;
          left: 26em;
          width: 18em;
          height: 22em;
          background: #C0D0FF;
          padding: 0.5em 0.5em 0.5em 0.5em;
          font-family: century gothic, futura, sans-serif;
          text-align: center;
          border: thin solid #CCC;
          }

  #right {
          position: absolute;
          top: 22em;
          left: 48em;
          width: 18em;
          height: 22em;
          background: #FFF;
          padding: 0.5em 0.5em 0.5em 0.5em;
          font-family: Verdana, Arial, Helvetica, sans-serif;
          text-align: center;
          border: thin solid #CCC;
         }
  .logo {
          margin: 2em 2em 2em 2em;
          width: 14em;
          height: 14em;
        }
  .subImg {
            width: 19em;
            height: 4em;
          }

  #everything {
                position: absolute;
                top: 0px;
                left: 4em;
                width:63em;
              }

  #header {
            width: 100%;
            min-width: 62em;
            height: 10em;
            text-align: center;
            padding-top: 1em;
          }
  #linkFooter {
            position: absolute;
            top: 45.5em;
            left: 30em;
            width: 30em;
            height: 4em;
            text-align: center;
            padding-top: 1.5em;
          }

  #LOWfooter {
            position: absolute;
            top: 48em;
            left: 0em;
            width: 100%;
            height: 5em;
            text-align: center;
            padding-top: 1.5em;
          }

  .bigTeel {
             font-size: 5em;
             font-family: century gothic, futura, sans-serif;
           }

.bigTeel a {
	text-decoration: none;
	color: #000000;
}
  .smallTeel {
             font-size: 1em;
             font-family: century gothic, futura, sans-serif;
             font-style: italic;
           }

  .emailTeel {
             font-size: 1em;
             font-family: century gothic, futura, sans-serif;
             float: right;
           }

  .linkTeel {
             font-size: 0.9em;
             font-family: century gothic, futura, sans-serif;
           }

#supportBox {
	width: 75%;
	height: auto;
	margin: 0em auto 1em auto;
	padding: 1em;
	background-color: #EEEEEE;
	border: thin solid #CCC;
}
#supportLeft {
	width: auto;
	margin: 0;
	padding: 0;
	font-size:1.15em;
}
#supportRight {
	float: right;
	width: auto;
	margin: 0;
	padding: 0.5em;
	background-color: #FF3333;
}
#supportBig {
	font-size: 2.6em;
}
#supportDays {
	font-size: 3em;
}
#supportStatus {
	font-size: 2.5em;
}
#supportNeed {
	margin:0.5em 0 0.5em 0;
}
#supportHow {
	float:right;
	padding:0.5em;
	margin: 0.5em 1.5em 0 0;
	font-size: 1em;
	background-color: #EEFFEE;
}
.miniLogos {
	width:180px;
	margin:10px;
}
.miniLogo {
	height:50px;
	width:50px;
}
.miniLeft {
	position: absolute;
	left: 10px;
	top: 15px;
}
.miniMiddle {
	position: absolute;
	left: 75px;
	top: 15px;
}
.miniRight {
	position: absolute;
	right: 10px;
	top: 15px;
}
#aboutThis {
	float: right;
	width: 200px;
	margin: 15px;
	padding: 1em 1em 0 1em;
	border: thin solid #CCC;
	background-color: #EEEEEE;
}