@media screen {ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input{ margin:0; padding:0; } ul{ list-style:none; } fieldset{ border:0; } a,a:link,a:visited,a:hover{ color:#00f; text-decoration:none; } a:focus,a:hover{ text-decoration:underline; } a img{ border:0; } .clear{ clear:both; } body{ position:relative; background: #000; color:#000; font:62.5% Arial,Verdana, sans-serif; } #main{ width: 1114px; float: left; } #navi{ display: inline; width: 944px; height: 37px; float: left; padding: 2px 0px 0px 0px; margin: 0px 0px 0px 85px; } #navi ul li{ float: left; height: 24px; font-size: 14px; font-weight: bold; padding: 10px 20px 0px 20px; background: url(/wp-content/themes/spp/wordpress-brown/images/navi_bg.jpg) no-repeat right; } #navi ul li a{ color: #fff; } #navi ul li a:hover{ color: #a4c4df; text-decoration: none; } #navi ul li.active a{ color: #a4c4df; } #navi ul.subscribe{ float: right; margin: -70px 180px 0px 0px; color: #fff; font-size: 150%; } #navi .subscribe a:link{ color:#fff; } #navi ul.subscribe li{ font-size: 12px; font-weight: normal; color: #b5a397; padding: 0px 13px 0px 13px; background: url(/wp-content/themes/spp/wordpress-brown/images/subscribe_navi.jpg) top left no-repeat; } #navi ul.subscribe li.nobg{ background: none; } #navi ul.subscribe li a{ color: #b5a397; } #header{ display: inline; width: 984px; height: 320px; float: left; margin: 0px 0px -10px 64px; } #logo{ display: inline-block; width: 572px; height: 97px; float: left; margin: 7px 0px 0px 30px; background: url(/wp-content/themes/spp/wordpress-brown/images/logo.jpg) no-repeat; text-indent: -9999px; } #header input.keywords{ display: inline-block; width: 259px; height: 38px; float:right; color: #94847b; padding: 28px 0px 0px 15px; margin: 36px 36px 0px 0px; border: none; background: url(/wp-content/themes/spp/wordpress-brown/images/search_bg.jpg) no-repeat; } #adds{ display: inline; width: 270px; float: right; clear: right; margin: 32px 36px 0px 0px; } #adds ul li{ display: block; width: 125px; height: 125px; float: left; margin: 0px 20px 20px 0px; } #adds ul li.nomargin{ margin: 0px 0px 0px 0px; } #welcome{ display: inline; width: 345px; float: left; margin: 30px 0px 0px 231px; } .welcome{ display: block; width: 159px; height: 24px; background: url(/wp-content/themes/spp/wordpress-brown/images/welcome.jpg) no-repeat; text-indent: -9999px; } #welcome p{ margin: 11px 0px 0px 24px; color: #fff; font-size: 11px; } #carousel{ display: inline; width: 410px; height: 203px; float: left; margin: 5px 0px 0px 238px; } #carousel a.left{ display: block; position: absolute; width: 46px; height: 45px; margin: 69px 0px 0px 0px; background: url(/wp-content/themes/spp/wordpress-brown/images/left.jpg) no-repeat; text-indent: -9999px; } #carousel a.right{ display: block; position: absolute; width: 46px; height: 45px; margin: 59px 0px 0px 365px; background: url(/wp-content/themes/spp/wordpress-brown/images/right.jpg) no-repeat; text-indent: -9999px; } #content{ display: inline; width: 999px; float: left; margin: 0px 0px 0px 57px; background: url(/wp-content/themes/spp/wordpress-brown/images/content_bg.png) repeat-y; padding-bottom:15px; } #content_text{ width: 999px; float: left; margin: 0px 0px 0px 0px; } #left_column{ width: 640px;  padding: 16px 22px 0px 0px; float: left; } .post{ width: 640px; } .post_heading{ width: 566px; height: 37px; float: left; padding: 10px 14px 0px 58px; margin: 0px 0px 19px 0px; background: url(/wp-content/themes/spp/wordpress-brown/images/post_heading_bg.png) no-repeat; } .date{ color: #fff; float: left; font-size: 18px; } .post_heading h2{ color: #594c3a; font-weight: bold; font-size: 21px; padding: -10px 0px 0px 10px; float: left; } .post_heading h2 a{ color: #fff; } .comments{ color: #362a1a; font-size: 12px; font-weight: bold; margin: 6px 0px 0px 0px; float: right; } .comments a{ color: #362a1a; } .entry{ width: 605px; padding: 7px 0px 22px 20px; float: left; } .entry ul{ list-style: square; font-size: 12px; margin: 0px 0px 0px 20px; line-height: 130% } .entry img{ float: left; margin: 0px 17px 15px 0px; border:#dbdbdb solid 2px;padding:3px; } .entrywrap{ padding-bottom: 40px; } .entry p{ color: #454546; font-size: 12px; margin: 0px 0px 0px 0px; padding: 0px 0px 10px 5px; line-height: 130%; } .entry strong{ text-decoration: none; font-size: 15px; font-weight: bold; color: #333333; } .entry span{ width: 300px; color: #686868; font-size: 11px; float: left; } .entry a.continue{ color: #ad1f23; font-size: 14px; font-weight: bold; margin: 4px 0px 0px 0px; float: left; text-decoration: underline; width:300px; } .page_navigation{ width: 605px; float: left; clear: both; padding: 0px 0px 22px 35px; } .page_navigation p{ color: #ad1f23; float: left; font-weight: bold; font-size: 14px; } .page_navigation ul{ float: right; } .page_navigation ul li{ float: left; font-size: 14px; color: #ad1f24; margin: 0px 1px; } .page_navigation ul li a{ float: left; font-size: 14px; border: 1px solid #c3c3c3; color: #ad1f24; background: #e8e7e7; padding: 1px 4px; } .page_navigation ul li a:hover{ color: #212121; text-decoration: none; } .page_navigation ul li.active a{ color: #212121; text-decoration: none; } .category-bg{ width: 337px; float: left; padding: 0px 0px 0px 0px; } .category-bg h2{ color: #ffffff; width: 268px; height: 37px; float: left; clear: both; padding: 10px 51px 0px 18px; margin: 16px 0px 19px 0px; background: url(/wp-content/themes/spp/wordpress-brown/images/categories_heading_bg.png) no-repeat; } ul.category-bg{ margin:0px 0px 0px 0px; font-size:12px; } ul.category-bg li{ display: block; width: 291px; height: 22px; padding: 0px 4px 0px 0px; margin: 5px 0px 10px 5px; background: url(/wp-content/themes/spp/wordpress-brown/images/arrow.jpg) center right no-repeat; border-bottom: 1px dotted #86a3bd; float:left; } ul.category-bg li a{ display: block; width: 267px; color: #00713a; font-size: 14px; padding: 0px 0px 0px 24px; background: url(/wp-content/themes/spp/wordpress-brown/images/checkmark.jpg) no-repeat center left; } ul.category-bg li a:hover{ color: #00713a; } ul.category_bg img{ float: right; } #footer{ display: inline; width: 1113px; height: 347px; float: left; clear: both; padding: 26px 0px 0px 22px; margin: 0px 0px 100px -37px; background: url(/wp-content/themes/spp/wordpress-brown/images/footer_bg.png) no-repeat; } #footer h3{ display: block; width: 100%; font-size: 21px; font-weight: normal; color: #fff; padding: 0px 0px 4px 0px; margin: 200px 0px 14px 100px; border-bottom: 1px dotted #fff; } #footer p{ color: #fff; font-size: 12px; margin: -10px -150px 0px 100px; } #footer p.copyright{ width: 941px; color: #fff; font-size: 12px; float: left; margin: 20px 0px 0px 100px; } #footer p.copyright a{ color: #fff;text-decoration:none; } #footer p.copyright span{ float: left; } #footer p.copyright span.right{ float: right; } #footer p a{ color: #fff; text-decoration: underline; } .copyright_usage{ width: 354px; float: left; } .tutorials{ width: 352px; float: left; } .suggestions{ width: 234px; float: left; } .replace{ position:relative; margin:0; padding:0;  overflow:hidden;  } .replace span{ display:block; position:absolute; top:0; left:0; z-index:1; } .skiplink{ display:none; } #container{ width: 1113px; float: left; padding: 56px 0px 0px 0px; margin: 0px 0px 0px -48px; background: url(/wp-content/themes/spp/wordpress-brown/images/body_bg.png) no-repeat; } #wrapper{ width: 1113px; margin:0 auto; } #numberofcomments{ margin:40px 0 0 70px;float:left;width:400px;font-size:14px; } #comment{ margin:20px 0 0 16px; font-size:14px;color:#454546; } #comment h3{ margin:10px 0 10px 19px; } #comment a{ color:#646464;padding:0 0 0 0px; } #comment a:hover{ color:#646464;text-decoration:none; } form#commentform{ } form#commentform p{ margin:0 0 5px 19px; } form#commentform p textarea{ margin:0 0 0 0; } ol.commentlist{ margin:0 20px 0 20px;list-style:none; } ol.commentlist li{ border-top:#494849 dotted 1px;padding:10px 0 0 0; } ol.commentlist li img{ float:left;margin:0 10px 0 0; } form#commentform .input{ border-left:#a59e96 solid 2px;border-top:#a59e96 solid 2px;border-right:#e2d8cd solid 1px;border-bottom:#e2d8cd solid 1px;background:#eee4d8;height:30px;width:230px; } form#commentform textarea{ border-left:#a59e96 solid 2px;border-top:#a59e96 solid 2px;border-right:#e2d8cd solid 1px;border-bottom:#e2d8cd solid 1px;background:#eee4d8;height:190px;width:580px;overflow:hidden; } form#commentform label{ color:#a4282c;font-size:12px; } h3#respond{ font-size:21px;border-bottom:#494849 dotted 1px;font-weight:normal;color:#a4282c;padding-bottom:5px;margin-right:20px; } p.aurther-name{ color:#245f8d;font-size:14px;font-weight:bold;margin:0;padding:0 0 0 60px;#padding:20px 0 0 60px; } p.date-link{ margin:0;padding:0 0 0 60px;#padding:20px 0 0 60px;font-size:11px; } ol.commentlist li p{ margin:0 0 0 0;#margin:-17px 0 0 0; } .formtext { color: #000; font-size: 14px; margin: 0px 0px 0px 20px; padding: 0px 0px 10px 0px; line-height: 150%; } #form { padding: 0px 0px 0px 20px; } .bolds { color:#000; font:62.5% Arial, Verdana, sans-serif; font-weight: bold; } .breadcrumb { padding-bottom: 30px; } #hpgroup { background:#FFFFFF; border:0px solid #DDDDDD; float:left; margin:0px 0px 0px 25px; padding:0; width:610px; height: 800px; } #hpproduct { background:#FFFFFF; border-bottom:1px dotted #DDDDDD; float:left; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; width:596px; height: 185px; } .ppic { border:2px solid #DBDBDB; float:left; margin:13px 15px 20px 0px; padding:3px; } .ptitle { font-size: 15px; font-weight: bold; padding: 8px 0px 0px 0px; line-height: 300%; } .pdescription{ color: #454546; font-size: 12px; padding: 0px 0px 0px 0px; line-height: 140%; } .error_box { height: 400px; width: 540px; padding:20px 0px 0px 20px; }  #cat_bar{ z-index: 999; display: inline; width: 690px; height: 90px; float: left; padding: 12px 0px 0px 0px; margin: 0px 0px 0px 0px; } #cat_bar ul li{ float: left; height: 90px; padding: 0px 60px 0px 50px; height: 90px; width: 120px; } #cat_bar ul li a:hover, #cat_bar li ul a:active{ background: url(/wp-content/themes/spp/wordpress-brown/images/cat-roll.jpg) no-repeat; height: 90px; width: 120px; } } @media screen {  .ngg-albumoverview { margin-top: 10px; width: 100%; clear:both; display:block !important; } .ngg-album { height: 100%; padding: 5px; margin-bottom: 5px; border: 1px solid #fff; }   html>body .ngg-album { overflow:hidden; padding: 5px; margin-bottom: 5px; border: 1px solid #cccccc; } .ngg-album { overflow: hidden; padding: 5px; margin-bottom: 5px; border: 1px solid #cccccc; } .ngg-albumtitle { text-align: left; font-weight: bold; margin:0px; padding:0px; font-size: 1.4em; margin-bottom: 10px; } .ngg-thumbnail { float: left; margin-right: 12px; } .ngg-thumbnail img { background-color:#FFFFFF; border:1px solid #A9A9A9; margin:4px 0px 4px 5px; padding:4px; position:relative; } .ngg-thumbnail img:hover { background-color: #A9A9A9; } .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-galleryoverview .desc {  margin:0px 10px 10px 0px; padding:5px; } .ngg-gallery-thumbnail-box { float: left; } .ngg-gallery-thumbnail { float: left; margin-right: 5px; text-align: center; } .ngg-gallery-thumbnail img { background-color:#FFFFFF; border:1px solid #A9A9A9; display:block; margin:4px 0px 4px 5px; padding:4px; position:relative; } .ngg-gallery-thumbnail img:hover { background-color: #A9A9A9; } .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; } .ngg-imagebrowser img { border:1px solid #A9A9A9; margin-top: 10px; margin-bottom: 10px; width: 100%; display:block !important; padding:5px; } .ngg-imagebrowser-nav { padding:5px; 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 .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-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; text-align:left; } .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; } } div.wpcf7 { margin: 0; padding: 0; } div.wpcf7-response-output { margin: 2em 0.5em 1em; padding: 0.2em 1em; } div.wpcf7-mail-sent-ok { border: 2px solid #398f14; } div.wpcf7-mail-sent-ng { border: 2px solid #ff0000; } div.wpcf7-spam-blocked { border: 2px solid #ffa500; } div.wpcf7-validation-errors { border: 2px solid #f7e700; } span.wpcf7-form-control-wrap { position: relative; } span.wpcf7-not-valid-tip { position: absolute; top: 20%; left: 20%; z-index: 100; background: #fff; border: 1px solid #ff0000; font-size: 10pt; width: 280px; padding: 2px; } span.wpcf7-not-valid-tip-no-ajax { color: #f00; font-size: 10pt; display: block; } span.wpcf7-list-item { margin-left: 0.5em; } .wpcf7-display-none { display: none; } @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; } }