/*
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. 
*/

/* JAF Bernina Sans Web */
@font-face{ font-family: BerninaSans-Web; font-style: normal; font-weight: normal; src: url("http://webfonts.justanotherfoundry.com/BerniniSans/BerninaSans-Web-Regular");}
@font-face{ font-family: BerninaSans-Web; font-style: italic; font-weight: normal; src: url("http://webfonts.justanotherfoundry.com/BerniniSans/BerninaSans-Web-Italic");}
@font-face{ font-family: BerninaSans-Web; font-style: normal; font-weight: bold;   src: url("http://webfonts.justanotherfoundry.com/BerniniSans/BerninaSans-Web-Semibold");}
@font-face{ font-family: BerninaSans-Web;  font-style: italic; font-weight: bold;   src: url("http://webfonts.justanotherfoundry.com/BerniniSans/BerninaSans-Web-SemiboldItalic");}

/* Nameplate */

@font-face {
    font-family: 'Tenez';
    src: url('fonts/Tenez-Black.eot');
    src: url('fonts/Tenez-Black.eot?#iefix') format('embedded-opentype'),
       url('fonts/Tenez-Black.woff') format('woff');

    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'BeausiteGrand';
    src: url('fonts/BeausiteGrand-Regular-Web.eot');
    src: url('fonts/BeausiteGrand-Regular-Web.eot?#iefix') format('embedded-opentype'),
       url('fonts/BeausiteGrand-Regular-Web.woff') format('woff');

    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'BeausiteSlick';
    src: url('fonts/BeausiteSlick-Medium-Web.eot');
    src: url('fonts/BeausiteSlick-Medium-Web.eot?#iefix') format('embedded-opentype'),
       url('fonts/BeausiteSlick-Medium-Web.woff') format('woff');

    font-weight: normal;
    font-style: normal;
}

/* wedding gothic */

/*
.atfweddinggothicbold {
  font-family: "ATF Wedding Gothic";
  font-style: normal;
  font-weight: bold;
}

.atfweddinggothicextralight {
  font-family: "ATF Wedding Gothic Ex Lt";
  font-style: normal;
  font-weight: normal;
}



@font-face {
    font-family: 'Stenciletta-Left';
    src: url('fonts/Stenciletta-BoldLeft.eot');
    src: url('fonts/Stenciletta-BoldLeft.eot?#iefix') format('embedded-opentype'),
       url('fonts/Stenciletta-BoldLeft.woff') format('woff');

    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Stenciletta-Right';
    src: url('fonts/Stenciletta-BoldRight.eot');
    src: url('fonts/Stenciletta-BoldRight.eot?#iefix') format('embedded-opentype'),
       url('fonts/Stenciletta-BoldRight.woff') format('woff');

    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'Eksell-Large';
    src: url('fonts/EksellDisplayLarge.eot');
    src: url('fonts/EksellDisplayLarge.eot?#iefix') format('embedded-opentype'),
       url('fonts/EksellDisplayLarge.woff') format('woff');

    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'Eksell-Medium';

    src: url('fonts/EksellDisplayMedium.eot');
    src: url('fonts/EksellDisplayMedium.eot?#iefix') format('embedded-opentype'),
       url('fonts/EksellDisplayMedium.woff') format('woff');

    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'sutro-inline-fill';
    src: url('fonts/sutrodeluxe_inlinefill-typographica.eot');
    src: url('fonts/sutrodeluxe_inlinefill-typographica.eot?#iefix') format('embedded-opentype'),
    	 url('fonts/sutrodeluxe_inlinefill-typographica.woff') format('woff');

    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'sutro-shaded';

    src: url('fonts/sutrodeluxe_inlineshaded-typographica.eot');
    src: url('fonts/sutrodeluxe_inlineshaded-typographica.eot?#iefix') format('embedded-opentype'),
    	 url('fonts/sutrodeluxe_inlineshaded-typographica.woff') format('woff');

    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'sutro-primary';

    src: url('fonts/sutrodeluxe_primary-typographica.eot');
    src: url('fonts/sutrodeluxe_primary-typographica.eot?#iefix') format('embedded-opentype'),
    	 url('fonts/sutrodeluxe_primary-typographica.woff') format('woff');

    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'sutro-initials';

    src: url('fonts/sutro_black_initials-typographica.eot');
    src: url('fonts/sutro_black_initials-typographica.eot?#iefix') format('embedded-opentype'),
    	 url('fonts/sutro_black_initials-typographica.woff') format('woff');

    font-weight: normal;
    font-style: normal;
}
*/


