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