/*
Theme Name: Typo
Theme URI: http://wordpress.org/
Description: Edit of the default WordPress theme by Chris.
Version: 1
Author: Chris

The CSS, XHTML and design is released under GPL:
http://www.opensource.org/licenses/gpl-license.php

*/

/* F O N T S 
----------------------------------------------------------------------------- */ 

/* 
  TODO: specify better fallback font stacks.
  TODO: ensure custom bold classes get "font-weight: bold" on fallback. 
*/

@font-face {
  font-family: 'Quadraat';
  src: url('fonts/quadraat/QuadraatWebPro.eot');
  src: local('☺'),
       url('fonts/quadraat/QuadraatWebPro.woff') format('woff'); 
}

@font-face {
  font-family: 'Quadraat-Italic';
  font-style: italic;
  src: url('fonts/quadraat/QuadraatWebPro-Ita.eot');
  src: local('☺'),
       url('fonts/quadraat/QuadraatWebPro-Ita.woff') format('woff'); 
}

@font-face {
  font-family: 'Quadraat-Bold';
  font-weight: bold;
  src: url('fonts/quadraat/QuadraatWebPro-Bold.eot');
  src: local('☺'),
       url('fonts/quadraat/QuadraatWebPro-Bold.woff') format('woff'); 
}

/* M O D U L E S 
----------------------------------------------------------------------------- */ 

.m-serif-regular\(primary\) {
  font-family: 'Quadraat', serif; 
  font-weight: normal !important;
}

.m-serif-bold\(primary\) {
  font-family: 'Quadraat-Bold', serif; 
  font-weight: normal; 
}

/* ---- */

* {
  margin: 0px;
  padding: 0px;
}

body {
  font-family: Georgia,"Times New Roman",Times,serif;
  color: #333;
  background: #eee url('images/dropin.gif') repeat-x 0px 0px;
  padding-top: 0px;
  text-rendering: optimizeLegibility;
}


/* link styling */

a {
  color: black;
  text-decoration: none;
  border-bottom: 1px solid #cccccc;
}

a:hover {
  color: #990000;
  text-decoration: none;
  border-bottom: 1px solid #990000;
}

.feature a, a img, .subTitle a, a.homePage{
  border: none;
}

img{ border: none; }

#sidebar a {
  color: #333333;
  text-decoration: none;
  border-bottom: none;
}

#sidebar a:hover {
  color: #990000;
  text-decoration: none;
  border-bottom: none;
}

.infoedit a{
  font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Helvetica, Arial, Sans-Serif; 
  font-size: 9px;
  letter-spacing: .1em;
  text-transform: uppercase;
  font-weight: bold;
  color: #333333;
  background-color: #FFF9CF;
}

/* general stylings */

p {
  margin-bottom: 15px;
}

ul, ol, li, #sidebar ul,#sidebar ol, #sidebar li {
  list-style-type: none;
}

#content ul, #content ol, #content li {
  list-style-type: square;
}

#content ul.recentComments li, #content ul.relatedPosts li, #content ul.recentComments, #content ul.relatedPosts {
  list-style-type: none;
}

small,
.callOut small,
.text small,
.callout small strong,
.text small strong {
  font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Helvetica, Arial, Sans-Serif !important; 
  font-size: 11px;
  line-height: 1.5em;
}

strong {
  font-weight: bold;
}

cite {
  font-style: italic;
} 

.text small a {
  line-height: 1.3;
}

blockquote {
  border-left: 4px solid rgb(221,221,221);
  color: rgb(45,45,45);
  font-family: 'Quadraat','Times New Roman',Times,serif ;
  font-size: 16px;
  font-style: regular;
  line-height: 1.3125;
  margin: 16px 30px 16px 0;
  padding-left: 28px;
}

.comment blockquote {
  font-size: 14px;
  line-height: 1.2857142857;
}

/* technical style */

.technical {
  font-size: 12px;
  font-weight: normal;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.postmetadata { line-height: 1.5em;}

#topBorder {
  background:transparent url(images/logotype.png) no-repeat scroll 0 0;
  float:right;
  height:145px;
  margin-top:-80px;
  width:117px;
  margin-right: 40px;
}

