@charset "utf-8";
html, body {
	height:100%;
}
html {background: #000 url(../images/ws_htmlbg.jpg) repeat-x;}
body {padding:0 0 20px 0; margin: 0; background: url(../images/ws_pagebg.jpg) no-repeat center top; width: 100%; display: table; font-family:"Times New Roman", Times, serif; font-size:17px; color:#000; line-height:1.2;}

.clearfloat {
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}
a img {border:none;}
a {color:#006ab2; text-decoration:none;}
a:hover {text-decoration:underline;}

#ws_content {padding:12px 17px 20px 17px; border:1px solid #cccccc; position:relative;}
#ws_content-holder {padding:6px 5px; border:1px solid #cccccc;}
#ws_frame {padding:6px 5px; box-sizing:border-box; margin:13px auto 0 auto; max-width:1200px; background:#fff;}

#ws_top-hdr {display:block; font-family:"trajan-pro-3", sans-serif; font-weight:700; color:#333333; text-decoration:none; font-size:18px; line-height:18px; letter-spacing:.1em; text-align:center; text-transform:uppercase; margin-bottom:15px;}

#top_nav-holder {display:none;}

#ws_topnav {font-family:"trajan-pro-3", sans-serif; font-weight:700; font-size:11px; text-transform:uppercase; letter-spacing:-.01px; border-bottom:1px solid #ccc; border-top:1px solid #ccc; text-align:center;}
#ws_topnav a {color:#333333; text-decoration:none; height:22px; line-height:22px; display:inline-block; padding:8px 14px;}
#ws_topnav a:hover {color:#295fb2; text-decoration:none;}
#ws_topnav a.nav_highlight {display:none;}

#top_nav-holder a.subnav_header {display:block; font-family:"trajan-pro-3", sans-serif; font-weight:700; font-size:10px; text-transform:uppercase; letter-spacing:1px; background:#ccc; text-align:center; padding:12px 0 6px 0; color:#fff;}

#ws_briannav {font-family:"trajan-pro-3", sans-serif; font-weight:700; font-size:10px; text-transform:uppercase; letter-spacing:1px; background:#ccc; padding:0 12px; margin-top:0px; text-align:center;}
#ws_briannav a {color:#333333; text-decoration:none; height:22px; line-height:22px; display:inline-block; padding:8px 14px; white-space: nowrap;}
#ws_briannav a:hover {color:#295fb2; text-decoration:none;}

#ws_content a.nav_highlight {color:#295fb2; text-decoration:none;}


#nav_toggle {display:block; width:72px; height:52px; position:absolute; left:0; top:0; line-height:52px; outline: none;}
#nav_toggle span {display:block; width:34px; height:2px; background:#666; position:absolute; left:19px; top:21px;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	transition:all 0.3s ease;
}
#nav_toggle:before {
content: "";
position: absolute;
left: 19px;
top: 15px;
width: 34px;
height: 2px;
background:#666;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	transition:all 0.3s ease;
}
#nav_toggle:after {
content: "";
position: absolute;
left: 19px;
top: 27px;
width: 34px;
height: 2px;
background:#666;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	transition:all 0.3s ease;
}

#nav_toggle.close span {
  background: transparent;
}


#nav_toggle.close:before {
	transform: rotate(-135deg);
	-ms-transform: rotate(-135deg);
	-moz-transform: rotate(-135deg);
	-webkit-transform: rotate(-135deg);
	-o-transform: rotate(-135deg);
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	transition:all 0.3s ease;
	top:21px;
}


#nav_toggle.close:after {
	transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	-moz-transform: rotate(135deg);
	-webkit-transform: rotate(135deg);
	-o-transform: rotate(135deg);
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	transition:all 0.3s ease;
	top:21px;
}