/* orwellian */
/*

@font-face {
    font-family: 'orwellian';

    src: url('fonts/Orwellian.eot');
    src: url('fonts/Orwellian.eot?#iefix') format('embedded-opentype'),
       url('fonts/Orwellian.woff') format('woff');

    font-weight: normal;
    font-style: normal;

}
*/




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

.m-serif-regular\(primary\) {
  font-family: "Fern RE", 'Turnip RE', Georgia, serif; 
  font-weight: normal !important;

  text-rendering: optimizeLegibility;

}

.m-serif-bold\(primary\) {
  font-family: "Fern RE", 'Turnip RE', Georgia, serif; 
  font-weight: bold; 

  text-rendering: optimizeLegibility;

}

/* ---- */

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

body {
  font-family: Georgia,"Times New Roman",Times,serif;
  color: #333;
  background: #eee url('images/dropin.gif') repeat-x 0px -4px;
  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: "BerninaSans-Web", "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;
}

sup
{
font-size: 0.8em;
vertical-align: 4px;
line-height: 0px;
}

.text ul,
.text ol {

  padding: 0 0 0 0; 


}

.text ul li,
.text ol li {
  list-style-type: square;
  list-style-position: outside;
  margin-bottom: 1em;
  margin-left: 3em;


}

#content ol li {
  list-style-type: decimal;
}

#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: "BerninaSans-Web", "Lucida Sans Unicode", "Lucida Sans", Verdana, Helvetica, Arial, Sans-Serif !important; 
  font-size: 12px;
  line-height: 1.5em;
  word-spacing: 0em;
}
.text small cite {
  font-family: "BerninaSans-Web", "Lucida Sans Unicode", "Lucida Sans", Verdana, Helvetica, Arial, Sans-Serif !important; 
  font-size: 12px;
  line-height: 1.5em;
  word-spacing: 0em;
}

.pullquote {
  float: right;
  width: 225px;
  margin: 0 0 15px 25px;
  font-family:'Bureau Grot Cond Medium';
  font-family: "Nocturno Display Bold Italic 2", "Bureau Grot Cond Medium";  
  font-size: 26px;
  line-height: 1.2em;
  word-spacing: -1px;
  text-rendering: optimizeLegibility;
}

.pullquotequote {
  float: right;
  width: 225px;
  margin: 0 0 15px 25px;
  font-family: "Nocturno Display Bold Italic 2", "Bureau Grot Cond Medium";  
  font-size: 26px;
  line-height: 1.2em;
  word-spacing: -1px;
  text-indent: -0.5em;
  text-rendering: optimizeLegibility;
}

strong {
  font-weight: bold;
}

cite {
  font-style: italic;
} 

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

blockquote {
  border-left: 4px solid rgb(221,221,221);
  color: rgb(45,45,45);
  font-family: "Fern RE", "Turnip RE", Georgia,'Times New Roman',Times,serif ;
  font-size: 14px;
  font-style: regular;
  line-height: 1.6;
  margin: 16px 30px 16px 0;
  padding-left: 28px;

  text-rendering: optimizeLegibility;

}

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

/* technical style */

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

.postmetadata { line-height: 1.7em;}

#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;
}

.commentary.full-width {
  background-image: none;
}

/*	Header navigation styles */

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

#name {
  margin-bottom: 0px;
}

#namePlate {
  width: 185px;
  float: right;
  padding-top: 2px;
}

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