#page {
  width: 1045px;
  margin: 0px auto;
  padding-top: 10px;
  /*border-top: 40px solid black;
  background: white;
  width: 1030px;
  padding:  35px 20px 35px 42px;
  margin: 40px auto;
  border-top: none;
  background: url('images/page.png') repeat-y 0px 0px;
   */
}

#content {
  width: 1030px;
  padding: 0 0 15px 15px;
  float: left;
  background-color: #ffffff;
  border-bottom: 15px solid black;
}

.commentary {
  background: url('images/commentary_article_BG.gif') repeat-y 0px 0px;
}

/*search box */
#namePlate {
  width: 185px;
  float: right;
  padding-top: 2px;
}

#namePlate #searchsubmit { display: none; }

.searchBox div { 
  /*	background: url('images/glass.png') no-repeat 0px -8px;
  margin-left: -20px;
  padding-left: 20px;
   */
}

.searchBox input.query{
  font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Helvetica, Arial, Sans-Serif; 
  font-size:10px;
  font-size-adjust:none;
  margin:0;
  padding-bottom:2px;
  height: 15px;
  border-top: 0px;
  border-right: 0px;
  border-bottom: 1px solid #555555;
  border-left: 0px;
  color: #666;
  background-color: transparent;
  width: 185px
}

span.credits {
  font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Helvetica, Arial, Sans-Serif; 
  font-size: 10px;
  padding: 2px 0px;
  display: block;
  float: left;
  color: #666;
  width: 600px;
  float: left;
  margin-top:3px;
}

span.credits a{
  color: #888888;
  border: none;
}

span.credits a:hover{
  color: #990000;
}

/*	Header navigation styles */

#header {
  color: black;
  margin-top: 62px; 
  position: relative;
}

#name {
  margin-bottom: 14px;
}

.m-nameplate {	
  font-size: 64px;
  letter-spacing: -1px;
  line-height: 1;
  text-rendering: optimizeLegibility;
}

#name a,
.categories a {
  border: none;
}

.l-left {
  float: left;
}

.categories {
  margin-bottom: 27px;
}

.categories li {
  display: inline-block;
  line-height: 1;
}

.categories .m-trigger:hover ~ .m-target { 
  color: #990000;
}

/*ul.categories, ul.categories li {
  margin: 0px;
  padding: 0px;
  float: left;
  list-style-type: none;
}

ul.categories {
  margin-bottom: 27px;
  margin-left: -6px;
  width: 1045px;
}

ul.categories li a{ 
  height: 0px; 	
  list-style-type: none;	
  display: block;
  float: left;
  overflow: hidden;
  padding-top: 70px;
  border: none;
  text-decoration: none;
}

/*ul.categories:hover .navtype a{ background-position: 0px -84px; text-decoration: none;}
ul.categories:hover .navtype a:hover{ background-position: 0px -10px; text-decoration: none;}
 */

/*.navtype a{
  width: 136px;
  background: transparent url('images/type.png') no-repeat 0px 0px;
}
.navreviews a{
  width: 245px;
  background: transparent url('images/reviews.png') no-repeat 0px 0px;
}
.navbooks a{
  width: 194px;
  background: transparent url('images/books.png') no-repeat 0px 0px;
}
.navcommentary a{
  width: 341px;
  background: transparent url('images/commentary.png') no-repeat 0px 0px;
}*/

#header ul.categories li.current a, #header ul.categories li a.current { background-position: 0px -79px;}
#header ul.categories li.navcommentary a:hover, #header ul.categories li.navbooks a:hover, #header ul.categories li.navreviews a:hover { background-position: 0px -79px;}

/*	filter*/

div.filters {
  clear: both;
  width: 1045px;
  padding: 0px;
  height: 15px;
  background-color: black;
  /*font-family: 'Lucida Grande', Verdana, Helvetica, Arial, Sans-Serif;*/ 
  font-size: 9px;
}

/* sub cats -chris */

.categoryNav {display: block; height: 20px; margin: 15px 0 10px; width: 1020px;}

