/*
Theme Name: Test Template For WP
Theme URL: http://
Description: A test cure-all template Brendan Graetz, modified slightly by Robin Auyong.
Version: 1.2
Author: Brendan Graetz, Robin Auyong
Author URL: http://
This theme was designed with the intent of it being able to be modified into any template imagineable,
aims to eventually do so entirely via tweaking only this CSS file.
Page layout follows this format:
Head, body and foot will be merely empty wrappers, and their top level elemets are wrappers for specific
types of content, and have attributes that are specific to these contents.
Each of these elements themselves will contain a three column table (sorry no fancy css with ie
compatibility issues found here). By messing with the box object attributes of each of these top level elements,
as well as those of the individual table cells, it is possible to create many variations of 1, 2 or 3 column layouts.
There are many excess elements/cells, removing them is as simple as setting their dimensions to zero,
justmake sure the surrounding elements/cells are compensated accordingly.
1) Head (header.php)
a) Headborder
b) Heada
c) Headb
d) Headc
2) Body (index.php)(Applied to archive.php, search.php [search results], single.php [comments] and page.php by default)
a) Bodya
b) Bodyb
c) Bodyc
2a) Page (page.php)(Optional)(replace all the body tags with page tags)
a) PBodya
b) PBodyb
c) PBodyc
3) Foot (footer.php)
a) Foota
b) Footb
c) Footc
d) Footborder
Secondarily, all the best plugins, as listed below, should be installed and activated:
1) Akismet
2) contactform:
3) tell a friend?
4) breadcrumbs
*/
p.pad {
margin: 10px 0;
}
ul.pad {
margin-left: 15px;
}
#ddcolortabs{
margin-left: 2px;
padding: 0;
width: 100%;
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
padding-left: 5px;
}
#ddcolortabs ul{
font: 11px Arial, Verdana, sans-serif;
margin:0;
padding:0;
list-style:none;
}
#ddcolortabs li{
display:inline;
margin:0 2px 0 0;
padding:0;
text-transform:uppercase;
}
#ddcolortabs a{
float:left;
color: white;
background: #333333 url(images/color_tabs_left.gif) no-repeat left top;
margin:0px 3px 0 0px;
padding:0 0 0px 3px;
text-decoration:none;
letter-spacing: 0px;
}
#ddcolortabs a span{
float:left;
display:block;
background: transparent url(images/color_tabs_right.gif) no-repeat right top;
padding:4px 9px 2px 6px;
}
#ddcolortabs a span{
float:none;
padding:10px;
}
#ddcolortabs a:hover{
background-color: #dc0808;
}
#ddcolortabs a:hover span{
background-color: #dc0808;
}
#ddcolortabs .current_page_item a, #ddcolortabs .current_page_item span{ /*currently selected tab*/
background-color: #dc0808;
color: #ffffff;
}
#ddcolortabsline{
clear: both;
padding: 0;
width: 100%;
height: 8px;
line-height: 8px;
background: #333333;
}
/*WP defaults*/
/* Begin Typography & Colors */
body {
font-size: 62.5%; /* Resets 1em to 10px */
font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
background-color: #595959;
color: #333;
text-align: center;
}
#page {
background-color: white;
border: 1px solid #959596;
text-align: left;
}
#header {
background: #73a0c5 url('images/kubrickheader.jpg') no-repeat bottom center;
}
#headerimg {
margin: 7px 9px 0;
height: 192px;
width: 740px;
}
#content {
font-size: 1.06em;
}
.widecolumn .entry p {
/*font-size: 1.05em;*/
margin: 10px 0;
}
.narrowcolumn .entry, .widecolumn .entry {
line-height: 1.2em;
}
.widecolumn {
line-height: 1.4em;
}
.narrowcolumn .postmetadata {
text-align: center;
}
.alt {
background-color: #f8f8f8;
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
}
#footer {
background: #eee url('images/kubrickfooter.jpg') no-repeat top;
border: none;
}
small {
font-family: Arial, Helvetica, Sans-Serif;
font-size: 0.9em;
line-height: 1.5em;
}
h1, h2, h3 {
font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
font-weight: bold;
}
h1 {
font-size: 4em;
text-align: center;
}
#headerimg .description {
font-size: 1.2em;
text-align: center;
}
h2 {
font-size: 1.6em;
}
h2.pagetitle {
font-size: 1.6em;
}prove the aesthetics, usability, and forward-compatibility of your links. A number of tags are available, and here are some examples to get you started.
#sidebar h2 {
font-family: 'Lucida Grande', Verdana, Sans-Serif;
font-size: 1.2em;
}
h3 {
font-size: 1.3em;
}
h1, h1 a, h1 a:hover, h1 a:visited, #headerimg .description {
text-decoration: none;
color: white;
}
h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited {
color: #333;
}
h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, #sidebar h2, #wp-calendar caption, cite {
text-decoration: none;
}
.entry p a:visited {color: #fab218;}
.entry #readmore a{ color:#dc0808; }
.commentlist li, #commentform input, #commentform textarea {
font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;
}
.commentlist li {
font-weight: bold;
}
.commentlist cite, .commentlist cite a {
font-weight: bold;
font-style: normal;
font-size: 1.1em;
}
.commentlist p {
font-weight: normal;
line-height: 1.5em;
text-transform: none;
}
#commentform p {
font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
}
.commentmetadata {
font-weight: normal;
}
#sidebar {
font: 1em 'Lucida Grande', Verdana, Arial, Sans-Serif;
}
small, #sidebar ul ul li, #sidebar ul ol li, .nocomments, .postmetadata, blockquote, strike {
color: #777;
}
code {
font: 1.1em 'Courier New', Courier, Fixed;
}
acronym, abbr, span.caps
{
font-size: 0.9em;
letter-spacing: .07em;
}
a, h2 a:hover, h3 a:hover {
color: #bd0c0c;
text-decoration: none;
}
a:hover {
color: #eb0707;
text-decoration: underline;
}
#wp-calendar #prev a, #wp-calendar #next a {
font-size: 9pt;
}
#wp-calendar a {
text-decoration: none;
}
#wp-calendar caption {
font: bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif;
text-align: center;
}
#wp-calendar th {
font-style: normal;
text-transform: capitalize;
}
/* End Typography & Colors */
/* Begin Structure */
body {
margin: 0 0 20px 0;
padding: 0;
}
#page {
background-color: white;
margin: 20px auto;
padding: 0;
width: 760px;
border: 1px solid #959596;
}
#header {
background-color: #73a0c5;
margin: 0 0 0 1px;
padding: 0;
height: 200px;
width: 758px;
}
#headerimg {
margin: 0;
height: 200px;
width: 100%;
}
#mainpostlist {
padding: 5px 5px;
}
.mainnewscolumn {
padding: 10px 5px;
}
.narrowcolumn {
float: left;
padding: 0 0 20px 45px;
margin: 0px 0 0;
width: 450px;
}
.indexcolumn{
padding: 20px 0 20px 0;
/*margin: 5px 0 0 150px;*/
margin: 0 auto;
width: 300px;
}
.widecolumn {
text-align:justify;
padding: 10px;
/*margin: 5px 0 0 150px;*/
margin: 0;
}
.post {
padding-bottom: 10px;
margin-top:5px;
/*text-align: justify;*/
}
.post hr {
display: block;
}
.widecolumn .post {
margin: 0;
}
.narrowcolumn .postmetadata {
padding-top: 5px;
}
.widecolumn .postmetadata {
margin: 30px 0;
}
.widecolumn .smallattachment {
text-align: center;
float: left;
width: 128px;
margin: 5px 5px 5px 0px;
}
.widecolumn .attachment {
text-align: center;
margin: 5px 0px;
}
.postmetadata {
clear: left;
}
#footer {
padding: 0;
margin: 0 auto;
width: 760px;
clear: both;
}
#footer p {
margin: 0;
padding: 20px 0;
text-align: center;
}
/* End Structure */
/* Begin Headers */
h1 {
/*padding-top: 70px;*/
margin: 0;
}
h2 {
margin: 0;
}
h2.pagetitle {
margin-top: 25px;
text-align: center;
}
#sidebar h2 {
margin: 5px 0 0;
padding: 0;
}
h3 {
padding: 0;
margin: 0;
}
h3.comments {
padding: 0;
margin: 40px auto 20px ;
}
h4 {
padding: 0;
margin: 0;
}
/* End Headers */
/* Begin Images */
p img {
padding: 0;
max-width: 100%;
}
/* Using 'class="alignright"' on an image will (who would've
thought?!) align the image to the right. And using 'class="centered',
will of course center the image. This is much better than using
align="center", being much more futureproof (and valid) */
img.centered {
display: block;
margin-left: auto;
margin-right: auto;
}
img.alignright {
padding: 4px;
margin: 0 0 2px 7px;
display: inline;
}
img.alignleft {
padding: 4px;
margin: 0 7px 2px 0;
display: inline;
}
#mainpostlist img, .widecolumn img{
border:#a4a4a4 1px solid;
margin:0 17px 12px 0;
padding:4px;
}
.alignright {
float: right;
}
.alignleft {
float: left;
}
/* End Images */
/* Begin Lists
Special stylized non-IE bullets
Do not work in Internet Explorer 6 and below, which merely default to normal bullets. */
html>body .entry ul {
margin-left: 0px;
padding: 0 0 0 30px;
list-style: none;
padding-left: 10px;
text-indent: -10px;
}
html>body .entry li {
margin: 7px 0 8px 10px;
}
.entry ul li:before, #sidebar ul ul li:before {
content: "\00BB \0020";
}
#IEroot .entry ul li:before, #IEroot #sidebar ul ul li:before {
content: "» ";
}
.entry ol {
padding: 0 0 0 35px;
margin: 0;
}
.entry ol li {
margin: 0;
padding: 0;
}
.postmetadata ul, .postmetadata li {
display: inline;
list-style-type: none;
list-style-image: none;
}
#sidebar ul, #sidebar ul ol {
margin: 0;
padding: 0;
}
#sidebar ul li {
list-style-image: none;
margin: 0 0 0 35px;
}
#sidebar ul p, #sidebar ul select {
margin: 5px 0 8px;
}
#sidebar ul ul, #sidebar ul ol {
margin: 5px 2px 0 20px;
}
#sidebar ul ul ul, #sidebar ul ol {
margin: 0 0 0 10px;
}
ol li, #sidebar ul ol li {
list-style: decimal outside;
}
#sidebar ul li, #sidebar ul ol li {
margin: 3px 0 0px;
padding: 0;
}
#sidebar h2{font-size:12px;border-bottom:#eee 2px solid;margin:0 0 5px;padding:0;color:black;}
#sidebar ul{list-style-type:none;margin:0px;padding:0;}
#sidebar ul li ul{list-style-type:none;margin:0;padding:0 3px;}
#sidebar ul li ul li{list-style-type:none;border:0;margin:0;padding:0 0 3px 15px;}
#sidebar .twit ul li {margin:0 5px 10px 0; display:inline;}
/* End Entry Lists */
/* Begin Form Elements */
#searchform {
margin: 0 auto;
padding: 5px 3px;
text-align: center;
}
#sidebar #searchform #s {
width: 80px;
}
#sidebar #searchsubmit {
padding: 1px;
position: relative;
top: 2px;
}
#loginform {
padding: 5px 10px 0 10px;
}
#loginform td {
padding: 2px 0;
}
.search_l {
position:relative;
left: 5px;
}
.text_l {
position:relative;
left: 4px;
}
.text_x {
background: white url(images/text_x.gif) repeat-x;
border:none;
height:13px;
position:relative;
top: -4px;
font-size:10px;
padding: 2px 0 2px 5px;
width:100px;
}
.webkit .text_x, .linux.gecko .text_x, .mac.gecko .text_x { /* Use With CSS Browser Selector Only */
top: -5px;
}
#sidebar .text_x {
width:95px;
}
.text_r {
position:relative;
left: -5px;
}
.entry form { /* This is mainly for password protected posts, makes them look better. */
text-align:center;
}
select {
width: 130px;
}
#commentform input {
width: 170px;
padding: 2px;
margin: 5px 5px 1px 0;
}
#commentform textarea {
width: 100%;
padding: 2px;
}
#commentform #submit {
margin: 0;
float: right;
}
/* End Form Elements */
/* Begin Comments*/
.alt {
margin: 0;
padding: 10px;
}
.commentlist {
padding: 0;
text-align: justify;
}
.commentlist li {
margin: 15px 0 3px;
padding: 5px 10px 3px;
list-style: none;
}
.commentlist p {
margin: 10px 5px 10px 0;
}
#commentform p {
margin: 5px 0;
}
.nocomments {
text-align: center;
margin: 0;
padding: 0;
}
.commentmetadata {
margin: 0;
display: block;
}
/* End Comments */
/* Begin Sidebar */
#sidebar
{
padding: 0 0 0px 0;
/*margin-left: 545px;*/
width: 186px;
}
#sidebar form {
margin: 0;
}
/* End Sidebar */
/* Begin Menu */
#menu {
font-size: 1em;
padding: 5px 0 5px 0px;
width: 200px;
/*background-color:#EFF8DA;*/
margin-top:18px; margin-bottom: 10px;
}
#menu ul li {
list-style-type: none;
list-style-image: url(img/arrow.gif);
/*margin-bottom: 5px;*/
padding: 0;
vertical-align:middle;
}
#menu ul, #menu ul ol {
margin: 0;
padding: 0 0 0 20px;
font-size:1.3em;
}
#menu ul p, #menu ul select {
margin: 5px 0 8px;
}
#menu ul ul, #menu ul ol {
margin: 5px 0 0 10px;
}
#menu ul ul ul, #menu ul ol {
margin: 0 0 0 10px;
}
ol li, #menu ul ol li {
list-style: decimal outside;
}
#menu ul ul li, #menu ul ol li {
margin: 3px 0 0;
padding: 0;
}
/*Top level menu link items style*/
#menu ul li a{
display: block;
width: 180px; /*Width of top level menu link items*/
padding: 8px 0px;
border: none;
text-decoration: none;
color: #5A5957;
border-bottom: 1px dotted white;
}
#menu ul li a:hover{
/*background-color: #008081;*/
color: black;
border-bottom: 1px dotted black;
}
/*Current page item appearance*/
#menu ul li.current_page_item a{text-decoration:none; color:black; /*background-color: #EFF8DA*/; font-weight:bold;}
/*Current page item appearance on hover*/
#menu ul li.current_page_item a:hover{text-decoration:none; color:black; /*background-color: #008081*/; font-weight:bold;}
/*Current page sub-menu appearance*/
#menu ul li ul li.current_page_item a{text-decoration:none; color:black; /*background-color: #EFF8DA*/; font-weight:bold;}
/* End Menu */
/* Begin 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;
}
#wp-calendar td.pad:hover { /* Doesn't work in IE */
background-color: #fff; }
/* End Calendar */
/* Begin Various Tags & Classes */
acronym, abbr, span.caps {
cursor: help;
}
acronym, abbr {
border-bottom: 1px dashed #999;
}
blockquote {
margin: 15px 30px 0 10px;
padding-left: 20px;
border-left: 5px solid #ddd;
}
blockquote cite {
margin: 5px 0 0;
display: block;
}
.center {
text-align: center;
}
hr {
display: none;
}
a img {
border: none;
}
.navigation {
display: block;
text-align: center;
margin-top: 10px;
margin-bottom: 60px;
}
.subnav
{
position: relative;
display:inline;
float:right;
top: -2.5em;
left: 0em;
height: 2.5em;
margin: 0 !important;
padding: 0;
}
.subnav li
{
list-style: none !important;
margin-left: 0px !important;
font-weight: bold;
background: #EEEEEE;
border-left: 2px solid white;
float: left;
}
.subnav li a
{
color: #5A5A5A;
padding: .5em 1em .5em 1em !important;
display: block;
}
.subnav li a:visited
{
color: #5A5A5A;
display: block;
}
.subnav li a:hover
{
background: #E2EDF5;
}
/* End Various Tags & Classes*/
/*start cureall definitions*/
/*general*/
body {margin: 0 0 0 0;padding: 0;}
table {layout:fixed;border-collapse:collapse;empty-cells:show;border:none;}
table td {border:none;vertical-align:top;}
table td .hide {visibility:hidden;empty-cells:hide;}
#page { background-color:white; margin:0 auto; padding:0; width:824px;border: none;}
#logo {float:left; padding:10px 0;}
#toprighticons {float:right; margin: 55px 15px 0 0;}
#toprighticons img {margin: 0 6px;}
#headerbar {width:100%; height:5px; background-color:#dc0808; padding:0px 0 0 0;}
/*head*/
#head {}
#heada {width:824px; background-color:#595959;}
#headb {width:824px;}
#headc {width:824px;}
#heada1 {width:0px;}
#heada2 {width:824px;}
#heada3 {width:0px;}
#headam1 {width:0px;}
#headam2 {width:0px;}
#headam3 {width:0px;}
#headam4 {width:0px;}
#headb1 {width:590px; background-color:#333333;}
#headb2 {width:210px; background-color:#333333; vertical-align:middle;}
#headb3 {width:0px;}
#headbm1 {width:12px; background:#333333 url('images/menu_l.jpg') no-repeat;}
#headbm2 {width:0px;}
#headbm3 {width:12px; background:#333333 url('images/menu_r.jpg') no-repeat;}
#headbm4 {width:0px;}
#headc1 {width:250px;}
#headc2 {width:520px;}
#headc3 {width:0px;}
#headcm1 {width:15px;}
#headcm2 {width:5px;}
#headcm3 {width:0px;}
#headcm4 {width:15px;}
/*body*/
#bodi {}
#bodya {width:824px;}
#bodyb {width:824px;}
#bodyb ul{padding: 0 0 0 10px; font-size:1.1em; line-height:1.6em;}
#bodyb ul li{list-style-type:none; background:transparent url('images/list-type.gif') no-repeat;padding: 0 0 0 8px;}
#bodyb a{color:#4c4c4c;}
#bodyc {width:814px;}
#bodya1 {width:250px;}
#bodya2 {width:250px;}
#bodya3 {width:250px;}
#bodyam1 {width:20px;}
#bodyam2 {width:5px;}
#bodyam3 {width:5px;}
#bodyam4 {width:20px;}
#bodyb1 {width:443px; background: url('images/bridge.gif') no-repeat;}
.bodyb1text {padding:15px 0 0 100px;}
#bodyb1 h2 {font-size:2.2em;}
#bodyb1 h3 {font-size:1.5em; padding:0 0 0 20px;}
#bodyb1 p {padding:0 0 0 20px;}
#bodyb2 {float:left;width:198px;background: url('images/bodygradient.jpg');}
#bodyb2 h2, #bodyb3 h2 {padding: 8px 15px 0 0;}
#IEroot #bodyb2 h2, #bodyb3 h2 {margin-left: -10px;}
#bodyb li {list-style-type:none; margin: 10px 0 0 18px;}
#bodyb li ul {margin:5px 0 0 0;}
#bodyb li ul li {margin:0px 0px 0 -10px;}
#IEroot #bodyb li {list-style-type:none; margin: 15px 0 0 8px;}
#IEroot #bodyb li ul {margin:0 0 0 0;}
#IEroot #bodyb li ul li {margin:0px -10px 0 -5px;}
#bodyb3 {float:left;width:200px;background: url('images/bodygradient.jpg');}
#bodybm1 {width:0px;}
#bodybm2 {width:7px;background: url('images/separator-dotted.gif') no-repeat;}
#bodybm3 {width:7px;background: url('images/separator-dotted.gif') no-repeat;}
#bodybm4 {width:0px;}
#bodyc1 {width:0px;}
#bodyc2 {width:623px;}
.blogbar {color:white; font-size:1.2em; padding:5px 5px 5px 15px; margin:5px; background-color:#484947;}
#sidebar .blogbar {margin:5px 5px 5px 15px;}
.blogbar a{color:#9b9d9a;}
#bodyc3 {width:186px;}
#bodyc3 .image{border-bottom:#e1e1e1 5px solid;}
#sidebar ul{font-size:1.1em; margin: 0 0 0 -10px;}
#bodycm1 {width:0px;}
#bodycm2 {width:0px;}
#bodycm3 {width:5px;background-color:#e1e1e1;}
#bodycm4 {width:0px;}
/*page*/
#pbodi {}
#pbodya {width:824px;}
#pbodyb {width:814px;}
#pbodyc {width:814px;}
#pbodya1 {width:250px;}
#pbodya2 {width:250px;}
#pbodya3 {width:250px;}
#pbodyam1 {width:15px;}
#pbodyam2 {width:5px;}
#pbodyam3 {width:5px;}
#pbodyam4 {width:15px;}
#pbodyb1 {width:0px;}
#pbodyb2 {width:623px;}
#pbodyb3 {width:186px;}
#pbodybm1 {width:0px;}
#pbodybm2 {width:0px;}
#pbodybm3 {width:5px;background-color:#e1e1e1;}
#pbodybm4 {width:0px;}
#pbodyc1 {width:250px;}
#pbodyc2 {width:520px;}
#pbodyc3 {width:0px;}
#pbodycm1 {width:0px;}
#pbodycm2 {width:0px;}
#pbodycm3 {width:0px;}
#pbodycm4 {width:0px;}
/*foot*/
#foot {}
#foota {width:824px;}
#footb {width:824px;background:#595959;}
#footb p{text-align:center;color:white;}
#footc {width:824px;}
#foota1 {width:250px;}
#foota2 {width:250px;}
#foota3 {width:250px;}
#footam1 {width:15px;}
#footam2 {width:5px;}
#footam3 {width:5px;}
#footam4 {width:15px;}
#footb1 {width:0px;}
#footb2 {width:824px;}
#footb3 {width:0px;}
#footbm1 {width:15px;}
#footbm2 {width:0px;}
#footbm3 {width:0px;}
#footbm4 {width:15px;}
#footc1 {width:250px;}
#footc2 {width:520px;}
#footc3 {width:0px;}
#footcm1 {width:15px;}
#footcm2 {width:5px;}
#footcm3 {width:0px;}
#footcm4 {width:15px;}
/* Top Level Menu Text Appearance */
ul.nav2{float:left;list-style:none;font-size:12px;font-weight:100;margin:0;padding:0;}
ul.nav2 li{float:left !important;list-style-type:none;margin:0;padding:0; text-align: center;}
ul.nav2 li ul li{background-color: #000000;}
ul.nav2 li a,ul.nav2 li a:link,ul.nav2 li a:visited{text-decoration:none;float:left;display:block;padding:0 10px;margin-left:10px;}
ul.nav2 li a#homelink {margin-left:0;}
ul.nav2 li a:hover{color:#FFFFFF;text-decoration:none;}
ul.nav2 li a:active{text-decoration:none; }
/*Current page item appearance*/
ul.nav2 li.current_page_item a{text-decoration:none; color:black; background-color: #dc0808;}
/*Current page item appearance on hover*/
ul.nav2 li.current_page_item a:hover{text-decoration:none; color:black; background-color: #dc0808;}
/*Current page item appearance for sub-menus below it (set as default sub-menu style)*/
ul.nav2 li.current_page_item ul li a{text-decoration:none; color:#dc0808; background-color: #dc0808;}
/*Current page sub-menu appearance*/
ul.nav2 li ul li.current_page_item a{}
ul.nav2 li ul{float:left;margin:0;padding:0;}
/*Suckertreemenu: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */
.suckertreemenu ul{
margin: 0;
padding: 0;
list-style-type: none;
/* Z-index definition moved to navbar (div) */
}
/*Top level list items*/
.suckertreemenu ul li{
position: relative;
display: inline;
/*float: left;*/
background-color: #dc0808; /*overall menu background color (main links w/o sub menus)*/
}
/*Top level menu link items style (w/o children only)*/
.suckertreemenu ul li a{
display: block;
width: /*105px;*/ /*Width of top level menu link items*/
border: none;
border-left-width: 0;
text-decoration: none;
color: black;
}
/*Top level menu hover style */
.suckertreemenu ul li a:hover{
background-color: black;
color: white;
}
/*1st sub level menu*/
.suckertreemenu ul li ul{
left: 0;
position: absolute;
top: 1em; /* no need to change, as true value set by script */
display: block;
visibility: hidden;
background-color: #6A6A6A; /* Only appears when menu is indented */
font-size: 0.8em;
}
/*Sub level menu list items (undo style from Top level List Items)*/
.suckertreemenu ul li ul li{
display: list-item;
float: none;
background-color: #000000;
}
/*All subsequent sub menu levels offset after 1st level sub menu */
.suckertreemenu ul li ul li ul{
left: 159px; /* no need to change, as true value set by script */
top: 0;
}
/* Sub level menu links style */
.suckertreemenu ul li ul li a{
display: block;
width: 180px; /*width of sub menu levels*/
color: black;
background-color: #6A6A6A;
text-decoration: none;
padding: 1px 5px;
border: 1px solid #ccc;
}
/*Background image for top level menu list links (with children)*/
.suckertreemenu .mainfoldericon{
/*background: #6A6A6A url(media/arrow-down.gif) no-repeat center right;*/
}
/*Background image for subsequent level menu list links (with children)*/
.suckertreemenu .subfoldericon{
background-color: #F3F3F3;
/*background: #F3F3F3 url(media/arrow-right.gif) no-repeat center right;*/
}
/*misc*/
#navbar {
display: block;
height: 34px; /* Top and bottom padding must be 0 if height and line-height is fixed */
line-height:34px;
padding: 10px 0 0 0;
/*margin-top: 5px;*/
}
#IEroot #navbar {
padding: 16px 0 0 0;
}
#navbar table {
height: 34px;
width: 100%;
}
#navbar table td {border:none;}
.greyl {
width: 6px;
background: url('images/grey_l.jpg') no-repeat;
}
.greyx {
background-color: #333333;
}
.greyr {
width: 8px;
background: url('images/grey_r.jpg') no-repeat;
}
.postmetadata, .postmetadata a {width:99%; color:#cfcfcf; padding:2px;}
.postmetadata2 {width:99%;background:#EFF8DA; padding:2px;}
span.cmt{background:transparent url(images/comment.gif) no-repeat;border:0;margin:0;padding:0 0 5px 20px;}
span.cty{background:transparent url(images/category.gif) no-repeat;border:0;margin:0;padding:0 0 5px 20px;}
/*end cureall definitions*/