/*

Theme Name: Jorgenson Machine
Description: Based on Blass2 by 1000ff.  Modified specifically for Jorgenson Machine.  Elegant and simple. Blass2 is a CSS-only theme, has a widgetized sidebar, support for gravatars, and works nicely with WordPress 2.5+. Brought to you by <a href="http://1000ff.de/">1000ff</a>.
Version: 1.6.2
Tags: fixed width, two columns, widget ready, widgets, right sidebar, simple, white, clean, valid CSS, valid XHTML
Author: Lane (Modifier)

*/

/* CSS RESET
--------------------------------------------------*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-weight: inherit;font-style: inherit;font-size: 100%;font-family: inherit;vertical-align: baseline;}
/* remember to define focus styles! */
:focus {outline: 0;}
body {line-height: 1;color: black;background: white;}
ol, ul {list-style: none;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: separate;border-spacing: 0;}
caption, th, td {text-align: left;font-weight: normal;}
blockquote:before, blockquote:after,q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}


/* body and basic layout
--------------------------------------------------*/
body {
font-family: arial;
font-size: 68%;
background: #A7A8AC url(/wp-content/themes/jorgenson-machine/images/background.jpg) repeat-x fixed left top;
}

#topspacingdiv
{
height: 20px;
clear: both;
border: none !important;
}

#wrapper
{
width: 910px;
margin: 0 auto;
}

#pageContainer
{
background: transparent url(/wp-content/themes/jorgenson-machine/images/contentBackground.png) repeat-y;
}

/* columnLayout
--------------------------------------------*/
.columnLayout.left
{
float: left;
width: 175px;
}

.columnLayout.right
{
float: right;
width: 680px;
xmargin: 0 0 0 -685px;
}

/* general fonts
--------------------------------------------------*/
a,
a:hover,
a:active,
a:visited
{
color: #25435F;
text-decoration: none;
font-size: .7em;
font-weight: bold;
}

a:hover
{
text-decoration: underline;
}

h1, h2, h3, h4, h5, h6
{
color: #222;
margin: 10px 0;
}

h1
{
font-size: 3em;
}

h2
{
font-size: 2.8em;
}

h3
{
font-size: 2em;
}

h4
{
font-size: 1.8em;
}

h5
{
font-size: 1.6em;
}

strong {
font-weight: bold !important;
}

em {
font-style: italic !important;
}

/*	hide FastTube author credit */
small
{
display: none;
}

/* red tab heading used in various places */
.titleBar
{
text-align: left;
font-size: 2.0em;
font-weight: bold;
color: white;
line-height: 41px;
background: transparent url(/wp-content/themes/jorgenson-machine/images/titlebar_Right.png) repeat-x bottom;
overflow: auto;
}

.titleBar span
{
background: transparent url(/wp-content/themes/jorgenson-machine/images/titlebar_Left.png) no-repeat scroll right;
display: block;
float: left;
padding-right: 1.5em;
padding-left: 1em;
}

/* header
--------------------------------------------------*/
#header {
background: transparent url(/wp-content/themes/jorgenson-machine/images/Header.png) no-repeat scroll center top;
height: 170px;
}

#header #mastheadLogo
{
float: left;
margin: -8px 0 0 35px;
}

#header #contactInfo
{
float: right;
clear: none;
margin-right: 5px;
padding: 1em 1em 0 1em;

font-size: 1.3em;
font-style: italic;
font-weight: 500;
text-align: right;
letter-spacing: .1em;

}

#searchForm
{
margin: 10px 0 0 0;
padding: 0;
display: block;
float: right;
}


/* navigation
--------------------------------------------------*/
.nav_menu li
{
float: left;
}

.nav_menu li a
{
color: #FFF;
font-size: 1.1em;
display: block;
text-align: center;
text-decoration: none;
font-weight: normal;
}

/* top right nav */
#nav
{
height: 28px;
}

#nav li
{
float: right;
padding: 0 1em 0 1em;
margin-top: .15em;
border-right: 1px solid white;
}

#nav li:first-child
{
border: none;
padding-right: 5px;
}

#nav a:hover
{
text-decoration: underline;
}