.home .categoryNav .technical, .home .categoryNav .arrow,
.archive .categoryNav .technical, .archive .categoryNav .arrow
{
  border: none;
  float: left;
  line-height: 18px;
  margin: 0px;
  padding: 2px 0 0 5px;
}

.hide {display: none;}
.show {display: block;}
.subCats, .subTitle{
  width: 165px;
  float: left;
  color: #777777;
  z-index: 1;
}

.subTitle{
  color: black;
  margin-bottom: 15px;
}

.subCats {
  margin-right: 5px;
}

.subCats:hover, .openMenu {
  cursor: pointer;
  color: #000000;
  background-color: #f2f2f2;
}

.subCats ul { 
  display: block;
  position: absolute;
  background-color: #f2f2f2;
  padding: 0px 2px 15px 0px;
  color: white;
  margin-top: 20px;
  clear: left;
  z-index: 1;
  width: 163px;
}

.subCats ul li {
  display: block;
  clear: left;
  list-style-type: none;
  padding: 0px;
  font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Helvetica, Arial, Sans-Serif; 
  font-size: 9px;
  font-weight: normal;
  z-index: 1;
}

.subCats ul li a{ color: black; border: 0px; display: block; width: 145px; padding: 3px 0px 3px 17px;}
.subCats ul li a:hover{ color: #990000;}


/*page links*/

.commentary div.pages {
  margin-right: 510px;
}

div.pages {float: right; padding-right: 5px;}

/*div.pages a {
display:block;
float:left;
font-size:8px;
font-weight:normal;
letter-spacing:0.15em;
padding:3px 6px 0;
text-transform:uppercase;
background-color: none;
border: none;
color: #888888;
}
 */

.pages a {
  margin-top: 0px;
  display:inline-block;
  float:left;
  padding:0px 6px 0 0;
  text-transform:uppercase;
  background-color: none;
  border: none;
  color: #ccc;
}

.pages a:hover {
  color: #990000;
}

/* homepage styles */

/*three sections*/

#typeReviews, #bookReviews, #commentaryPosts {
  display: block;
  width: 1035px;
  clear: left;
}

/*section heads - using technical*/

#bookReviews .technical {
  width: 1013px;
}

.home .technical, .archive .technical, .search .technical {
  margin: 0 0 10px;
  padding: 15px 0px 5px;
}

.home #bookReviews, .home #commentaryPosts{
  padding-top: 15px;
}

.home #bookReviews .technical, .home #commentaryPosts .technical{
  width: 1020px;
  border-top: medium solid #eeeeee;
}

.review .technical, .featuredArticle .technical, .commentary .technical {
  margin: 0 0 10px;
  padding: 16px 0px 0px;
}

.subHead {
  margin: 0 0 10px;
  padding: 5px 4px 5px;
  color: #888888;
  width: 1000px;
}

/* thumbnails for type reviews */

.feature {
  width: 325px;
  float: left;
  margin-right: 15px;
  height: 465px;
  overflow: hidden;
}

.home .feature a h1{
  font-size: 36px;
  line-height: 1em;
  font-weight: 500;
  color: black;
  margin-bottom:5px;
  margin-top: 10px;
}

.home .feature a:hover h1{
  color: #990000;
}


.home .feature a h2{
  font-size: 18px;
  color: black;
  font-weight: bold;
  margin-bottom:5px;
  margin-top: 10px;
}

.home .feature a:hover h2{
  color: #990000;
}

.home .feature a p {
  font-size: 16px;
  color: black;
}

.home .feature a:hover p {
  font-size: 16px;
  color: black;
}

.container {
  width: 140px;
  height: 183px;
  float: left;
  padding: 8px;
  margin: 0 13px 13px 0;
  overflow: hidden;
  border: 1px solid #dddddd;
  opacity: 1;
}

.container:hover {
  opacity: 1;
  color: black;
  border: 1px solid #000000;	

}

.thumbnail {
  width: 150px;
  height: 137px;
  overflow: hidden;
}

/*styles for type reviews name and designer */

.container a {
  color: black;
}

.featuredArticle .container h2, .container h2 {
  margin: 8px 0px 0px;
  font-size: 12px;
  line-height: 14px;
}