#name a, #name .nameleft, .categories a {
	border: none;
	transition: color 300ms ease;
	-moz-transition: color 300ms ease;	
	-webkit-transition: color 300ms ease;	 	
}

.l-left {
  float: left;
}

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

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

/* adjust #name and .categories fonts to change masthead and nav */

#header {
	margin-top: 108px;
}

#name {
    font-family: "BeausiteGrand";
    font-style: normal;
    font-size: 134px;
    margin-top: 0px;
    margin-bottom: 20px;
    margin-left: 0px;
    position: relative;
  
/*  text-rendering: optimizeLegibility;
  font-feature-settings: "kern";
  -webkit-font-feature-settings: "kern";
  -moz-font-feature-settings: "kern";
  -moz-font-feature-settings: "kern=1"; */
}

.kern-y-name {
	margin-left:-4px;	
}


.categories {
  font-family: "Nocturno Display Bold 2", "Bureau Grot Cond Medium";  
  font-family: "BeausiteSlick";

  font-size: 43px;
  letter-spacing: 0px;
  font-weight: normal;
  text-rendering: optimizeLegibility;
  margin-bottom: 15px;
  margin-left: 0px;
}

.m-trigger.current a, .m-target.current .m-type, .red{
  color: #990000;
}


/* comment this section out when switching back to type in header  

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

ul.categories {
  margin-bottom: 15px;
  margin-left: -5px;
  width: 1045px;
}

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

}
 
#name a {
  width: 472px;
	padding-top: 78px;
	height: 0px;
	overflow: hidden;
	display: block;
	margin-left: 0px;
	background: transparent url('images/name.png') no-repeat 0px 0px;
}

#name a:hover {
	background: transparent url('images/name.png') no-repeat 0px -78px;
}


.navtype span{
  width: 136px;
  background: transparent url('images/type.png') no-repeat 0px 0px;
  float: left;
}
.navreviews a{
  width: 245px;
  background: transparent url('images/reviews.png') no-repeat 0px 0px;
}
.navbooks a{
  width: 202px;
  background: transparent url('images/books.png') no-repeat 0px 0px;
}
.navcommentary a{
  width: 369px;
  background: transparent url('images/commentary.png') no-repeat 0px 0px;
}

#header ul.categories li.current a, #header ul.categories li a.current, #header ul.categories li.current span{ background-position: 0px -77px;
}
#header ul.categories li.navcommentary a:hover, #header ul.categories li.navbooks a:hover, #header ul.categories li.navreviews a:hover { background-position: 0px -77px; }
*/
/* end type images for nav */

/*	filter*/

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

/* nameplate credit */

span.credits {
    font-family: "BerninaSans-Web", "Lucida Sans Unicode", "Lucida Sans", Verdana, Helvetica, Arial, Sans-Serif; 
    font-size: 11px;
    display: block;
    float: left;
    color: #777;
    width: 600px;
    float: left;
    margin-top:10px;
    margin-left: 20px;
}

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

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


/*search box */
.filters #searchsubmit { display: none; }

.searchBox {
 padding: 7px 20px;   
}

.searchBox div { 
    background: url('images/glass.png') no-repeat -1px -6px;
    margin-left: -20px;
    padding-left: 20px;
    float: right;

}

.searchBox input.query{
  font-family: "BerninaSans-Web", "Lucida Sans Unicode", "Lucida Sans", Verdana, Helvetica, Arial, Sans-Serif; 
  font-size:11px;
  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: #777;
  background-color: transparent;
  width: 155px
}

.searchBox textarea:focus, .searchBox input:focus{
    outline: 0;
}

/* 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;
}

.arrow {
  font-size: 9px;
}

.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: "BerninaSans-Web", "Lucida Sans Unicode", "Lucida Sans", Verdana, Helvetica, Arial, Sans-Serif; 
  font-size: 11px;
  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*/

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


.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: 17px 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: auto;
}

