@media screen { body { margin: 0; padding: 0; color: #222; text-align:center; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 100.1%; } #wrapper{ width: 1000px; margin: 0px auto; padding: 0px; text-align:left; font-size: 78%; line-height:20px; } #header{ height: 70px; padding: 0 0 0 20px; margin: 0; } #container{ padding: 0 21px 0 20px; } #headerimage{ height:0px; } #topmenu{ margin:0; padding:0px 0 0 0; } #content{ clear:both; margin: 0px; padding: 0px 0 0 0; } #footer { clear: both; margin: 0; padding: 0px 20px 14px 20px; text-align: center; font-size: 90%; } #footer-inner{ background: #f2f2f2; height: 50px; border: 1px solid #ddd; } #footer p{ margin:0; padding:15px 0; } #navigation{ padding: 5px 15px; } #navigation div.fleft{ float:left; } #navigation div.fright{ float:right; } #credit{ text-align:right; padding: 0 15px; } #credit p{ margin:0; font-size:85%; } #credit p a, #credit p a:hover{ font-weight:100; text-decoration:none; }  p, h1, h2, h3, h4, h5, h6{ margin: 10px 0; padding: 0; } h1, h2, h3, h4, h5, h6 { font-family: tahoma, arial, helvetica, sans-serif; } h1{ font-size: 190%; } h2{ font-size: 160%; } h3{ font-size: 120%; } h4{ font-size: 110%; } h5{ font-size: 100%; } h6{ font-size: 70%; } a{ font-weight:800; text-decoration:none; } a:hover{ text-decoration:underline; } a img{ border:0px; } hr{ height:2px; margin:5px 0; border-bottom: 1px solid #ccc; border-top: 1px solid #ccc; } blockquote{ padding: 10px 35px 5px 35px; margin: 3px 30px; background: #f4f4f4 url(/wp-content/themes/panorama/images/quotes.gif) top left no-repeat; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } form{ margin: 0; padding:0; } fieldset{ padding:10px; margin:0; border:none; } legend{ font-weight:800; } code{ font-size: 95%; font-family: "Courier New", Courier, monospace; } td{ vertical-align:top; } .aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; } .alignleft { float: left; margin: 0 10px 0 0; } .alignright { float: right; margin: 0 0 0 10px; } .wp-caption { border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin: 5px 10px;  -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } .wp-caption img { margin: 0; padding: 0; border: 0 none; } .wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; }  .horizmenu{ width: 100%; line-height:16px; background: #ccc; float:left; font-size:95%; } .horizmenu a{ font-weight: 100; } .horizmenu ul{ margin: 0; padding: 0; list-style-type: none; } .horizmenu ul li{ position: relative; display: inline; float: left; } .horizmenu ul li a{ display: block; background: #ccc; padding: 8px 15px; border-right: 1px solid #fff; color: #999; text-decoration: none; } * html .horizmenu ul li a{ display: inline-block; } .horizmenu ul li a:link, .horizmenu ul li a:visited{ color: #222; } .horizmenu ul li a:hover{ background: #999; color: white; } .horizmenu ul li a:hover, .horizmenu ul li ul li a:hover{ text-decoration:none; } .horizmenu ul li.current_page_item a, .horizmenu ul li.current_page_item ul li a{ color:black; background: #a9a9a9; } .horizmenu ul li ul{ position: absolute; left: 0; display: block; visibility: hidden; } .horizmenu ul li ul li{ display: list-item; float: none; } .horizmenu ul li ul li ul{ top: 0; } .horizmenu ul li ul li a{ width: 150px; padding: 5px 8px; margin: 0; border-top-width: none; border-bottom: 1px solid #f2f2f2; } .horizmenu ul li ul li a:hover{ background: #999; color: white; } .downarrow{ position: absolute; top: 12px; right: 7px; } .rightarrow{ position: absolute; top: 9px; right: 5px; }  #surheader{ color:white; text-align:right; padding: 0 14px 0 0; } #surheader p{ margin: 4px 0; } #surheader a{ color:white; font-weight:100; } form#searchform2{ display: block; float:right; margin: 35px 14px 0px 5px; } #header h3{ margin: 0; padding: 0 0 0 20px; } #header h3 a{ font-weight:100; color: #fff; text-decoration: none; font-size: 260%; line-height:28px; } #header h3 a:hover{ color: #fff; text-decoration: none; } #header h2{ margin: 0; padding: 10px 0 5px 20px; font-weight:800; font-family: arial, verdana, sans-serif; color: #ccc; font-size: 100%; letter-spacing: 1px; } h2#sectiontitle{ font-size:140%; font-weight: 100; padding: 6px 6px 6px 10px; margin: 1px 5px 10px 5px; background: #f5f5f5; color: #444; }  .post{ margin: 0px 15px 18px 15px; padding: 10px 0px; background: #fff url(/wp-content/themes/panorama/images/dots.gif) bottom left repeat-x; } .entry{ margin: 0; padding: 0px 10px 3px 10px; } .post h2 { color: #333; font-size: 165%; font-weight:100; padding: 0 0 5px 5px; margin: 5px 0 5px 0; background: #fff url(/wp-content/themes/panorama/images/dots.gif) bottom left repeat-x; } .post h2 a{ color: #333; text-decoration:none; font-weight:100; } .post h2 a:hover{ text-decoration:none; color: #333; } .postmetadata{ font-size:90%; padding: 1px 8px 1px 5px; margin: 0; background: #f5f5f5; border-left: 3px solid #eee; border-right: 3px solid #eee; } .postmetadata p{ line-height: 18px; padding: 0; margin: 2px 0; } .authormeta{ font-size:90%; padding: 0px; margin: 0; } .commentsmeta{ float:right; font-size:90%; padding: 0px; margin: 0; }  ol.commentlist { list-style:none; margin:0; padding:0; text-indent:0; } ol.commentlist li { border:1px solid #d3d3d3; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; height:1%; margin:0 0 10px; padding:5px 7px 5px 57px; position:relative; } ol.commentlist li div.comment-author { padding:0 160px 0 0; } ol.commentlist li div.vcard { font:800 12px/1.9 verdana, arial, helvetica, sans-serif; } ol.commentlist li div.vcard cite.fn { font-style:normal; } ol.commentlist li div.vcard cite.fn a.url { text-decoration:none; } ol.commentlist li div.vcard img.avatar { border:2px solid #eee; top:7px; left:7px; position:absolute; } ol.commentlist li div.comment-meta { font:100 11px/1.9 verdana, arial, helvetica, sans-serif; position:absolute; top:5px; right:10px; text-align:right; } ol.commentlist li div.comment-meta a { color:#333; text-decoration:none; } ol.commentlist li p { font:normal 12px/1.5 verdana, arial, helvetica, sans-serif; margin:0 0 1em; } ol.commentlist li ul { font:normal 12px/1.4 verdana, arial, helvetica, sans-serif; list-style:square; margin:0 0 1em; padding:0; text-indent:0; } ol.commentlist li div.reply { color:#374C76; font:bold 12px/1.4 verdana, arial, helvetica, sans-serif; } ol.commentlist li div.reply:hover { color: black; } ol.commentlist li div.reply a { text-decoration:none; } ol.commentlist li ul.children { list-style:none; margin:1em 0 0; text-indent:0; } ol.commentlist li ul.children li.depth-2, ol.commentlist li ul.children li.depth-3, ol.commentlist li ul.children li.depth-4 { margin:0 0 .25em; } ol.commentlist li.even { background:#fff; } ol.commentlist li.odd { background:#f3f3f3; } ol.commentlist li.pingback div.vcard { padding:0 160px 0 0; } #respond h3, h3#comments, h3#postcomment{ font-size: 105%; font-family: verdana, arial, helvetica, sans-serif; margin: 10px 0; } .replysubmit{ background:#ddd; border:1px solid #aaa; padding:2px 10px; text-align:center; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }  ol#lcommentlist{ padding: 0 0 0 20px; font-size: 90%; list-style-type: none; } ol#lcommentlist li{ padding: 0px 3px; margin: 0; } ol#lcommentlist li p.commentheader{ margin: 0px 0 0px 0; display: block; padding: 1px 5px; } ul#lcommentlist{ padding: 0; margin:0; list-style-type:none; } ul#lcommentlist li{ display: block; padding: 0; margin: 0 15px 5px 15px; font-size:90%; background: #f2f2f2; } ul#lcommentlist p{ margin: 6px 0; } ul#lcommentlist li div.comm{ margin: 1px; padding: 1px; } ul#lcommentlist li div.gravatar { width:50px; float:left; padding: 10px 0 0 10px; } ul#lcommentlist li div.gravatar img{ border: 2px solid #ccc; } ul#lcommentlist li div.commenttext{ padding: 0; margin:5px 10px 5px 65px; } ul#lcommentlist li div.commenttext div.commentwrapper{ margin:0 0 0 5px; padding: 3px 8px; }  .menu{ padding:0; font-size:95%; } .menu a{ font-weight: 100; } .menu a:hover{ text-decoration:none; } .menu ul{ margin:0; padding:0; list-style-type:none; } .menu ul li.widget{ padding: 2px; margin:0 0 10px 0; } .menu ul li.widget ul{ margin: 0; padding:0; } .menu ul li.widget ul li{ padding: 3px 0 3px 20px; margin:1px 0 0 0; display:block; background: #f2f2f2 url(/wp-content/themes/panorama/images/bullet.gif) no-repeat 4px 8px; } .menu ul li.widget h3{ font-size:140%; padding:4px 0 4px 7px; margin: 0 0 2px 0; color: #444; font-weight: 100; background: #e5e5e5; border-bottom:1px solid #ccc; } .menu ul li h3 a{ color: #333; font-weight: 800; } .menu ul li h3 a:hover{ color: #333; text-decoration: none; } .menu form{ display:block; margin:0px; padding:4px; } .menu input{ margin:3px 0; font-size:90%; } li.widget #search, li.widget #tags { display:block; padding: 2px 5px; }  #wp-calendar { empty-cells: show; margin: 10px auto 0; width: 230px; } #wp-calendar #next a { padding-right: 10px; text-align: right; } #wp-calendar #prev a { padding-left: 10px; text-align: left; } #wp-calendar a { display: block; } #wp-calendar caption { text-align: center; width: 100%; } #wp-calendar td { padding: 3px 0; text-align: center; } #search{ background: #555; border: 1px solid #b3b3b3; float: right; height: 22px; margin: 3px 15px 0 0; padding: 0 5px 0 0; width:234px; -moz-border-radius: 4px; -khtml-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; } * html #search{ margin-right: 8px; } #search input{ background: transparent; border: 0; float: left; font-size: 105%; margin: 2px 0 0; padding: 1px 2px 2px 10px; width:198px; } #search .searchsubmit{ margin: 3px 0 0 5px; padding: 0; width: auto; } #footer a{ font-weight: 100; } } @media all {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; } img.ajax-loader { border: none; vertical-align: middle; } } div.sociable { margin: 16px 0; } span.sociable_tagline { position: relative; } span.sociable_tagline span { display: none; width: 14em; } span.sociable_tagline:hover span { position: absolute; display: block; top: -5em; background: #ffe; border: 1px solid #ccc; color: black; line-height: 1.25em; } .sociable span { display: block; } .sociable ul { display: inline; margin: 0 !important; padding: 0 !important; } .sociable ul li { background: none; display: inline !important; list-style-type: none; margin: 0; padding: 1px; } .sociable ul li:before { content: ""; } .sociable img { float: none; width: 16px; height: 16px; border: 0; margin: 0; padding: 0; } .sociable-hovers { opacity: .4; -moz-opacity: .4; filter: alpha(opacity=40); } .sociable-hovers:hover { opacity: 1; -moz-opacity: 1; filter: alpha(opacity=100); } body { background: #999; } #wrapper{ background: #fff url(/wp-content/themes/panorama/styles/../images/wrapperbg_lgrey.jpg) top center repeat-y; } #header{ background: #999 url(/wp-content/themes/panorama/styles/../images/headerbg_lgrey.jpg) bottom center no-repeat; } #footer { background: url(/wp-content/themes/panorama/styles/../images/footerbg_lgrey.jpg) bottom center no-repeat; } #credit{ background: #999; } #credit p, #credit p a, #credit p a:hover{ color:#555; } #search{ background: #888; border: 1px solid #666; } #search input{ color: #fff; }