.container .byline {
  font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Helvetica, Arial, Sans-Serif; 
  font-size: 10px;
  line-height: 14px;
  margin: 1px 0px 0 0px;
}

.container .byline a {
  color:black;
}



/* category listing for archive */

.commentaryList{
  padding: 5px 0px 5px; 
  float: left; 
  border-top: 1px solid #dddddd;
  margin-right: 15px;
}

.archive .commentaryList, .search .commentaryList {
  width: 1020px; 
}

.archive .commentaryList{
  width: 760px; 
}

.commentaryList h2{
  font-size: 18px; 
  line-height: 17px; 
  color: black; 
  font-weight: bold; 
  margin: 8px 0px; 
  display: block;
  float: left;
}

a:hover .commentaryList h2 {
  color: #990000;
}

.commentaryList .date{
  width: 150px;
  display: block; 
  float: left;
  margin: 10px 15px 0 0;
  font-size: 14px;
}

.commentaryList .author{
  display: block; 
  float: left;
  font-size: 14px;
  margin: 10px 15px 0 10px;
  font-style: italic;
}

/*recent comments and commentary home */

.commentary ul.recentComments a:hover h2, .home ul.recentComments a:hover h2, .archive ul.recentComments a:hover h2 {
  color:#990000;
}

.commentarc{
  background: url('images/commentarybg.gif') repeat-y 0px 0px;
}

.archive .recentComments{ 
  margin-bottom: 15px;
  float: right;
  background-color: #dddddd;
}

.archive .recentComments .technical {
  background-color: #dddddd;
  display: block;
  font-family: 'Quadraat-Bold', serif;
  font-weight: bold;
  margin: 0px;
  padding: 15px 15px 5px;
}

.archive ul.recentComments {
  width: 255px;
  padding-top: 0px;
  margin-right: 0px;
  font-size: 14px; 
  line-height: 20px; 
  font-weight: normal; 
  font-family: Georgia,"Times New Roman",Times,serif;
}

.archive ul.recentComments a{ border: none;} 

.archive ul.recentComments li {
  /*background-color: #f2f2f2;*/
  margin: 0px 15px 2px;
  padding: 5px 0px;
  border-bottom: 1px solid white;
}

.archive ul.recentComments .date, .archive ul.recentComments .author{
  display: none;
}


.archive ul.recentComments h2{
  display: block;
  font-family: "Quadraat","Times New Roman",Times,serif;
  font-size: 14px; 
  font-weight: normal; 
  line-height: 1.2857142857; 
  margin: 0;
  padding-top: 0px;
}

.archive ul.recentComments .snip{
  display: none; 
}

.archive div.number {
  display: inline;
}

.archive ul.recentComments h2 div.number a{
  color: rgb(140,140,140);
  display: inline;
  font-size: 13px; 
  letter-spacing: 0.1em;
  padding: 0 0 0 2px;
  vertical-align: top;
}

.archive ul.recentComments h2 div.number a:hover{
  color: #990000;
}

.home #commentaryPosts{
  width: 1020px;
  float: left;
}

.home #commentaryPosts .technical{
  width: 1020px;
  color: black;
}

.home .commentaryList{
  width: 1020px; 
}

/*
.home div.recentComments, .archive div.recentComments {
float: left;
width: 1020px;
}



.home .recentComments .technical, .archive .recentComments .technical {
display: block;
width: 1020px;
margin-top: 16px;
color: black;
}

.home div.recentComments a, .archive div.recentComments a{
width: 1020px;
border: none;

}

.home ul.recentComments li, .archive ul.recentComments li{
padding: 3px 0px 5px; 
float: left; 
border-top: 1px solid #dddddd;
margin-right: 15px;
width: 1020px;
}

.home ul.recentComments h2, .archive ul.recentComments h2{
font-size: 17px; 
line-height: 17px; 
color: black; 
font-weight: normal; 
margin: 8px 0px 2px; 
display: block;
float: left;
}

.home ul.recentComments .author, .archive ul.recentComments .author{
display: block; 
float: left;
font-size: 14px;
margin: 10px 15px 0 10px;
font-style: italic;
}


.home ul.recentComments .snip, .archive ul.recentComments .snip{
display: block; 
float: left;
font-size: 12px;
margin: 3px 0 5px 165px;
clear: both;
font-style: normal;
color: #333333;
}

.home ul.recentComments .date, .archive ul.recentComments .date{
width: 150px;
display: block; 
float: left;
margin: 10px 15px 0 0;
font-size: 14px;
}
 */