.home .feature .narrowcolumn a h1{
  font-size: 36px;
  line-height: 1.15em;
  font-weight: 500;
  color: black;
  margin-bottom:5px;
  margin-top: 10px;
  font-family: "Nocturno Display Bold 2", "Bureau Grot Cond Medium";
  word-spacing: -1px;
  text-rendering: optimizeLegibility;
}

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


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

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

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

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

.home .feature a img {
    width: 325px;
    height: auto;
}

.container {
  width: 140px;
  height: 190px;
  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: 140px;
  overflow: hidden;
}

.thumbnail img{
    width: 140px;
    height: auto;
}



/*styles for type reviews name and designer */

.container a {
  color: black;
}

.featuredArticle .container h2, .container h2 {
  margin: 8px 0px 0px;
  font-size: 13px;
  line-height: 14px;
  font-family: "BerninaSans-Web", "Lucida Sans Unicode", "Lucida Sans", Verdana, Helvetica, Arial, Sans-Serif; 
}

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

.container .byline a {
  color:black;
}

.container .thumbnail h2 {
  font-family: "BerninaSans-Web", "Lucida Sans Unicode", "Lucida Sans", Verdana, Helvetica, Arial, Sans-Serif; 
}


/* category listing for archive */

.commentaryList li {
  border-top: 1px solid #dddddd;
  line-height: 1.7;
  list-style-type: none !important;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 115px;
  position: relative;
}

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

.archive .commentaryList{
  width: 760px; 
}

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

.commentaryList a {
  border: none;
  text-decoration: none;
}

.commentaryList .date{
  display: inline-block;
  font-family: "Fern RE", "Turnip RE" Georgia, serif;
  font-size: 14px; 
  font-weight: normal; 
  margin-right: 12px;
  text-align: right;
  width: 100px;
  word-spacing: -1px;  

  position: absolute;
  left: 0px;
  top: 14px;

  text-rendering: optimizeLegibility;

}

.m-commentary-list-title {
  display: inline;
  font-family: "Fern RE", "Turnip RE", Georgia, serif;
  font-weight: bold;
  font-size: 14px;
  word-spacing: -1px;

  text-rendering: optimizeLegibility;

}

.commentaryList .author{
  font-family: "Fern RE", "Turnip RE", Georgia, serif;
  font-size: 14px; 
  font-weight: normal; 
  margin-left: 5px;
  word-spacing: -1px;

  text-rendering: optimizeLegibility;

}

/*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;
}

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

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

.archive .recentComments .technical {
  background-color: #dddddd;
  display: block;
  font-weight: bold;
  margin: 0px;
  padding: 15px 15px 5px;

  font-family: "BerninaSans-Web", "Lucida Sans Unicode", "Lucida Sans", Verdana, Helvetica, Arial, Sans-Serif; 
}

.archive.commentary 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: 10px 0px;
  border-bottom: 1px solid white;
}

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


.archive ul.recentComments h2{
  display: block;
  font-family: "Fern RE", "Turnip RE", Georgia,"Times New Roman",Times,serif;
  font-size: 13px; 
  font-weight: normal; 
  line-height: 1.4; 
  margin: 0;
  padding-top: 0px;
  word-spacing: -1px;

  text-rendering: optimizeLegibility;

}

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

.archive div.number {
  display: inline;
  display: none;

}

.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: 17px;
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: 13px; 
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;
}

#content div.books img, .category-typography-books #content a img{
    width: 140px;
    height: auto;
}

/*single post */

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

.review h1, .commentary h1, .featuredArticle h1, h1 {
  color: #222222;
  font-size: 42px;
  line-height: 1.15em;
  margin: 5px 10px 10px 0;
  font-weight: 500;
  font-family: "Nocturno Display Bold 2", "Bureau Grot Cond Medium";
  word-spacing: -1px;
  text-rendering: optimizeLegibility;
  font-style: normal;
}

.review h1 cite, .commentary h1 cite, .featuredArticle h1 cite {
  font-family: "Nocturno Display Bold Italic 2", Georgia;
  font-style: normal;
}

