/*
Theme Name: The Lord of the Valves
Description: Wordpress Theme for Peter Paul
Version: 1.1
Author: Rodger Bliss
Author URI: http://rodgerbliss.com
Tags: Blue, valve, white, metal, two columns, fluid width, widget ready, left sidebar
*/

* {
    margin: 0;
    padding: 0;
}
body {
    padding: 0;
    font: 13px "Trebuchet MS", Trebruchet MS, Verdana, Arial, Helvetica, sans-serif;
    background: #0E133c url(images/big-back.jpg) center top no-repeat fixed;
    margin: 0;
    padding: 0;
    color: #58595b;
}
#peter {
    width: 995px;
    box-shadow: rgba(0, 0, 0, 0.8) -10px -10px;
    position: relative;
    margin: 50px auto 0 auto;
    padding: 0;
}
#title {
    padding: 50px 0 0 0;
    font-family: "Trebuchet MS", Trebruchet MS, Verdana, Arial, Helvetica, sans-serif;
    font-size: 1.9em;
    text-align: center;
    color: #020201;
    background-color: transparent
}
#title a:link, #title a:visited {
    color: #020201;
    text-decoration: none;
    background-color: transparent
}
#title a:hover {
    color: #796307;
    background-color: transparent
}
#desc {
    padding: 0px 20px 0px 20px;
    text-align: center;
    font-style: italic;
}
#bnav {
    clear: both;
    position: absolute;
    float: left;
}
#left {
    float: left;
    display: inline;
    width: 210px;
    margin: 0;
    padding: 0 0 0 8px;
    background: transparent;
    color: #200c07;
    position: relative;
    top: 0px;
    left: 20px;
    overflow: auto;
    height: auto;
}
#left h2 {
    margin: 0px;
    padding: 0px 0px 3px 0px;
    font-size: 16px;
    font-style: normal;
    font-weight: bold;
    color: #00aeef;
    margin-bottom: 10px;
    border-bottom-width: 2px;
    border-bottom-style: solid;
    border-bottom-color: #8F9BCF;
    display: block;
    margin-right: -10px;
    margin-left: 10px;
    margin-top: 10px;
}
#left a:link, #left a:visited {
    color: #020201;
    background-color: transparent;
    text-shadow: #09F 0px -2px 5px;
    text-decoration: none;
    color: #FFF;
}
#left a:hover, #left a:active {
    color: #796307;
    background-color: transparent;
    text-shadow: #FFF 0px 0px 5px;
    filter: progid: DXImageTransform.Microsoft.Glow(Color=#ffffff, Strength=2) progid: DXImageTransform.Microsoft.blur(pixelradius=5, enabled='true');
    text-decoration: none;
    color: #0e133c;
}
#left .menu {
    margin: 0px;
    padding: 0px;
}
#left ul {
    margin: 0px;
    padding: 0 5px 0 0;
}
#left ul li {
    list-style-type: none;
    margin: 0px;
    padding: 0px 5px 30px 0px;
}
#left ul ul li {
    list-style-type: none;
    background: transparent;
    color: #020201;
    margin: 0px 15px 0px 5px;
    padding: 0px 5px 5px 5px;
}
#left ul.children {
    margin: 0px;
    padding: 5px 5px 0px 0px;
}
#left ul.children li {
    margin: 0px;
    padding: 0px 5px 5px 12px;
}
#content {
    line-height: 20px;
    float: right;
    display: inline;
    width: 740px;
    margin: -10px 16px 0px -32px;
    padding: 0;
    /* [disabled]padding-bottom: 100px; */
    /* [disabled]padding: 40px 20px 50px 40px; */

    background: url(images/lefty.gif) repeat-y #FFF;
    min-height: 750px;
    position: relative;
    clear: both;
    z-index: 0;
}
#content .post {
    margin: 0px;
    padding: 40px 40px 20px 40px;
    line-height: 20px;
    font: 1em "Trebuchet MS", Trebruchet MS, Verdana, Arial, Helvetica, sans-serif;
}
#content .post td p {
    font-size: 11px;
    line-height: 15px;
}
#content .post blockquote {
    font-size: 1em;
    padding-top: 0px;
    padding-bottom: 0px;
}
#content .post blockquote p {
    font-size: 1em;
    text-indent: 0;
    margin: 5px 0 0 0;
    padding: 10px 0px 20px 5px;
}
#content ul {
    font-size: 11px;
}
#content li {
    font-size: 11px;
    line-height: 15px;
    /* [disabled]list-style-type: disc; */
    /* [disabled]color: #58595b; */
    /* [disabled]margin: 0px 5px 0px 0px; */

    padding: 0px 5px 5px 0px;
}
#content ol {
    margin: 0px;
    padding: 0 5px 0 0px;
    font-size: 1em;
    line-height: 20px;
}
#content ol li {
    font-size: 1em;
    /* [disabled]list-style-type: disc; */
    /* [disabled]color: #58595b; */
    /* [disabled]margin: 0px 5px 10px 5px; */
    /* [disabled]padding: 0px 5px 5px 0px; */
}
#contentmain {
    position: absolute;
    top: 40px;
    left: 40px;
    width: 300px;
}
#commentlist {
    margin: 10px 0px;
    padding: 0px;
}
#commentlist li {
    list-style-type: disc;
    margin: 10px 0px 10px 0px;
    padding: 5px 15px 0px 0px;
    border: 1px solid #83745D;
    background-color: #E9D3AF;
    color: #200c07;
}
#commentlist p {
    margin: 0px;
    padding: 10px 5px;
}
#commentlist .commentmeta {
    font-weight: bold;
    margin-bottom: 10px;
}
#commentlist .alt {
    background-color: #E7CBA2;
    border-color: #020201;
    color: #200c07;
}
#commentlist blockquote {
    background-color: #E9D3AF;
    border: 1px solid #83745D;
    color: #200c07;
}
#commentlist .alt blockquote {
    border-color: #020201;
}
#commentform p {
    margin: 10px 0px 0px 0px;
    padding: 0px;
}
#commentform textarea {
    width: 350px;
}
.meta {
    margin: -2px 0px 0px 0px;
    padding: 0px 20px 5px 16px;
    font-size: 0.75em;
    font-weight: bold;
}
.postmetadata {
    font-size: 0.75em;
    font-weight: bold;
    text-align: center;
}
a:link, a:visited {
    color: #020201;
    background-color: transparent
}
a:hover {
    color: #796307;
}
blockquote {
    background-color: transparent;
    color: #200c07;
    margin-left: 10px;
    margin-right: 15px;
    padding: 10px 20px 10px 30px;
}
h1 {
    margin: 0px;
    padding: 2px 0 20px 22px;
    color: #020201;
    font-size: 1.5em;
}
h1 a {
    text-decoration: none;
}
h1 a:link, h1 a:visited {
    color: #303e9e;
    background-color: transparent;
    text-decoration: none;
}
h1 a:hover {
    color: #0CF;
    background-color: transparent;
}
h2 {
    background-color: transparent;
    color: #303e9e;
    font-size: 1.5em;
}
h3 {
    background-color: transparent;
    color: #303e9e;
    font-size: 1.2em;
}
h4 {
    background-color: transparent;
    color: #020201;
    font-size: 1.0em;
}
form {
    margin: 0px;
    padding: 0px;
}
form input, form textarea, form submit {
    border: 1px solid #303e9e;
    padding: 3px;
    background-color: #EEEEEE;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}
img.centered {
    display: block;
    margin: 5px 7px 0 7px;
    padding: 0px;
    vertical-align: middle;
    border: rgba(45, 43, 110, 0.9) solid 7px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}
img.alignright {
    display: inline;
    border-left: #303e9e solid 1px;
    margin: 5px 0 0 15px;
    padding: 0px 10px 0 20px;
}
img.alignleft {
    display: inline;
    margin: 5px 7px 0 7px;
    padding: 0px;
    vertical-align: middle;
    border: rgba(45, 43, 110, 0.9) solid 7px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}
img.border {
    border: 1px solid #83745D;
    padding: 2px;
}
.alignleft {
    float: left;
    text-align: left;
    margin: 0 10px 0 -5px;
}
.alignright {
    float: right;
    text-align: right;
}
.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.righty {
    float: right;
    border-left: #303e9e solid 1px;
    margin: 0px 0 0 15px;
    padding: 0px 10px 0 20px;
}
acronym {
    cursor: help;
    border-bottom: 1px dotted #796307
}
.search {
    position: absolute;
    top: 50px;
    right: 10px;
    height: 30px;
    width: 220px;
    font-size: 10px;
}
.column {
    width: 210px;
    float: left;
    padding-right: 15px;
}
.columnlast {
    width: 210px;
    float: left;
}
table {
    font-size: 12px;
}
#valves {
    width: 650px;
    position: relative;
    right: 0px;
    top: 0px;
    float: right;
    display: inline;
    margin: 0;
    padding: 0;
}
.blue {
    color: #303e94;
    font-weight: bold;
}
.ltblue {
    color: #0CF;
    font-weight: bold;
    font-size: 14px;
}
.grey {
    color: #666;
    font-weight: bold;
    font-size: 14px;
}
#iarea {
    float: left;
    width: 200px;
    margin: 0;
    padding: 0;
    position: relative;
}
#darea {
    float: right;
    width: 430px;
    margin: 0;
    padding: 0;
    position: relative;
}
.ibutton a:link, .ibutton a:visited {
    width: 190px;
    text-align: center;
    text-decoration: none;
    position: relative;
    top: 10px;
    left: 0px;
    float: left;
    /* [disabled]font-weight: bold; */

    font-size: 11px;
    background: #20529F;
    background: -webkit-gradient(linear, left top, left bottom, from(#20529F), to(#C1E2F8));
    /* For Mozilla/Gecko (Firefox etc) */

    background: -moz-linear-gradient(top, #20529F, #C1E2F8);
    /* For Internet Explorer 5.5 - 7 */

    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr=#20529F, endColorstr=#ccddff);
    /* For Internet Explorer 8 */

    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#20529F, endColorstr=#C1E2F8)";
    list-style: none;
    border: solid 1px #3badee;
    -moz-user-select: none;
    -khtml-user-select: none;
    padding: 4px 0px;
    text-align: center;
    min-width: 95px;
    margin: 4px 5px;
    color: #FFFFFF;
    font-weight: normal;
    /* [disabled]border: rgba(59, 173, 238, 0.9) solid 1px; */

    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}
/* This selector is an example of how to change the appearnce of a tab button
 * container as the mouse enters it. The class "TabbedPanelsTabHover" is
 * programatically added and removed from the tab element as the mouse enters
 * and exits the container.
 */

.ibutton a:hover, .ibutton a:active {
    top: 10px;
    color: #006;
    background-color: #FFF;
    background: #FFF;
    /* For WebKit (Safari, Google Chrome etc) */
}
strong {
    font-size: 12px;
    margin: 5px 0 5px 0;
}
#two-way-open {
    background: url(images/2-way-open.jpg);
    width: 733px;
    min-height: 240px;
    margin: 120px -33px 0 -33px;
    position: relative;
}
#two-way-open-hl {
    background: url(images/2-way-open-hl.jpg);
    width: 733px;
    min-height: 240px;
    margin: 120px -33px 0 -33px;
    position: relative;
}
#two-way-open-hp {
    background: url(images/2-way-open-hp.jpg);
    width: 733px;
    min-height: 240px;
    margin: 120px -33px 0 -33px;
    position: relative;
}
#two-way-open-lw {
    background: url(images/2-way-open-lw.jpg);
    width: 733px;
    min-height: 240px;
    margin: 120px -33px 0 -33px;
    position: relative;
}
#two-way-closed-valves {
    background: url(images/2-way-closed.jpg);
    width: 733px;
    min-height: 240px;
    margin: 0 -33px;
    position: relative;
}
#two-way-closed-hl {
    background: url(images/2-way-closed-hl.jpg);
    width: 733px;
    min-height: 240px;
    margin: 0 -33px;
    position: relative;
}
#two-way-closed-lw {
    background: url(images/2-way-closed-lw.jpg);
    width: 733px;
    min-height: 240px;
    margin: 0 -33px;
    position: relative;
}
#two-way-closed-hp {
    background: url(images/2-way-closed-hp.jpg);
    width: 733px;
    min-height: 240px;
    margin: 0 -33px;
    position: relative;
}
#three-way-closed-atmosphere {
    background: url(images/3-way-closed-atmosphere.jpg);
    width: 733px;
    min-height: 240px;
    margin: 0 -33px;
    position: relative;
}
#three-way-closed-atmosphere-hl {
    background: url(images/3-way-closed-atmosphere-hl.jpg);
    width: 733px;
    min-height: 240px;
    margin: 0 -33px;
    position: relative;
}
#three-way-closed-atmosphere-hp {
    background: url(images/3-way-closed-atmosphere-hp.jpg);
    width: 733px;
    min-height: 240px;
    margin: 0 -33px;
    position: relative;
}
#three-way-closed-atmosphere-lw {
    background: url(images/3-way-closed-atmosphere-lw.jpg);
    width: 733px;
    min-height: 240px;
    margin: 0 -33px;
    position: relative;
}
#three-way-closed-piped {
    background: url(images/3-way-closed-piped.jpg);
    width: 733px;
    min-height: 240px;
    margin: 0 -33px;
    position: relative;
}
#three-way-closed-piped-hp {
    background: url(images/3-way-closed-piped-hp.jpg);
    width: 733px;
    min-height: 240px;
    margin: 0 -33px;
    position: relative;
}
#three-way-closed-piped-lw {
    background: url(images/3-way-closed-piped-lw.jpg);
    width: 733px;
    min-height: 240px;
    margin: 0 -33px;
    position: relative;
}
#three-way-closed-piped-hl {
    background: url(images/3-way-closed-piped-hl.jpg);
    width: 733px;
    min-height: 240px;
    margin: 0 -33px;
    position: relative;
}
#three-way-open {
    background: url(images/3-way-open.jpg);
    width: 733px;
    min-height: 240px;
    margin: 0 -33px;
    position: relative;
}
#three-way-open-lw {
    background: url(images/3-way-open-lw.jpg);
    width: 733px;
    min-height: 240px;
    margin: 0 -33px;
    position: relative;
}
#three-way-open-hl {
    background: url(images/3-way-open-hl.jpg);
    width: 733px;
    min-height: 240px;
    margin: 0 -33px;
    position: relative;
}
#three-way-open-hp {
    background: url(images/3-way-open-hp.jpg);
    width: 733px;
    min-height: 240px;
    margin: 0 -33px;
    position: relative;
}
#three-way-directional {
    background: url(images/3-way-directional.jpg);
    min-height: 240px;
    width: 733px;
    margin: 0 -33px;
    position: relative;
}
#three-way-directional-lw {
    background: url(images/3-way-directional-lw.jpg);
    min-height: 240px;
    width: 733px;
    margin: 0 -33px;
    position: relative;
}
#three-way-directional-hl {
    background: url(images/3-way-directional-hl.jpg);
    min-height: 240px;
    width: 733px;
    margin: 0 -33px;
    position: relative;
}
#three-way-multipurpose {
    background: url(images/3-way-multipurpose.jpg);
    min-height: 300px;
    width: 733px;
    margin: 0 -33px -30px -33px;
    position: relative;
}
#three-way-multipurpose-lw {
    background: url(images/3-way-multipurpose-lw.jpg);
    min-height: 300px;
    width: 733px;
    margin: 0 -33px -30px -33px;
    position: relative;
}
#three-way-multipurpose-hl {
    background: url(images/3-way-multipurpose-hl.jpg);
    min-height: 300px;
    width: 733px;
    margin: 0 -33px -30px -33px;
    position: relative;
}
#big-back-valves {
    background: url(images/big-back-valves.jpg);
    width: 733px;
    margin: 0 -33px;
    height: 1313px;
    position: relative;
    top: 50px;
}
#general-valves {
    background: url(images/general-valves.jpg);
    width: 733px;
    min-height: 250px;
    margin: 10px -33px 0 -33px;
    position: relative;
}
#general-2wnc {
    background: url(images/general-2wnc.jpg);
    width: 733px;
    min-height: 250px;
    margin: 10px -33px 0 -33px;
    position: relative;
}
#general-2wno {
    background: url(images/general-2wno.jpg);
    width: 733px;
    min-height: 250px;
    margin: 10px -33px 0 -33px;
    position: relative;
}
#general-3wno {
    background: url(images/general-3wno.jpg);
    width: 733px;
    min-height: 250px;
    margin: 10px -33px 0 -33px;
    position: relative;
}
#general-valves-3wdcmu {
    background: url(images/general-valves-3wdcmu.jpg);
    width: 733px;
    min-height: 250px;
    margin: 10px -33px 0 -33px;
    position: relative;
}
#explosion-proof-valves {
    background: url(images/explosion-proof.jpg);
    width: 733px;
    margin: 0 -33px;
    position: relative;
}
#explosion-proof-2wno {
    background: url(images/explosion-proof-2wno.jpg);
    width: 733px;
    margin: 0 -33px;
    position: relative;
}
#explosion-proof-2wno {
    background: url(images/explosion-proof-2wno.jpg);
    width: 733px;
    margin: 0 -33px;
    position: relative;
}
#explosion-proof-2wnc {
    background: url(images/explosion-proof-2wnc.jpg);
    width: 733px;
    margin: 0 -33px;
    position: relative;
}
#explosion-proof-3wnc {
    background: url(images/explosion-proof-3wnc.jpg);
    width: 733px;
    margin: 0 -33px;
    position: relative;
}
#explosion-proof-3wys {
    background: url(images/explosion-proof-3wys.jpg);
    width: 733px;
    margin: 0 -33px;
    position: relative;
}
#latching-2wnc {
    background: url(images/2wnc-latching.jpg);
    width: 733px;
    min-height: 220px;
    margin: 0 -33px;
    position: relative;
}
#latching-2wno {
    background: url(images/latching_2wno.jpg);
    width: 733px;
    min-height: 240px;
    margin: 120px -33px 0 -33px;
    position: relative;
}
#latching-3wno {
    background: url(images/3wno-latching.jpg);
    width: 733px;
    min-height: 220px;
    margin: 0 -33px;
    position: relative;
}
#latching-3wdc {
    background: url(images/3wdc-latching.jpg);
    width: 733px;
    min-height: 220px;
    margin: 0 -33px;
    position: relative;
}
#latching-3wmp {
    background: url(images/3wmp-latching.jpg);
    width: 733px;
    min-height: 220px;
    margin: 0 -33px;
    position: relative;
}
#latching-3wmp {
    background: url(images/3wmp-latching.jpg);
    width: 733px;
    min-height: 220px;
    margin: 0 -33px;
    position: relative;
}
#latching-3wncae {
    background: url(images/3wncae-latching.jpg);
    width: 733px;
    min-height: 220px;
    margin: 0 -33px;
    position: relative;
}
#low-watt-valves {
    background: url(images/low-watt.jpg);
    width: 733px;
    min-height: 220px;
    margin: 0 -33px;
    position: relative;
}
#low-watt-2wnc {
    background: url(images/low-watt-2wnc.jpg);
    width: 733px;
    min-height: 220px;
    margin: 0 -33px;
    position: relative;
}
#low-watt-3wnc {
    background: url(images/low-watt-3wnc.jpg);
    width: 733px;
    min-height: 220px;
    margin: 0 -33px;
    position: relative;
}
#low-watt-2wno {
    background: url(images/low-watt-2wno.jpg);
    width: 733px;
    min-height: 220px;
    margin: 0 -33px;
    position: relative;
}
#low-watt-3wys {
    background: url(images/low-watt-3wys.jpg);
    width: 733px;
    min-height: 220px;
    margin: 0 -33px;
    position: relative;
}
#high-pressure-valves {
    background: url(images/high-pressure-valves.jpg);
    width: 733px;
    min-height: 220px;
    margin: 0 -33px;
    position: relative;
}
#high-pressure-2wno {
    background: url(images/high-pressure-2wno.jpg);
    width: 733px;
    min-height: 220px;
    margin: 0 -33px -36px -33px;
    position: relative;
}
#high-pressure-3wno {
    background: url(images/high-pressure-3wno.jpg);
    width: 733px;
    min-height: 220px;
    margin: 0 -33px -36px -33px;
    position: relative;
}
#high-pressure-3wnc {
    background: url(images/high-pressure-3wnc.jpg);
    width: 733px;
    min-height: 220px;
    margin: 0 -33px -36px -33px;
    position: relative;
}
#high-pressure-2wnc {
    background: url(images/high-pressure-2wnc.jpg);
    width: 733px;
    min-height: 220px;
    margin: 0 -33px -36px -33px;
    position: relative;
}
#other-valves {
    background: url(images/other-valves.jpg);
    width: 733px;
    min-height: 220px;
    margin: 0 -33px -30px -33px;
    position: relative;
}
#in-valves {
    margin: 0;
    padding: 35px 0 0 255px;
    width: 450px;
    color: #ffffff;
}
.ins a:link, .ins a:visited {
    color: #6CF;
    text-decoration: none;
}
.ins a:hover, .ins a:active {
    color: #fff;
    text-decoration: none;
}
#fots {
    height: 25px;
    margin: -40px 0 -50px 50%;
    padding: 0;
    width: 600px;
    position: relative;
    bottom: 0px;
    left: -460px;
    overflow: hidden;
    clear: both;
    z-index: 999999;
    display: compact;
    list-style: none;
}
.drawings {
    float: left;
    font-size: 10px;
    text-align: center;
    width: 33%;
    position: relative;
    min-height: 230px;
    vertical-align: bottom;
}
.drawings img {
    margin: -5px 0 10px 0;
}