/*archive page*/
.books .container {
  border: none;
}

/*thumbnails for books*/

#content div.books a {
  border: none;
}

/*single post */

.review, .commentary, .featuredArticle, .search {
  padding-top: 15px;
}

.review h1, .commentary h1, .featuredArticle h1 {
  color: #222222;
  font-size: 46px;
  line-height: 1em;
  margin: 0 10px 5px 0;
  font-weight: 500;
}

.review h2, .commentary h2, .featuredArticle h2 {
  color: #222222;
  font-size: 30px;
  line-height: 1.1em;
  margin: 0 5px 3px 0;
}

.callOut {
  color: rgb(45,45,45);
  display: block;
  font-family: 'Quadraat','Times New Roman',Times, serif;
  font-size: 20px; 
  font-weight: normal; 
  line-height: 1.3; 
  overflow: hidden;
}

.written {
  color: #808080;
  font-family: 'Quadraat','Times New Roman',Times,serif;
  font-size: 16px;
  font-style: regular;
  line-height: 1.375;
  margin-bottom: 1em;
  padding: 0px;
}
.text {
  color: rgb(45,45,45);
  font-size: 16px;
  line-height: 1.3125;
}

.text cite,
.text em,
.callOut cite,
.callOut em {
  font-family: 'Quadraat-Italic','Times New Roman',Times,serif ;
  font-style: italic;
}

.text small em,
.callOut small em  {
  font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Helvetica, Arial, Sans-Serif; 
  font-style: italic;
}

.text strong,
.callOut strong {
  font-family: 'Quadraat-Bold','Times New Roman',Times, serif;
  font-weight: bold;
}

.m-image-wrap:after {
  border-bottom: none !important;
  display: block;
}

.text h2 {
  font-size: 20px;
  margin: 20px 0 10px 0;
}

#content .text  ul, #content .text  ol {
  color: rgb(45,45,45);
  padding:  0 0px 15px;
  list-style-position: inside;
}


div.tags div {	float: none; margin: 0 0 2px;}
div.tags div a {
  -moz-border-radius-bottomleft:3px;
  -moz-border-radius-bottomright:3px;
  -moz-border-radius-topleft:3px;
  -moz-border-radius-topright:3px;
  background:#BBBBBB none repeat scroll 0 0;
  border:0 none;
  color:#FFFFFF;
  font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Helvetica, Arial, Sans-Serif; 
  font-size: 9px;
  margin-right:3px;
  line-height: 21px;
  padding:1px 5px 2px 5px;
  text-decoration:none;
}

div.tags div a:hover {
  background:#990000 none repeat scroll 0 0;
}

/* reviews single post */

.review #leftCol {
  width: 500px;
  float: left;
  margin: 12px 15px 0 0;
  min-height: 300px;
}

#postImage {
  width: 500px;
  text-align: center;
}

.review .postmetadata {
  margin: 5px 10px 0px 0px; 
  width: 105px;
  float: left;
  clear: none;
  font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Helvetica, Arial, Sans-Serif; 
  font-size: 11px;
}

.review .postmetadata .info{
  margin-bottom: 10px;
  display: block;
}

.buy {
  line-height: 14px;
  font-size: 9px;
  color: #555555;
  margin: 0px 0px 5px;
  display: block;
}

.review .entry {
  width: 385px;
  float: left;
}

/*in use links */
.enlarge {
  font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Helvetica, Arial, Sans-Serif; 
  font-size: 11px;
  margin: 0 0 15px;
}


div.inUse {
  display: block;
  clear: both;
  margin-top: 20px; 
}

div.inUse img {
  display: block;
  float: left;
  margin:0 20px 5px 0px;
  padding: 1px;
}

div.inUse img:hover{
  background-color: #dddddd;
}

/* single posts commentatry */

.commentary #leftCol{
  width: 500px;
  float: left;
  margin-right: 20px;
}

