/*
Theme Name: WP Imagination
Theme URI: http://www.themelab.com/free-wordpress-themes/
Description: Originally designed by RamblingSoul. Visit Theme Lab for more themes.
Version: 1.0
Author: Theme Lab
Author URI: http://www.themelab.com/
*/
@charset "utf-8";
* {
margin: 0px;
padding: 0px;
}
body {background:#000; font-family: helvetica, arial; font-size:10pt;}
#wrap {background:url(http://tdtool.com/wp-content/uploads/2009/09/bg.png) repeat-x top #000; width:920px; margin:auto;}
.clear {clear:both;}
a {color:#000000;}
a:visited,active {color:#666666;}
.hide {display:none;}
/*Header*/
#topbar #TopSection {width:920px; margin:auto;}
#sitename {display:block; height:40px; float:left; padding:3px; font:Georgia, "Times New Roman", Times, serif; font-size:30px; font-weight:normal; color:#FFFFCC;}
#sitename span {text-transform:lowercase; font-style:italic; color:#D1DDED; font-size:34px;}
#sitename a, #sitename a:visited, #sitename a:active, #sitename a:hover{color:#FFFFCC; text-decoration:none;}
#sitename span a, #sitename span a:visited, #sitename span a:active, #sitename span a:hover {color:#D1DDED; text-decoration:none;}
#topbarnav { height:36px; padding-top:30px; text-align:right; color:#ffffcc;}
#topbarnav a{color:#FFFFCC;}
#topbarnav a:visited,active {color:#FFFFCC;}
#topbarnav a:hover {color:#FFFFFF; text-decoration:none;}
#topbarnav .searchform { float:right; margin:0px 15px 0px 0px;}
.searchform .keywordfield {border:solid 1px #333333; background:#F8F2DA; padding:3px;}
#topbarnav .topnavitems {float:right; display:block;}
#wrap #header { background:url(http://tdtool.com/wp-content/uploads/2009/10/header.png) no-repeat; height:340px; margin-top:0px;}
#header .introtext {display:block; padding:60px 300px 25px 125px; text-align:right; font-weight:normal; color:#FFFFFF; font-size:25px;}
.highlight {background:#FFFFFF; color:#0099CC;}
.highlight2 {color:#FFFF99; font-size:28px; font-style:italic;}
#headershort {background: url(images/headershort.jpg) no-repeat; height:119px;}
#headershort .subheader {font-size:48px; color:#F1E8CB; font-family:Georgia, "Times New Roman", Times, serif; font-weight:normal; display:block; padding:55px 55px 0px 20px; }
/* Top Menu */
#topmenu {list-style:none; text-align:left; padding-top:20px; text-transform: uppercase; font-size: 14px;}
#topmenu li {display:inline;}
#topmenu a, #topmenu a:visited, #topmenu a:active { display:block; text-decoration:none; color:#fff; float:left; height:30px; padding:9px 15px 0px 17px;}
#topmenu a:hover {display:block; text-decoration:none; color:#2d559e; float:left; height:30px; padding:9px 15px 0px 17px;}
#topmenu .current_page_item a, #topmenu .current_page_item a:visited, #topmenu .active a:active {display:block; text-decoration:none; color:#2d559e; float:left; height:30px; padding:9px 15px 0px 17px; }
/* Contents */
#contents {font-size:12px;}
#contents a:hover {text-decoration:none;}
#contents p {color:#666666; line-height:22px;}
#contents h2 {color:#777; font-weight:normal;}
#left { width: 900px; float:left; padding:5px 20px 5px 15px;}
#left h3, #left h4, #left h5 { color:#009999; display:block; padding:5px; margin-bottom:10px; margin-top:10px;}
#left h3 {font-size:20px; font-family:Arial, Helvetica, sans-serif; font-weight:normal;}
#left h4 {font-size:18px; font-family:Arial, Helvetica, sans-serif; font-weight:normal;}
#left h5 {font-size:14px; font-family:Arial, Helvetica, sans-serif; font-weight:normal;}
#left h2 {font-size:26px; display:block; border-bottom:solid 1px #222; padding: 15px 0px 10px 0px;}
#left h2 a, #left h2 a:visited, #left h2 a:active{color:#8D6932; text-decoration:none;}
#left h2 a:hover {color:#000000;}
#left .postmetadata, #homecontents .postmetadata {display:block; background:url(images/metadatabg.jpg) no-repeat; margin:10px 0px 20px 0px; padding:15px 0px 0px 0px; text-align:center;}
blockquote {display:block; border-top:dashed 1px #D2B87B; border-bottom:dashed 1px #D2B87B;text-align:center; margin:10px; padding:10px;}
blockquote p {font-size:12px; }
#left img {padding:3px; margin:5px;}
#left .alignleft {float:left;}
#left .alignright {float:right;}
#left .postdata{display:block; padding:3px; text-align:right; color:#999999; margin-bottom:10px;}
#left table {}
#left th {padding:5px; text-align:left; background:#E8D8B3}
#left td {padding:5px;}
#left .alttr1{ background:#FFFFCC;}
#left .alttr2{ background:#FFFFFF;}
#left .alttr1 th {background:#ffffff;}
#left .alttr2 th {background:#E7F4FA;}
#left ul {padding:10px; color:#666666;}
#left ul li {padding:3px; display:block; border-bottom:dashed 1px #E8D8B3;}
#left p {margin:10px 0px 10px 0px;}
#left ol {padding:10px; margin:10px; color:#666666;}
#left ol li {padding:3px;}
#left .contactform {padding:10px; margin:10px;}
/*comments*/
.nocomments {color:#999999; font-size:10px; display:block;}
.commentlist {background: #FFFFCC; list-style-type:decimal; list-style-position:inside; font-family: Verdana, Arial, Helvetica, sans-serif;}
.commentlist li {border-bottom:solid 2px #EADDBF; padding:5px;}
.commentlist cite {display:block; color: #996633; font-weight:bold; padding:0px 3px 3px 20px;}
.commentmeta {display:block; font-size:10px; padding:3px; color:#999999;}
.commenttxt {display:block; padding:5px 5px 5px 15px;}
.textfield {width:190px; background-color: #F7F1E6; margin:0px; border: 1px solid #C6A453;}
.textfield:hover {background: #FFFFCC;}
.textfield:focus {background:#ffffff;}
/*sidebar*/
#sidebar {margin-left: 605px; padding:5px;}
#sidebar ul {list-style:none;}
#sidebar ul li ul {list-style:none; font-family:Verdana, Arial, Helvetica, sans-serif;}
#sidebar #categories li{display:block; height:30px; border-bottom:solid 1px #E8DDB3;}
#sidebar #categories a, #sidebar #categories a:visited, #sidebar #categories a:active {display:block; height:22px; padding:8px 5px 0px 5px; text-decoration:none; border-top:solid 1px #F8F4E0;}
#sidebar #categories a:hover {display:block; height:22px; padding:8px 5px 0px 5px; text-decoration:none;border-top:solid 1px #F8F4E9; background:#FDFCF2;}
#sidebar #blogroll li{display:block; height:30px; border-bottom:solid 1px #E8DDB3;}
#sidebar #blogroll a, #sidebar #categories a:visited, #sidebar #categories a:active {display:block; height:22px; padding:8px 5px 0px 5px; text-decoration:none; border-top:solid 1px #F8F4E0;}
#sidebar #blogroll a:hover {display:block; height:22px; padding:8px 5px 0px 5px; text-decoration:none;border-top:solid 1px #F8F4E9; background:#FDFCF2;}
#sidebar h2{display:block; font-size:18px; padding:5px; border-bottom:solid 1px #E8DDB3;}
#sidebar #recententries li {padding:5px; border-bottom:solid 1px #e8ddb3;}
/* Home Page Content */
#aboutdiv {float:left; padding:3px; width:220px; margin:5px 2px 5px 5px;}
#aboutdiv .openquote {display:block; background:url(images/quote.gif) no-repeat; float:left; padding:3px; width:12px; height:12px;}
#aboutdiv h2, #highlights h2 {padding:5px; display:block; color:#777; margin:0px 3px 5px 0px; font-family:Arial, Helvetica, sans-serif;}
#highlights {float:left; width:144px; padding:3px 3px 3px 10px; margin:5px 0px 5px 0px; background:url(images/sidebarbg1.jpg) repeat-y left;}
#highlights h3 {color:#8D6932; font-weight:normal; font-size:14px;}
#highlights h3 a {color:#9B7746; text-decoration:none; display:block; border-bottom:solid 1px #F5EFC9;}
#highlights h3 a:hover {color:#B38348; display:block; text-decoration:none; background:#ffffcc;; border-bottom:dashed 1px #BC8F52;}
#highlights ul {list-style:none; color:#999999; text-align:right;}
#highlights li {display:block; padding:3px; background: none; border-bottom:solid 1px #fff;}
#highlights li:hover {display:block; padding:3px; border-bottom:solid 1px #fff; background:#FFFFFF; }
#homecontents {float:left; width:575px; padding:3px 5px 3px 25px; margin:15px 0px 5px 55px; background:url(http://tdtool.com/wp-content/uploads/2009/09/side.png) repeat-y left;}
#homecontents p, left p, right p {margin:10px 0px 10px 0px;}
#homecontents h2 {display:block; color:#777; font-size:22px;}
#homecontents h2 a{text-decoration:none; color:#8d6932;}
#homecontents h2 a:hover { text-decoration:none; color:#000000; border-bottom:solid 1px #000000; background:#ffffcc;}
.postinfo {display:block; text-align:right; color:#999999; font-family:Arial, Helvetica, sans-serif; font-size:10px}
/*Footer*/
#footercontent {width:920px; margin:auto; padding:10px;}
#previews {padding:5px;}
#previews .item {width:120px; height:110px; float:left; text-align:center;}
#previews .item a img, #previews .item a:visited img, #previews .item a:active img{background:#efefef; border:solid 1px #CCCCCC; padding:3px;}
#previews .item a:hover img{background:#efefef; border:solid 1px #000000; padding:3px;}
#previews .item .caption {display:block; color:#CCCCCC;}
#copyright {margin:20px 0xp 20px 0px; padding:20px 0px 20px 15px; color:#555; border-top:solid 1px #333333; background:url(http://tdtool.com/new_site/wp-content/uploads/2009/09/copy.png) repeat-x;}
#footer a,#footer a:visited, #footer a:active, #footer a:hover {color:#FFFFCC;}
#credit a,#footer a:visited, #footer a:active, #footer a:hover {color:#999999;}
.more {
background:transparent url(http://tdtool.com/wp-content/uploads/2009/09/button.png) no-repeat scroll left top;
color:#fff;
cursor:pointer;
display:inline-block;
font-size:11px;
height:38px;
text-align:left;
text-decoration:none;
width:80px;
margin-left: 30px;
}
.more span {
color:#fff;
cursor:pointer;
display:inline-block;
padding:4px 0 0 16px;
text-align:left;
}
/*** set the width and height to match your images **/
#slideshow {
position:relative;
height:167px;
}
#slideshow IMG {
position:absolute;
top:0;
left:0;
z-index:8;
opacity:0.0;
}
#slideshow IMG.active {
z-index:10;
opacity:1.0;
}
#slideshow IMG.last-active {
z-index:9;
}
#header-menu {
background-image:url(http://www.tdtool.com/wp-content/uploads/2009/12/menu_bg.jpg);
background-position:left top;
background-repeat:no-repeat;
float:left;
margin: 0px 0px 0px 0px;
padding:0;
width:920px;
}
#topnav {
background-image:url(http://www.tdtool.com/wp-content/uploads/2009/12/top_nav.gif);
background-position:left top;
background-repeat:repeat-x;
border-top:1px solid #151515;
height:50px;
margin:50px 0px 0px 0px;
padding:0;
width:920px;
font-family:Verdana, Geneva, sans-serif;
}
#topnav ul {
float:left;
list-style-type:none;
margin:0;
padding:0;
}
#topnav ul a {
color:#fff;
display:block;
float:left;
font-size:14px;
line-height:30px;
margin:0;
padding:0 9px 0 11px;
text-decoration:none;
text-transform:uppercase;
}
#topnav li a:hover {
color:#0056a5;
}
#topnav ul li .first {
background-image:none;
}
ul.topnav li {
border-right:1px solid #151515;
float: left;
margin:10px 0px 0px 0px;
position: relative; /*--Declare X and Y axis base--*/
z-index: 100;
}
ul.topnav li span { /*--Drop down trigger styles--*/
width: 17px;
height: 35px;
float: left;
background: url(http://www.tdtool.com/wp-content/uploads/2009/12/drop_down.gif) no-repeat center top;
}
ul.topnav li span.subhover {background-position: center bottom; cursor: pointer;} /*--Hover effect for trigger--*/
ul.topnav li ul.subnav {
list-style: none;
position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/
left: 0; top: 35px;
background: #333;
margin: 0; padding: 0;
display: none;
float: left;
width: 150px;
-moz-border-radius-bottomleft: 5px;
-moz-border-radius-bottomright: 5px;
-webkit-border-bottom-left-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
border: 1px solid #111;
z-index:100;
}
ul.topnav li ul.subnav li{
margin: 0; padding: 0;
border-top: 1px solid #252525; /*--Create bevel effect--*/
border-bottom: 1px solid #444; /*--Create bevel effect--*/
clear: both;
width: 150px;
}
html ul.topnav li ul.subnav li a {
float: left;
width: 145px;
padding-left: 20px;
}
input, textarea {
background-color:#777;
color:#fff;
border:none;
padding: 3px 3px 3px 3px;
}
/* ================================================================
This copyright notice must be untouched at all times.
The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/final_drop.html
Copyright (c) 2005-2008 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any
way to fit your requirements.
=================================================================== */
.menu {width:745px; position:relative; z-index:100; font-family:arial, sans-serif;}
/* hack to correct IE5.5 faulty box model */
* html .menu {width:746px; w\idth:745px;}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0;margin:0;list-style-type:none;}
.menu ul ul {width:149px;}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {float:left;width:149px;position:relative;}
/* style the links for the top level */
.menu a, .menu a:visited {display:block; text-decoration:none; color:#fff; width:138px; height:30px; padding-left:10px; line-height:29px; font-weight:bold;}
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {width:149px; w\idth:138px;}
/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {}
/* style the second level hover */
.menu ul ul a.drop:hover{}
.menu ul ul :hover > a.drop {}
/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {background:#e2dfa8;}
/* style the third level hover */
.menu ul ul ul a:hover {background:#b2ab9b;}
/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden;position:absolute;height:0;top:31px;left:0; width:149px;border-top:1px solid #000;}
/* another hack for IE5.5 */
* html .menu ul ul {top:30px;t\op:31px;}
/* position the third level flyout menu */
.menu ul ul ul{left:149px; top:-1px; width:149px;}
/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {left:-149px;}
/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;;}
/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {background:#999; color:#000; height:auto; line-height:1em; padding:5px 10px; width:128px;}
/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited {width:150px;w\idth:128px;}
/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{color:#000; }
.menu :hover > a, .menu ul ul :hover > a {color:#000;}
/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ visibility:visible;}
/* ================================================================
This CSS is further CSS I have created specifically for Wordpress
so that the current page is highlighted in two levels.
If you want it in three levels let me know.
Author: Isaac Rowntree
Website: www.zackdesign.biz
=================================================================== */
.menu ul ul .current_page_item a {
color: white;
}
.menu .current_page_item a {
color: white;
font-weight: bold;
}
.menu ul .current_page_item ul a {
color: white;
font-weight: normal;
}
.menu ul .current_page_item ul a:hover {
}
.menu .current_page_item a:hover {
}