/* main site navigation at bottom of header */
#subNav
{
width: 905px;
padding-left: 5px;
background: transparent url(/wp-content/themes/jorgenson-machine/images/contentBackground.png) repeat-y scroll left top;

overflow: auto;
height: 30px;
}

#subNav li
{
height: 30px;
background: transparent url(/wp-content/themes/jorgenson-machine/images/navButtons.png) repeat-x;
background-position: 0px 0px;
border-left: 1px solid white;
width: 128px;
}

#subNav li:first-child
{
border-left: none;
width: 126px;
}

#subNav li:hover,
#subNav li.selectedPage
{
background-position: 0px -30px;
}

#subNav li a
{
line-height: 30px;
}

.clear
{
clear:both;
}

/* content
--------------------------------------------------*/
#content,
#content2
{
width: 867px;
margin: 8px auto 0 auto !important;
}

#content p,
#content2 p
{
line-height: 20px;
font-size: 110%;
xword-spacing: 1px;
}

#content ul,
#content ol,
#content2 ul,
#content2 ol
{
font-size:120% !important;
margin:10px 10px 10px 25px !important;
}

#content li,
#content2 li
{
margin: 1em 0;
list-style: disc;
}

p + h1, p + h2, p + h3
{
margin-top: 1.5em;
}

.post {
padding: .5em 0 2em 0;
}

.post .entry p
{
margin-bottom: 1em;
padding-top: .25em;
}

.post .entry p:last-child
{
margin-bottom: 0;
}



/* footer
--------------------------------------------------*/
#footer {
font-size: 1.1em;
color: #444;
margin: 0;
padding: 1.25em 5px;
background: transparent url(/wp-content/themes/jorgenson-machine/images/bottomEdge.png) no-repeat;
}

/* home page
-------------------------------------------------*/

/* big graphic just below main site nav */
#featured
{
height: 202px;
width: 900px;
margin: 0 auto;
background: #F0F0F0;
padding-top: 1px;
}

#featured #featuredMain
{
height: 202px;
xpadding-right: 225px;
width: 673px;
background: transparent url(/wp-content/themes/jorgenson-machine/images/featuredMain-image-back.png) no-repeat top left scroll;
float: left;
}

#featured #download
{
background: transparent url(/wp-content/themes/jorgenson-machine/images/flashRight.jpg) no-repeat top left scroll;
height: 202px;
width: 225px;
float: right;
xmargin: -202px 0;
cursor: pointer;
}

/* box displaying links to the three calculators */
#calculators
{
float: right;
width: 332px;
height: 106px;
padding: 16px 0;
margin-left: -333px;
background: transparent url(/wp-content/themes/jorgenson-machine/images/calculatorBack.jpg) no-repeat scroll center center;
}

#calculators span
{
display: block;
padding: .6em 0 0 85px;
line-height: 1.6em;
font-size: 1.6em;
font-style: italic;
font-weight: bold;
text-align: left;
}

#calculators * a
{
color: #222;
}

/* separate style for the home page text */
.homepageText
{
font-size: 1em;
padding: 16px 350px 32px 0;
float: left;
}

/* product grids on home page and individual product category pages
-------------------------------------------------------*/
.productGrid
{
clear: both;
text-align: center;
overflow: auto;
margin-top: 4px;
padding-bottom: 4px;
}

.productGrid a
{
color: #222;
text-decoration: none;
cursor: pointer;
}

.productGrid a .productBoxLearnMore
{
color: #999;
padding: 1em 4em;
}

.productGrid .productBox a .productBoxLearnMoreRed
{
background: #25435F;
color: white;
border: 1px solid black;
padding: .45em;
width: 100px;
margin: .25em auto;
font-size: 1.5em;
}

.productGrid a .productBoxTitle
{
font-size: 2.4em;
padding: .25em 1em;
}

.productGrid .productBox
{
background: transparent url(/wp-content/themes/jorgenson-machine/images/productBoxSmall.png) no-repeat scroll center top;
height: 222px;
width: 222px;
float: left;
overflow: hidden;
margin: 2px;
backgr
}

.productBoxWrapper img //Added by Ryan Hightower 11-09-09
{
width: 212px;
height: 130px;
margin: 4px;
}