.commentary .entry {
  width: 510px;
  float: left;
  margin-top: -34px;
}

.commentary .postmetadata {
  font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Helvetica, Arial, Sans-Serif; 
  font-size: 11px;
}

.commentary .postmetadata .info{
  margin-bottom: 10px;
  display: block;
}



/*recent comments single */


.commentary .recentComments, .commentary .relatedPosts { 
  margin-bottom: 15px;
}

.commentary .recentComments .technical, .commentary .relatedPosts .technical {
  font-family: 'Quadraat-Bold','Times New Roman',Times, serif;
  font-weight: bold; 
  margin: 0px;
  display: block;
  background-color: #dddddd;
  padding: 5px 15px 5px;
}

.commentary ul.recentComments, .commentary ul.relatedPosts {
  font-family: 'Quadraat','Times New Roman',Times, serif;
  font-size: 14px; 
  font-weight: normal; 
  line-height: 1.2857142857; 
  margin-right: 0px;
  padding-top: 0px;
  width: 510px;
}

.commentary ul.recentComments a, .commentary ul.relatedPosts a{ 
  padding: 0 15px;	
  border: none;
  display: block;
} 

.commentary ul.relatedPosts a {
  padding: 0;
}

.commentary ul.relatedPosts a li {
  padding: 5px 15px;	
}

.commentary ul.recentComments li, .commentary ul.relatedPosts li {
  /*background-color: #f2f2f2;*/
  margin: 0px 0px 2px;
  padding: 5px 0px;	
  border-bottom: 1px solid rgb(245,245,245);
}

.commentary ul.recentComments li:hover, .commentary ul.relatedPosts li:hover {
  /*background-color: #fff;*/
}


.commentary ul.recentComments .date, .commentary ul.recentComments .author{
  display: none;
}


.commentary ul.recentComments h2{
  display: block;
  font-family: 'Quadraat','Times New Roman',Times, serif;
  font-size: 14px; 
  font-weight: normal; 
  line-height: 1.2857142857; 
  margin-right: 0px;
  padding-top: 0px;
}

.commentary ul.recentComments .snip{
  display: block; 
  float: left;
  font-size: 12px;
  margin: 3px 0 5px 0px;
  font-style: normal;
  color: #333333;
  float: none;
  line-height: 16px;
  display: none;
}

.commentary .number {
  display: none;
}

/*featured single post */
/* thumbnails for type reviews */

.featuredArticle .container {
  width: 140px;
  height: 183px;
  float: left;
  padding: 8px;
  margin: 0 7px 7px 0;
  overflow: hidden;
  border: 1px solid #dddddd;
  opacity: 1;
}

.featuredArticle .container:hover {
  border: 1px solid black;
}

.typoFeature {
  background-color: #555555;
  color: white;
  padding: 4px 5px;
}


.featuredArticle #leftCol {
  width: 500px;
  float: left;
  margin-right: 15px;
}

.featuredArticle .postmetadata {
  margin: 12px 10px 0px 0px; 
  width: 105px;
  float: left;
  clear: none;
  font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Helvetica, Arial, Sans-Serif; 
  font-size: 11px;
}

.featuredArticle .postmetadata .info{
  margin-bottom: 10px;
  display: block;
}

.featuredArticle .entry {
  width: 510px;
  float: right;
}


/* comments */

.comments {
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.1em;
  line-height: 1.3;
  text-transform: uppercase;
}

#commentHolder {
  float: right;
  font-size: 14px;
  line-height: 1.2857142857;
  margin: 15px 0px 30px 0;
  width: 500px;
}

.commentary #commentHolder {
  margin: 15px 0px 30px 0;
}

ol.commentlist {
  margin-top: 0px;
}

ol.commentlist li{
  border-top: 1px solid #cccccc;
  clear: both;
  margin: 5px 0px;
  padding: 10px 0px;
  display: block;
  float: left;
  width: 500px;
}

.vcard, .commentmetadata {
  margin: 0 10px 0 0; 
  width: 105px;
  float: left;
  clear: none;
  font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Helvetica, Arial, Sans-Serif; 
  font-size: 11px;
  line-height: 1.3em;
  clear: left;
  word-wrap: break-word; 
}