.review h2, .featuredArticle h2 {
  color: #222222;
  font-size: 30px;
  line-height: 1.1em;
  margin: 0 5px 3px 0;
  font-family: "BerninaSans-Web", "Lucida Sans Unicode", "Lucida Sans", Verdana, Helvetica, Arial, Sans-Serif; 
  
}

.commentary h2 {}

.review h3, .commentary h3, .featuredArticle h3, h3#leaveComment {
  color: #222222;
  font-family: "BerninaSans-Web", "Lucida Sans Unicode", "Lucida Sans", Verdana, Helvetica, Arial, Sans-Serif !important; 
  font-size: 18px;
  margin: 25px 0 10px 0;
  line-height: 1.3em;
  font-weight: bold;
  letter-spacing: 0px;
  width: 700px;
}

h3 cite {
  font-family: "BerninaSans-Web", "Lucida Sans Unicode", "Lucida Sans", Verdana, Helvetica, Arial, Sans-Serif !important; 
  font-style: italic;
}

.callOut {
  color: rgb(45,45,45);
  display: block;
  font-family: "Fern RE", 'Turnip RE', Georgia, 'Times New Roman',Times, serif;
  font-size: 18px; 
  font-weight: normal; 
  line-height: 1.4; 
  overflow: hidden;
  word-spacing: -1px;

  text-rendering: optimizeLegibility;

}

.written {
  /*color: #808080;*/
  font-family: "Fern RE Small Caps", 'Turnip RE', Georgia,'Times New Roman',Times,serif;
  font-size: 14px;
  font-style: regular;
  line-height: 1.4;
  margin-bottom: 1em;
  padding: 0px;

  text-rendering: optimizeLegibility;

}

.text {
  color: rgb(45,45,45);
  font-size: 15px;
  line-height: 1.4;
  word-spacing: -1px;

  text-rendering: optimizeLegibility;

}

.text cite,
.text em,
.callOut cite,
.callOut em,
.callOut i {
  font-family: "Fern RE", 'Turnip RE', Georgia,'Times New Roman',Times,serif ;
  font-style: italic;

  text-rendering: optimizeLegibility;

}

.text small em,
.callOut small em  {
  font-family: "BerninaSans-Web", "Lucida Sans Unicode", "Lucida Sans", Verdana, Helvetica, Arial, Sans-Serif; 
  font-style: italic;
  word-spacing: 0;
}

.text strong,
.callOut strong {
  font-family: "Fern RE", 'Turnip RE', Georgia,'Times New Roman',Times, serif;
  font-weight: bold;

  text-rendering: optimizeLegibility;

}

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

.text h2 {
  font-family: 'Nocturno Display Bold 2', Georgia, serif;
  font-size: 24px;
  margin: 20px 0 10px 0;
  font-weight: normal;
}

.text h2 i, .text h2 em, .text i h2, .text em h2 {
	font-family: "Nocturno Display Bold Italic 2";
	font-style: normal;
	font-weight: normal;
	font-stretch: normal;
}

.author-bios {
	margin-top: 30px;
}

/* #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: "BerninaSans-Web", "Lucida Sans Unicode", "Lucida Sans", Verdana, Helvetica, Arial, Sans-Serif; 
  font-size: 11px;
  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;
}

#postImage img{
  max-width: 500px;
  height: auto;
}

.review .postmetadata {
  margin: 5px 10px 0px 0px; 
  width: 105px;
  float: left;
  clear: none;
  font-family: "BerninaSans-Web", "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 1px;
  display: block;
}

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

/*in use links */
.enlarge {
  font-family: "BerninaSans-Web", "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 13px 10px 18px;
  padding: 1px;
    width: 140px;
    height: auto;
}

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

/* single posts commentatry */

.commentary #leftCol{
  width: 502px;
  float: left;
  margin-right: 18px;
}

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

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

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

/* full-width single posts commentatry */

