/*
Theme Name: Secure Broccoli
Theme URI: http://www.intego.com
Description: Secure Broccoli is a WordPress Theme created by LavecreP for The Intego Blog.
Author: LavecreP
Author URI: http://www.intego.com
Version: 1.0
*/
/* Copyright 2007 Intego */
/* ------------------------------ */
/* -- Theme Info -- */
/* The Page Layout */
/*
*/
/* The Colors */
/*
Background Green: #A5CF39
The Blue: #0066CC
Yellow for navigator rollovers: #FFCC00
Story Title Shadow: #AEAEAE
Blockquote Background: #EEEEEE
Blockquote Border: #8A8A8A
*/
/* ------------------------------ */
/* ------------------------------ */
/* -- Redefined HTML Object(s) -- */
* {
padding: 0px;
margin: 0px;
}
body {
text-shadow: 0px 0px;
margin: 0px;
font-family: Verdana, "Lucida Sans Unicode", Verdana;
font-size: 12px;
background-color: #A5CF39;
background-image: url(images/stripes.gif);
background-repeat: repeat-x;
background-position: top;
}
/* ------------------------------ */
/* ------------------------------ */
/* -- Page Container -- */
#SBContent {
width: 940px;
margin-top: 0px;
margin-bottom: 0px;
margin-left: auto;
margin-right: auto;
}
/* ------------------------------ */
/* ------------------------------ */
/* -- Header Container -- */
#SBHeader {
padding-bottom: 30px;
padding-top: 33px;
height: 167px;
float: left;
width: 940px;
}
/* ------------------------------ */
/* ------------------------------ */
/* -- Header Content -- */
.SBLogo {
background-image: url(images/logo.jpg);
background-repeat: no-repeat;
width: 940px;
height: 130px;
float: left;
}
.SBNavigator {
background-image: url(images/navigator-bg.jpg);
background-repeat: no-repeat;
width: 930px;
height: 27px;
float: left;
padding-top: 10px;
padding-left: 10px;
}
.SBNavigator ul {
height: 27px;
width: 930px;
float: left;
margin: 0px;
padding: 0px;
text-align: left;
list-style-type: none;
}
.SBNavigator li {
padding-bottom: 5px;
float: left;
display: inline;
font-size: 13px;
margin: 0px;
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
}
.SBNavigator li a:link, .SBNavigator li a:visited {
color: #FFFFFF;
font-weight: bold;
text-decoration: none;
margin: 0px;
padding-top: 0px;
padding-bottom: 2px;
padding-left: 10px;
padding-right: 15px;
}
.SBNavigator li a:hover, .SBNavigator li a:active {
padding-left: 10px;
color: #FFCC00;
font-weight: bold;
text-decoration: none;
margin: 0px;
padding-top: 0px;
padding-bottom: 2px;
padding-right: 15px;
}
#SBNavigatorHomeLink a:link, a:visited {
color: #FFFFFF;
}
#SBNavigatorHomeLink a:hover, a:active {
color: #FFCC00;
}
/* ------------------------------ */
/* ------------------------------ */
/* -- Posts & Sidebars Container -- */
#SB {
float: left;
width: 940px;
}
/* ------------------------------ */
/* ------------------------------ */
/* -- Posts & Right Sidebar Container -- */
#SBRightContent {
float: right;
position: relative;
width: 745px;
background-color: #A5CF39;
}
/* ------------------------------ */
/* ------------------------------ */
/* -- Posts Column Container -- */
#SBPosts {
text-align: left;
float: left;
width: 550px;
}
/* ------------------------------ */
/* ------------------------------ */
/* -- Post Content -- */
.SBPostContent {
padding-right: 15px;
padding-left: 15px;
padding-bottom: 15px;
float: left;
/*
Changed padding to define top value differently
*/
border-color: #0066CC;
border-style: solid;
border-width: 0px;
background-color: #FFFFFF;
text-align: justify;
width: 520px;
color: #000000;
font-size: 13px;
}
.SBPostContent img {
border-width: 0px;
max-width: 500px;
padding: 5px;
}
.SBPostContent p {
margin-bottom: 10px;
margin-top: 10px;
line-height: 18px;
}
.SBPostContent ul {
padding-right: 15px;
padding-left: 25px;
line-height: 18px;
}
.SBPostContent a:link, .SBPostContent a:visited {
border-bottom-color: #000000;
border-bottom-style: dotted;
border-bottom-width: 1px;
color: #000000;
text-decoration: none;
}
.SBPostContent a:hover, .SBPostContent a:active {
border-bottom-color: #0066CC;
border-bottom-style: solid;
border-bottom-width: 1px;
color: #0066CC;
text-decoration: none;
}
.SBPostContent h1 {margin-bottom: 15px; margin-top: 10px; font-family: "Lucida Grande";
text-shadow: 0px 1px 2px #AEAEAE;
font-style: normal;
font-weight: bold;
font-size: 20px;
color: #0066CC;
text-decoration: none;
border: 0;
}
.SBPostContent h1 a:link, .SBPostContent h1 a:visited, .SBPostContent h1 a:hover, .SBPostContent h1 a:active {
font-family: "Lucida Grande";
text-shadow: 0px 1px 2px #AEAEAE;
font-style: normal;
font-weight: bold;
font-size: 20px;
color: #0066CC;
text-decoration: none;
border: 0;
}
/* Uncommented because of large green H1 links appearing in content blocks
.SBPostContent h1 a:link, .SBPostContent a:visited {
font-size: 20px;
color: #688322;
text-decoration: none;
}
.SBPostContent h1 a:hover, .SBPostContent a:active {
font-size: 20px;
color: #A5CF39;
text-decoration: none;
}
*/
/*
Had to add the "p" in the definition below to get the top and bottom margins correct in blockquotes.
*/
.SBPostContent blockquote p {
background-color: #EEEEEE;
font-style: italic;
text-align: justify;
border-color: #8A8A8A;
border-style: dotted;
border-width: 0px;
padding: 10px;
margin: 0px;
color: #000000;
}
.SBPostContent blockquote blockquote {
padding: 10px;
color: #8A8A8A;
margin: 0px;
}
.SBPostContent pre code {
text-align: left;
display: block;
padding: 5px;
clear: both;
border: 1px dotted #000000;
margin-top: 8px;
margin-right: 15px;
margin-bottom: 8px;
margin-left: 15px;
font-size: 13px;
font-family: Geneva, Arial, Helvetica, sans-serif;
background-color: #333333;
color: #FFFFFF;
}
.SBPostContent code {font-family: "Courier New", Courier, Monaco, monospace;}
.SBPostContent img {
border-width: 0px;
margin-right: 8px;
padding: 0px;
margin-top: 0px;
margin-bottom: 0px;
margin-left: 0px;
}
/* ------------------------------ */
/* ------------------------------ */
/* -- Post Meta -- */
.SBPostMeta {
padding-top: 4px;
float: left;
width: 517px;
margin-top: 2px;
border-top-width: 1px;
border-top-style: solid;
border-top-color: #000000;
color: #000000;
font-size: 12px;
}
.SBPostMeta a:link, .SBPostMeta a:visited {
font-size: 12px;
border-bottom-color: #000000;
border-bottom-style: dotted;
border-bottom-width: 1px;
text-decoration: none;
color: #000000;
}
.SBPostMeta a:hover, .SBPostMeta a:active {
border-bottom-color: #0066CC;
border-bottom-style: solid;
border-bottom-width: 1px;
text-decoration: none;
color: #0066CC;
}
/* ------------------------------ */
/* ------------------------------ */
/* -- Post Spacing -- */
.SBPostSpacing {
width: 1px;
float: left;
height: 20px;
}
/* ------------------------------ */
/* ------------------------------ */
/* -- Right Sidebar Stuff -- */
#SBRightSidebar {
float: right;
width: 180px;
margin: 0px;
font-size: 11px;
}
#SBRightSidebar h2 {
padding-top: 2px;
text-align: center;
background-image: url(images/block-top.jpg);
line-height: 20px;
float: left;
height: 23px;
width: 180px;
background-repeat: no-repeat;
background-position: left top;
margin: 0px;
font-size: 14px;
color: #FFFFFF;
font-weight: normal;
font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana;
}
/* ------------------------------ */
/* ------------------------------ */
/* -- Dynamic Widget Stuff -- */
.SBDynamicWidget {
background-color: #FFFFFF;
float: left;
width: 180px;
}
.SBDynamicWidget form {
margin-bottom: 0px;
padding-top: 10px;
padding-left: 10px;
float: left;
width: 170px;
}
.SBDynamicWidget p {
float: left;
width: 170px;
}
/* ------------------------------ */
/* ------------------------------ */
/* -- Left Sidebar Stuff -- */
#SBLeftSidebar {
position: relative;
float: left;
width: 180px;
margin: 0px;
padding-right: 0px;
padding-left: 0px;
font-size: 11px;
}
#SBLeftSidebar h2 {
padding-top: 2px;
text-align: center;
background-image: url(images/block-top.jpg);
float: left;
height: 23px;
width: 180px;
background-repeat: no-repeat;
background-position: left top;
margin: 0px;
line-height: 20px;
font-size: 14px;
color: #FFFFFF;
font-weight: normal;
font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana;
}
/* ------------------------------ */
/* ------------------------------ */
/* -- Footer Container -- */
#SBFooter {
float: left;
width: 100%;
padding-bottom: 35px;
background-image: url(images/stripes.gif);
background-repeat: repeat-x;
background-position: center bottom;
font-size: 11px;
text-align: center;
color: #FFFFFF;
}
#SBBottomNav {
margin: auto;
text-align: center;
text-decoration: none;
width: 940px;
clear: both;
}
#SBBottomNav a:link {
border-bottom-color: white;
border-bottom-style: dashed;
border-bottom-width: 1px;
text-decoration: none;
font-size: 13px;
color: white;
}
#SBBottomNav a:visited {
border-bottom-color: white;
border-bottom-style: dashed;
border-bottom-width: 1px;
text-decoration: none;
font-size: 13px;
color: white;
}
#SBBottomNav a:hover {
border-bottom-width: 0px;
text-decoration: none;
color: white;
font-size: 13px;
}
#SBBottomNav a:active {
border-bottom-width: 0px;
text-decoration: none;
color: white;
font-size: 13px;
}
/*
#SBBottomNav a:link #SBBottomNav a:visited {
border-bottom-color: white;
border-bottom-style: dashed;
border-bottom-width: 1px;
text-decoration: none;
font-size: 13px;
color: white;
}
#SBBottomNav a:hover #SBBottomNav a:active {
border-bottom-width: 0px;
text-decoration: none;
color: white;
font-size: 13px;
}
*/
/* ------------------------------ */
/* ------------------------------ */
/* -- Sidebar List -- */
.SBSidebarList {
right: 0px;
margin-left: 5px;
margin-bottom: 0px;
padding-left: 20px;
font-size: 12px;
float: left;
text-align: left;
width: 150px;
}
.SBSidebarList a:link, .SBSidebarList a:visited {
margin-left: 5px;
margin-bottom: 0px;
margin-right: 0px;
margin-top: 0px;
display: block;
background-repeat: no-repeat;
background-position: left 1px;
color: #000000;
text-decoration: none;
}
.SBSidebarList a:hover, .SBSidebarList a:active {
margin: 0px;
display: block;
background-repeat: no-repeat;
background-position: left 1px;
color: #0066CC;
text-decoration: none;
}
.SBSidebarList ul {
padding-right: 10px;
margin-bottom: 0px;
list-style-type: disc;
font-family: Verdana;
padding-left: 0px;
padding-bottom: 0px;
padding-top: 5px;
font-size: 12px;
text-align: left;
}
.SBSidebarList li {
padding-bottom: 0px;
padding-top: 5px;
float: left;
text-align: left;
margin-top: 0px;
margin-right: 0px;
margin-left: 0px;
width: 150px;
}
/*
Removing the section below fixes the moving images in the right sidebar which change position when in "visited" mode.
*/
/*
.SBSidebarList li a:link, .SBSidebarList li a:visited {
margin: 0px;
width: 160px;
display: block;
background-repeat: no-repeat;
background-position: left 1px;
color: #000000;
text-decoration: none;
}
*/
.SBSidebarList li a:hover, .SBSidebarList li a:active {
margin: 0px;
display: block;
background-repeat: no-repeat;
background-position: left 1px;
color: #0066CC;
text-decoration: none;
}
.SBSidebarList ul li a:link, .SBSidebarList ul li a:visited {
margin-left: 0px;
margin-bottom: 0px;
margin-right: 5px;
margin-top: 0px;
display: block;
background-repeat: no-repeat;
background-position: left 1px;
color: #000000;
text-decoration: none;
padding-top: 0px;
padding-bottom: 0px;
}
.SBSidebarList ul li a:hover, .SBSidebarList ul li a:active {
margin-left: 0px;
margin-bottom: 0px;
margin-right: 5px;
margin-top: 0px;
display: block;
background-repeat: no-repeat;
background-position: left 1px;
color: #0066CC;
text-decoration: none;
padding-top: 0px;
padding-bottom: 0px;
}
/* ------------------------------ */
/* ------------------------------ */
/* -- Search Field -- */
.SBSearchField {
width: 150px;
color: #000000;
}
/* ------------------------------ */
/* ------------------------------ */
/* -- Intego Software -- */
ul.SBIntegoSoftware {
margin-bottom: 0px;
padding-left: 0px;
padding-bottom: 0px;
padding-right: 2px;
padding-top: 0px;
width: 140px;
font-size: 12px;
list-style-position: inside;
text-align: left;
}
/* -- Added to remove borders in Firefox -- */
ul.SBIntegoSoftware img {
border-width: 0px;
}
ul.SBIntegoSoftware li {
padding-left: 0px;
padding-top: 0px;
width: 140px;
font-size: 12px;
text-align: center;
list-style-type: none;
}
ul.SBIntegoSoftware li a:link {
padding-bottom: 10px;
padding-top: 3px;
width: 140px;
font-size: 12px;
text-align: center;
list-style-type: none;
}
ul.SBIntegoSoftware li a:hover {
color: #0066CC;
padding-bottom: 10px;
padding-top: 3px;
width: 140px;
font-size: 12px;
text-align: center;
list-style-type: none;
}
/*
NEW
*/
ul.SBIntegoSoftware li a:visited {
padding-bottom: 10px;
padding-top: 3px;
width: 140px;
font-size: 12px;
text-align: center;
list-style-type: none;
}
/* ------------------------------ */
.SBRoundedCornerLine1 {
width: 180px;
height: 1px;
margin: auto;
background-color: #AEAEAE;
}
.SBRoundedCornerLine2 {
width: 184px;
height: 1px;
margin: auto;
background-color: #AEAEAE;
}
.SBRoundedCornerLine3 {
width: 186px;
height: 1px;
margin: auto;
background-color: #AEAEAE;
}
.SBRoundedCornerLine4 {
width: 188px;
height: 2px;
margin: auto;
background-color: #AEAEAE;
}
img {
border-width: 0px;
}
.addthis {padding-top: 5px;}
.addthis a {border: 0; margin: 0; padding: 0;}
.addthis img {margin: 0; padding: 0;}
table {border-collapse: collapse;}
table td {padding: 3px 5px;}
table.intego-comparison td, table.intego-comparison th {padding: 5px; width: 50%;}
table.intego-comparison td {text-align: left;}
table.intego-comparison tr:hover {background-color: #dffca3;}
table.intego-comparison thead {text-align: center;}
table.intego-comparison thead:hover {background-color: #fff;}
input[type="submit"] {margin: 5px 0 0 0; font-size: 13px;}