@media screen { body { font: normal 100% "Lucida Sans Unicode", "Lucida Grande", sans-serif; background: #4f1818; text-align: center; } a:link { color: #0000ee; } a:hover, a:active { color: #c51f1f; } a.button, a.more-link { background: #471616 url(/wp-content/themes/panma/images/button.gif) repeat-x; color: #fff; min-height: 26px; padding: 2px 10px; font-weight: bold; text-decoration: none; text-transform: uppercase; font-size: 1.25em; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; border: 1px solid #471616; } a.button:hover, a.more-link:hover { border-color: #c51f1f; color: #f5e3df; } .hidden { display: none; visibility: hidden; } .error { background: #e8c0b2; border: 2px solid #c51f1f; padding: 10px; font-size: 1.2em; } .success { background: #c7e1b2; border: 2px solid #1fc51f; padding: 10px; font-size: 1.2em; } #alert { max-width: 58em; min-width: 46em; margin: 15px auto; display: block; padding: 20px 1em; background: #ffc; text-align: center; border: 2px solid #310C0C; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } #panma { max-width: 60em; min-width: 48em; text-align: left; margin: 15px auto; position: relative; overflow: hidden; border: 2px solid #310c0c; background: #f1e8d7; } #header { background: url(/wp-content/themes/panma/images/header.gif) no-repeat right top; position: relative; } #header h1 { margin: 0; padding: 0; } #header h1 a { display: block; background: url(/wp-content/themes/panma/images/panma.gif) no-repeat; outline: none; text-indent: -9999px; width: 346px; height: 58px; } #header h1 a:hover { background-position: 0 -58px; } #cats { position: absolute; left: 380px; top: 0; margin: 0; padding: 0; overflow: hidden; } #cats li { list-style: none; display: block; height: 62px; float: left; } #cats li a { display: block; height: 62px; background-image: url(/wp-content/themes/panma/images/sections.png); background-repeat: no-repeat; outline: none; text-indent: -9999px; } * html #cats li a { background-image: url(/wp-content/themes/panma/images/sections.gif); } #cats li a.active { cursor: default; } #cats li#community { width: 173px; } #cats li#community a { width: 173px; background-position: 0 -252px; } #cats li#community a.active { background-position: 0 0 !important; } #cats li#community a:hover { background-position: 0 -124px; } #cats li#org { width: 198px; } #cats li#org a { width: 198px; background-position: 0 -316px; } #cats li#org a.active { background-position: 0 -62px !important; } #cats li#org a:hover { background-position: 0 -188px; }   #pages { font-size: 0.9375em; background: #4f1818; border-bottom: 4px solid #c51f1f; margin: 0 1px; padding: 0; overflow: hidden; display: block !important; display: inline-block; } #pages li { background: #4f1818; list-style: none; float: left; margin: 0; padding: 7px 10px; } #pages li a { color: #f1e8d7; text-decoration: none; } #pages li a:hover { text-decoration: underline; } #pages li.active { background: #c51f1f; } #pages li.active a, #pages li.active a:hover, #pages li.active a:active { cursor: default; color: #fff; text-decoration: none; } #content { font-size: 0.9375em; width: 53%; padding: 1.5% 0 1.5% 1.5%; float: left; } #content h2 { text-transform: uppercase; font-size: 2.5em; margin: 0; padding: 0; } #content h2 a { text-decoration: none; color: #000; } #content h3 { margin: 0.75em 0 0 0; font-weight: normal; font-size: 2em; line-height: 1.2em; } #content h4 { margin: 0.5em 0; font-weight: normal; font-size: 1.25em; } body.home #content h3 a { margin: 0; padding: 0; display: block; text-indent: 73px; background-image: url(/wp-content/themes/panma/images/icons.gif); background-repeat: no-repeat; } body.home .category-news h3 a { background-position: 0 0; } body.home .category-news h3 a:hover { background-position: 0 -600px; } body.home .category-events h3 a { background-position: 0 -400px } body.home .category-events h3 a:hover { background-position: 0 -1000px } body.home .category-videos h3 a { background-position: 0 -200px } body.home .category-videos h3 a:hover { background-position: 0 -800px } #content h3 a:link, #content h3 a:visited { color: #000; text-decoration: none; } #content h3 a:hover, #content h3 a:active { color: #c51f1f; text-decoration: underline; } #content small { color: #78746b; display: block; border-bottom: 1px solid #e0d3c3; padding: 0 0 5px 0; } #content .postmetadata { font-size: .8em; background: #f5eee1; padding: 8px; margin: 5px 0 4em 0; display: block; } #content .event, #content .event td, #content .event th { border: 1px solid #e0d3c4; border-collapse: collapse; } #content .event td, #content .event th { padding: 5px 10px; } #content .event th { background: #f4eddf; vertical-align: top; } a.more-link { font-size: 1em; font-weight: bold; min-height: 25px; } .viddlervideo { background: #f4eddf; text-align: center; padding: 10px 0 5px 0; } .viddlervideo p { margin: 0; padding: 0 0 5px 0; } .viddlervideo a { font-size: 0.8666em; } .viddlervideo a img { border: none; } .navigation { position: relative; overflow: hidden; margin: 2em 0; padding: 2em 0 0 0; border-top: 2px solid #e0d3c3; } .navigation p { font-size: 0.85em; color: #9d978c; } .navigation .alignleft { width: 45%; float: left; } .navigation .alignleft a { display: block; float: left; } .navigation .alignright { width: 45%; float: right; } .navigation .alignright a { display: block; float: right; } ul.board { border-top: 1px solid #e7dece; margin: 1.25em 0 0 0; padding: 1.25em 0; list-style: none; } ul.board li { overflow: hidden; } ul.board li img { float: left; clear: left; margin: 0 15px 15px 0; } ul.board li h3 { margin: 4px 0 0 0; padding: 0; } li.current-cat a { background: #fff; color: #c51f1f; text-decoration: none; font-weight: bold; padding: 1px 5px; text-transform: uppercase; } li.current-cat li a { background: inherit; color: #0000ee; text-decoration: underline; font-weight: inherit; padding: 0; text-transform: none; } #content .preview { background: #f9f5ed; padding: 10px; } #sidebar { font-size: 0.9375em; width: 42%; float: right; margin: 1.5% 1.5% 1.5% 0; overflow: hidden; } #sidebar h4 { margin: 0; padding: 0; text-transform: uppercase; } #sidebar ul { border-left: 1px dotted #b0958b; list-style: none; margin: 0; padding: 0; } #sidebar li { margin: 0 0 1em 0; } #sidebar li li, #sidebar li li li, #sidebar li li li li { margin: 0 0 0 0; } #sidebar ul#sidebar-right2 { margin-right: 170px; } #sidebar ul#sidebar-right { width: 160px; float: right; } #sidebar ul li { padding: 0 0 0 10px; } #sidebar ul ul, #sidebar ul ul ul { float: none; border: none; } #sidebar #about-widget { background: #F9F5ED; padding: 5px 10px; margin: 0 0 1em 0; } #sidebar #search-widget { overflow: hidden; } .searchform { max-width: 453px; height: 40px; background: url(/wp-content/themes/panma/images/search/box.gif) no-repeat; margin: 0; padding: 0; } .searchform #s { float: left; margin: 2px 0 0 2px; padding: 5px 0 0 5px; height: 26px; min-width: 208px; max-width: 306px; outline: 0; border: 0; background: none; font-size: 1.35em; width: 68%; } .searchform #searchsubmit { float: right; margin: 0; padding: 0; } #sidebar #search-widget { margin: 0 0 2em 0; } #sidebar #flickr { position: relative; width: 160px; } #sidebar #flickr img { border: none; margin: 0 5px 5px 0; } #sidebar .twitter { overflow: hidden; } #footer { clear: both; margin: 0 1px 1px 1px; padding: 1.5%; background: #e4d4b6; font-size: 0.9375em; } } @media all { #openid_enabled_link, .openid_link, #openid_identifier, #commentform #openid_identifier { background-image: url(/wp-content/plugins/openid/f/openid.gif); background-position: 3px 50%; background-repeat: no-repeat; padding-left: 21px !important; } .openid_loading { background: url(/wp-content/plugins/openid/f/ajax-loader.gif) right center no-repeat; } body.login #openid_identifier { width: 92%; font-size: 20px; background-color: #FFF; border: 1px solid #ccc; padding: 3px 3px 3px 18px; margin-right: 6px; } #openid_comment { margin: 0.8em 1em; } #openid_comment input { width: auto; }  body.login form#loginform a.legacy, body.login form#registerform a.legacy { color: #FFF; } } @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; } } @media screen {#facebox .b { background:url(/wp-content/plugins/the-viddler-wordpress-plugin/js/facebox/../facebox/b.png); } #facebox .tl { background:url(/wp-content/plugins/the-viddler-wordpress-plugin/js/facebox/../facebox/tl.png); } #facebox .tr { background:url(/wp-content/plugins/the-viddler-wordpress-plugin/js/facebox/../facebox/tr.png); } #facebox .bl { background:url(/wp-content/plugins/the-viddler-wordpress-plugin/js/facebox/../facebox/bl.png); } #facebox .br { background:url(/wp-content/plugins/the-viddler-wordpress-plugin/js/facebox/../facebox/br.png); } #facebox { font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; letter-spacing: normal; position: absolute; width: 100%; top: 0; left: 0; z-index: 100; text-align: left; color: #000; } #facebox form { font-size: 100%; border-style: none; } #facebox .popup { position: relative; } #facebox table { margin: auto; border-collapse: collapse; padding: 0; } #facebox table tr { margin: 0; padding: 0; color: #000; } #facebox table tr td { margin: 0; padding: 0; border: none; } #facebox .body { padding: 10px; background: #fff; width: 370px; margin: 0; } #facebox .loading { text-align: center; } #facebox .image { text-align: center; } #facebox img { border: 0; } #facebox .footer { border-top: 1px solid #DDDDDD; padding-top: 5px; margin-top: 10px; text-align: right; } #facebox .tl, #facebox .tr, #facebox .bl, #facebox .br { height: 10px; width: 10px; overflow: hidden; padding: 0; }  .viddlercomment img { border: none; } .viddlercomment a { text-decoration: none; } .viddlercomment p { margin: 0; padding: 0; } #videocomment a { background: url('http://cdn-ll-static.viddler.com/wp-plugin/v1/images/redcam.png') top left no-repeat; padding: 3px 0 5px 22px; } #videopost { width: 200px; text-align: center; margin: 10px; padding: 15px; background: #fff; border: 1px solid #DDDDDD; } #videopost a { border: none; background: url('http://cdn-ll-static.viddler.com/wp-plugin/v1/images/redcam.png') top left no-repeat; padding: 3px 0 5px 22px; } #facebox .content { font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif !important; margin: 0; width: auto; font-size-adjust:none; font-stretch:normal; font-style:normal; font-variant:normal; font-weight:normal; letter-spacing: normal; line-height: normal; } #facebox .content h2 { color: #000; background: none; width: 100%; height: 16px; font-weight: normal; font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif !important; letter-spacing: normal; font-size: 16px; margin: 0; line-height: normal; padding: 0 0 5px 0; border-bottom: 1px solid #DDDDDD; } #facebox .content p { color: #000; font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; font-size: 12px; padding: 7px 0; font-size-adjust:none; font-stretch:normal; font-style:normal; font-variant:normal; font-weight:normal; letter-spacing: normal; line-height: normal; } #facebox .content p.error { color: maroon; font-size: 12px; } #facebox .content p.paging { text-align: center; } #facebox .content p small { color: gray; font-size: 0.8em; } #facebox .content p a, #facebox .content p a:active, #facebox .content p a:visited { font-weight: normal; color: #3b4e6e; text-decoration: underline; border: none; } #facebox .content ul { list-style-type: disc; margin: 0; padding: 0; } #facebox .content ul li { font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; margin: 0; padding: 0; font-size: 12px; } #facebox .content ul li p { font-size: 12px; } #facebox .content ul li a, #facebox .content ul li a:active, #facebox .content ul li a:visited { font-weight: normal; color: #3b4e6e; text-decoration: underline; border: none; } #facebox .content ul.signup { margin: 10px 18px; } #facebox .content ul.videos { list-style:none; padding: 2px; margin: 0 auto; } #facebox .content ul.videos li { float:left; font-size: 10px; width: 89px; border: 1px solid #fff; padding: 2px; margin: 12px 7px; text-align: center; } #facebox .content ul.videos li:hover { border: 1px solid #DDDDDD; } #facebox .content ul.videos li.active { background: url('http://cdn-ll-static.viddler.com/wp-plugin/v1/images/checkmark.png') bottom left no-repeat; } #facebox .content ul.videos li p { font-size: 1em; padding: 0; margin: 0; } #facebox .content ul.videos li p.videotitle { padding: 4px 0; text-align: right; } #facebox .content ul.videos li a { text-decoration: underline; color: #3b4e6e; border: none; } #facebox .content ul.videos li a:hover { text-decoration: underline; color: blue; } #facebox .content ul.videos li a img { display: block; border: none; margin: 0 auto; padding: 0; border: none; }  #facebox .content ul.fbnavigation { margin: 0; padding: 0; list-style-type: none; float: right; } #facebox .content ul.fbnavigation li { border-left: 1px solid #DDDDDD; color: #c0c0c0; display: block; margin; 0 5px 0 5px !important; padding: 0 5px 0 5px; float: left; font-weight: bold; text-decoration: underline; font-size: 13px; text-transform: lowercase; } #facebox .content ul.fbnavigation li.active { margin; 0 5px 0 5px !important; padding: 0 5px 0 5px; color: #3b4e6e; text-decoration: none; } #facebox .content ul.fbnavigation li a, #facebox .content ul.fbnavigation li a:hover { color: #3b4e6e; text-decoration: underline; }  #facebox .content form { width: 100%; margin: 0; padding: 2px; } #facebox .content form#viddlerregisterform { width: 75%; margin: 0; padding: 0; } #facebox .content form label { font-weight: bold; } #facebox .content form p { text-align: right; } #facebox .content form p.registerbutton { text-align: right; } #facebox .content form input { color: #000; background: #fff; font-size: 12px; padding: 2px; border: solid 2px gray; } #facebox .footer { font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; padding-right: 0; padding-left: 0; padding-bottom: 0; width: 100%; } #facebox .footer img { border: none; } #facebox .footer a { border: none; } #facebox .footer img.poweredby_image { float: left; margin: 0; padding: 0; border: none; }  p.adminpoweredby { text-align: right; } .viddlernarrow p { text-align: right; } }