/* Theme Name: BlueBox Theme URI: Description: A super-slick male based blog theme. Version: 1.0 Author: Cameron Ryan Author URI: http://www.crnetworks.org/ License: GNU General Public License License URI: http://www.gnu.org/licenses/gpl.html Tags: blue, two-columns, fixed-width */ #bb-main, table { font-family: Tahoma, 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; } .bb-postcontent, .bb-postheadericons, .bb-postfootericons, .bb-blockcontent-body, ul.bb-vmenu a { text-align: left; } .bb-postcontent, .bb-postcontent li, .bb-postcontent table, .bb-postcontent a, .bb-postcontent a:link, .bb-postcontent a:visited, .bb-postcontent a.visited, .bb-postcontent a:hover, .bb-postcontent a.hovered { font-family: Tahoma, Arial, Helvetica, Sans-Serif; } .bb-postcontent p { margin: 12px 0; } .bb-postcontent h1, .bb-postcontent h1 a, .bb-postcontent h1 a:link, .bb-postcontent h1 a:visited, .bb-postcontent h1 a:hover, .bb-postcontent h2, .bb-postcontent h2 a, .bb-postcontent h2 a:link, .bb-postcontent h2 a:visited, .bb-postcontent h2 a:hover, .bb-postcontent h3, .bb-postcontent h3 a, .bb-postcontent h3 a:link, .bb-postcontent h3 a:visited, .bb-postcontent h3 a:hover, .bb-postcontent h4, .bb-postcontent h4 a, .bb-postcontent h4 a:link, .bb-postcontent h4 a:visited, .bb-postcontent h4 a:hover, .bb-postcontent h5, .bb-postcontent h5 a, .bb-postcontent h5 a:link, .bb-postcontent h5 a:visited, .bb-postcontent h5 a:hover, .bb-postcontent h6, .bb-postcontent h6 a, .bb-postcontent h6 a:link, .bb-postcontent h6 a:visited, .bb-postcontent h6 a:hover, .bb-blockheader .t, .bb-blockheader .t a, .bb-blockheader .t a:link, .bb-blockheader .t a:visited, .bb-blockheader .t a:hover, .bb-vmenublockheader .t, .bb-vmenublockheader .t a, .bb-vmenublockheader .t a:link, .bb-vmenublockheader .t a:visited, .bb-vmenublockheader .t a:hover, .bb-logo-name, .bb-logo-name a, .bb-logo-name a:link, .bb-logo-name a:visited, .bb-logo-name a:hover, .bb-logo-text, .bb-logo-text a, .bb-logo-text a:link, .bb-logo-text a:visited, .bb-logo-text a:hover, .bb-postheader, .bb-postheader a, .bb-postheader a:link, .bb-postheader a:visited, .bb-postheader a:hover { font-family: Arial, Helvetica, Sans-Serif; font-style: normal; font-weight: bold; font-size: 24px; text-decoration: none; } .bb-postcontent a { text-decoration: none; color: #A22101; } .bb-postcontent a:link { text-decoration: none; color: #A22101; } .bb-postcontent a:visited, .bb-postcontent a.visited { color: #A22101; } .bb-postcontent a:hover, .bb-postcontent a.hover { text-decoration: underline; color: #330A00; } .bb-postcontent h1 { color: #226081; margin: 10px 0 0; font-size: 29px; } .bb-blockcontent h1 { margin: 10px 0 0; font-size: 29px; } .bb-postcontent h1 a, .bb-postcontent h1 a:link, .bb-postcontent h1 a:hover, .bb-postcontent h1 a:visited, .bb-blockcontent h1 a, .bb-blockcontent h1 a:link, .bb-blockcontent h1 a:hover, .bb-blockcontent h1 a:visited { font-size: 29px; } .bb-postcontent h2 { color: #2D7EA9; margin: 10px 0 0; } .bb-blockcontent h2 { margin: 10px 0 0; } .bb-postcontent h3 { color: #2D7EA9; margin: 10px 0 0; font-size: 20px; } .bb-blockcontent h3 { margin: 10px 0 0; font-size: 20px; } .bb-postcontent h3 a, .bb-postcontent h3 a:link, .bb-postcontent h3 a:hover, .bb-postcontent h3 a:visited, .bb-blockcontent h3 a, .bb-blockcontent h3 a:link, .bb-blockcontent h3 a:hover, .bb-blockcontent h3 a:visited { font-size: 20px; } .bb-postcontent h4 { color: #0F2A38; margin: 10px 0 0; font-size: 18px; } .bb-blockcontent h4 { margin: 10px 0 0; font-size: 18px; } .bb-postcontent h4 a, .bb-postcontent h4 a:link, .bb-postcontent h4 a:hover, .bb-postcontent h4 a:visited, .bb-blockcontent h4 a, .bb-blockcontent h4 a:link, .bb-blockcontent h4 a:hover, .bb-blockcontent h4 a:visited { font-size: 18px; } .bb-postcontent h5 { color: #0F2A38; margin: 10px 0 0; font-size: 15px; } .bb-blockcontent h5 { margin: 10px 0 0; font-size: 15px; } .bb-postcontent h5 a, .bb-postcontent h5 a:link, .bb-postcontent h5 a:hover, .bb-postcontent h5 a:visited, .bb-blockcontent h5 a, .bb-blockcontent h5 a:link, .bb-blockcontent h5 a:hover, .bb-blockcontent h5 a:visited { font-size: 15px; } .bb-postcontent h6 { color: #163F55; margin: 10px 0 0; font-size: 14px; } .bb-blockcontent h6 { margin: 10px 0 0; font-size: 14px; } .bb-postcontent h6 a, .bb-postcontent h6 a:link, .bb-postcontent h6 a:hover, .bb-postcontent h6 a:visited, .bb-blockcontent h6 a, .bb-blockcontent h6 a:link, .bb-blockcontent h6 a:hover, .bb-blockcontent h6 a:visited { font-size: 14px; } ul { list-style-type: none; } ol { list-style-position: inside; } html, body { height:100%; } #bb-main { position: relative; z-index: 0; width: 100%; min-height: 100%; left: 0; top: 0; cursor:default; overflow:hidden; } body { padding: 0; margin:0; min-width: 1000px; color: #0F2A38; background-color: #C7C7C7; } .cleared { display:block; clear: both; float: none; margin: 0; padding: 0; border: none; font-size: 0; height:0; overflow:hidden; } .reset-box { overflow:hidden; display:table; } form { padding: 0 !important; margin: 0 !important; } table.position { position: relative; width: 100%; table-layout: fixed; } /* Start Box */ .bb-box, .bb-box-body { margin:0 auto; position:relative; } .bb-box:before, .bb-box:after, .bb-box-body:before, .bb-box-body:after { position:absolute; top:0; bottom:0; content:' '; background-repeat: no-repeat; line-height:0; } .bb-box:before,.bb-box-body:before{ left:0; } .bb-box:after,.bb-box-body:after{ right:0; } .bb-box:before { overflow:hidden; background-position: bottom left; direction: ltr; z-index:-3; } .bb-box:after { background-position: bottom right; z-index:-3; } .bb-box-body:before, .bb-box-body:after { background-repeat:repeat-y; } .bb-box-body:before { background-position: top left; z-index:-3; } .bb-box-body:after { background-position: top right; z-index:-3; } .bb-box .bb-box:before, .bb-box .bb-box:after, .bb-box-body .bb-box-body:before, .bb-box-body .bb-box-body:after { z-index:-2; } .bb-box .bb-box .bb-box:before, .bb-box .bb-box .bb-box:after, .bb-box-body .bb-box-body .bb-box-body:before, .bb-box-body .bb-box-body .bb-box-body:after { z-index:-1; } /* End Box */ /* Start Bar */ .bb-bar { position:relative; } .bb-bar:before, .bb-bar:after { position:absolute; top:0; bottom:0; content:' '; background-repeat:repeat; z-index:-1; } .bb-bar:before { left:0; background-position: top left; } .bb-bar:after { right:0; background-position: top right; } /* End Bar */ li h1, .bb-postcontent li h1, .bb-blockcontent-body li h1 { margin:1px; } li h2, .bb-postcontent li h2, .bb-blockcontent-body li h2 { margin:1px; } li h3, .bb-postcontent li h3, .bb-blockcontent-body li h3 { margin:1px; } li h4, .bb-postcontent li h4, .bb-blockcontent-body li h4 { margin:1px; } li h5, .bb-postcontent li h5, .bb-blockcontent-body li h5 { margin:1px; } li h6, .bb-postcontent li h6, .bb-blockcontent-body li h6 { margin:1px; } li p, .bb-postcontent li p, .bb-blockcontent-body li p { margin:1px; } /* end Page */ /* begin Box, Sheet */ .bb-sheet { max-width:1000px; margin-top: 15px; margin-bottom: 0; cursor:auto; width: 1000px; } .bb-sheet-body { padding:8px; min-width:20px; min-height:20px; padding-top:8px; padding-bottom:8px; } .bb-sheet:before, .bb-sheet:after { content: url('images/sheet_t.png'); font-size: 0; background-image: url('images/sheet_b.png'); } .bb-sheet:after{ clip:rect(auto, auto, auto, 982px); } .bb-sheet:before,.bb-sheet-body:before{ right:18px; } .bb-sheet-body:after{ width: 18px; top:18px; bottom:18px; background-image:url('images/sheet.png'); } .bb-sheet-body:before{ top:18px; bottom:18px; background-image:url('images/sheet.png'); } /* end Box, Sheet */ /* begin Header */ div.bb-header { margin: 0 auto; position: relative; width:100%; height: 175px; margin-top: 0; margin-bottom: 0; } .bb-header:before { position: absolute; display:block; content:' '; z-index:-2; top: 0; width:100%; height: 175px; background-image: url('images/header.png'); background-repeat: no-repeat; background-position:top center; } /* end Header */ /* begin Logo */ div.bb-logo { display: block; position: absolute; top: 58px; left: 0; margin-left: 12px; } .bb-logo-name { display: block; text-align: left; font-size: 31px; padding: 0; margin: 0; color: #0D2430 !important; } .bb-logo-name a, .bb-logo-name a:link, .bb-logo-name a:visited, .bb-logo-name a:hover { font-size: 31px; padding: 0; margin: 0; color: #0D2430 !important; } .bb-logo-text { display: block; text-align: left; font-family: Tahoma, Arial, Helvetica, Sans-Serif; font-size: 15px; padding: 0; margin: 0; color: #0D2430 !important; } .bb-logo-text a, .bb-logo-text a:link, .bb-logo-text a:visited, .bb-logo-text a:hover { font-family: Tahoma, Arial, Helvetica, Sans-Serif; font-size: 15px; padding: 0; margin: 0; color: #0D2430 !important; } /* end Logo */ /* begin Menu */ /* menu structure */ ul.bb-hmenu a, ul.bb-hmenu a:link, ul.bb-hmenu a:visited, ul.bb-hmenu a:hover { outline: none; position: relative; z-index: 11; } ul.bb-hmenu, ul.bb-hmenu ul { display: block; margin: 0; padding: 0; border: 0; list-style-type: none; } ul.bb-hmenu li { margin: 0; padding: 0; border: 0; display: block; float: left; position: relative; z-index: 5; background: none; } ul.bb-hmenu li:hover{ z-index: 10000; white-space: normal; } ul.bb-hmenu li li{ float: none; width: auto; } ul.bb-hmenu li:hover>ul { visibility: visible; top: 100%; } ul.bb-hmenu li li:hover>ul { top: 0; left: 100%; } ul.bb-hmenu:after, ul.bb-hmenu ul:after { content: "."; height: 0; display: block; visibility: hidden; overflow: hidden; clear: both; } ul.bb-hmenu, ul.bb-hmenu ul { min-height: 0; } ul.bb-hmenu ul { visibility: hidden; position: absolute; z-index: 10; left: 0; top: 0; background-image: url('images/spacer.gif'); padding: 10px 30px 30px 30px; margin: -10px 0 0 -30px; } ul.bb-hmenu ul.bb-hmenu-left-to-right { right: auto; left: 0; margin: -10px 0 0 -30px; } ul.bb-hmenu ul.bb-hmenu-right-to-left { left: auto; right: 0; margin: -10px -30px 0 0; } ul.bb-hmenu ul ul { padding: 30px 30px 30px 10px; margin: -30px 0 0 -10px; margin-left: -11px; z-index: -1; } ul.bb-hmenu ul ul.bb-hmenu-left-to-right { right: auto; left: 0; padding: 30px 30px 30px 10px; margin: -30px 0 0 -10px; margin-left: -11px; } ul.bb-hmenu ul ul.bb-hmenu-right-to-left { left: auto; right: 0; padding: 30px 10px 30px 30px; margin: -30px -10px 0 0; margin-right: -11px; } ul.bb-hmenu li li:hover>ul.bb-hmenu-left-to-right { right: auto; left: 100%; } ul.bb-hmenu li li:hover>ul.bb-hmenu-right-to-left { left: auto; right: 100%; } ul.bb-hmenu{ position:relative; padding: 10px 4px 0 4px; float: left; } /* end menu structure */ /* menu bar */ .bb-nav { margin:0 auto; min-height: 46px; z-index: 100; margin-top: 0; margin-bottom: 0; } .bb-nav:before, .bb-nav:after{ background-image: url('images/nav.png'); } .bb-nav:before{ right: 10px; } .bb-nav:after{ width: 10px; } /* end menu bar */ .bb-nav-outer{ position:absolute; width:100%; } /* end Menu */ /* begin MenuItem */ ul.bb-hmenu>li>a { position: relative; display: block; height: 36px; cursor: pointer; text-decoration: none; color: #E0E0E0; padding: 0 28px; line-height: 36px; text-align: center; } ul.bb-hmenu>li>a:before, ul.bb-hmenu>li>a:after { position: absolute; display: block; content:' '; top: 0; bottom:0; z-index: -1; background-image: url('images/menuitem.png'); } ul.bb-hmenu>li>a:before { left: 0; right: 1px; background-position: top left; } ul.bb-hmenu>li>a:after { width: 1px; right: 0; background-position: top right; } .bb-hmenu a, .bb-hmenu a:link, .bb-hmenu a:visited, .bb-hmenu a:hover { text-align: left; text-decoration: none; } ul.bb-hmenu>li>a.active:before { background-position: bottom left; } ul.bb-hmenu>li>a.active:after { background-position: bottom right; } ul.bb-hmenu>li>a.active { color: #0B1E28; } ul.bb-hmenu>li>a:hover:before, ul.bb-hmenu>li:hover>a:before { background-position: center left; } ul.bb-hmenu>li>a:hover:after, ul.bb-hmenu>li:hover>a:after { background-position: center right; } ul.bb-hmenu>li>a:hover, ul.bb-hmenu>li:hover>a{ color: #000000; } /* end MenuItem */ /* begin MenuSeparator */ ul.bb-hmenu>li { margin-left:6px; } ul.bb-hmenu>li:first-child { margin-left:0; } /* end MenuSeparator */ /* begin MenuSubItem */ .bb-hmenu ul a { display: block; white-space: nowrap; height: 28px; background-image: url('images/subitem.png'); background-position: left top; background-repeat: repeat-x; border-width: 1px; border-style: solid; border-top-width: 0; border-color: #56A7D2; min-width: 7em; text-align: left; text-decoration: none; line-height: 28px; color: #1F1F1F; margin:0; padding: 0 17px; } .bb-hmenu ul>li:first-child>a { border-top-width: 1px; } .bb-hmenu ul a:link, .bb-hmenu ul a:visited, .bb-hmenu ul a:hover, .bb-hmenu ul a:active { text-align: left; text-decoration: none; line-height: 28px; color: #1F1F1F; margin:0; padding: 0 17px; } .bb-hmenu ul li a:hover { color: #000000; background-position: left bottom; border-color: #82BEDE; border-top-width: 1px !important; } .bb-hmenu ul li a.bb-hmenu-before-hovered { border-bottom-width: 0 !important; } .bb-hmenu ul li:hover>a { color: #000000; background-position: left bottom; border-color: #82BEDE; border-top-width: 1px !important; } /* end MenuSubItem */ /* begin Layout */ .bb-layout-wrapper { position:relative; margin:0 auto 0 auto; } .bb-content-layout { display: table; width:100%; table-layout: fixed; border-collapse: collapse; } .bb-content-layout-row { display: table-row; } .bb-layout-cell { display: table-cell; vertical-align: top; } /* end Layout */ /* begin Button */ span.bb-button-wrapper>a.bb-button, span.bb-button-wrapper>a.bb-button:link, span.bb-button-wrapper>input.bb-button, span.bb-button-wrapper>button.bb-button { text-decoration: none; font-family: Tahoma, Arial, Helvetica, Sans-Serif; font-style: normal; font-weight: normal; font-size: 13px; position:relative; top:0; display: inline-block; vertical-align: middle; white-space: nowrap; text-align: center; color: #292929 !important; width: auto; outline: none; border: none; background: none; line-height: 23px; height: 23px; margin: 0 !important; padding: 0 5px !important; overflow: visible; cursor: pointer; text-indent: 0; } .bb-button img, span.bb-button-wrapper img { margin: 0; vertical-align: middle; } span.bb-button-wrapper { vertical-align: middle; display: inline-block; position: relative; height: 23px; overflow: hidden; white-space: nowrap; text-indent: 0; width: auto; max-width:984px; margin: 0; padding: 0; z-index: 0; } .firefox2 span.bb-button-wrapper { display: block; float: left; } input, select, textarea { vertical-align: middle; font-family: Tahoma, Arial, Helvetica, Sans-Serif; font-style: normal; font-weight: normal; font-size: 13px; } div.bb-block select { width:96%; } span.bb-button-wrapper.hover>.bb-button, span.bb-button-wrapper.hover>a.bb-button:link { color: #0D2430 !important; text-decoration: none !important; } span.bb-button-wrapper.active>.bb-button, span.bb-button-wrapper.active>a.bb-button:link { color: #330A00 !important; } span.bb-button-wrapper>span.bb-button-l, span.bb-button-wrapper>span.bb-button-r { display: block; position: absolute; top: 0; bottom: 0; margin: 0; padding: 0; background-image: url('images/button.png'); background-repeat: no-repeat; } span.bb-button-wrapper>span.bb-button-l { left: 0; right: 9px; background-position: top left; } span.bb-button-wrapper>span.bb-button-r { width: 9px; right: 0; background-position: top right; } span.bb-button-wrapper.hover>span.bb-button-l { background-position: center left; } span.bb-button-wrapper.hover>span.bb-button-r { background-position: center right; } span.bb-button-wrapper.active>span.bb-button-l { background-position: bottom left; } span.bb-button-wrapper.active>span.bb-button-r { background-position: bottom right; } span.bb-button-wrapper input { float: none !important; } /* end Button */ /* begin Box, Block, VMenuBlock */ .bb-vmenublock { max-width:984px; margin: 0; } .bb-vmenublock-body { padding:0; } /* end Box, Block, VMenuBlock */ /* begin BlockHeader, VMenuBlockHeader */ .bb-vmenublockheader { margin-bottom: 0; min-height: 39px; line-height:39px; } .bb-vmenublockheader .t { min-height: 39px; line-height:39px; color: #000000; font-family: Tahoma, Arial, Helvetica, Sans-Serif; font-size: 15px; margin:0; padding: 0 5px 0 5px; white-space: nowrap; } .bb-vmenublockheader .t a, .bb-vmenublockheader .t a:link, .bb-vmenublockheader .t a:visited, .bb-vmenublockheader .t a:hover { color: #000000; font-family: Tahoma, Arial, Helvetica, Sans-Serif; font-size: 15px; } /* end BlockHeader, VMenuBlockHeader */ /* begin Box, Box, VMenuBlockContent */ .bb-vmenublockcontent { max-width:984px; } .bb-vmenublockcontent-body { padding:0; } /* end Box, Box, VMenuBlockContent */ /* begin VMenu */ ul.bb-vmenu, ul.bb-vmenu ul { list-style: none; display: block; } ul.bb-vmenu, ul.bb-vmenu li { display: block; margin: 0; padding: 0; width: auto; line-height: 0; } ul.bb-vmenu { margin-top: 0; margin-bottom: 0; } ul.bb-vmenu ul { display: none; margin: 0; padding: 0; position:relative; margin-left: 0; margin-right: 0; } ul.bb-vmenu ul.active { display: block; } /* end VMenu */ /* begin VMenuItem */ ul.bb-vmenu a { display: block; cursor: pointer; z-index:0; text-decoration: none; font-family: Tahoma, Arial, Helvetica, Sans-Serif; font-style: normal; font-weight: normal; font-size: 13px; margin-left:0; margin-right:0; position:relative; } ul.bb-vmenu li{ position:relative; } ul.bb-vmenu>li>a { color: #595959; padding: 0 10px 0 10px; height: 36px; line-height: 36px; white-space: nowrap; } ul.bb-vmenu>li>a.active { color: #CBE4F1; } ul.bb-vmenu a:hover, ul.bb-vmenu a.active:hover { color: #FFB6A4; } ul.bb-vmenu>li>a:before, ul.bb-vmenu>li>a:after { position: absolute; display: block; content: ' '; z-index:-1; background-image: url('images/vmenuitem.png'); top:0; height:36px; } ul.bb-vmenu>li>a:before{ left: 0; right: 0; background-position: top left; } ul.bb-vmenu>li>a:after{ width: 0; right: 0; background-position: top right; } ul.bb-vmenu>li>a.active:before { background-position: bottom left; } ul.bb-vmenu>li>a.active:after { background-position: bottom right; } ul.bb-vmenu>li>a:hover:before { background-position: center left; } ul.bb-vmenu>li>a:hover:after { background-position: center right; } ul.bb-vmenu>li{ margin-top:4px; } ul.bb-vmenu>li>ul{ margin-top:4px; padding-bottom: 0; } ul.bb-vmenu>li:first-child{ margin-top:0; } /* end VMenuItem */ /* begin VMenuSubItem */ ul.bb-vmenu ul li{ margin: 0; padding: 0; } ul.bb-vmenu li li, ul.bb-vmenu li li a { position:relative; } ul.bb-vmenu ul a { display: block; position:relative; white-space: nowrap; height: 26px; overflow: visible; background-image: url('images/vsubitem.png'); background-repeat: repeat-x; background-position: top left; padding:0; padding-left:15px; padding-right:15px; line-height: 26px; color: #595959; margin-left: 0; margin-right: 0; } ul.bb-vmenu ul a.active{ background-position: bottom left; } ul.bb-vmenu ul a:hover{ background-position: center left; line-height: 26px; color: #595959; margin-left: 0; margin-right: 0; } ul.bb-vmenu ul li li a:hover, ul.bb-vmenu ul li li a:hover.active{ background-position: left center; } ul.bb-vmenu ul a:link, ul.bb-vmenu ul a:visited, ul.bb-vmenu ul a:active { line-height: 26px; color: #595959; margin-left: 0; margin-right: 0; } ul.bb-vmenu>li>ul>li:first-child{ padding-top: 0; margin-top:0; } ul.bb-vmenu li li{ position:relative; margin-top:4px; } ul.bb-vmenu ul ul a{ padding-left:30px; } ul.bb-vmenu ul ul ul a{ padding-left:45px; } ul.bb-vmenu ul ul ul ul a{ padding-left:60px; } ul.bb-vmenu ul ul ul ul ul a{ padding-left:75px; } ul.bb-vmenu ul li a.active { color: #318AB9; } ul.bb-vmenu ul li a:hover, ul.bb-vmenu ul li a:hover.active { color: #E93001; } /* end VMenuSubItem */ /* begin Box, Block */ .bb-block { max-width:984px; margin: 10px; } .bb-block-body { padding:0; } div.bb-block img { /* WARNING do NOT collapse this to 'border' - inheritance! */ border-width: 1px; border-color: #C7C7C7; border-style: solid; margin: 7px; } /* end Box, Block */ /* begin BlockHeader */ .bb-blockheader { margin-bottom: 0; min-height: 39px; line-height:39px; } .bb-blockheader .t { min-height: 39px; line-height:39px; color: #000000; font-family: Tahoma, Arial, Helvetica, Sans-Serif; font-size: 15px; margin:0; padding: 0 5px 0 5px; white-space: nowrap; } .bb-blockheader .t a, .bb-blockheader .t a:link, .bb-blockheader .t a:visited, .bb-blockheader .t a:hover { color: #000000; font-family: Tahoma, Arial, Helvetica, Sans-Serif; font-size: 15px; } /* end BlockHeader */ /* begin Box, BlockContent */ .bb-blockcontent { max-width:984px; } .bb-blockcontent-body { padding:5px; color: #113040; font-family: Tahoma, Arial, Helvetica, Sans-Serif; font-size: 13px; } .bb-blockcontent-body table, .bb-blockcontent-body li, .bb-blockcontent-body a, .bb-blockcontent-body a:link, .bb-blockcontent-body a:visited, .bb-blockcontent-body a:hover { color: #113040; font-family: Tahoma, Arial, Helvetica, Sans-Serif; font-size: 13px; } .bb-blockcontent-body p { margin: 12px 0; } .bb-blockcontent-body a, .bb-blockcontent-body a:link { color: #B22401; text-decoration: underline; } .bb-blockcontent-body a:visited, .bb-blockcontent-body a.visited { color: #595959; text-decoration: none; } .bb-blockcontent-body a:hover, .bb-blockcontent-body a.hover { color: #E93001; text-decoration: none; } .bb-blockcontent-body ul li { font-size: 14px; line-height: 125%; color: #113040; margin: 5px 0 0 10px; padding: 0 0 0 16px; background-image: url('images/blockcontentbullets.png'); background-repeat: no-repeat; background-position: top left; } /* end Box, BlockContent */ /* begin Box, Post */ .bb-post { max-width:984px; margin: 7px; } .bb-post-body { padding:20px; } .bb-post:before, .bb-post:after { content: url('images/post_t.png'); font-size: 0; background-image: url('images/post_b.png'); } .bb-post:after{ clip:rect(auto, auto, auto, 976px); } .bb-post:before,.bb-post-body:before{ right:8px; } .bb-post-body:after{ width: 8px; top:8px; bottom:8px; background-image:url('images/post.png'); } .bb-post-body:before{ top:8px; bottom:8px; background-image:url('images/post.png'); } a img { border: 0; } .bb-article img, img.bb-article, .bb-block img, .bb-footer img { border-color: #C7C7C7; border-style: solid; border-width: 1px; margin: 7px 7px 7px 7px; } .bb-metadata-icons img { border: none; vertical-align: middle; margin: 2px; } .bb-article table, table.bb-article { border-collapse: collapse; margin: 1px; } .bb-post .bb-content-layout-br { height: 0; } .bb-article th, .bb-article td { padding: 2px; border: solid 1px #B5B5B5; vertical-align: top; text-align: left; } .bb-article th { text-align: center; vertical-align: middle; padding: 7px; } pre { overflow: auto; padding: 0.1em; } /* end Box, Post */ /* begin PostMetadata, PostMetadataHeader */ .bb-postmetadataheader { position:relative; z-index:1; padding: 1px; background-image: url('images/postmetadataheader_bg.png'); } /* end PostMetadata, PostMetadataHeader */ /* begin PostHeaderIcon */ .bb-postheader { color: #163F55; margin: 5px 0; line-height: 1em; font-size: 22px; } .bb-postheader a, .bb-postheader a:link, .bb-postheader a:visited, .bb-postheader a.visited, .bb-postheader a:hover, .bb-postheader a.hovered { font-size: 22px; } .bb-postheader a, .bb-postheader a:link { text-align: left; text-decoration: none; color: #1C4E69; } .bb-postheader a:visited, .bb-postheader a.visited { color: #424242; } .bb-postheader a:hover, .bb-postheader a.hovered { color: #1A1A1A; } /* end PostHeaderIcon */ /* begin PostIcons, PostHeaderIcons */ .bb-postheadericons, .bb-postheadericons a, .bb-postheadericons a:link, .bb-postheadericons a:visited, .bb-postheadericons a:hover { font-family: Tahoma, Arial, Helvetica, Sans-Serif; color: #383838; } .bb-postheadericons { padding: 1px; } .bb-postheadericons a, .bb-postheadericons a:link { text-decoration: none; color: #2D7EA9; } .bb-postheadericons a:visited, .bb-postheadericons a.visited { font-style: italic; font-weight: normal; color: #525252; } .bb-postheadericons a:hover, .bb-postheadericons a.hover { font-style: italic; font-weight: normal; text-decoration: underline; color: #A22101; } /* end PostIcons, PostHeaderIcons */ /* begin PostIcon, PostDateIcon */ span.bb-postdateicon { background:url('images/postdateicon.png') no-repeat left 0.5em; padding-top:9px; margin-top:-9px; padding-left:24px; min-height:18px; display:inline-block; line-height: 1em; } span.bb-postdateicon:after { content: '.'; width: 1px; visibility: hidden; display: inline-block; }/* end PostIcon, PostDateIcon */ /* begin PostIcon, PostAuthorIcon */ span.bb-postauthoricon { background:url('images/postauthoricon.png') no-repeat left 0.5em; padding-top:9px; margin-top:-9px; padding-left:24px; min-height:18px; display:inline-block; line-height: 1em; } span.bb-postauthoricon:after { content: '.'; width: 1px; visibility: hidden; display: inline-block; }/* end PostIcon, PostAuthorIcon */ /* begin PostIcon, PostEditIcon */ span.bb-postediticon { background:url('images/postediticon.png') no-repeat left 0.5em; padding-top:9px; margin-top:-9px; padding-left:26px; min-height:19px; display:inline-block; line-height: 1em; } span.bb-postediticon:after { content: '.'; width: 1px; visibility: hidden; display: inline-block; }/* end PostIcon, PostEditIcon */ /* begin PostBullets */ .bb-postcontent ol, .bb-postcontent ul { margin: 1em 0 1em 2em; padding: 0; } .bb-postcontent li { font-size: 14px; color: #121212; margin: 3px 0 0 -15px; padding: 0 0 0 16px; } .bb-postcontent li ol, .bb-post li ul { margin: 0.5em 0 0.5em 2em; padding: 0; } .bb-postcontent ol>li { background: none; padding-left: 0; /* overrides overflow for "ul li" and sets the default value */ overflow: visible; } .bb-postcontent ul>li { background-image: url('images/postbullets.png'); background-repeat: no-repeat; background-position: top left; padding-left: 16px; /* 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 */ blockquote, blockquote a, .bb-postcontent blockquote a, .bb-blockcontent blockquote a, .bb-footer blockquote a, blockquote a:link, .bb-postcontent blockquote a:link, .bb-blockcontent blockquote a:link, .bb-footer blockquote a:link, blockquote a:visited, .bb-postcontent blockquote a:visited, .bb-blockcontent blockquote a:visited, .bb-footer blockquote a:visited, blockquote a:hover, .bb-postcontent blockquote a:hover, .bb-blockcontent blockquote a:hover, .bb-footer blockquote a:hover { color: #061218; font-style: italic; font-weight: normal; text-align: left; } /* Override native 'p' margins*/ blockquote p, .bb-postcontent blockquote p, .bb-blockcontent blockquote p, .bb-footer blockquote p { margin: 0; margin: 5px 0; } blockquote { margin: 10px; padding: 0; background-color: #BFDDEE; margin-left: 50px; padding-left: 33px; background-image: url('images/postquote.png'); background-position: left top; background-repeat: no-repeat; /* makes block not to align behind the image if they are in the same line */ overflow: auto; clear:both; } /* end PostQuote */ /* begin PostIcons, PostFooterIcons */ .bb-postfootericons, .bb-postfootericons a, .bb-postfootericons a:link, .bb-postfootericons a:visited, .bb-postfootericons a:hover { font-family: Tahoma, Arial, Helvetica, Sans-Serif; color: #383838; } .bb-postfootericons { padding: 1px; } .bb-postfootericons a, .bb-postfootericons a:link { text-decoration: none; color: #226081; } .bb-postfootericons a:visited, .bb-postfootericons a.visited { color: #525252; } .bb-postfootericons a:hover, .bb-postfootericons a.hover { color: #A22101; } /* end PostIcons, PostFooterIcons */ /* begin PostIcon, PostCategoryIcon */ span.bb-postcategoryicon { background:url('images/postcategoryicon.png') no-repeat left 0.5em; padding-top:9px; margin-top:-9px; padding-left:24px; min-height:18px; display:inline-block; line-height: 1em; } span.bb-postcategoryicon:after { content: '.'; width: 1px; visibility: hidden; display: inline-block; }/* end PostIcon, PostCategoryIcon */ /* begin PostIcon, PostTagIcon */ span.bb-posttagicon { background:url('images/posttagicon.png') no-repeat left 0.5em; padding-top:9px; margin-top:-9px; padding-left:24px; min-height:18px; display:inline-block; line-height: 1em; } span.bb-posttagicon:after { content: '.'; width: 1px; visibility: hidden; display: inline-block; }/* end PostIcon, PostTagIcon */ /* begin PostIcon, PostCommentsIcon */ span.bb-postcommentsicon { background:url('images/postcommentsicon.png') no-repeat left 0.5em; padding-top:9px; margin-top:-9px; padding-left:24px; min-height:18px; display:inline-block; line-height: 1em; } span.bb-postcommentsicon:after { content: '.'; width: 1px; visibility: hidden; display: inline-block; }/* end PostIcon, PostCommentsIcon */ /* begin Footer */ .bb-footer { position: relative; margin-top:0; margin-bottom:0; width: 100%; } .bb-footer-body { position:relative; padding: 20px; color: #171717; font-size: 12px; } .bb-footer-body ul li { color: #0A1B24; padding: 0 0 0 16px; background-image: url('images/footerbullets.png'); background-repeat: no-repeat; background-position: top left; } .bb-footer-body:before { position: absolute; content:' '; z-index:-2; left:0; right:0; top:0; bottom:10px; background-image: url('images/footer.png'); background-position:bottom left; } .bb-footer:before, .bb-footer:after { position: absolute; content:' '; z-index:-2; bottom:0; height:10px; background-image: url('images/footer_b.png'); } .bb-footer:before { left:0; right:10px; background-position: bottom left; } .bb-footer:after { right:0; width:10px; background-position: bottom right; } .bb-footer-body .bb-rss-tag-icon { position: absolute; left: 6px; bottom:20px; z-index:1; } .bb-rss-tag-icon { display: block; background-image: url('images/rssicon.png'); background-position: center right; background-repeat: no-repeat; height: 32px; width: 32px; cursor: default; } .bb-footer-text p { padding:0; margin:0; text-align: center; } .bb-footer-body a, .bb-footer-body a:link, .bb-footer-body a:visited, .bb-footer-body a:hover, .bb-footer-body td, .bb-footer-body th, .bb-footer-body caption { color: #171717; font-size: 12px; } .bb-footer-text { min-height: 35px; padding-left: 10px; padding-right: 10px; text-align: center; } .bb-footer-body a, .bb-footer-body a:link { color: #1B4B65; text-decoration: none; } .bb-footer-body a:visited { color: #404040; } .bb-footer-body a:hover { color: #236385; text-decoration: underline; } div.bb-footer img { /* WARNING do NOT collapse this to 'border' - inheritance! */ border-width: 1px; border-color: #C7C7C7; border-style: solid; margin: 5px; }/* end Footer */ /* begin PageFooter */ .bb-page-footer, .bb-page-footer a, .bb-page-footer a:link, .bb-page-footer a:visited, .bb-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: #1C4E69; } .bb-page-footer { position: relative; z-index: 10; padding: 1em; text-align: center; text-decoration: none; color: #424242; } /* end PageFooter */ /* begin WordPress, Template.WordPress */ form.bb-search { display:block; position: relative; width: 98%; padding:0; margin:0 auto !important; border: none; } form.bb-search div { margin: 0 18px 0 -2px; } input.bb-search-text { display: block; margin: 0; width: 100%; padding-right: 16px; } input.bb-search-button { display: block; position: absolute; right: 0; top: 0; height: 100%; padding: 0; margin: 0; width: 16px; background:url('images/search.png') center center no-repeat; border: none; } /* end WordPress, Template.WordPress */ /* begin LayoutCell, sidebar1 */ .bb-content-layout .bb-sidebar1 { width: 250px; } /* end LayoutCell, sidebar1 */ textarea#comment { width:99%; } ul#comments-list div.avatar { float:right; } ul#comments-list, ul#comments-list li { background: none; padding:0; } ul#comments-list li li { margin-left: 20px; } div.avatar { position:relative; margin: 7px; border: 1px solid #aaa; padding: 1px; background: #fff; float:left; } div.avatar img, div.avatar img.wp-post-image { margin:0 !important; padding:0; border:none; } span.page-navi-outer, span.page-navi-inner { position:relative; display:block; float:left; margin:0; padding:0; } span.page-navi-outer { margin: 1px; border: 1px solid #aaa; } span.page-navi-inner { padding: 1px; min-width:14px; line-height:18px; text-align:center; border: 2px solid #fff; font-weight:bold; } a span.page-navi-inner, span.page-navi-caption span.page-navi-inner { border-width:1px; font-weight:normal; } a span.page-navi-outer, span.page-navi-caption { margin:2px 1px; } ul#comments-list li cite { font-size: 1.2em; } #commentform textarea { width: 100%; } #commentform { text-align:left; } .rtl #commentform { text-align:right; } img.wp-smiley { border: none; margin: 1px; vertical-align:middle; padding: 0; } .navigation { display: block; text-align: center; } /* Recommended by http://codex.wordpress.org/CSS */ /* Begin */ .aligncenter, div.aligncenter, .bb-article .aligncenter img, .aligncenter img.bb-article, .aligncenter img, img.aligncenter { display: block; margin-left: auto; margin-right: auto; } p.aligncenter , p.center { text-align: center; } .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; text-align: center; } .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 p { text-align: center; } .gallery { margin: 0 auto 18px; clear:both; overflow:hidden; letter-spacing: normal; } .gallery .gallery-item { float: left; margin-top: 0; text-align: center; width: 33%; } .gallery img { border: 10px solid #f1f1f1; } .gallery .gallery-caption { color: #888; font-size: 12px; margin: 0 0 12px; } .gallery dl { margin: 0; } .gallery br+br { display: none; } /* 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; } .bb-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; } ul#comments-list li { list-style-image: none; background:none; list-style-type:none; } div.bb-footer div.bb-content-layout { margin:0 auto; width:100%; } div.bb-layout-cell-size1 { width:100%; } div.bb-layout-cell-size2 { width:50%; } div.bb-layout-cell-size3 { width:33%; } div.bb-layout-cell-size4 { width:25%; } .bb-widget-title { padding:0 0 0 24px; margin-bottom:0; } div.bb-center-wrapper { position: relative; float: right; right: 50%; } div.bb-center-inner { position: relative; float: left; left: 50%; } .firefox2 div.bb-center-inner { float: none; } div.breadcrumbs h4, div.breadcrumbs p, li.pingback p, #respond p, h3#reply-title, h4#comments, h4.box-title { margin:0; } #respond .comment-notes { margin-bottom: 1em; } .form-allowed-tags { line-height: 1em; } #comments-list #respond { margin-left: 27px !important; } #cancel-comment-reply-link { font-size: 12px; font-weight: normal; line-height: 18px; } #respond .required { color: #ff4b33; font-weight: bold; } #respond label { font-size: 12px; } #respond input { margin: 0 0 9px; width: 98%; } #respond textarea { width: 98%; } #respond .form-allowed-tags { font-size: 12px; line-height: 18px; } #respond .form-allowed-tags code { font-size: 11px; } #respond .form-submit { margin: 12px 0; } #respond .form-submit input { font-size: 14px; width: auto; } .bb-footer .bb-widget-title { font-size:1.2em; padding: 0; } .bb-footer .bb-widget, .bb-footer .bb-widget a, .bb-footer .bb-widget a:link, .bb-footer .bb-widget a:visited, .bb-footer .bb-widget a:hover { color: #171717; font-size: 12px; text-align: left; } .bb-footer .bb-widget a, .bb-footer .bb-widget a:link { color: #1B4B65; text-decoration: none; } .bb-footer .bb-widget a:visited { color: #404040; } .bb-footer .bb-widget a:hover { color: #236385; text-decoration: underline; } DIV[id^="GMPmap"] IMG { margin: 0; } .sticky { font-size: 10px; text-align: left }