.commentary.full-width #leftCol{
  width: 1000px;
  float: left;
  margin-right: 18px;
}


.commentary.full-width #leftCol p{
  width: 502px;
}

.commentary.full-width #leftCol p.loggedIn, .commentary.full-width #leftCol p.repliedTo {
  float: left;
  font-size: 10px;
  padding: 15px 3px 0;
  font-family: "BerninaSans-Web", "Lucida Sans Unicode", "Lucida Sans", Verdana, Helvetica, Arial, Sans-Serif; 
}

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

.commentary.full-width #leftCol p.replyBox textarea#comment{ 
  margin: 0px; 
  float: right;
}


.commentary.full-width .accordian {
  background: red;
  padding: 20px 0px;
}

/*recent comments single */


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

.commentary .recentComments .technical, .commentary .relatedPosts .technical {
  font-family: "Fern RE", 'Turnip RE', Georgia,'Times New Roman',Times, serif;
  font-family: "BerninaSans-Web", "Lucida Sans Unicode", "Lucida Sans", Verdana, Helvetica, Arial, Sans-Serif;   
  font-weight: bold; 
  margin: 0px;
  display: block;
  background-color: #dddddd;
  padding: 8px 15px 5px;

  text-rendering: optimizeLegibility;

}

.commentary ul.recentComments, .commentary ul.relatedPosts {
  font-family: "Fern RE", 'Turnip RE', Georgia,'Times New Roman',Times, serif;
  font-size: 14px; 
  font-weight: normal; 
  line-height: 1.4; 
  margin-right: 0px;
  padding-top: 0px;
  width: 510px;

  text-rendering: optimizeLegibility;

}

.commentary ul.relatedPosts a, .commentary ul.recentComments 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: "Fern RE", 'Turnip RE', Georgia,'Times New Roman',Times, serif;
  font-size: 14px; 
  font-weight: normal; 
  line-height: 1.4; 
  margin-right: 0px;
  padding-top: 0px;
  word-spacing: -1px;

  text-rendering: optimizeLegibility;

}

.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: 13px;
  display: none;
}

.commentary .number {
  display: none;
}

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

.featuredArticle .container {
  width: 140px;
  height: 190px;
  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: "BerninaSans-Web", "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;
  line-height: 1.7;
}

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

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

.commentary.full-width #commentHolder {
  float: left;
}


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: "BerninaSans-Web", "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: "BerninaSans-Web", "Lucida Sans Unicode", "Lucida Sans", Verdana, Helvetica, Arial, Sans-Serif !important; 
  font-style: normal !important; 
  font-weight: bold !important;
  line-height: 1.4 !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: "Fern RE", 'Turnip RE', Georgia,'Times New Roman',Times, serif;
  font-size: 14px; 
  font-weight: normal; 
  line-height: 1.4; 
  margin-left: 115px;
  word-spacing: -1px;

  text-rendering: optimizeLegibility;

}

ol.commentlist cite,
ol.commentlist em {
  font-family: "Fern RE", 'Turnip RE', Georgia,'Times New Roman',Times, serif;
  font-style: italic;

  text-rendering: optimizeLegibility;

}

ol.commentlist strong {
  font-family: "Fern RE", 'Turnip RE', Georgia,'Times New Roman',Times, serif;
  font-weight: bold;

  text-rendering: optimizeLegibility;

}

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

ol.commentlist blockquote p {
  font-family: "Fern RE", 'Turnip RE', Georgia,'Times New Roman',Times, serif;
  font-size: 14px;
  font-style: normal;
  margin-left: 0px;
  word-spacing: -1px; 

  text-rendering: optimizeLegibility;
  
}

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

/*respond to comments */

#leaveComment {
  width: 475px;
}

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

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

#respond p{
  margin: 0px;
}

#commentform {
  clear: both;
  font-family: "BerninaSans-Web", "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 {
}

p.loggedIn, p.repliedTo {
  float: left;
  font-size: 10px;
  padding: 15px 3px 0;
  font-family: "BerninaSans-Web", "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, #elsewhere {
  float: left;
}