ol.commentlist li .avatar { 
  display: block;
  float: none;
  background-color: #dddddd;
  margin: 0 10px 5px 0;
}

cite.fn { 
  font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Helvetica, Arial, Sans-Serif !important; 
  font-style: normal !important; 
  font-weight: bold !important;
  line-height: 1.3 !important;
}

/* hiding 'says:' that appears after comment author name */
.says{
  display: none;
}
.commentmetadata {
  clear: left;
  color: #555555;
  font-size: 11px;
}
.commentmetadata a {
  border: none;
  color: #808080;
}

ol.commentlist p {
  font-family: 'Quadraat','Times New Roman',Times, serif;
  font-size: 14px; 
  font-weight: normal; 
  line-height: 1.2857142857; 
  margin-left: 115px;
}

ol.commentlist cite,
ol.commentlist em,
ol.commentlist strong {
  font-family: 'Quadraat-Italic','Times New Roman',Times, serif;
  font-style: italic;
}

ol.commentlist blockquote {
  margin: 15px 30px 15px 115px;
  border-left: 2px solid rgb(221,221,221);
  color: #333333;
  padding-left: 14px;
}

ol.commentlist blockquote p {
  font-family: 'Quadraat','Times New Roman',Times, serif;
  font-size: 14px;
  font-style: normal;
  margin-left: 0px;
}

.comment-edit-link { display: block; }

/*respond to comments */

#leaveComment {
  width: 390px;
}

#leaveComment small {
  font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Helvetica, Arial, Sans-Serif; 
  font-size: 11px;
  text-transform: none;
  margin-left: 3px;
  letter-spacing: 0em;
}

#respond {
  margin: 30px 0 0 0;
  clear: both;
}

#respond p{
  margin: 0px;
}

#commentform {
  clear: both;
  font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Helvetica, Arial, Sans-Serif; 
}

#commentform label {
  float: right;
  clear: left;
  margin: 4px 10px;
  font-size: 12px;
  line-height: 1em;
}

.review #commentHolder {
  margin-right: 15px;
}

#commentform input {
  float: right;
  clear: right;
  width: 380px;
  margin: 5px 0px;
}

#comment {
  margin-left: 115px;
  width: 382px;
}

input#submit {
  width: 35px;
  float: right;
}

#comments, #leaveComment {
  float: left;
}

p.loggedIn, p.repliedTo {
  float: left;
  font-size: 10px;
  padding: 15px 3px 0;
  font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Helvetica, Arial, Sans-Serif; 
}

p.loggedIn {
  clear: left;
  width: 100px;
  padding: 0px;
  line-height: 14px;
}

p.replyBox textarea#comment{ 
  margin: 0px; 
  float: right;
}

/* sidebar */

#sidebar {
  width: 150px;
  float: right;
}	

/* footer */

#archiveNavigation {
  width: 1045px;
  clear: left;
  padding: 10px 0;
  margin-bottom: 20px;
  float: left;
  line-height: 1.1em;
}

#archiveNavigation .technical {
  margin: 5px 0px;
  display: block;
}

#archiveNavigation .footerCat {
  margin-top: 20px;
}

#about, #date, #category, #tags {
  float: left;
}

#date li, #category li, #tags ul {
  font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Helvetica, Arial, Sans-Serif; 
  font-size: 11px;
  line-height: 1.5;
}

#about { 
  font-size: 14px;
  font-family: 'Quadraat','Times New Roman',Times,serif;
  width: 337px; 
  margin-right: 20px;
}

#about p {
  line-height: 1.2857142857;
}

#date, #category  {width: 156px; margin-right: 15px;}

#tags  {width: 330px; }

/*login*/
#login {
  font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Helvetica, Arial, Sans-Serif; 
  width: 150px;
  float: left;
  font-size: 11px;
}

#login ul li{clear: both;}

#login ul li {display: block;}

#login ul.loggedIn li {display: inline; }

#login ul li input{
  width: 150px;
  margin: 5px 0px; 
}

div.loginButton input, div.loginButton label {
  float: left;
  margin: 2px;
}

input#loginButton {
  margin: 0px;
  float: right;
}