.productBox img
{
max-width: 212px;
//max-height: 130px;
height: 130px;
margin: 4px;
}

/*
.productBox.changeOnHover:hover img,
.productBox.changeOnHover:hover .productBoxTitle.showing
{
display: none !important;
}

.productBox.changeOnHover:hover .productBoxTitle.hiding
{
display: block !important;
padding-top: 3em;
}
*/

/* different background and dimensions for home page grid */
#homeFeaturedProducts .productBox
{
background: transparent url(/wp-content/themes/jorgenson-machine/images/productBox.png) no-repeat scroll center top;
height: 225px;
width: 289px;
float: left;
margin: 8px 0;
position: relative;
}

/* left sidebar category selector
-----------------------------------------*/
.subSelectorList
{
border: 2px solid #222;
border-left: none;
margin: 0 0 1.5em -17px;
background: #FFF;
}

.subSelectorList a
{
color: #222;
font-size: 95%;
height: 100%;
display: block;
}

.subSelectorList div
{
padding: 4px 6px;
}

.subSelectorList div.subSelectorTitle + div,
.subSelectorList div + span
{
padding-top: 6px;
display: block;
}

.subSelectorList div.subSelectorTitle
{
background: #222;
color: white;
font-size: 1.2em;
line-height: 1.5em;
padding: 4px 12px;
}

div.selectedCategory,
div.selectedManufacturer,
.subSelectorItem:hover {
background: #222;
margin-left: -6px;
width: 100%;
}

div.selectedCategory a,
div.selectedManufacturer a,
.subSelectorList div div:hover a
{
color: #FFF;
text-decoration: none;
padding-left: 6px;
padding-right: 6px;
}

/* whitepage styles (categories and details pages)
----------------------------------------*/
.whitePage
{
background: white;
overflow: auto;
}

/* category page
------------------------------------------*/
.whitePage.categoryView .post
{
text-align: center;
margin: 20px;
xheight: 186px;
height: 206px;
width: 186px;
float: left;
overflow: hidden;
}

.whitePage.categoryView .post .entry a
{
text-decoration: none;
color: #222;
}

.whitePage.categoryView .post .entry img
{
height: 100px;
}

span.manufacturer
{
color: #555;
}

/* equipment detail page
------------------------------------------*/
.whitePage.equipmentDetail
{
padding: 1.5em;
}

/* main content of product details is on the right */
.whitePage #detailText
{
float: right;
width: 340px;
margin-left: -341px;
overflow: auto;
}

#detailText span
{
font-size: 110%;
line-height: 20px;
}

/* left content includes images and download links */
.whitePage #imagesAndDownloads
{
xwidth: 260px;
xheight: 500px;
margin: 0;
float: left;
margin-right: 3em;
margin-bottom: 1em;
}

/* image viewer styles and so forth */
#imagesAndDownloads #imageViewer
{
text-align: center;
height: 250px;
width: 260px;
}

#imagesAndDownloads #imageViewer img
{
xmax-height: 190px;
xmax-width: 250px;
}

#imagesAndDownloads #imageViewer div
{
padding-top: 1em;
}

#imageZoomIcon
{
display: none;
}

#imagesAndDownloads #imageChooser
{
overflow: auto;
width: 260px;
}

#imageChooser .thumbBox
{
border: 1px solid #BBB;
height: 59px;
width: 59px;
float: left;
overflow: hidden;
margin: 2px;
cursor: pointer;
}

#imageChooser .thumbBox img
{
max-width: 60px;
max-height: 60px;
}

#imageChooser #imageViewIcon
{
text-align: right;
padding-right: 2px;
padding-bottom: 4px;
}

#imageChooser #imageViewIcon img
{
cursor: pointer;
}

.ui-dialog-titlebar
{
background: none !important;
border: none !important;
color: #222 !important;
}

.ui-dialog-titlebar-close
{
background-color: #CCC;
}

/* download links styles and the like */
ul#linksList
{
left: -1.8em;
top: 1em;
position: relative;
border-top: 1px dashed #777;
width: 257px;
color: #89C;
}