/* Home */
#ws_home-content {width:100%; overflow:auto; margin-top:12px;}
.ws_home-links {font-family:"trajan-pro-3", sans-serif; font-weight:700; font-size:14px; letter-spacing:1px; color:#000;margin: 15px 0 0 0;display: block;}
.ws_home-links span { color:#006ab2;}

/* About Brian */
#ws_brian-content {width:100%; overflow:auto; margin-top:12px;}
.ws_brian-left {float:none;}
.ws_brian-right {float:none; text-align:center;}
#brianright_links {margin: 5px auto; text-align: center; line-height: 24px; width: 258px;}
.ws_brian-vertical {display:none}
.ws_brian-horizontal {display:block; margin:0 0 20px 0; text-align:center;}
.ws_brian-horizontal img {width:98%; max-width:480px;}
.ws_brian-vertical img, .ws_brian-horizontal img, .ws_brian-right img {border: 1px solid #ccc;}

.dropcap {display:block; float:left; margin:5px 0 0 0; padding:0 8px 0 0; text-indent:-9000px; border:none;}
.letter-h {background:transparent url(../images/ws_letter-h.gif) 0 0 no-repeat; width:90px; height:88px;}
.letter-a {background:transparent url(../images/ws_letter-a.gif) 0 0 no-repeat; width:90px; height:88px;}
.letter-p {background:transparent url(../images/ws_letter-p.gif) 0 0 no-repeat; width:76px; height:88px;}

.ws_brianbio-left p {margin:0 0 18px 0; padding:0;}

.ws_brianbooks h2 {font-size:17px; margin:0 0 16px 0; padding:0;}
.ws_brianbooks-left1 {width:100%; box-sizing:border-box; float:none; padding:10px 0 10px 0;}
.ws_brianbooks-left1 p {margin:0 0 4px 0; padding:0; font-size:14px}
.ws_brianbooks-left1 em {font-size:17px}
.ws_brianbooks-left1 .publisher {font-size:12px}

.ws_brianbooks-left2 {width:100%; box-sizing:border-box; float:none; padding:10px 0 10px 0;}
.ws_brianbooks-left2 p {margin:0 0 14px 0; padding:0; font-size:14px}
.ws_brianbooks-left2 .booktitle {font-size:17px;}

.ws_brianinterview-left {color:#333;}
.ws_brianinterview-left p {margin:0 0 18px 0; padding:0;}
.ws_brianinterview-left ul {list-style:none; margin:0 0 16px 32px; padding:0}
.ws_brianinterview-left li {margin:0; padding:0 0 5px 0}
.ws_brianinterview-left .listintro {margin-bottom:6px}

.ws_brianfriends-left {color:#333;}
.ws_brianfriends-left p {margin:0 0 18px 0; padding:0;}
.ws_brianfriends-left .ws_brianfriends-note {font-size:14px;}

.ws_brianweird-left { color:#333;}
.ws_brianweird-left p {margin:0 0 18px 0; padding:0;}

.ws_brianorder-left {color:#333;}
.ws_brianorder-left p {margin:0 0 18px 0; padding:0;}



/* Essays */

#ws_essays_hdr {min-height:20px; margin: 10px auto; text-align: center; clear:both;}
#ws_essays-content {
 width:100%;
    
    margin:0 auto;
	padding:0 0 10px 0;
	display:block;
	 
}
.essays_pod-holder {width:50%; float:left; text-align:center; padding:0 2px; box-sizing:border-box;}
.essays_pod {display: inline-block; margin:0 auto 10px auto; position:relative; box-sizing:border-box;}
.essays_pod img {max-width:192px; width:100%; height:auto;}
.essays_pod span {display:block; width:100%; height:100%; background:#000; position:absolute; left:0; top:0;
/* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

  /* IE 5-7 */
  filter: alpha(opacity=0);

  /* Netscape */
  -moz-opacity: 0;

  /* Safari 1.x */
  -khtml-opacity: 0;

  /* Good browsers */
  opacity: 0;
}
.essays_pod:hover span {
	/* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";

  /* IE 5-7 */
  filter: alpha(opacity=50);

  /* Netscape */
  -moz-opacity: 0.5;

  /* Safari 1.x */
  -khtml-opacity: 0.5;

  /* Good browsers */
  opacity: 0.5;
}

/*.essays_pod_deaf-culture {background-image:url(../images/essays_pod_deaf-culture.jpg);}
.essays_pod_silent-to-sound {background-image:url(../images/essays_pod_silent-to-sound.jpg);}
.essays_pod_lightning-safety {background-image:url(../images/essays_pod_lightning-safety.jpg);}
.essays_pod_gunflint-lake {background-image:url(../images/essays_pod_gunflint-lake.jpg);}

.essays_pod_history-museums {background-image:url(../images/essays_pod_history-museums.jpg);}
.essays_pod_history-dioramas {background-image:url(../images/essays_pod_history-dioramas.jpg);}
.essays_pod_painting-diorama {background-image:url(../images/essays_pod_painting-diorama.jpg);}
.essays_pod_panorama-queens {background-image:url(../images/essays_pod_panorama-queens.jpg);}

.essays_pod_newyork-1977 {background-image:url(../images/essays_pod_newyork-1977.jpg)}
.essays_pod_hoboken {background-image:url(../images/essays_pod_hoboken.jpg);}
.essays_pod_konigsburg {background-image:url(../images/essays_pod_konigsburg.jpg);}
.essays_pod_queens-museum {background-image:url(../images/essays_pod_queens-museum.jpg);}
.essays_pod_fpo {background-image:url(../images/essays_pod_intro.gif);}
*/
#ws_longessays-content {margin:18px 0 20px 0; overflow:auto; font-size:18px; color:#333;}
#ws_longessays-content h1 {margin:0; padding:0; font-size:18px;}
#ws_longessays-content h2 {margin:0; padding:0; font-size:16px; font-weight:normal; font-style:italic;}
#ws_longessays-content h3 {margin:0 0 20px 0; padding:0; font-size:10px; font-weight:normal;}
#ws_longessays-content p {margin:0 0 20px 0; padding:0;}
#ws_longessays-content p.bio {font-style:italic;}
#ws_longessays-content p.bio em {font-style:normal;}
#ws_longessays-content .linkslist {color:#006ab2; margin:0 0 16px 30px; padding:0;}
#ws_longessays-content .linkslist li {margin:0; padding:0;}

.essayphoto_right {float:none; margin: 0 auto 20px auto; display:block;}
#longessays_btmlinks {font-size:18px; text-align:center; padding-top:20px;}
#longessays_btmlinks a {color:#333; text-decoration:none;}
#longessays_btmlinks a:hover {color:#333; text-decoration:underline;}





/* Media Queries */

@media screen and (min-height: 400px) {

}


@media only screen and (min-width: 480px) {
.essays_pod-holder {}
}

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

.essays_pod-holder {width:33%;}
}

@media only screen and (min-width: 768px) {
#ws_top-hdr {dfont-size:20px; line-height:20px;}
#nav_toggle {display:none;}
#top_nav-holder {display:block;}
#ws_topnav {
  display: -webkit-box;
  display: -moz-box; 
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content:space-between;
  -webkit-justify-content: space-between; 
}
#ws_topnav a {padding:0px;}
#ws_topnav a.nav_highlight {display: inline-block;}

#ws_briannav {
  display: -webkit-box;
  display: -moz-box; 
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content:space-between;
  -webkit-justify-content: space-between; 
  margin-top:12px;
}
#ws_briannav a {padding:0px;}
#top_nav-holder a.subnav_header {display:none;}

.ws_brianbooks-left1 {width:50%; float:left; padding:0 10px 0 0;}
.ws_brianbooks-left2 {width:50%; float:right; padding:0 0 0 10px;}
.essayphoto_right {float:right; margin-left:6px;}
}


@media only screen and (min-width: 960px) {
.ws_brian-left {float:left; max-width:700px;}
.ws_brian-right {float: right;}
.ws_brian-vertical {float:right; display:block; margin:0 0 20px 40px}
.ws_brian-horizontal {display:none;}
.essays_pod-holder {width:25%; }
}



@media only screen and (min-width: 1024px) {
	.ws_brian-left {max-width:760px;}	


}

@media only screen and (min-width: 1230px) {
	.ws_brian-left {max-width:800px;}


}

@media only screen and (min-width: 1280px) {
	.essays_pod-holder {width:20%;}

}


@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min-device-pixel-ratio: 1.5) {

}

/* IE9 Classes */
.ie9 {}

.oldie #ws_topnav, .oldie #ws_briannav {
    display: table;
    width: 100%;
}
.oldie #ws_topnav a, .oldie #ws_briannav a {
    display: table-cell;
    text-align: center;
}