/*-----------------[RESET]------------------------*/ /* http://meyerweb.com/eric/tools/css/reset/ */ /* v1.0 | 20080212 */ @font-face { font-family: 'p22'; src: url('font/p22undergroundpro-medium-webfont.eot'); src: url('font/p22undergroundpro-medium-webfont.eot?#iefix') format('embedded-opentype'), url('font/p22undergroundpro-medium-webfont.woff2') format('woff2'), url('font/p22undergroundpro-medium-webfont.woff') format('woff'), url('font/p22undergroundpro-medium-webfont.ttf') format('truetype'), url('font/p22undergroundpro-medium-webfont.svg#p22_underground_proregular') format('svg'); font-weight: normal; font-style: normal; } html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; color:#9f0b08; text-align:justify;} body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after,q:before, q:after { content: ''; content: none; } :focus { outline: 0; } ins { text-decoration: none; } del { text-decoration: line-through; } table { border-collapse: collapse; border-spacing: 0; } body { background: #fff url(images/bg2.jpg) top center no-repeat; text-align: center; line-height: 18px; font-family: 'PT Sans', sans-serif;; font-size: 13px; color: #603E19; min-height: 25px; } a { text-decoration: none; color: #000000; } a:hover { text-decoration: underline; } .clear { clear: both; } .ui-tabs-hide { display: none; } br.clear { margin: 0px; padding: 0px; } h1, h2, h3, h4, h5, h6 { padding-bottom: 5px; color: #2a2a2a; line-height: 1em; font-size: Arial, Verdana, sans-serif; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: #9f0b08; } h1 { font-size: 30px; } h2 { font-size: 24px; } h3 { font-size: 22px; } h4 { font-size: 18px; } h5 { font-size: 16px; } h6 { font-size: 14px; } p { padding-bottom: 10px; line-height: 18px; } strong { font-weight: bold; color: #1c1c1c; } cite, em, i { font-style: italic; } pre, code { font-family: Courier New, monospace; margin-bottom: 10px; } ins { text-decoration: none; } sup, sub { height: 0; line-height: 1; position: relative; vertical-align: baseline; } sup { bottom: 0.8em; } sub { top: 0.3em; } dl { margin: 0 0 1.5em 0; } dl dt { font-weight: bold; } dd { margin-left: 1.5em;} blockquote { padding: 0 0 0 1em; color: #8d8d8d; font-style: italic; border-left: 6px solid #f5f5f5; font-size: 18px; font-family: Georgia, serif; margin-bottom: 10px; position: relative; } blockquote p { padding-bottom: 0px; line-height: 24px; } input[type=text],input.text, input.title, textarea, select { background-color:#fff; border:1px solid #bbb; padding: 2px; color: #4e4e4e; } input[type=text]:focus, input.text:focus, input.title:focus, textarea:focus, select:focus { border-color:#2D3940; color: #3e3e3e; } input[type=text], input.text, input.title, textarea, select { margin:0.5em 0; } textarea { padding: 4px; } img#about-image { float: left; margin: 3px 8px 8px 0px; } .clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } * html .clearfix { zoom: 1; } /* IE6 */ *:first-child+html .clearfix { zoom: 1; } /* IE7 */ /*Main Layout*/ #home-title { margin-bottom: 10px; width: 475px; text-transform:uppercase; font-weight:normal !important;} .home {background: url("images/pi.pn") no-repeat scroll 0 0 transparent; color:#9f0b08; font-family: p22, Arial;} #container { text-align: left; margin: 0 auto; position: relative; } #header { margin-left: auto; margin-right: auto; width: 942px;padding-bottom: 40px;} #logo {float: left;position: absolute; padding-top:30px;} p#slogan { font-size: 16px; font-family: Georgia, serif; font-style: italic; color: #06262a; text-shadow: 1px 1px 1px #186771; margin-top: -7px; } #slideshow { width:980px; height:395px;margin-left: auto; margin-right: auto; } #cd { display:block; float:left; margin: 209px 0 0;} #cd:hover { background: url(images/cd_shadow.png) no-repeat;} .slide {padding: 16px 6px 0 0; float: right;} #content-bg { background: #fff;} #content-area { padding-top: 70px; width:980px;margin-left: auto; margin-right: auto; } #main-area { float: right; width: 580px; } #social-links { float: left; } .facebook-like-button { float: left;} .twitter-tweet-button {float: left;} .entry { margin-bottom: 35px; position: relative; } .entry-top { height: 17px; } .entry .post {-moz-border-radius: 10px; -webkit-border-radius: 10px; -border-radius: 10px; } .entry .post .content { padding: 0px 0px 10px 0px; } h1.title, h2.title { font-size: 18px; padding-bottom: 15px; } h1.title a:hover, h2.title a:hover { color: #000000; text-decoration: none; } span.date { color: #9f0b08; font-size: 10px; width: 300px !important; text-transform: uppercase; float: left; margin-top:2px; display: none;} .thumb { /*border: 4px solid #d9d5d5; -moz-border-radius: 5px; -webkit-border-radius: 5px;*/ } div.small-thumb { width: 130px; height: 130px; position: relative; margin-right: 25px; margin-bottom: 10px; display: block; float: left; padding: 6px 0 0 6px; } .small-thumb .overlay { display: block; width: 150px; height: 150px; position: absolute; top: 0px; left: 0px; } div.big-thumb { width: 130px; height: 130px; position: relative; margin-right: 25px; margin-bottom: 10px; display: block; float: left; padding: 6px 0 0 6px; } div.big-thumb .overlay { display: block; width: 150px; height: 150px; background: url(images/big-thumb.png) no-repeat;position: absolute; top: 0px; left: 0px; } .bubble { text-indent: -9999px; display: block; width: 97px; height: 97px; position: absolute; right: -31px; top: 0px; } .twitt { width: 250px;} /* .text a.bubble { background: url(images/text-bg.png) no-repeat; } .photo a.bubble { background: url(images/photo.png) no-repeat; } .quote a.bubble { background: url(images/quote.png) no-repeat; } .video a.bubble { background: url(images/video.png) no-repeat; } .link a.bubble { background: url(images/link.png) no-repeat; } */ .audio a.bubble { background: } .comment-icon .bubble { background: url(images/comment-icon.png) no-repeat; } .quote_bg { background: url(images/quote-bg.png) no-repeat; width: 22px; height: 29px; position: absolute; top: 0px; left: -11px; } .entry-bottom-top { margin-left: 15px; width:480px; } .entry-meta { } .entry-meta p.meta { float: left; width: 350px; font-size: 15px; color: #8d8b8b; font-family: Century Gothic, sans-serif; text-shadow: 1px 1px 1px #fafbfa; padding: 12px 0px 4px 21px; } .entry-meta p.meta a { color: #686868; } .entry-meta p.meta a:hover { color: #3c3c3c; text-decoration: none; } p.meta span.main { float: left; padding-top:2px; margin-right: 10px; } span.comment-count { background:url("images/comment-bubble.png") no-repeat; display:block; float:right; width:35px; height:28px; padding-top:1px; display: none; } .entry-meta span.comment-count a { padding-left:11px; color: #2d3536; text-shadow: 1px 1px 1px #888888; font-size: 14px; } a.readmore { float: right; padding-right: 16px;display: block; height: 23px; line-height: 23px; font-size: 16px; font-family: Arial, Verdana, sans-serif; color: #2d3536; text-shadow: 1px 1px 1px #ffffff; text-transform:uppercase; font-weight:bold;} a.readmore:hover { color: #2c2c2c; } .video-block { margin: 0px 0px 10px 10px; } .video-text { margin: 0px 0px 0px 10px; } .audio-block { margin-bottom:10px; } .entry-bottom { } .share { position:absolute; right:-38px; top:18px; width:44px; z-index: 1; } .share .share_button { background: url(images/share-top-bg.png) no-repeat; display: block; width: 38px; height: 19px; font-size: 10px; font-family: Georgia, serif; font-style: italic; color: #ffffff; text-shadow: rgba(0,0,0,0.3) -1px -1px 1px; display: block; padding: 4px 0px 0px 5px; } .share .buttons { background: url(images/share-bg.png) repeat-y; padding: 6px 0px 0px 6px; display: none; } .share .buttons a { position: relative; display: block; color: #ffffff; font-size: 10px; font-style: italic; font-family: Georgia, serif; font-weight: bold; } .share .buttons a:hover { text-decoration: none; } .share .buttons a span.tooltip { position: absolute; top: -5px; left: 49px; display: block; padding: 8px 16px 8px 14px; background: rgba(3,38,42,0.7); border: 1px solid #174a51; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; box-shadow: 2px 3px 8px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow:2px 3px 8px 0px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 2px 3px 8px 0px rgba(0, 0, 0, 0.2); display: none; width: 77px; } .share .buttons a span.tooltip span.left-arrow { position: absolute; width: 0px; height: 0px; line-height: 0; background:url(images/tooltip-left-arrow.png) no-repeat; display:block; height:12px; left:-7px; top:11px; width:7px; } .share img { margin-bottom: 0px; } .share a.arrow { display: block; height: 23px; background: url(images/share-down-button.png) no-repeat; } .share .open a.arrow { background: url(images/share-up-button.png) no-repeat; } share .open .buttons { display: block; } .entry ul { list-style-type: disc; margin: 10px 0px 10px 20px; } .entry ol { list-style-type: decimal; list-style-position: inside; margin: 10px 0px 10px 2px; } .entry ul li ul, .entry ul li ol { margin: 2px 0px 2px 20px; } .entry ol li ul, .entry ol li ol { margin: 2px 0px 2px 35px; } /*Drop menu*/ ul.nav { float: right; margin: 23px 0px 0px 50px; } ul.nav li { padding-right: 2px; margin-right: 4px; } ul.nav li:hover { padding-right: 2px; margin-right: 4px;} ul.nav li a { font-size: 18px;font-weight: normal; font-family: p22, Arial, sans-serif; color: #ffffff; display: block; padding:17px 2px 8px 19px; height:22px; text-transform: uppercase; opacity: 0.8; } ul.nav li a:hover { text-decoration: none;display: block; padding:17px 2px 8px 19px; height:22px; color: #fff; opacity:1; } ul.nav ul { background: url(images/dropdown-bg.png) repeat-y; width: 191px !important; padding: 8px 9px 12px 6px; border: 1px solid #052529; box-shadow: 2px 3px 8px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow:2px 3px 8px 0px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 2px 3px 8px 0px rgba(0, 0, 0, 0.2); -moz-border-radius: 8px; -webkit-border-radius: 8px; } ul.nav ul li { background: url(images/menu-link-separator.png) no-repeat bottom left; width: 191px; padding: 0 0 0 17px; } ul.nav ul li a { background: none; padding: 0px; display: block; text-align: left; padding: 12px 0px 11px 15px; background: url(images/menu-bullet.png) no-repeat left 16px; } span.top-arrow { background:url("images/top-arrow.png") no-repeat; display:block; height:10px; left:92px; position:absolute; top:-10px; width:22px; } /*-------------------[COMMENTS]-------------------*/ h3#comments { font-size: 40px; } .comment-icon { background: url(images/comment-bottom-bg.png) no-repeat bottom left; padding-bottom: 14px; } .comment-icon .post { padding: 3px 0px 0px; } div.authordata { width: 100px; } div.avatar { float: left; position: relative; } div.avatar span.avatar-overlay { background: url(images/avatar-overlay.png) no-repeat; display: block; top: 0px; left: -1px; position: absolute; width: 59px; height: 59px; } .comment-wrap { float:left; margin-left:14px; } .reply-container { display:block; float:right; margin-bottom:15px; } .reply-container a { color: #000000; text-shadow: none; font-weight: bold; } .reply-container a:hover { text-decoration: none; color: #383838; } li.depth-1 .comment-wrap { width: 334px; } li.depth-2 .comment-wrap { width: 264px; } li.depth-3 .comment-wrap { width: 194px; } li.depth-4 .comment-wrap { width: 124px; } ol.commentlist { list-style:none outside none; padding-top:8px; } ol.commentlist ul { list-style:none outside none; } .commentlist li.comment li { background: none; padding: 0px; } .commentlist li.comment ul { margin: 8px 0px 8px 70px; } #respond { padding-top: 15px; } #commentform textarea#comment { width: 88%; } #commentform input[type=text] { width: 40%; } li.comment #respond textarea { width: 88% !important; } li.comment #respond input[type=text] { width: 50% !important; } #respond h3#comments { background: none; margin: 0px; padding: 0px; } .comment-author { color: #c7c0aa; font-size: 18px; } .comment-author .comment-meta, .comment-author .comment-meta a { color: #c7c7c7; font-size: 15px; font-family: Century Gothic, Arial, sans-serif; } span.fn, span.fn a { color: #2a2a2a; font-size: 24px; } .comment-content { padding-top:5px; } /*Footer*/ #footer { padding: 0px 0px 30px 0px; color: #032226; text-shadow: 1px 1px 1px #0f4e56; } #footer a { font-weight: bold; font-style: italic; color: #02171a; } /*sidebar*/ #sidebar { float: left; width: 300px; color: #603E19; } #sidebar a { color: #2D3536; } #sidebar img {margin-bottom: 10px;} #sidebar .widget { margin-bottom: 35px; } .widget h3.title { color: #2A2A2A; font-family: Georgia, serif;font-size: 18px; padding: 0px 0px 6px 20px; } .widget-content { min-height: 150px; padding:12px 0 0 7px; } #sidebar ul { margin:-4px 0 0 -17px; } #sidebar ul li { background: url(images/sidebar-separator.png) no-repeat bottom left; padding-bottom: 2px; padding-left: 2px; } #sidebar ul li a { color:#467A81; display:block; padding:9px 0 9px 26px; background: url(images/bullet.png) no-repeat 11px 14px; } #sidebar ul li a:hover { color:#7cabb1; text-decoration: none; background-color: #0e4148; } #sidebar .search { background: url(images/search-bg.png) no-repeat; position: relative; width: 232px; height: 42px; margin-left:13px; } #sidebar .search input#searchsubmit { position: absolute; right: 0px; top: 0px; } #sidebar .search input#searchinput { background: none; border: none; font-size: 17px; font-family: Georgia, serif; font-style: italic; color: #1f4c51; text-shadow: -1px -1px 1px #001b1e; width: 174px; margin: 8px 0 0 10px; } #sidebar p.taxonomy { padding:8px 0 2px; } /*Captions*/ div.post .new-post .aligncenter, .aligncenter { display: block; margin-left: auto; margin-right: auto; } .wp-caption { border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin-bottom: 10px; } .wp-caption.alignleft { margin: 0px 10px 10px 0px; } .wp-caption.alignright { margin: 0px 0px 10px 10px; } .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; } .alignright { float: right; } .alignleft { float: left } img.alignleft { display: block; background-color: #FFF; float:left; padding:4px; margin-right:15px;margin: 4px 0 4px 5px; border: 1px solid #A9A9A9; position: relative; } img.alignright { display: block; background-color: #FFF; float:right;padding:4px; margin-right:15px;margin: -25px 0 4px 5px; position: relative; } /*Dropdown*/ .nav ul { position:absolute; top:-999em; background-position: bottom; background-repeat: no-repeat; z-index: 10; } .nav li { float:left; position:relative; } .nav a { display:block; float: left; } .nav li:hover ul, ul.nav li.sfHover ul { left:-64px; top:50px; } .nav li:hover li ul, .nav li.sfHover li ul { top:-999em; } .nav li li:hover ul, ul.nav li li.sfHover ul { left:201px; top:0px; } .nav li:hover ul, .nav li li:hover ul { top: -999em; } .nav li li { display: block; padding: 0px; float: left; height: auto !important; } .nav li ul { width: 202px; } .nav li li a:link, .nav li li a:visited { display: block; height: auto; float: left; } .nav li:hover { visibility: inherit; /* fixes IE7 'sticky bug' */ } /*calendar*/ #wp-calendar { empty-cells: show; margin: 10px auto 0; width: 240px; } #wp-calendar a { display: block; text-decoration: none; font-weight: bold; color:#EEEEEE; } #wp-calendar a:hover { text-decoration: underline; } #wp-calendar caption { text-decoration: none; font: bold 13px Arial, Sans-Serif; } #wp-calendar td { padding: 3px 5px; color: #588990; } #wp-calendar td#today { color: #ffffff; } #wp-calendar th { font-style: normal; text-transform: capitalize; padding: 3px 5px; } #wp-calendar #prev a, #wp-calendar #next a { font-size: 9pt; } #wp-calendar #next a { padding-right: 10px; text-align: right; } #wp-calendar #prev a { padding-left: 10px; text-align: left; } /*Page navi*/ .pagination { overflow: hidden; padding: 4px 12px 35px 0; } .pagination a { color: #ffffff; } .pagination a:hover { color: #eeeeee; text-decoration: none; } .wp-pagenavi { position: relative; padding: 4px 12px 50px 0; } .wp-pagenavi span.pages { padding: 5px 7px 5px !important; margin: 2px !important ; color: #555; border: none; font-size: 15px; margin-right: 10px !important; } .wp-pagenavi a, .wp-pagenavi a:link, .wp-pagenavi a:visited { background: url(images/pagenavi-bg.png) no-repeat !important; padding: 8px 22px 22px 16px !important; margin: 1px; font-weight: normal !important; color:#555 !important; border: none !important; } .wp-pagenavi span.current, .wp-pagenavi span.extend, .wp-pagenavi a:active, .wp-pagenavi a:hover { background: url(images/pagenavi-bg.png) no-repeat !important; padding: 8px 22px 22px 16px !important; margin: 1px; font-weight: normal !important; color:#603E19 !important; border: none !important; text-shadow: 1px 1px 1px #5a1709; } .wp-pagenavi span.current, .wp-pagenavi a.page { font-size: 18px !important; } .wp-pagenavi a.previouspostslink, .wp-pagenavi span.extend { display: none !important; } .wp-pagenavi a.nextpostslink, .wp-pagenavi a.previouspostslink, .wp-pagenavi span.extend, .wp-pagenavi a.last, .wp-pagenavi a.first { background: none !important; padding: 0px !important; } .wp-pagenavi a.nextpostslink, .wp-pagenavi a.previouspostslink, .wp-pagenavi a.first { margin-right: 10px !important; background: none !important; font-size: 20px !important; } a.readmore:hover, #sidebar div.custom-sidebar-block ul.control li a:hover, ul#cats-menu li a:hover, ul#page-menu li a:hover, div#slider-control div.featitem h2 a { text-decoration: none; } .js #feat-content, .js div#from-blog div.entries {display: none;} .foursixeight { margin: 0px 0px 15px 84px;} .fullwidth { width: 100% !important; } .cufon-disabled ul.nav li a, .cufon-disabled h1, .cufon-disabled h2, .cufon-disabled h3, .cufon-disabled h4, .cufon-disabled h5, .cufon-disabled h6, .cufon-disabled span.date, .cufon-disabled span.comment-count, .cufon-disabled .widget h3.title, .cufon-disabled span.fn, .cufon-disabled span.fn a, .cufon-disabled .wp-pagenavi span, .cufon-disabled .wp-pagenavi a.page { font-family: Impact, sans-serif !important; font-weight:normal; } .cufon-disabled ul.nav li a { font-size:15px; padding:11px 8px 9px 19px; } .cufon-disabled h1.title, .cufon-disabled h2.title { font-size:32px; } .cufon-disabled span.date { font-size:32px; margin-top:7px; } .cufon-disabled .wp-pagenavi span.current, .wp-pagenavi a.page { font-size:16px !important; } .cufon-disabled .widget h3.title { font-size:22px; } .cufon-disabled h3#comments { font-size:32px; } .cufon-disabled span.fn, .cufon-disabled span.fn a { font-size:18px; } .cufon-disabled .entry-meta span.comment-count a:hover { color: #eeeeee; } /*------------------------------------------------*/ .no_sidebar {width:950px !important; float: right;} .no_sidebar .post{} .no_sidebar .entry-meta {width:762px;} .no_sidebar .entry-bottom-top{} .no_sidebar p.meta {width:640px !important;} .no_sidebar .entry-bottom {} .no_sidebar h1.title {width: 716px;} .et_pt_gallery_entry { margin: 0 0 32px 24px !important; } #mp3 { margin-top: 50px;} /*ne web*/ h1 {font-family: p22, Arial;} .entry-meta a {font size:18px; text-transform:uppercase; font-weight:bold;} .small-thumb img {border: 2px solid #9f0b08;} .content h2 {text-transform:uppercase;} .text img.alignleft {margin: 0px 10px 0px 0; border: 1px solid #b80000;} p { color: #000; }