#date li, #category li, #tags ul, #elsewhere ul, #resources ul {
  font-family: "BerninaSans-Web", "Lucida Sans Unicode", "Lucida Sans", Verdana, Helvetica, Arial, Sans-Serif; 
  font-size: 11px;
  line-height: 1.7;
}

#about { 
  font-size: 13px;
  font-family: "BerninaSans-Web", "Lucida Sans Unicode", "Lucida Sans", Verdana, Helvetica, Arial, Sans-Serif; 
  width: 330px; 
  margin-right: 30px;
}

#about p {
  line-height: 1.5;
}

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

#tags  {width: 330px; }

/*login*/
#login {
  font-family: "BerninaSans-Web", "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: "BerninaSans-Web", "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;
  word-spacing: 0em;
}

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



.narrowcolumn h1 {
  color: #222222;
  font-size: 36px;
  line-height: 1.15em;
  margin: 5px 10px 10px 0;
  font-weight: 500;
  font-family: "Nocturno Display Bold 2", "Bureau Grot Cond Medium";
  word-spacing: -1px;
  text-rendering: optimizeLegibility;
  font-style: normal;
}



/* 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: "BerninaSans-Web", "Lucida Sans Unicode", "Lucida Sans", Verdana, Helvetica, Arial, Sans-Serif; 	
  width: 400px; 
  font-size: 11px; 
  line-height: 13px;
}


.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: "BerninaSans-Web", "Lucida Sans Unicode", "Lucida Sans", Verdana, Helvetica, Arial, Sans-Serif; 
  font-size: 11px;
  line-height: 1.3125;
  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: "BerninaSans-Web", "Lucida Sans Unicode", "Lucida Sans", Verdana, Helvetica, Arial, Sans-Serif; 
  font-weight: bold;
  margin: 5px 0;
  border: none;
}

.fusiontext:hover {
  border: none;
}

.powered-by-fusion {
  font-family: "BerninaSans-Web", "Lucida Sans Unicode", "Lucida Sans", Verdana, Helvetica, Arial, Sans-Serif; 
  font-style: normal;
  border: none;
  display: block;
}

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

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

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

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

#ZoomCapDiv {
  color: white;
  font-family: "BerninaSans-Web", "Lucida Sans Unicode", "Lucida Sans", Verdana, Helvetica, Arial, Sans-Serif; 	
  font-size: 11px;
  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;
}

.inUse a{
  float: left;
  margin-top: 10px;
  text-align: center;
  width: 140px !important;
  margin-right: 20px;
  margin-bottom: 10px;
  display: block;
}

/*.inUse a:nth-child(3n+3)  {
  margin-right: 0px;
}*/

/* image gallery stuff */

.gallery-caption {
  display: none;
}

#gallery-1 {
  margin: auto;
}
#gallery-1 .gallery-item {
  float: left;
  margin-top: 10px;
  text-align: center;
  width: 140px !important;
  margin-right: 20px;
  margin-bottom: 10px;
}
/*#gallery-1 .gallery-item:nth-child(3n+3)  {
  margin-right: 0px;
}*/
#gallery-1 img {
    width: 140px;
    height: auto;
  border: none !important;
  cursor: -webkit-zoom-in;
}
#gallery-1 .gallery-caption {
  margin-left: 0;
}

.fancybox-overlay a {
  border: none;
}

.fancybox-title {
  font-family: "BerninaSans-Web" !important;
  font-size: 15px !important;
}

.fancybox-title a {
  color: #ccc;
  text-decoration: underline;
}

.fancybox-title a:hover {
  text-decoration: none;
}

.fancybox-title-float-wrap .child {
  font-family: "BerninaSans-Web", "Lucida Sans Unicode", "Lucida Sans", Verdana, Helvetica, Arial, Sans-Serif !important; 
  font-size: 14px !important;
  background: none !important;
  text-shadow: 0px 0px 0px #333 !important;
}

