@media screen { .tabs-block { clear: left; float: left; width: 605px; padding: 0; margin: 0 0 10px 0; display: block; margin-top:25px; } .tabbed { width: 100%; overflow: hidden; padding: 0; margin: 0; background: transparent; border: none; } .tabbed ul.tabs { overflow: hidden; display: block; position: relative; top: 0; left: 0; z-index: 1; list-style-type: none; margin: 0; padding: 0; width: 100%; background: transparent; } .tabbed ul.tabs li { display: inline; float: left; padding: 0; margin: 0 .3em 0 0; } .tabbed ul.tabs li a { font-weight: bold; display: block; margin: 0; padding: 5px .8em; background: #E6E3D3; color:#333; border: 1px solid #ccc; } .tabs-block ul.tabs li a { padding: 5px .7em; } .tabbed ul.tabs li a:hover { background: #333; color:#fff; text-decoration: none; } .tabbed ul.tabs li a.tab-current { background: #fff; color:#333; border-bottom: 1px solid #fff; } .tabs-block .tabbed div, #home .tabbed .c { overflow: hidden; display: block; position: relative; left: 0; top: -1px; z-index: 0; clear: left; width: 100%; margin: 0; padding: 5px 0; border-top: 1px solid #ccc; border-left: 1px solid #ccc; border-right: 2px solid #999; border-bottom: 2px solid #999; background: url(/wp-content/themes/branfordmagazine/styles/../images/backgrounds/bg_leadarticle.jpg) repeat-x #E6E3D3; display: none; } .tabs-block .tabbed div:hover { background: url(/wp-content/themes/branfordmagazine/styles/../images/backgrounds/bg_leadarticle.jpg) repeat-x #E6E3D3; } div.t2, div.t3, div.t4, div.t5, div.c2, div.c3, div.c4, div.c5, div.c6, div.c7, div.c8, div.c9, div.c10 { display: none; } .tabs-block .tabbed div.t1, #home .tabbed div.c1 { display: block; } .tabs-block .tabbed div { width: 600px; } .tabbed div ul { overflow: hidden; padding:10px; background: transparent; } .tabbed div ul li { clear: left; background: transparent; } .tabbed div ul li a { font-weight: normal; width: 97%; display: block; padding: 2px 0 2px 12px; background: transparent; border: none; } .tabbed div ul li a:hover { text-decoration: underline; } } @media screen {  #nav { background:#666; font-size:1em; } #nav, #nav ul { list-style: none; line-height: 1; } #nav a, #nav a:hover { display: block; text-decoration: none; border:none; } #nav li { float: left; list-style:none; border-right:1px solid #fff; } #nav a, #nav a:visited { display:block; font-weight:bold; color: #f5f5f4; padding:6px 12px; } #nav a:hover, #nav a:active { background:#333; text-decoration:none; } .current_page_item a, #home .on { background:#333; }  #nav li ul { position: absolute; z-index: 10; left: -999em; height: auto; width: 174px; border-bottom: 1px solid #666; } #nav li li { width: 172px; border-top: 1px solid #fff; border-right: 1px solid #fff; border-left: 1px solid #fff; background:#999; } #nav li li a, #nav li li a:visited { font-weight:normal; font-size:0.9em; color:#FFF; } #nav li li a:hover, #nav li li a:active { background:#333; } #nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { left: auto; } a.main:hover {background:none;} } @media screen {  .imageframe { margin:5px 12px 5px 0; padding:4px; border:1px solid #999; } .imgalignleft { float:left; margin:0 12px 5px 0; } .imgalignright { float:right; margin:0 0 5px 12px; } .imgaligncenter { display:block; margin:0 auto 5px auto; } .imagecaption {padding: 2px 2px 0 2px; text-align: left; font-size:10px!important; color:#666!important;} } @media screen {  #pageleft { float: left; width: 265px; margin: 20px 20px 0px 0px; padding: 0 20px 0 0; border-right: solid 1px #999; text-align:justify; } #pagemiddle { float: left; width: 265px; margin: 20px 20px 0px 0px; padding: 0px; text-align:justify; } #pageright { float: right; width: 265px; margin: 20px 0px 0px 0px; padding: 0 0 0 20px; border-left: solid 1px #999; text-align:justify; } #pageleft .bullets li, #pagemiddle .bullets li, #pageright .bullets li { list-style:square; margin-bottom:5px; margin-left:22px; }  #featured-top { width:880px; float:left; padding: 0 0 15px 0; margin: 0 0 25px 0; border-bottom: double 3px #999; } #featured-content { width:600px; float:left; } #featured-sidebar { width: 250px; float:right; } #featured-sidebar h3 { border-bottom:1px solid #999; padding:5px 0 5px 2px; margin:0 0 20px 0; } #featured-sidebar .sidebar_widget { margin:0 0 20px 0; text-align:justify; } #featured-leftcol { width:600px; float:left; margin:20px 20px 0 0; padding: 0 25px 0 0; border-right: 1px solid #999; } #featured-leftcol h2, #featured-rightcol h2, #featured-content h2{ color: #840000; font: 1.6em Arial, Helvetica, sans-serif; margin: 0 0 10px 0; border:none; } #featured-leftcol img{ float:left; margin:0 20px 10px 0; padding:1px; border: 1px solid #999; } #featured-rightcol{ width:230px; float:right; margin-top:20px; } #featured-rightcol li { list-style:none } #featured-rightcol .bullets li { list-style:square; margin-bottom:5px; margin-left:22px; } } @media print {body, html { background:#FFF; font:12pt Arial, Helvetica, sans-serif; color:#000; } a:link, a:visited { background: transparent; font-weight: bold; text-decoration: underline; color:#000; } h1, h2, h3, h4 { font-family: Georgia, "Times New Roman", Times, serif } h1 { font-size:2em; } h2 { font-size:1.8em; } h3 { font-size:1.5em; } h4 { font-size:1.2em; } img { display:block; border:0; } #nav, #searchform, #branding, #commentform, #footer, #sidebar { display:none } hr { background:#000; color:#000; width:100%; height:1px; margin:2em 0; border:none; } blockquote { margin:1.5em 0; padding:1em; border:1px solid #ccc; font-style:italic; font-size:0.9em; } } @media screen {  .ngg-albumoverview { margin-top: 10px; width: 100%; clear:both; display:block !important; } .ngg-album { overflow: hidden; padding: 5px; margin-bottom: 5px; } .ngg-albumtitle { border-bottom:1px dashed #AAAAAA; text-align: left; font-weight: bold; margin:0px; padding-bottom: 3px; font-size: 1.4em; margin-bottom: 10px; } .ngg-thumbnail { float: left; margin-right: 12px; background:#EEEEEE none repeat scroll 0% 50%; border-color:#DDDDDD rgb(187, 187, 187) rgb(170, 170, 170) rgb(204, 204, 204); border-style:solid; border-width:1px; color:inherit; margin-right: 5px; padding:5px; } .ngg-thumbnail img { filter: alpha(opacity=100); -moz-opacity: .99; opacity: .99; background:#FFFFFF none repeat scroll 0%; border-color:#AAAAAA rgb(204, 204, 204) rgb(221, 221, 221) rgb(187, 187, 187); border-style:solid; border-width:1px; color:inherit; padding:2px; vertical-align:top; } .ngg-thumbnail img:hover { filter: alpha(opacity=90); -moz-opacity: .9; opacity: .9; border-color:#000000; } .ngg-description { text-align: left; }  .ngg-album-compact { float:left; height:180px; padding-right:6px !important; margin:0px !important; text-align:left; width:120px; } .ngg-album-compactbox { background:transparent url(/wp-content/plugins/nextgen-gallery/css/albumset.gif) no-repeat scroll 0%; height:86px; margin:0pt 0pt 6px !important; padding:12px 0pt 0pt 7px !important; width:120px; } .ngg-album-compactbox .Thumb { border:1px solid #000000; margin:0px !important; padding:0px !important; width:91px; height:68px; } .ngg-album-compact h4 { font-size:15px; font-weight:bold; margin-bottom:0px; margin-top:0px; width:110px; } .ngg-album-compact p { font-size:11px; margin-top:2px; }  .ngg-galleryoverview { overflow: hidden; margin-top: 10px; width: 100%; clear:both; display:block !important; } .ngg-gallery-thumbnail-box { float: left; background:#EEEEEE none repeat scroll 0% 50%; border-color:#DDDDDD rgb(187, 187, 187) rgb(170, 170, 170) rgb(204, 204, 204); border-style:solid; border-width:1px; color:inherit; display:inline; margin:3px; padding:5px; position:relative; } .ngg-gallery-thumbnail { float: left; } .ngg-gallery-thumbnail img { filter: alpha(opacity=100); -moz-opacity: .99; opacity: .99; background:#FFFFFF none repeat scroll 0%; border-color:#AAAAAA rgb(204, 204, 204) rgb(221, 221, 221) rgb(187, 187, 187); border-style:solid; border-width:1px; color:inherit; padding:2px; vertical-align:top; } .ngg-gallery-thumbnail img:hover { filter: alpha(opacity=90); -moz-opacity: .9; opacity: .9; border-color:#000000; } .ngg-gallery-thumbnail span {  font-size:90%; padding-left:5px; display:block; } .ngg-clear { clear: both; }  .ngg-navigation { font-size:0.9em !important; clear:both !important; display:block !important; padding-top:15px; text-align:center; } .ngg-navigation span { font-weight:bold; margin:0pt 6px; } .ngg-navigation a.page-numbers, .ngg-navigation a.next, .ngg-navigation a.prev, .ngg-navigation span.page-numbers, .ngg-navigation span.next, .ngg-navigation span.prev { border:1px solid #DDDDDD; margin-right:3px; padding:3px 7px; } .ngg-navigation a.page-numbers:hover, .ngg-navigation a.next:hover, .ngg-navigation a.prev:hover, .ngg-navigation span.page-numbers:hover, .ngg-navigation span.next:hover, .ngg-navigation span.prev:hover { background-color: #0066CC; color: #FFFFFF !important; text-decoration: none !important; }  .ngg-imagebrowser { } .ngg-imagebrowser h3 { text-align:center; padding-bottom:10px; } .ngg-imagebrowser .pic { background:#EEEEEE none repeat scroll 0% 50%; border-color:#DDDDDD rgb(187, 187, 187) rgb(170, 170, 170) rgb(204, 204, 204); border-style:solid; border-width:1px; color:inherit; display:block; padding:10px; } .ngg-imagebrowser img { width: 100%; margin: -3px; background:#FFFFFF none repeat scroll 0%; border-color:#AAAAAA rgb(204, 204, 204) rgb(221, 221, 221) rgb(187, 187, 187); border-style:solid; border-width:1px; color:inherit; padding:2px; vertical-align:top; } .ngg-imagebrowser-nav { padding:10px; margin-left:10px; } .ngg-imagebrowser-nav .back { float:left; border:1px solid #DDDDDD; margin-right:3px; padding:3px 7px; } .ngg-imagebrowser-nav .next { float:right; border:1px solid #DDDDDD; margin-right:3px; padding:3px 7px; } .ngg-imagebrowser-nav .back:hover, .ngg-imagebrowser-nav .next:hover { border:1px solid #000000; } .ngg-imagebrowser-nav .back a:hover, .ngg-imagebrowser-nav .next a:hover { text-decoration: none !important; } .ngg-imagebrowser-nav .counter { text-align:center; font-size:0.9em !important; } .exif-data { margin-left: auto !important; margin-right: auto !important; }  .slideshow { margin-left: auto; margin-right: auto; text-align:center; outline: none; } .slideshowlink { }  .ngg-slideshow { overflow:hidden; position: relative; } .ngg-slideshow * { vertical-align:middle; }  .ngg-slideshow-loader{ display: table-cell; text-align: center; vertical-align:middle; } .ngg-slideshow-loader img{ background: none !important; border: 0 none !important; margin:auto !important; }  .ngg-singlepic { background-color:#FFFFFF; display:block; padding:4px; } .ngg-left { float: left; margin-right:10px; } .ngg-right { float: right; margin-left:10px; } .ngg-center { margin-left: auto !important; margin-right: auto !important; }  .ngg-widget, .ngg-widget-slideshow { overflow: hidden; margin:0pt; padding:5px 0px 0px 0pt; } .ngg-widget img { border:2px solid #A9A9A9; margin:0pt 2px 2px 0px; padding:1px; }  .ngg-related-gallery { background:#F9F9F9; border:1px solid #E0E0E0; overflow:hidden; margin-bottom:1em; margin-top:1em; padding:5px; } .ngg-related-gallery img { border: 1px solid #DDDDDD; float: left; margin: 0pt 3px; padding: 2px; height: 50px; width: 50px; } .ngg-related-gallery img:hover { border: 1px solid #000000; }  .ngg-galleryoverview ul li:before { content: '' !important; } .ngg-gallery-list { list-style-type:none; padding: 0px !important; text-indent:0px !important; } .ngg-galleryoverview div.pic img{ width: 100%; } .ngg-gallery-list li { float:left; margin:0 2px 0px 2px !important; overflow:hidden; } .ngg-gallery-list li a { border:1px solid #CCCCCC; display:block; padding:2px; } .ngg-gallery-list li.selected a{ -moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding; background:#000000 none repeat scroll 0 0; } .ngg-gallery-list li img { height:40px; width:40px; } li.ngg-next, li.ngg-prev { height:40px; width:40px; font-size:3.5em; } li.ngg-next a, li.ngg-prev a { padding-top: 10px; border: none; text-decoration: none; } } @media screen { #shDisplay div#shTitle { font: normal 12px/17px 'Lucida Grande', Verdana, sans-serif;  color: #ffffff;  text-align: center; margin: 0 auto; } #shDisplay div#shCount { color: #999999; font: normal 10px/12px 'Lucida Grande', Verdana, sans-serif; } #shDisplay div#shTitle a { text-decoration: none; font: bold 16pt 'Courier New', Courier, fixed; letter-spacing: -2px; margin: 0 10px; width: 26px; color: #999999; } #shDisplay div#shTitle a:hover { color: #ffffff; border: none; } #shDisplay div#shNext{ float:right; } #shDisplay div#shPrev { float:left; } body { height: 100%; } #shShutter *, #shDisplay * { padding: 0; margin: 0; } div#shShutter, div#shDisplay { top: 0; left: 0; width: 100%; position: absolute; } div#shShutter { height: 100%; z-index: 1000; background-color: #000000; opacity: 0.8; filter:alpha(opacity=80); } div#shDisplay { display: block; background-color: transparent; z-index: 1002; } div#shDisplay img#shTopImg { margin: 0 auto; border: 1px solid #555; background: transparent; display: block; max-width: none; max-height: none; float: none; padding:2px; cursor: pointer; } div#shDisplay div#shWrap { visibility: hidden; } div#shWaitBar { font: bold 32px 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif; height: 36px; width: 100%; left: 0; cursor: default; opacity: 0.999; filter: alpha(opacity=100); z-index: 1001; margin-top: 160px; color: #ae0a0a; } } @media screen {#stimuli_lightbox { position: absolute; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0; } #stimuli_lightbox a img { border: none; } #stimuli_outerImageContainer { position: relative; background-color: #000; width: 250px; height: 250px; margin: 0 auto; } #stimuli_imageContainer { padding: 10px; } #stimuli_loading { position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; background: transparent center url(/wp-content/plugins/lightbox-2/Themes/Black/images/loading.gif) no-repeat; } #stimuli_hoverNav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; } #stimuli_imageContainer>#stimuli_hoverNav { left: 0;} #stimuli_hoverNav a { outline: none;} #stimuli_prevLink, #stimuli_nextLink { width: 49%; height: 100%; background: transparent url(/wp-content/plugins/lightbox-2/Themes/Black/images/blank.gif) no-repeat;  display: block; } #stimuli_prevLink { left: 0; float: left;} #stimuli_nextLink { right: 0; float: right;} #stimuli_prevLink:hover, #stimuli_prevLink:visited:hover { background: url(/wp-content/plugins/lightbox-2/Themes/Black/images/prev.gif) left 55% no-repeat; } #stimuli_nextLink:hover, #stimuli_nextLink:visited:hover { background: url(/wp-content/plugins/lightbox-2/Themes/Black/images/next.gif) right 55% no-repeat; } #stimuli_imageDataContainer { font: 10px Verdana, Helvetica, sans-serif; background-color: #000; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100% } #stimuli_imageData { padding:0 10px; color: #666; } #stimuli_imageData #stimuli_imageDetails { width: 70%; float: left; text-align: left; } #stimuli_imageData #stimuli_caption { font-weight: bold;} #stimuli_imageData #stimuli_numberDisplay { display: block; clear: left; padding-bottom: 1.0em;} #stimuli_imageData #stimuli_bottomNavClose { width: 66px; float: right; padding-bottom: 0.7em; background: url(/wp-content/plugins/lightbox-2/Themes/Black/images/closelabel.gif) right 55% no-repeat; padding-top: 1.0em; margin-bottom: 1.0em;} #stimuli_overlay { position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; } }