/*  
Theme Name: EC-Books
Theme URI: http://localhost/elizabeth-campbell-books/index.php
Description: Specific theme developed for Elizabeth Campbell Books
Version: 1.1
Author: Aaron Affleck c/o Overdrive Design Labs Inc.
*/

/* Begin Typography & Colors */
body {
	margin:0;
	padding:0;
	background-color:#251717;
	font-size:12px;
	font-family:Arial;
	}
	
img {
 border:none;
 margin:0;
 padding:0;
}

p {
 position:relative;
 margin-top:0;
 padding:0;
}

.hr-grey {
 background-color:#666;
 border-top:1px solid #ebebeb;
 width:540px;
 height:1px;
 padding:0;
 margin:0;
}

h2 {
 color:#642a2b;
 font-family: "Trebuchet", sans-serif ;
 text-transform:uppercase;
 padding:0;
 margin:0;
}

h2#browse-our-catalogue {
 margin:16px 0px 26px 32px;
 color:#5b492b;
 text-transform:none;
 font-variant: small-caps;
 font-size:20px;
}

h2#browse-by-category {
 color:#5b492b;
 margin:22px 0px 26px 32px;
 text-transform:none;
 font-variant: small-caps;
 font-size:20px;
}

h2 a.blog {
 color:#5b492b;
 margin:22px 0px 26px 32px;
 text-transform:none;
 font-variant: small-caps;
 font-size:20px;
}

h3 {
 color:#ee9005;
 font-family: "Trebuchet", sans-serif;
 font-size:14px;
 margin-bottom:0;
 padding:0;
}
	
#canvas {
 position:relative;
 width:980px;
 margin:0 auto;
 background:#FFF;
}

#header {
 
 width:980px;
 height:422px;
}

#logo {
 position:absolute;
 top:48px;
 left:64px;
 width:335px;
 height:138px;
 background:url(images/ec-logo.png) no-repeat 0px 0px;
}

#content {
 margin:0;
 padding:20px 20px 200px 20px;
 background:url(images/content-bg.jpg) repeat-x bottom right;
 width:940px;
 min-height:722px;
 float:left;
 display:block;
 background-color:#FFF;
 position:relative;
 z-index:1;
}

#content #right {
 float:left;
 margin:0px 0px 0px 400px;
 padding:0;
}

#gradient-container {
 position:absolute;
 top:370px;
 left:47px;
 width:363px;
 height:1011px;
 z-index:2;
}

#gradient-container #top {
 width:360px;
 height:18px;
 background:url(images/catalogue-grad-top.png) no-repeat;
 float:left;
}

#gradient-container #right {
 width:18px;
 height:974px;
 background:url(images/catalogue-grad-right.png) repeat-y;
 float:left;
}

#gradient-container #bottom {
 width:360px;
 height:18px;
 background:url(images/catalogue-grad-bottom.png) no-repeat;
 float:left;
}

#gradient-container #left {
 width:18px;
 height:974px;
 background:url(images/catalogue-grad-left.png) repeat-y;
 float:left;
}

#browse-container { 
 width:325px;
 height:973px; 
 border:1px solid #aaaaaa;
 float:left;
}

#inside-browse-container {
  width:323px;
  height:971px;
  border:1px solid #d5d5d5;
}

#browser {
 width:311px;
 height:851px;
 border:6px solid #fff;
 background:url(images/catalogue-bg.png) no-repeat;
 padding:108px 0px 0px;
}

#browser label {
 display:block;
 margin:7px 0px 0px 32px;
 padding:0;
 color:#5b492b;
}

#browser input {
 margin:2px 0px 0px 32px;
 padding:0;
 width:251px;
 height:17px;
 border-top:2px solid #c4c3be;
 border-left:2px solid #c4c3be;
 border-right:2px solid #e3e1da;
}

.h-line-cat {
 width:252px;
 height:1px;
 margin:0px 0px 0px 31px;
}

#catalogue-submit {
 width:118px;
 height:24px;
 margin:20px 0px 20px 168px;
 padding:0;
 background:url(images/start-browsing.gif) no-repeat;
 display:block;
 border:none;
}

#catalogue-categories {
 list-style-type:none;
 margin:0px 0px 0px 10px;
 padding:0;
}

#catalogue-categories a {
 color:#642a2b;
 text-transform:capitalize;
}

#new {
 width:51px;
 height:51px;
 margin:0;
 padding:0;
 position:absolute;
 top:102px;
 right:40px;
}

#toll-free {
 margin:10px 0px 0px 32px;
}

address {
 margin:20px 0px 0px 32px;
 font-size:14px;
}
	
#nav {
 position:absolute;
 top:384px;
 right:15px;
 margin:0;
 padding:0;
}

#nav li {
 float:left;
 display:inline;
 margin:0px;
 padding:0px;
 width:86px;
 height:59px;
}

#nav li.home {
 width:96px;
}

#nav li.contact {
 width:96px;
}

#nav li.readers {
 width:96px;
}

#nav li a{
 float:left;
 display:inline;
 width:86px;
 height:59px;
}

#nav li a div {
 color:#ee9005;
 font-weight:bold;
 font-family: "DIN Black";
 font-size:14px;
}

#nav li.home a{
 float:left;
 display:inline;
 width:96px;
 height:59px;
}

#nav li.contact a{
 float:left;
 display:inline;
 width:96px;
 height:59px;
}


#nav li.readers a{
 float:left;
 display:inline;
 width:96px;
 margin-right:5px;
 height:59px;
}

#home-tab {
 float:left;
 display:inline;
 width:96px;
 height:59px;
 cursor:pointer;
 padding:20px 0px 0px 0px;
}

