@charset "utf-8";
/* CSS Document 
---------------------------------------------------*/

html { margin:0; padding:0; text-align:center; }
body { margin:40px 0; border:0; padding:0; /*background:url(../images/main/bg-body.jpg);*/ text-align:center; }

* {
  font-family:Arial, sans-serif;
  font-size:16px !important;
  line-height:1.5 !important;;
}

#wrapper-border { margin:0 auto; border:0; padding:4px; background:#e6e7d3; width:760px; wid\th:752px; }
#wrapper { margin:0; border:1px solid #cdc6af; background:#f9f9f3 url(../images/main/bg-wrapper.gif) repeat-y; width:752px; wid\th:750px; }
#wrapper:after { content: ""; display: block; height: 0; clear: both; }

#trafford { margin:35px 35px 35px 215px; border:0; padding:0; width:750px; wid\th:500px; }

.homepage { margin:0; border:0; padding:0 33px 115px 33px; line-height:0; float:left; width:570px;  wid\th:504px; }
.content-wide { margin:0; border:0; padding:0 33px 35px 33px; font:13px/19px Georgia; color:#666; text-align:left; float:left; width:570px; /*height:566px; heig\ht:336px; */ wid\th:504px; }

.content { margin:0; border:0; padding:0 33px 35px 35px; font:13px/19px Georgia; color:#666; text-align:left; float:left; width:369px; wid\th:301px; }
.right { margin:0; border:0; padding:45px 33px 35px 0; text-align:left; float:left; font:12px/14px Arial; color:#666; width:201px; wid\th:168px; }

.break { margin:0; border:0; padding:0; clear:both; float:none; line-height:0; font-size:0; }

/* HTML
==========================*/
h1, h2, h3 { margin:0; border:0; padding:0; color:#39f; font-weight:normal; line-height:1; }
h1 { font-size:24px; padding-bottom:24px; }
h2, .right h1 { font-size:27px !important; }
h3 { font-size:21px !important;  padding-bottom:7px; color:#666; font-weight:bold;  }

.content ul { margin-left:0; padding-left:20px; }
.content ul li { list-style-type:square; margin-left:0; padding-left:0; }

a:link, a:visited, a:active { color:#39f; text-decoration:none; }
a:hover { text-decoration:underline; }

img, a img { border:0; }


/* MAIN NAVIGATION
==========================*/
#nav { margin:0 0 115px 40px; border-top:3px solid #a2525a; padding:0; float:left; display:inline; width:180px; wid\th:140px; }

ul#nav { list-style-type:none; text-align:right; }
ul#nav li { border-bottom:1px solid #d9c5bf; }
ul#nav li a, ul#nav li a:visited { padding:7px 24px; color:#a2525a; font:16px/16px Georgia; font-weight:bold; text-decoration:none; display:block; }
ul#nav li a:hover { background:#f9f9f3; text-decoration:none; }


/* HIGHLIGHT BOX
==========================*/
.border { margin:2px; border:1px solid #cdc6af; padding:4px; background:#fff; float:left; display:inline; }
.highlight { margin:0; border:0; padding:10px; background:#edefe5; font:12px/15px Arial; color:#666; text-align:left; }
.square { /*height:154px; hei\ght:134px;*/ width:154px; wid\th:134px; }


a img.lefted { margin:0 10px 10px 0; border:0; padding:0; float:left; }

/* FOOTER
==========================*/
#ftr { margin:0 auto; border:0; padding:0; font:14px/21px Georgia; color:#666; width:760px; text-align:left; }

#ftr-left { margin:0; border:0; padding:15px; text-align:left; float:left; width:530px; wid\th:500px; }

#ftr-left ul { list-style-type:none; margin:0; border:0; padding:0;  }
#ftr-left ul li { float:left; border-left:1px dotted #ccc; padding:0 10px; }
#ftr-left ul li.noborder { border:0; padding:0 10px 0 0; }
#ftr-left ul li a, #ftr-left ul li a:visited { color:#666; text-decoration:none;   }
#ftr-left ul li a:hover { color:#000; text-decoration:underline;   }

#ftr-right { margin:0; border:0; padding:15px; width:230px; text-align:right; float:right; wid\th:200px; }

#ftr a, #ftr a:visited { color:#666; text-decoration:none; }
#ftr a:hover { color:#000; text-decoration:underline; }


.btn {
  display:inline-block;
  background:#39f;
  color:#fff !important;;
  padding:1em 2em;
  margin-bottom:1em;
}
.btn:hover {
  background:#333;
  text-decoration:none;
}

.btn2 {
  display:inline-block;
  background:#a2525a;
  color:#fff !important;;
  padding:1em 2em;
  margin-bottom:1em;
}
.btn2:hover {
  background:#333;
  text-decoration:none;
}

.daisies {
  width:100%;
}

@media screen and (min-width:1100px) {

  /* + 210 */
  #ftr { width:1000px }
  #ftr-left { width:670px; wid\th:640px; }
  #ftr-right { width:330px; wid\th:300px; }
  
  #wrapper-border { width:1070px; wid\th:1062px; }  
  #wrapper {  width:1062px; wid\th:1060px; }
  #trafford { width:1060px; wid\th:1060px; }
  .homepage { width:780px; wid\th:714px; }
  .content-wide { width:580px; wid\th:714px; }
  .content {  width:579px; wid\th:511px; }
  .homepage .square,
  .books .square { 
	  width:224px; wid\th:204px; 
	}  
  
  .right { width:301px; wid\th:268px; }  
  .right .square { 
	  width:224px; wid\th:204px; 
	}  
  
  
}

.feature { margin:0; border:0; padding:10px;  font:12px/15px Arial; color:#666; text-align:left; }

.featuredBook {
	max-width:240px;
  padding-right:20px !important;
}