ul#linksList li
{
height: 70px;
border-bottom: 1px dashed #777;
display: block;
list-style: none;
margin: 0;
padding: 0;
font-size: 1.6em;
font-weight: normal;
padding-left: 60px;
cursor: pointer;
}

ul#linksList li span
{
position: relative;
display: block;
height: 100%;
top: 0;
}

ul#linksList li span a
{
display: block;
margin-left: -60px;
padding: 1.8em 0;
padding-left: 60px;
}

ul#linksList li.downloadPDF
{
background: transparent url(/wp-content/themes/jorgenson-machine/images/link_icon_file_pdf.png) no-repeat center left;
}

ul#linksList li.watchVideo
{
background: transparent url(/wp-content/themes/jorgenson-machine/images/link_icon_watch_video.png) no-repeat center left;
}

ul#linksList li.requestQuote
{
background: transparent url(/wp-content/themes/jorgenson-machine/images/link_icon_request_quote.png) no-repeat center left;
}

ul#linksList li.viewTable
{
background: transparent url(/wp-content/themes/jorgenson-machine/images/link_icon_table.png) no-repeat center left;
}

ul#linksList li.downloadGeneric
{
background: transparent url(/wp-content/themes/jorgenson-machine/images/link_icon_download.png) no-repeat center left;
}

/* optional table from product details is shown full-width below other content */
#tableDisplay table
{
xborder: 1px solid #25435F;
width: 645px;
}

#tableDisplay table td
{
border: 1px solid #555;
padding: .5em .25em;
text-align: center;
}

#tableDisplay table tr td:first-child
{
xwidth: 40px;
}

#tableDisplay
{
margin-top: 2em;
width: 645px;
overflow: hidden;
text-align: center;
}

.equipmentDetail #tableDisplay
{
border-top: 4px solid #25435F;
}

#tableDisplay div#tableHeading
{
font-size: 1.4em;
font-weight: bold;
padding: 1em 0;
}

.subCategoryList
{
padding: 12px;
}

.subCategoryList a
{
color: black;
font-size: 18pt;
display: block;
line-height: 2;
padding-left: 1em;
}

.subCategoryList a:hover
{
color: red;
text-decoration: none;
}

/* breadcrumb
----------------------------------------*/
.breadcrumb
{
font-size: 1.6em;
padding-left: 17px;
padding-top: 4px;
}

.breadcrumb a
{
color: #25435F;
}

.breadcrumb a.activePage,
.breadcrumb a.activePage:hover
{
color: #222;
text-decoration: none;
}

/* used equipment detail page
---------------------------------------*/
div#detailText.used
{
overflow: auto;
}

div#detailText.used span span,
div#detailText.used span div
{
color: #222;
width: 150px;
display: block;
float: left;
font-size: 1.2em;
line-height: 1.8em;
}

div#detailText.used span .label
{
text-align: right;
padding-right: 1em;
font-weight: bold;
}

div#detailText.used .label.description,
div#detailText.used .labeledInfo.description
{
float: none;
margin: 1em 0 0 0;
padding: 0;
width: auto;
text-align: center;
}

div#detailText.used .labeledInfo.description
{
margin: 0;
}

/* new equipment series page
-------------------------------------*/
#imagesAndDownloads.seriesDetail
{
float: right;
padding: 2.5em 0 1em 1em;
}

/* parts & tooling form
-----------------------------------*/
#toolOrderTable
{
border: 1px solid #999;
padding: 2em;
margin: 0 auto;
}

/* about us table
------------------------------------*/
#aboutUsTable table tr td
{
padding-left: 4em;
padding-bottom: 2em;
}

#aboutUsTableText
{
vertical-align: top;
padding: 1em 0;
margin: 0;
}
#tableDisplay .productGrid{
width:760px;
margin-left:0;
}

#tableDisplay .productBoxImage{
max-width:204px;
}
#tableDisplay .productBoxImage img{
max-width:190px;
}

#tableDisplay .productBox{
margin:1px;
padding:2px;
max-width: 210px; 
background: transparent url(/wp-content/themes/jorgenson-machine/images/productBoxSmallTable.png)  no-repeat scroll center top;
}