/*
Theme Name: Cutting Source Precision, Inc.
Description: A custom theme developed for [cspmachine.com].
Version: 1.0
Author: Randy Hoyt
Author URI: http://amesburyweb.com/
*/

/* --------------------------------------------------------------
   * Reset
-------------------------------------------------------------- */

html {margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline;}
body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.5;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}

/* --------------------------------------------------------------
   * Default typography
-------------------------------------------------------------- */

body {font-size:75%;color:#222;background:#fff;font-family:"Helvetica Neue", Arial, Helvetica, sans-serif;}
h1, h2, h3, h4, h5, h6 {font-weight:normal;color:#111;}
h1 {font-size:3em;line-height:1;margin-bottom:0.5em;}
h1 {font-size:2em;margin-bottom:0.75em;}
h2 {font-size:1.5em;line-height:1;margin-bottom:1em;}
h3 {font-size:1.3333em;line-height:1.125;margin-bottom:1.125em;}
h4 {font-size:1em;font-weight:bold;margin-bottom:1.5em;}
h5, h6 {font-size:1em;font-weight:bold;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
p {margin:0 0 1.5em;}
p img.left {float:left;margin:1.5em 1.5em 1.5em 0;padding:0;}
p img.right {float:right;margin:1.5em 0 1.5em 1.5em;}
a:focus, a:hover {color:#000;}
a {color:#009;text-decoration:underline;}
blockquote {margin:1.5em;color:#666;font-style:italic;}
strong {font-weight:bold;}
em, dfn {font-style:italic;}
dfn {font-weight:bold;}
sup, sub {line-height:0;}
abbr, acronym {border-bottom:1px dotted #666;}
address {margin:0 0 1.5em;font-style:italic;}
del {color:#666;}
pre {margin:1.5em 0;white-space:pre;}
pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;}
li ul, li ol {margin:0 1.5em;}
ul, ol {margin:0 1.5em 1.5em 1.5em;}
ul {list-style-type:disc;}
ol {list-style-type:decimal;}
dl {margin:0 0 1.5em 0;}
dl dt {font-weight:bold;}
dd {margin-left:1.5em;}
table {margin-bottom:1.4em;width:100%;}
th {font-weight:bold;}
thead th {background:#c3d9ff;}
th, td, caption {padding:4px 10px 4px 5px;}
tr.even td {background:#e5ecf9;}
tfoot {font-style:italic;}
caption {background:#eee;}
.small {font-size:.8em;margin-bottom:1.875em;line-height:1.875em;}
.large {font-size:1.2em;line-height:2.5em;margin-bottom:1.25em;}
.hide {display:none;}
.quiet {color:#666;}
.loud {color:#000;}
.highlight {background:#ff0;}
.added {background:#060;color:#fff;}
.removed {background:#900;color:#fff;}
.first {margin-left:0;padding-left:0;}
.last {margin-right:0;padding-right:0;}
.top {margin-top:0;padding-top:0;}
.bottom {margin-bottom:0;padding-bottom:0;}
hr {background:#ddd;color:#ddd;clear:both;float:none;width:100%;height:.1em;margin:0 0 1.45em;border:none;}


/* --------------------------------------------------------------
   * WordPress images
-------------------------------------------------------------- */

p img {padding: 0;border:1px solid #939393; margin-bottom: 5px;}
p img.borderless {border:0; padding: 1px;}
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;}
.alignright {float: right;}
.alignleft {float: left}


/* --------------------------------------------------------------
   *
-------------------------------------------------------------- */

hr {display: none;}
#main hr {display: block; background:#939393 none repeat scroll 0 0;border:medium none;clear:both;color:#939393;float:none;height:1px;margin:1.5em 0 1.5em;width:100%;}

/* --------------------------------------------------------------
   * CUTTING SOURCE PRECISION
-------------------------------------------------------------- */
html {min-height: 100%; padding-bottom: 1px; background: #262626;}
body {background: #262626 url('./img/body-background.jpg') top center repeat-x; font-family:"Trebuchet MS", sans-serif;}
.container {width: 960px; margin: 0 auto;}

a, a:link, a:visited {text-decoration: none; color: #7AC143;}
a:hover {text-decoration: underline; color: #7AC143;}
#content-main p a,
#content-main p a:link,
#content-main p a:visited {text-decoration: underline;}
.green {color: #7AC143;}


/* --------------------------------------------------------------
   * Branding / Navigation
-------------------------------------------------------------- */

#masthead {background: transparent url('./img/masthead-left-background.gif') 50% 152px no-repeat;}
#masthead .container:after {content: "";display: block;height: 0;clear: both;visibility: hidden;}
#masthead .container {zoom: 1; position: relative; background: url('./img/masthead-background.jpg') top left no-repeat;}
#masthead h2 {margin: 0;}
#masthead #branding-name {margin: 42px 0 0 70px; _margin-left: 35px; overflow: hidden; width: 171px; height: 154px; display: block; background: transparent url('./img/cspmachine-logo-transparent.gif') -14px -19px no-repeat; float: left; text-indent: -9999px;}
#navigation:after {content: "";display: block;height: 0;clear: both;visibility: hidden;}
#navigation {width: 620px; zoom: 1; min-height: 34px; _height: 34px; margin: 179px 0 0 30px;  float: left; background: url('./img/navigation-background.gif') left bottom repeat-x; font-size: 1.1667em;}
#navigation li {list-style: none; float: left; margin: 0 0 0 21px; _margin-left: 10px; padding: 0 0 12px 21px; background: url('./img/navigation-li-separator.gif') 0 6px no-repeat;}
#navigation li.first {margin-left: 0; padding-left: 0; background: none;}
#navigation li a {color: white;}
#navigation li.current_page_ancestor a,
#navigation li.current_page_item a {color: #7AC143;}

#navigation li.page-item-32 {position: absolute; top: 0; left: 629px; padding: 0; margin: 0; background: none;}
#navigation li.page-item-32 a {overflow: hidden; display: block; text-indent: -9999px; background: url('./img/page-item-32-background.gif') top left no-repeat; width: 222px; height: 37px; }


/* --------------------------------------------------------------
   * Content
-------------------------------------------------------------- */

#main {background: url('./img/main-left-background.gif') 0 0 no-repeat; clear: both; color: #FFFFFF;}
#main .container {background: url('./img/main-background.jpg') 0 0 no-repeat; padding-top: 17px;}
#main .container-separator:after {content: "";display: block;height: 0;clear: both;visibility: hidden;}
#main .container-separator {zoom: 1; background: url('./img/main-separator-background.jpg') 237px 0 repeat-y;}
#main h1,
#main h2,
#main h3,
#main h4,
#main h5,
#main h6 {color: #7AC143;}
#content-main h2,
#content-main h3,
#content-main h4,
#content-main h5,
#content-main h6 {color: #FFF;}


#content {width: 620px; float: right; padding-right: 71px; min-height: 310px; _height: 310px;}
#navigation-section {width: 167px; float: left; padding: 6px 0 0 70px; margin: 0;}
#navigation-section li {list-style: none; margin: 0; padding: 0;}
#navigation-section h3 {white-space: nowrap; margin-bottom: .25em;}
#navigation-section a  {white-space: nowrap;}
#navigation-section p,
#navigation-section div {width: 147px;}

#content-main {width: 380px; float: left;}
#content-supp {width: 192px; float: right; margin-top: 15px;}
#content-supp.text {width: 192px; float: right; margin-top: 42px;}

.page-gallery-parent #content-main,
.page-gallery-child  #content-main,
.page-attachment     #content-main,
.page-full-thirds    #content-main {width: 100%; float: none;}
.page-full-thirds    #content-supp {margin-top: 25px; float: none; width: 100%;}
.page-full-thirds    #content-supp .cell  {padding-top: 25px; width: 180px; float: left; margin-left: 40px; border-top: 1px solid #929292;}
.page-full-thirds    #content-supp .cell1 {margin-left: 0;}
.page-full-thirds    #content-supp ul {font-size: 91.67%;}
ul.list-style-none {list-style: none; margin-left: 0; margin-right: 0;}
ul.list-style-none li {}
ul.half {width: 49%; float: left;}


.gallery:after {content: "";display: block;height: 0;clear: both;visibility: hidden;}
.gallery {zoom: 1; margin-bottom: 1.5em;}
.gallery img {float: left; margin: 0 0 6px 6px;border:1px solid #939393;}
.gallery img.image1 {clear: left; margin-left: 0;}
.gallery img.image4 {float: right;}


/* --------------------------------------------------------------
   * Footer
-------------------------------------------------------------- */

#site-info:after {content: "";display: block;height: 0;clear: both;visibility: hidden;}
#site-info {zoom: 1; color: white; font-size: 0.8333em; padding-bottom: 3em;}
#site-info a {color: white;}
#site-info ul {line-height: 1.25em; margin: 3em 0 .5em; padding: 1em 0 0; border-top: 1px solid #C8C8C8;}
#site-info ul li {display: inline; padding: 0 .5em 0 1em; background: url('./img/footer-separator.gif') 0 4px no-repeat; }
#site-info ul li.first {padding-left: 0; background: none;}
#site-info ul li.page-item-351 a,
#site-info ul li.page-item-352 a {color: #7AC143;}
#site-info ul, #site-info-credits {width: 620px; margin-right:71px; _margin-right:35px; float: right;}


/* --------------------------------------------------------------
   * Forms
-------------------------------------------------------------- */

fieldset legend {display: none;}
fieldset ol {list-style: none; margin: 0 0 1.5em;}
fieldset ol li {margin: 0 0 .75em 0;}
fieldset ol li label span {display: block; width: 117px; float: left; padding-top: 2px;}
fieldset ol li.cf_uploadfile2-7 label span {padding-top: 4px;}
fieldset ol li span.reqtxt,
fieldset ol li span.emailreqtxt {color: #7AC143; padding-left: 5px;}
fieldset ol li input,
fieldset ol li select,
fieldset ol li textarea {background: #EBEBE4; border: 1px solid #939393;}
fieldset ol li input {width: 240px;}

fieldset ol li select {width: 242px; height: 20px;}
fieldset ol li textarea,
p.cf-sb {width: 357px;}
fieldset ol li .secinput {width: 108px;}
fieldset ol li .captcha,
fieldset ol li .captcha-reset {vertical-align: top;padding: 0 5px;}
fieldset ol li .captcha-reset {width:15px; height:21px; background: #7AC143 url('img/captcha-refresh.gif') no-repeat right top; padding: 0;}
p.cf-sb .sendbutton {
    float: right;
    width:156px;
    height:30px;
    overflow: hidden;
    border: 0;
    margin: .75em 0 0;
	*padding: 30px;
    text-indent: -9999px;
	border: 0;
    background: transparent url('img/button-submit-background.jpg') no-repeat right top;
    cursor: pointer;
}
p.linklove {display: none;}
div.waiting,
div.success,
div.failure {margin: 1.5em 0; width: 339px; padding: 9px; color: #222; background: #7AC143; border: 1px solid #FFF;}
div.waiting a,
div.success a,
div.failure a {color: #FFF !important; text-decoration: underline !important;}
div.waiting a:hover,
div.success a:hover,
div.failure a:hover {color: #E3F7D4 !important;}

.page-profile #content-main {width: 100%;}
#profile table.form-table th {
    display:block;
    padding-top:5px;
    width:117px;
    font-weight: normal;
}
#profile table.form-table td {width: 490px;}
span.reqtxt {color: #7AC143; padding-left: 5px;}
#profile table.form-table td input,
#profile table.form-table td select,
#profile table.form-table td textarea {
    background:#EBEBE4 none repeat scroll 0 0;
    border:1px solid #939393;
    width:240px;
    padding: 2px 1px;
}
#profile .error {
    padding: 5px;
    border: 1px solid #ff0000;
    background-color: #f08080;
    }
#profile p.button-update-profile,
#profile p.button-change-password {min-height: 30px; _height: 30px; width: 380px;}
#profile p.button-update-profile input,
#profile p.button-change-password input {
    background: transparent no-repeat scroll right top;
    border:0 none;
    cursor:pointer;
    float:right;
    height:30px;
    margin:0 0 0.75em 0;
    overflow:hidden;
    text-indent:-9999px;
    width:120px;
    *padding-top: 30px;    
}
#profile p.button-update-profile input {background-image: url(img/button-update-profile-background.jpg);} 
#profile p.button-change-password input {background-image: url(img/button-change-password-background.jpg);}
#profile .submit {display: none;}

.page-profile #content-main {position: relative;}
#profile #documents {padding-top: 1.5em;}
#view-documents-link {position: absolute; top: 0; right: 0; background: url(img/view-documents-link.gif) 100% 3px no-repeat; padding-right: 9px;}
.page-profile #view-documents {min-height: 510px; _height: 510px;}   

#tml-main p.error,
#profile p.message,
p.message {margin: 0 0 1.5em 0; width: 339px; padding: 9px; color: #222; background: #7AC143; border: 1px solid #FFF;}
#profile p.message {width: 361px;}
#tml-main p.error {background: #FF8080; text-align: left;}
#tml-main p.error a {color: #000;}
#tml-main p label {display: block; width: 117px; float: left; padding-top: 2px;}
#tml-main input {background: #EBEBE4; border: 1px solid #939393; width: 240px; padding: 1px 0;}
#tml-main .forgetmenot {padding-bottom: 30px; vertical-align: middle;}
#tml-main #rememberme-tml-main {width: auto; float: left; margin: 4px 8px 0 117px; background: #262626; border: 0; vertical-align: middle; *margin-top: 0;}
#tml-main p.submit {clear: both; float: right; padding-right: 22px; width: 150px;}
#tml-main p.submit input {
    background: transparent no-repeat scroll right top;
    border:0 none;
    cursor:pointer;
    float:right;
    height:30px;
    margin:0 0 0.75em 0;
    overflow:hidden;
    text-indent:-9999px;
    width:120px;
    *padding-top: 30px;
}
#tml-main p.submit input#login-submit-tml-main {background-image: url(img/button-login-background.jpg)} 
#tml-main p.submit input#lostpassword-submit-tml-main {background-image: url(img/button-submit-background.jpg)}
#tml-main ul.links {float: left; list-style: none; margin: 0; line-height: 30px;}
#tml-main ul.links li a {background: url(img/bullet_gt.gif) left center no-repeat; padding-left: 12px;}

#view-documents table.form-table {width: 390px}
#view-documents table.form-table th {vertical-align: top; line-height: 30px;} 
#view-documents table.form-table td {width: 250px; line-height: 30px;}
#view-documents table.form-table td select {width: 200px; margin-top: 3px; vertical-align: middle;}
#view-documents .form-table .button-display-documents {
    background: url(img/button-display-documents-background.jpg) no-repeat scroll right top;
    border:0 none;
    cursor:pointer;
    height:30px;
    margin:0 0 0.75em 10px;
    overflow:hidden;
    text-indent:-9999px;
    width:30px;
    *padding: 30px 0 0; vertical-align: top;
}


table.projectmanager .file img {width: auto;}
table.projectmanager {color: #000;}

table.documents-list {border: 1px solid #333333;}
table.documents-list tr {background: #333333;}
table.documents-list tr.alternate {background: #262626;}
table.documents-list tr:hover {background: #4D4D4D;}
table.documents-list tr.headings {background: #333333;}
table.documents-list th {width: 100%; padding-top: .5em; padding-bottom: .5em; padding-left: 10px;}
table.documents-list th.type {width: 4em;}
table.documents-list th.date {width: 8em;}

table.documents-list td a {display: block; padding:6px 10px;}
table.documents-list td a:hover {text-decoration: none; background-color: #4D4D4D;}
table.documents-list td {padding: 0; white-space: nowrap;}
table.documents-list a.doc,
table.documents-list a.jpg,
table.documents-list a.pdf,
table.documents-list a.ppt,
table.documents-list a.txt,
table.documents-list a.xls,
table.documents-list a.zip {text-indent: -9999px; width: 18px; overflow: hidden; background: url('img/icons/txt.png') center center no-repeat; _background-image: url('img/icons/txt.gif')}
table.documents-list a.doc {background-image: url('img/icons/doc.png'); _background-image: url('img/icons/doc.gif')}
table.documents-list a.jpg {background-image: url('img/icons/jpg.png'); _background-image: url('img/icons/jpg.gif')}
table.documents-list a.pdf {background-image: url('img/icons/pdf.png'); _background-image: url('img/icons/pdf.gif')}
table.documents-list a.ppt {background-image: url('img/icons/ppt.png'); _background-image: url('img/icons/ppt.gif')}
table.documents-list a.txt {background-image: url('img/icons/txt.png'); _background-image: url('img/icons/txt.gif')}
table.documents-list a.xls {background-image: url('img/icons/xls.png'); _background-image: url('img/icons/xls.gif')}
table.documents-list a.zip {background-image: url('img/icons/zip.png'); _background-image: url('img/icons/zip.gif')}