/* S C R A T C H 
----------------------------------------------------------------------------- */ 
/*
.search small {
  font-family: 'Turnip RE', Georgia,'Times New Roman',Times,serif !important;
  font-style: italic;
  font-size: 14px;
  font-weight: normal;
  letter-spacing: 0em;
  text-transform: none;
  word-spacing: 0em;
}

#gallery-1 img {
  border: none !important;
  max-width: 495px;
  overflow: hidden;
}

#gallery-1 .gallery-item {
  margin-top: 25px !important;
  text-align:left !important;
}

#gallery-1 .gallery-item:first-child {
  margin-top: 0 !important;
}

#gallery-1 .gallery-caption {
  margin-left: 0;
  font-family: 'Turnip RE', Georgia,'Times New Roman',Times,serif ;
  font-size: 14px;
  font-weight: bold;
  line-height: 1.7em;
  margin-top: 5px;
  text-align: left;
}

#gallery-1 .gallery-icon a {
  pointer-events: none;
  cursor: default;
}
*/


.technical {
	font-family: "BerninaSans-Web";
}

.bureaugrot {
  font-family: "Bureau Grot Cond Medium";
  font-style: normal;
  font-weight: normal;
}

/* the deck */

#deck {
	width: 165px; 
	font-family: "BerninaSans-Web", "Lucida Sans Unicode", "Lucida Sans", Verdana, Helvetica, Arial, Sans-Serif;
	font-size: 11px;
	float: right;
	position: relative;
	z-index: 100;
}

.deck-subhead {
	display: block;
	float: left;
	color: #999;
	width: 100px;
	float: left;
	font-size: 10px;
	margin-top: 3px;
	border-bottom: none;
	text-decoration: none;
	margin-left:-100px;
}

.deck-subhead:hover {
	border-bottom: none;
}

.deck-content {
	width: 178px;
	float: left;
}

img.ad {
	margin-bottom: 10px;
}

p.ads {	
	margin-bottom: 0px;
}

.ads {
	color: #777;
}

.ads a {
	border: none;
	text-decoration: none;
	color: #333;
}

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

.wp-caption-text {
	margin-top: 15px;
	font-family: "BerninaSans-Web", "Lucida Sans Unicode", "Lucida Sans", Verdana, Helvetica, Arial, Sans-Serif !important; 
	font-size: 12px;
	line-height: 1.5em;
	width: 500px;
}	

.two-col {
  -webkit-column-count:2; /* Chrome, Safari, Opera */
  -moz-column-count:2; /* Firefox */
  column-count:2;

  -webkit-column-gap:20px; /* Chrome, Safari, Opera */
  -moz-column-gap:20px; /* Firefox */
  column-gap:20px;  

  margin-bottom: 15px;
}

.three-col {
  -webkit-column-count:3; /* Chrome, Safari, Opera */
  -moz-column-count:3; /* Firefox */
  column-count:3;

  -webkit-column-gap:20px; /* Chrome, Safari, Opera */
  -moz-column-gap:20px; /* Firefox */
  column-gap:20px;  

  margin-bottom: 15px;
}

.two-col li {
  margin-bottom: 0px;
  list-style-type: none;
}

.text ul.three-col li {
  margin-bottom: 0px;
  list-style-type: none;
}

.show-iframe, .toggle-iframe {
  font-family: "BerninaSans-Web", "Lucida Sans Unicode", "Lucida Sans", Verdana, Helvetica, Arial, Sans-Serif !important; 
  font-size: 12px;
  line-height: 1.5em;
  word-spacing: 0em;
  margin-bottom: 5px;

  cursor: pointer;
}

.expander-arrow {
  font-size: 9px;
  padding-right: 0px;
  text-decoration: none;
}

.expander-text {
  text-decoration: underline;
}


.show-iframe:hover .expander-text, .toggle-iframe:hover .expander-text, .show-iframe:hover .expander-arrow, .toggle-iframe:hover .expander-arrow{
  color: #990000;
  text-decoration: none;
}