.floatRight { float: right;}

.serif {
  font-family: Georgia,"Times New Roman",Times,serif;
}


/*temporary feature page stuff */

.selectedBy {
  font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Helvetica, Arial, Sans-Serif; 
  font-size: 10px;
  position: absolute;
  width: 157px;
  margin: -9px 0pt 0pt -9px;
  opacity: 0;	
}

.container:hover .selectedBy {
  opacity: 1;	
}

.person{
  color: #fff;
  background-color: #000;
  padding: 6px 8px;
  float: left;
  opacity: 0;
}

.person span {
  display: block;
  line-height: 1.3;
}

.container:hover .person{
  opacity: 1;	
}

.smallSelect {
  text-transform: none;
  font-size: 10px;
  letter-spacing: 0em;
}

/* hide redundant posts on featured page */
a.a4548, a.a3894, a.a3843 {display: none;}





/* four fours */

.not_found h2{ margin-top: 30px; }

#four_four{ display: inline; }

#four_four input.query{
  background-color:transparent;
  border-top: none;
  border-right: none;
  border-bottom:1px solid #555555;
  border-left: none;
  color:#666666;
  font-family:Georgia,"Times New Roman",Times,serif;
  font-size:18px;
  font-size-adjust:none;
  height:20px;
  margin:20px 0px 15px;
  padding:5px 5px;
  width:220px;
}

.search_head { 	
  font-family:Georgia,"Times New Roman",Times,serif;
  font-size:18px;
}

#four_four #searchsubmit {
  font-family:Georgia,"Times New Roman",Times,serif;
  background:none repeat scroll 0 0 black;
  border: none;
  color:white;
  height:25px;
  padding:4px 0px 4px 2px;
  text-transform:uppercase;
  width:80px;
  font-size: 13px;
  letter-spacing: .1em;
  text-align: center;
  cursor: pointer;
}

#four_four #searchsubmit:hover {
  background-color: #ccc;
  color: #666;
}

#four_four p { 
  font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Helvetica, Arial, Sans-Serif; 	
  width: 400px; 
  font-size: 11px; 
  line-height: 16px;
}


.clear {
  clear: both;
}


/* ad additions - changes to nampelate too for more space */

#fusion_ad {
  overflow: hidden;
}

#advertising {
  color: rgb(51,51,51);
  float: left;
  font-family: 'Quadraat','Times New Roman',Times, serif;
  font-size: 14px;
  line-height: 1.2857142857;
  margin-bottom: 20px;
  overflow: hidden;
  width: 170px; 
}

a.no_underline { border: none; }

.ad_text {
  padding: 5px 0px;
  color: #333;
  line-height: 14px;
  position: absolute;
}

.advertising_note {
  color: #333;
  background: #eeeeee;
  width: 100px;
  margin-bottom: 1px;	
}

.fusionentire {
  display: block;
  width: 150px;
}

.fusionentire a { 
  display: block;
}

.fusionimg {
  border: 1px solid rgb(51,51,51);
  clear: right;
  margin-bottom: 5px;
}

.fusiontext {
  display: block;
  font-family: 'Quadraat-Bold','Times New Roman',Times, serif;
  font-weight: bold;
  margin: 5px 0;
  border: none;
}

.fusiontext:hover {
  border: none;
}

.powered-by-fusion {
  font-family: 'Quadraat','Times New Roman',Times, serif;
  font-style: normal;
  border: none;
  display: block;
}

.powered-by-fusion:hover {
  border: none;
}

a.typoNote {
  margin-top: 79px;
}

#namePlate, .searchBox input.query {
  width: 237px;
}

/* J A V A S C R I P T 
----------------------------------------------------------------------------- */ 

/* Add 15px solid white border to FancyZoom overlay images */

#ZoomCapDiv {
  color: white;
  font-family: 'Quadraat-Bold','Times New Roman',Times,serif ;
  font-size: 16px;
  font-weight: bold;
  line-height: 1;
  text-shadow: 0px 1px 2px rgba(0,0,0,0.5);
}

#ZoomCaption {
  padding: 5px;
}

#ZoomImage {
  border: 15px solid white;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}