#catalogue-tab{
 float:left;
 display:inline;
 width:86px;
 height:59px;
 cursor:pointer;
}

#about-tab {
 float:left;
 display:inline;
 width:86px;
 height:59px;
 cursor:pointer;
}

#events-tab {
 float:left;
 display:inline;
 width:86px;
 height:59px;
 cursor:pointer;
}

#blog-tab {
 float:left;
 display:inline;
 width:86px;
 height:59px;
 cursor:pointer;
}

#contact-tab {
 float:left;
 display:inline;
 width:96px;
 height:59px;
 cursor:pointer;
}

#readers-tab {
 float:left;
 display:inline;
 width:100px;
 height:59px;
 cursor:pointer;
}

#home-tab[id]	{
 background:url(images/nav/home.png) no-repeat 0px 0px;
}

#catalogue-tab[id]	{
 background:url(images/nav/catalogue.png) no-repeat 0px 0px;
}

#about-tab[id]	{
 background:url(images/nav/aboutus.png) no-repeat 0px 0px;
}

#events-tab[id]	{
 background:url(images/nav/events.png) no-repeat 0px 0px;
}

#blog-tab[id]	{
 background:url(images/nav/blog.png) no-repeat 0px 0px;
}

#contact-tab[id]	{
 background:url(images/nav/contact.png) no-repeat 0px 0px;
}

#readers-tab[id]	{
 background:url(images/nav/readers.png) no-repeat 0px 0px;
}
/* For (IE/Mac) Supports PNG but not [id]    */
/* ----------------------------------------- */
/*  (Affects IE/Win - Overwritten Below )    */

##home-tab[id]	{
 background:url(images/nav/home.png) no-repeat 0px 0px;
}

##catalogue-tab[id]	{
 background:url(images/nav/catalogue.png) no-repeat 0px 0px;
}

##about-tab[id]	{
 background:url(images/nav/aboutus.png) no-repeat 0px 0px;
}

##events-tab[id]	{
 background:url(images/nav/events.png) no-repeat 0px 0px;
}

##blog-tab[id]	{
 background:url(images/nav/blog.png) no-repeat 0px 0px;
}

##contact-tab[id]	{
 background:url(images/nav/contact.png) no-repeat 0px 0px;
}

##readers-tab[id]	{
 background:url(images/nav/readers.png) no-repeat 0px 0px;
}

/**************************************************/

#nav a:hover {
 margin:-9px 0px 0px;
}

#nav a.active {
 margin:-9px 0px 0px;
}

#search {
 position:relative;
 left:520px;
 top:25px;
 margin:0;
 padding:0;
 width:208px;
}

#search span{
 float:right;
 display:inline;
 margin-right:5px;
 margin-top:8px;
 color:#333;
 font-family: "Trebuchet", sans-serif ;
 font-size:12px;
}

#search-form {
 float:right;
 display:inline;
 margin:0;
 padding:0;
 width:159px;
 height:23px;
 margin-top:3px;
 background:url(images/background-search.png) no-repeat 0px 0px;
}

#search-criteria{
 float:right;
 display:inline;
 width:114px;
 height:21px;
 border:none; 
 padding:4px 0px 0px 0px;
 margin:0px 28px 0px 0px;
 background:transparent;
}

#eye-glass {
 position:absolute;
 z-index:4;
 margin:1px 0px 0px 131px;
 padding:0;
 width:24px;
 height:22px;
 background:url(images/buttons/search.gif) no-repeat 0px 0px;
 border:none;
 cursor:pointer;
 pointer:hand;
}

#headerimg 	{ 
	margin: 7px 9px 0; 
	height: 192px; 
	width: 740px; 
	} 

#content {
	font-size: 1.2em
	}


#footer {
 background: url(images/footer-bg.jpg) no-repeat; 
 width:980px;
 height:96px;
 float:left;
}

#footer ul {
 padding:0;
 position:relative;
 margin:40px auto;
 width:575px;
}

#footer li {
 float:left;
 display:inline;
 margin:0px 0px 0px 10px;
 padding:0;
}

#footer a {
 float:left;
 display:inline;
 color:#642a2b;
}

#categories-list {
 list-style-type:none;
}

#categories-list .children{ 
 list-style-type:none;
 display:none;
}

textarea#comment {
 width:530px;
}

div.catlist {
 float:left;
 margin:0;
 padding:0;
 width:225px;
}

div.catlist ul {
 list-style-type:none;
 margin:5px 0px 10px 0px;
 padding:0;
}

.disclaimer {
 font:normal 11px Arial;
 color:#666;
 margin-left:30px;
}

.post {
 margin-top:40px;
}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
	
	
#myScrollContainer {
 width:247px;
 height:300px;
 border:1px solid #aaaaaa;
 background:transparent;
 margin:0px 0px 0px 30px; 
}

#myScrollContainer a#up {
 position:absolute;
 top:4px;
 right:4px;
 z-index:5;
}

#myScrollContainer a#down {
 position:absolute;
 bottom:4px;
 right:4px;
 z-index:5;
}

#myScrollContainer #myScrollContent {
 margin:0;
 padding:0;
 position:relative;
}

#spacer {
 height:310px;
}

#total-cost-handling {
 display:none;
}

#sidebar ul { list-style-type:none;margin:20px 20px 0px 30px;padding:0; }
#sidebar ul li { margin-top:10px; }

	
.clear {
 clear:both;
}

 .credits {
  float:right;
  width:100%;
  padding:5px 10px 5px 10px;
  color:#e9d8c0;font-weight:normal; font-size:12px; 
  text-align:right;
 }
 
 .credits a { color:#fff;font-weight:normal; font-size:12px;   }