/* Theme Name: okkio theme Theme URI: Description: Version: 1.0 Author: Author URI: Tags: fixed width, left sidebar, two columns, valid XHTML, widgets */ /* begin Page */ #art-main, table { font-family: "Century Gothic",Arial, Helvetica, Sans-Serif; font-style: normal; font-weight: normal; font-size: 14px; } h1, h2, h3, h4, h5, h6, p, a, ul, ol, li { margin: 0; padding: 0; } body { margin: 0 auto; padding: 0; color: #000000; background-color: #211E17; background-image: url('images/Bottom_texture.jpg'); background-repeat: repeat; background-attachment: fixed; background-position: top left; } .art-postcontent, .art-postcontent li, .art-postcontent table, .art-postcontent a, .art-postcontent a:link, .art-postcontent a:visited, .art-postcontent a.visited, .art-postcontent a:hover, .art-postcontent a.hovered { font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif; font-style: normal; font-weight: normal; font-size: 11px; color: #ae2b0c; } .art-postcontent p { margin: 12px 0 12px 0; } h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, h1 a:link, h2 a:link, h3 a:link, h4 a:link, h5 a:link, h6 a:link, h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited, h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover { font-family: "Century Gothic",Arial, Helvetica, Sans-Serif; font-style: normal; font-weight: bold; font-size: 35px; text-decoration: none; } .art-postcontent a { text-decoration: none; color: #AC290C; } .art-postcontent a:link { text-decoration: none; color: #AC290C; } .art-postcontent a:visited, .art-postcontent a.visited { color: #D26F07; } .art-postcontent a:hover, .art-postcontent a.hover { color: #D26F07; } .art-postcontent h1 { margin: 21px 0 21px 0; color: #AC290C; font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif; font-size: 13px; text-transform: uppercase; } .art-postcontent h2 { color: #AC290C; margin: 19px 0 19px 0; font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif; font-size: 13px; text-transform: uppercase; } .art-postcontent h3 { margin: 19px 0 19px 0; color: #AC290C; font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif; font-size: 13px; text-transform: uppercase; } .art-postcontent h4 { margin: 20px 0 20px 0; color: #AC290C; font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif; font-size: 13px; text-transform: uppercase; } .art-postcontent h5 { margin: 26px 0 26px 0; color: #AC290C; font-size: 14px; } .art-postcontent h6 { margin: 35px 0 35px 0; color: #AC290C; font-size: 12px; } ul { list-style-type: none; } ol { list-style-position: inside; } #art-main { position: relative; width: 100%; left: 0; top: 0; cursor:default; } .cleared { float: none; clear: both; margin: 0; padding: 0; border: none; font-size: 1px; } form { padding: 0 !important; margin: 0 !important; } table.position { position: relative; width: 100%; table-layout: fixed; } /* end Page */ /* begin Box, Sheet */ .art-sheet { position: relative; margin: 0 auto; min-width: 1px; min-height: 1px; } .art-sheet-body { position: relative; padding: 0; } .art-sheet-cc { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-image: url('images/backsheet.png'); background-repeat: no-repeat; height:716px } .art-sheet { top: 0 !important; margin-bottom: 0 !important; cursor:auto; width: 800px; } /* end Box, Sheet */ /* begin Layout */ .art-content-layout { display: table; width: 100%; table-layout: fixed; border-collapse: collapse; background-color: Transparent; border: none !important; padding:0 !important; } .art-layout-cell, .art-content-layout-row { background-color: Transparent; vertical-align: top; text-align: left; border: none !important; margin:0 !important; padding:0 !important; } .art-content-layout .art-content-layout{width: auto;margin:0;} .art-content-layout .art-layout-cell, .art-content-layout .art-layout-cell .art-content-layout .art-layout-cell{display: table-cell;} .art-layout-cell .art-layout-cell{display: block;} .art-content-layout-row {display: table-row;} .art-layout-glare{position:relative;}/* end Layout */ /* begin Box, Block, VMenuBlock */ .art-vmenublock { position: relative; margin: 0 auto; min-width: 1px; min-height: 1px; } .art-vmenublock-body { position: relative; padding: 0; margin-top:310px; margin-left:10px; } .art-vmenublock { margin: 20px; } /* end Box, Block, VMenuBlock */ /* begin Box, Box, VMenuBlockContent */ .art-vmenublockcontent { position: relative; margin: 0 auto; min-width: 1px; min-height: 1px; } .art-vmenublockcontent-body { position: relative; padding: 0; } .art-vmenublockcontent { position: relative; margin: 0 auto; min-width: 1px; min-height: 1px; } .art-vmenublockcontent-body { position: relative; padding: 0; } /* end Box, Box, VMenuBlockContent */ /* begin VMenu */ ul.art-vmenu, ul.art-vmenu li { list-style: none; margin: 0; padding: 0; width: auto; line-height: 0; } ul.art-vmenu ul { display: none; } ul.art-vmenu ul.active { display: block; } /* end VMenu */ /* begin VMenuItem */ ul.art-vmenu a { position: relative; display: block; overflow: hidden; height: 26px; cursor: pointer; text-decoration: none; } ul.art-vmenu li.art-vmenu-separator { display: block; padding: 0 0 0 0; margin: 0; font-size: 1px; } ul.art-vmenu .art-vmenu-separator-span { display: block; padding: 0; font-size: 1px; height: 0; line-height: 0; border: none; } ul.art-vmenu a .r, ul.art-vmenu a .l { position: absolute; display: block; top: 0; height: 88px; } ul.art-vmenu a .l { left: 0; right: 0; } ul.art-vmenu a .r { width: 800px; right: 0; clip: rect(auto, auto, auto, 800px); } ul.art-vmenu a .t, ul.art-vmenu ul a { font-family: "Verdana Ref",Arial, Helvetica, Sans-Serif; font-style: normal; font-weight: bold; font-size: 13px; text-transform: uppercase; } ul.art-vmenu a .t { display: block; position:relative; top:0; line-height: 26px; color: #FFFFFF; padding: 0 10px 0 20px; margin-left:0; margin-right:0; } ul.art-vmenu a.active .l, ul.art-vmenu a.active .r { top: -62px; } ul.art-vmenu a.active .t { color: #000000; } ul.art-vmenu a:hover .l, ul.art-vmenu a:hover .r { top: -31px; } ul.art-vmenu a:hover .t { color: #000000; } /* end VMenuItem */ /* begin VMenuSubItem */ ul.art-vmenu ul, ul.art-vmenu ul li { margin: 0; padding: 0; } ul.art-vmenu ul a { display: block; white-space: nowrap; height: 18px; overflow: visible; background-position: 25px 0; background-repeat: repeat-x; padding-left: 42px; } ul.art-vmenu ul li { padding: 0; } ul.art-vmenu ul span, ul.art-vmenu ul span span { display: inline; float: none; margin: inherit; padding: inherit; background-image: none; text-align: inherit; text-decoration: inherit; } ul.art-vmenu ul a, ul.art-vmenu ul a:link, ul.art-vmenu ul a:visited, ul.art-vmenu ul a:hover, ul.art-vmenu ul a:active, ul.art-vmenu ul span, ul.art-vmenu ul span span { line-height: 18px; color: #FFFFFF; font-size: 12px; margin-left: 0; } ul.art-vmenu ul { margin:0 0 0 0; } ul.art-vmenu ul ul { margin:0 0 0 0; } ul.art-vmenu ul li.art-vsubmenu-separator { display: block; margin: 0; font-size: 1px; padding: 0 0 0 0; } ul.art-vmenu ul .art-vsubmenu-separator-span { display: block; padding: 0; font-size: 1px; height: 0; line-height: 0; margin: 0; border: none; } ul.art-vmenu ul li.art-vmenu-separator-first { padding-bottom:0; } ul.art-vmenu ul li li a { background-position: 50px 0; padding-left: 67px; } ul.art-vmenu ul li li li a { background-position: 75px 0; padding-left: 92px; } ul.art-vmenu ul li li li li a { background-position: 100px 0; padding-left: 117px; } ul.art-vmenu ul li li li li li a { background-position: 125px 0; padding-left: 142px; } ul.art-vmenu ul li a.active { color: #000000; background-position: 25px -46px; } ul.art-vmenu ul li li a.active { background-position: 50px -46px; } ul.art-vmenu ul li li li a.active { background-position: 75px -46px; } ul.art-vmenu ul li li li li a.active { background-position: 100px -46px; } ul.art-vmenu ul li li li li li a.active { background-position: 125px -46px; } ul.art-vmenu ul li a:hover, ul.art-vmenu ul li a:hover.active { color: #000000; background-position: 25px -23px; } ul.art-vmenu ul li li a:hover, ul.art-vmenu ul li li a:hover.active { background-position: 50px -23px; } ul.art-vmenu ul li li li a:hover, ul.art-vmenu ul li li li a:hover.active { background-position: 75px -23px; } ul.art-vmenu ul li li li li a:hover, ul.art-vmenu ul li li li li a:hover.active { background-position: 100px -23px; } ul.art-vmenu ul li li li li li a:hover, ul.art-vmenu ul li li li li li a:hover.active { background-position: 125px -23px; } /* end VMenuSubItem */ /* begin Box, Block */ .art-block { position: relative; margin: 0 auto; min-width: 1px; min-height: 1px; } .art-block-body { position: relative; padding: 0; } .art-block { margin: 0; } /* end Box, Block */ /* begin BlockHeader */ .art-blockheader { margin-bottom: 0; } .art-blockheader, .art-blockheader h3.t { position: relative; height: 38px; } .art-blockheader h3.t, .art-blockheader h3.t a, .art-blockheader h3.t a:link, .art-blockheader h3.t a:visited, .art-blockheader h3.t a:hover { color: #ae2b0c; font-size: 14px; } .art-blockheader h3.t { margin:0; padding: 0 10px 0 10px; white-space: nowrap; line-height: 38px; } /* end BlockHeader */ /* begin Box, BlockContent */ .art-blockcontent { position: relative; margin: 0 auto; min-width: 1px; min-height: 1px; } .art-blockcontent-body { position: relative; padding: 5px; } .art-blockcontent-body, .art-blockcontent-body li, .art-blockcontent-body a, .art-blockcontent-body a:link, .art-blockcontent-body a:visited, .art-blockcontent-body a:hover { color: #181610; font-family: "Century Gothic",Arial, Helvetica, Sans-Serif; font-size: 14px; } .art-blockcontent-body p { margin: 6px 0 6px 0; } .art-blockcontent-body a { color: #2F2709; text-decoration: underline; } .art-blockcontent-body a:link { color: #2F2709; text-decoration: underline; } .art-blockcontent-body a:visited, .art-blockcontent-body a.visited { color: #A99E7E; text-decoration: none; } .art-blockcontent-body a:hover, .art-blockcontent-body a.hover { color: #E69305; text-decoration: none; } .art-blockcontent-body ul li { line-height: 125%; color: #312D21; padding: 0 0 0 12px; background-image: url('images/blockcontentbullets.png'); background-repeat: no-repeat; }/* end Box, BlockContent */ /* begin Button */ .art-button-wrapper a.art-button, .art-button-wrapper a.art-button:link, .art-button-wrapper input.art-button, .art-button-wrapper button.art-button { text-decoration: none; font-family: "Century Gothic",Arial, Helvetica, Sans-Serif; font-style: normal; font-weight: normal; font-size: 14px; position:relative; top:0; display: inline-block; vertical-align: middle; white-space: nowrap; text-align: center; color: #221F16 !important; width: auto; outline: none; border: none; background: none; line-height: 34px; height: 34px; margin: 0 !important; padding: 0 16px !important; overflow: visible; cursor: default; } .art-button img, .art-button-wrapper img { margin: 0; vertical-align: middle; } .art-button-wrapper { vertical-align: middle; display: inline-block; position: relative; height: 34px; overflow: hidden; white-space: nowrap; width: auto; margin: 0; padding: 0; z-index: 0; } .firefox2 .art-button-wrapper { display: block; float: left; } input, select, textarea { vertical-align: middle; font-family: "Century Gothic",Arial, Helvetica, Sans-Serif; font-style: normal; font-weight: normal; font-size: 14px; } .art-block select { width:96%; } .art-button-wrapper.hover .art-button, .art-button-wrapper.hover a.art-button:link, .art-button:hover { color: #322001 !important; text-decoration: none !important; } .art-button-wrapper.active .art-button, .art-button-wrapper.active a.art-button:link { color: #2F2709 !important; } .art-button-wrapper .art-button-l, .art-button-wrapper .art-button-r { display: block; position: absolute; height: 112px; margin: 0; padding: 0; background-image: url('images/button.png'); } .art-button-wrapper .art-button-l { left: 0; right: 13px; } .art-button-wrapper .art-button-r { width: 415px; right: 0; clip: rect(auto, auto, auto, 402px); } .art-button-wrapper.hover .art-button-l, .art-button-wrapper.hover .art-button-r { top: -39px; } .art-button-wrapper.active .art-button-l, .art-button-wrapper.active .art-button-r { top: -78px; } .art-button-wrapper input { float: none !important; } /* end Button */ /* begin Box, Post */ .art-post { position: relative; margin: 0 auto; min-width: 1px; min-height: 1px; } .art-post-body { position: relative; padding: 25px; } .art-post { margin: 0; } a img { border: 0; } .art-article img, img.art-article { border: solid 0 #E5D07B; margin: 7px; } .art-metadata-icons img { border: none; vertical-align: middle; margin: 2px; } .art-article table, table.art-article { border-collapse: collapse; margin: 1px; } .art-article th, .art-article td { padding: 2px; border: solid 1px #908360; vertical-align: top; text-align: left; } .art-article th { text-align: center; vertical-align: middle; padding: 7px; } pre { overflow: auto; padding: 0.1em; float:left; } /* end Box, Post */ /* begin PostHeaderIcon */ h2.art-postheader { color: #000000; margin: 5px 0 5px 0; } h2.art-postheader, h2.art-postheader a, h2.art-postheader a:link, h2.art-postheader a:visited, h2.art-postheader a.visited, h2.art-postheader a:hover, h2.art-postheader a.hovered { font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif; font-size: 13px; text-transform: uppercase; color: #ae2b0c; } h2.art-postheader a, h2.art-postheader a:link { font-family: "Century Gothic",Arial, Helvetica, Sans-Serif; text-align: left; text-decoration: none; color: #ae2b0c; } h2.art-postheader a:visited, h2.art-postheader a.visited { color: #D5B32A; } h2.art-postheader a:hover, h2.art-postheader a.hovered { color: #2F2709; } /* end PostHeaderIcon */ /* begin PostBullets */ .art-post ol, .art-post ul { margin: 1em 0 1em 2em; padding: 0; } .art-post li { font-family: "Century Gothic",Arial, Helvetica, Sans-Serif; font-size: 14px; } .art-post li ol, .art-post li ul { margin: 0.5em 0 0.5em 2em; padding: 0; } .art-post li { color: #181610; padding: 0; } .art-post li { padding: 0 0 0 13px; } .art-post ol>li { background: none; padding-left: 0;/* overrides overflow for "ul li" and sets the default value */ overflow: visible; } .art-post ul>li { background-image: url('images/postbullets.png'); background-repeat: no-repeat; padding-left: 13px;/* makes "ul li" not to align behind the image if they are in the same line */ overflow-x: visible; overflow-y: hidden; } /* end PostBullets */ /* begin PostQuote */ .art-postcontent blockquote, .art-postcontent blockquote a, .art-postcontent blockquote a:link, .art-postcontent blockquote a:visited, .art-postcontent blockquote a:hover { color: #000000; font-family: "Century Gothic",Arial, Helvetica, Sans-Serif; } .art-postcontent blockquote p { margin: 3px; } .art-postcontent blockquote { border: solid 0 #776D50; margin: 10px 10px 10px 50px; padding: 15px 15px 15px 52px; background-color: #FFFFFF; background-image: url('images/postquote.png'); background-position: left top; background-repeat: no-repeat;/* makes blockquote not to align behind the image if they are in the same line */ overflow: auto; } /* end PostQuote */ /* begin Footer */ .art-footer { position: relative; overflow: hidden; width: 100%; } .art-footer-t { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-position: left bottom; } .art-footer-body { position:relative; padding: 20px; } .art-footer-text p { padding:0; margin:0; } .art-footer, .art-footer a, .art-footer a:link, .art-footer a:visited, .art-footer a:hover { color: #312D21; } .art-footer-text { padding: 0 10px 0 10px; } .art-footer, .art-footer-text, .art-footer p { text-align: center; } .art-footer a, .art-footer a:link { color: #625213; text-decoration: none; } .art-footer a:visited { color: #8D805E; } .art-footer a:hover { color: #C4A427; } /* end Footer */ /* begin PageFooter */ .art-page-footer, .art-page-footer a, .art-page-footer a:link, .art-page-footer a:visited, .art-page-footer a:hover { font-family: Arial; font-size: 10px; letter-spacing: normal; word-spacing: normal; font-style: normal; font-weight: normal; text-decoration: underline; color: #FAAA1E; } .art-page-footer { margin: 1em; text-align: center; text-decoration: none; color: #C0B7A0; } /* end PageFooter */ /* begin LayoutCell, sidebar1 */ .art-sidebar1 .art-layout-glare-image { background-image: url('images/navi.png'); background-position: right top; background-repeat: no-repeat; position:absolute; display:block; top:0; left:0; width:100%; height:573px; background-repeat: no-repeat; } .art-content-layout .art-sidebar1 { width: 180px; } /* end LayoutCell, sidebar1 */ /* begin LayoutCell, content */ /* end LayoutCell, content */ textarea#comment{width:100%;} .commentlist, .commentlist li { background: none; } .commentlist li li { margin-left: 30px; } .commentlist li .avatar { float: right; border: 0px solid #eee; padding: 2px; margin: 1px; background: #fff; } .commentlist li cite { font-size: 1.2em; } #commentform textarea { width: 100%; } img.wp-smiley { border: none; margin: 0; padding: 0; } .navigation { display: block; text-align: center; } /* Recommended by http://codex.wordpress.org/CSS */ /* Begin */ .aligncenter, div.aligncenter, .art-article .aligncenter img, .aligncenter img.art-article, .aligncenter img, img.aligncenter { display: block; margin-left: auto; margin-right: auto; } .alignleft { float: left; } .alignright { float: right; } .alignright img, img.alignright { margin: 1em; margin-right: 0; } .alignleft img, img.alignleft { margin: 1em; margin-left: 0; } .wp-caption { border: 1px solid #ddd; background-color: #f3f3f3; padding-top: 4px; margin: 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; } .wp-caption, .wp-caption p { text-align: center; } /* End */ .hidden { display: none; } /* Calendar */ #wp-calendar { empty-cells: show; margin: 10px auto 0; width: 155px; } #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; } .gallery { letter-spacing: normal; } .art-content { position: relative; z-index: 1; } #todays-events{ position: relative; z-index: 11; } #upcoming-events{ position: relative; z-index: 10; } img.wp-post-image { margin:0 5px 5px 0 !important; } div.art-footer li, ul.commentlist li { list-style-image: none; background:none; list-style-type:none; } div.art-footer div.art-content-layout, div.art-content div.art-content-layout { margin:0 auto; width:100%; } div.art-footer ul { padding-left: 0; } div.art-footer ul li ul { padding-left: 20px; } div.art-layout-cell-size1 { width:100%; } div.art-layout-cell-size2 { width:50%; } div.art-layout-cell-size3 { width:33%; } div.art-layout-cell-size4 { width:25%; } div.art-author-info img.avatar { float:left; margin-top:0; }