/* Theme Name:SPM Theme URI: Description:SPM Version:1.0 Author:Iain Porter Author URI:http://www.intraspin.com/ The CSS, XHTML and design is released under GPL: http://www.opensource.org/licenses/gpl-license.php */ /* Begin Typography & Colors */ .widecolumn .entry p {font-size:1.05em;} .narrowcolumn .entry, .widecolumn .entry {line-height:1.4em;} .narrowcolumn .postmetadata {text-align:center;} .alt {background-color:#f8f8f8; border-top:1px solid #ddd; border-bottom:1px solid #ddd;} small {font-family:Arial, Helvetica, Sans-Serif; font-size:0.9em; line-height:1.5em;} 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:#b85b5a;} .commentlist li, #commentform input, #commentform textarea {font:0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;} .commentlist li {font-weight:bold;} .commentlist li .avatar { float:right; border:1px solid #eee; padding:2px; background:#fff;} .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;} 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:#06c; text-decoration:none;} #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 */ .post {margin:0 0 40px; 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:both;} .clear {clear:both;} /* End Structure */ /*Begin Headers */ h1 {padding-top:70px; margin:0;} h2 {margin:30px 0 0;} h3 {padding:0; margin:30px 0 0;} h3.comments {padding:0; margin:40px auto 20px ;} /* End Headers */ /* Begin Images */ p img {padding:0; max-width:100%;} 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} /* End Images */ /* Begin ListsSpecial stylized non-IE bullets - Do not work in Internet Explorer, which merely default to normal bullets. */ html>body .entry li {margin:7px 0 8px 10px;} .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 p, #sidebar ul select {margin:5px 0 8px;} #sidebar ul ul, #sidebar ul ol {margin:5px 0 0 10px;} #sidebar ul ul ul, #sidebar ul ol {margin:0 0 0 10px;} ol li, #sidebar ul ol li {list-style:decimal outside;} #sidebar ul ul li, #sidebar ul ol li {margin:3px 0 0; padding:0;} /* End Entry Lists */ /* Begin Form Elements */ #searchform {margin:10px auto; padding:5px 3px; text-align:center;} #sidebar #searchform #s {width:108px; padding:2px;} #sidebar #searchsubmit {padding:1px;} .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 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;} .hidden {display:none;} hr {display:none;} a img {border:none;} .navigation {display:block; text-align:center; margin-top:10px; margin-bottom:60px;} /* End Various Tags & Classes*/ /* Captions */ .aligncenter,div.aligncenter {display:block; margin-left:auto; margin-right:auto;} .wp-caption {border:1px solid #ddd; text-align:center; background-color:#f3f3f3; padding-top:4px; margin:10px; -moz-border-radius:3px; -khtml-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;} .wp-caption img {margin:0; padding:0; border:0 none;} .wp-caption p.wp-caption-text {font-size:11px; line-height:17px; padding:0 4px 5px; margin:0;} /* End captions */ /* 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; } strong{font-weight:bold;} body{line-height:1; color:black; background:white;} ol, ul{list-style:none;} table{border-collapse:separate; border-spacing:0;} /* tables still need 'cellspacing="0"' in the markup */ caption, th, td{text-align:left; font-weight:normal;} :focus{outline:0;} /* remember to define focus styles! */ blockquote:before, blockquote:after, q:before, q:after{content: "";} blockquote, q{quotes: "" "";} /* TYPOGRAPHY */ html{font-size:62.5%; color:#727373;} /* create 10px baseline */ /* apple uses #727373 on white and #949494 on black */ body{font:1.2em verdana; background:url(BaselineGrid.gif) repeat-x; padding-top:15px;} p{line-height:1.5em; margin:0 0 1.5em 0;} /* 12/18 */ h1, h2, h3, h4, h5, h6{font-weight:normal;} h1{font-size:1.5em; line-height:1.0em; margin:0em 0 1em 0;} h2{font-size:1.1667em; line-height:1.286em; margin:1.929em 0 0.643em 0; font-size:1.6em;} h3{margin-top:16px; font-weight:normal;} ul{margin:0px; padding:0px; margin:1em 0em 1.5em 3em; list-style-type:square;} li{line-height:1.5em;} a{text-decoration:none;} html{background:#fff url(images/pageBG.gif) repeat-x;} .container{width:980px; margin:auto; position:relative;} h1#logo {width:301px; height:57px; background:url(images/logo.gif) no-repeat; margin-left:18px; margin-bottom:0.8em;} h1#logo a{display:block; height:57px;} h1#logo span{margin-left:-9999px;} #tagline{font-size:1.5em; color:#333; position:absolute; top:35px; right:16px;} #loginBtn{position:absolute; top:-10px; right:20px; color:#999; cursor:pointer;} #header{width:980px; position:relative; overflow:hidden; z-index:1;} #home #header{height:320px;} #nav{height:32px; margin:0; padding:0; list-style-type:none; background:url(images/navBG2.gif) no-repeat;} #home #nav{background:url(images/navBG.gif) no-repeat;} #nav li{float:left; padding:6px 0px; padding-left:2px;} #nav li a{color:#fff; padding:10px 20px; text-transform:uppercase;} #nav li a:hover{text-decoration:underline;} #nav li.current_page_item{background:url(images/activeNavLinkLeft.gif) no-repeat;} #nav li.current_page_item a{background:url(images/activeNavLinkRight.gif) no-repeat right;} #header #loginBtn{position:absolute; top:9px; right:243px; color:#aaa; cursor:pointer; border-bottom:1px solid #666; } #header #loginBtn:hover{border-bottom:none; } form#login{position:absolute; background:#fff; padding:10px; width:255px;} ul.inputs{width:none; margin:0px; list-style-type:none;} ul.inputs li {float:none; margin-top:5px;} ul.inputs li label{display:block; float:left; width:100px; position:relative; top:5px;} ul.inputs li input{border:1px solid #ccc;} #login_btn{position:relative; left:100px; width:81px; height:32px; background:url(images/loginBtn.gif) no-repeat; padding-top:25px; border:none;} #recoverPassword{color:#c00; float:right; font-size:0.9em;} #search{width:250px; position:absolute; top:4px; right:-20px;} #search .button{width:62px; height:24px; background:url(images/searchBtn.gif) no-repeat; border:none; color:#fff; text-transform:uppercase; font-family:verdana;} h6#industriesTitle{position:absolute; bottom:-22px; left:142px; z-index:10; width:110px; height:26px; background:url(images/industriesTab.gif) no-repeat; text-transform:uppercase; color:#fff; text-align:center;} #industries{list-style-type:none; margin:0px; padding:0px; float:left; background:#A40000 url(images/industriesBG.gif) no-repeat; border-right:1px solid #6C0000; position:relative; z-index:6;} #industries li{height:1%; width:243px;vertical-align:text-top;} #industries li a{display:block; width:243px; color:#fff; padding:5px 0px 4px; border-top:1px solid #FF3C3C; border-bottom:1px solid #6C0000; text-indent:20px; position:relative; z-index:5; background:#cc0000;} #industries li a.first{border-top:none;} #industries li a.last{border-bottom:none;} #industries .panel{position:absolute; top:0px; left:-244px; width:736px; height:288px; z-index:4; background:#eee; font-size:0.8em;} #industries .panel div{width:435px; float:left; padding:10px;} #industries .panel .summary{width:250px; padding-right:20px; border-right:1px solid #999; height:100%;} #industries .panel .compliance{border-bottom:1px solid #999;} #industries .panel h2{font-size:1.0em; margin:0px; font-weight:bold;} #industries .panel li{width:100%;} #industries .panel a{display:inline; padding:0; margin:0; text-indent:0; border:none; position:static; background:none; color:#369;} #carousel{margin:0; padding:0; list-style-type:none; margin-left:243px;} #carousel li img{position:absolute; top:32px; left:243px; z-index:2;} #carousel li div{position:absolute; bottom:0px; left: 243px; z-index:3; background:url(images/carouselBG.png); padding:0px 30px; width:676px;} #carousel li div h3{font-size:2.7em; margin:0.8em 0em 0.6em;} #carousel .panel a{display:inline; padding:0; margin:0; text-indent:0; border:none; position:static; background:none; color:#369;} #carouselControls{position:absolute; bottom:10px; right:10px; padding:0; margin:0; list-style-type:none; z-index:4;} #carouselControls li{float:left; border:1px solid #666; background:#666; margin-left:3px; width:10px; height:10px;} #carouselControls li.on{background:none;} #content{padding:10px; width:670px; float:left; clear:both;} #sidebar{float:left; padding:10px;} #sidebar ul{margin-left:0px; padding-left:20px;} #sidebar #highlights{padding-top:45px; padding-left:0px;} #sidebar #highlights li{margin-bottom:12px; padding:0px 15px 10px; border-top:6px solid #242424; width:240px; background:#A60000 url(images/highlightBG.gif) top no-repeat; color:#fff;} #sidebar #highlights h5{font-size:1.5em; margin:0.8em 0em 0.5em;} #sidebar #highlights button{width:121px; height:32px; background:url(images/highlightBtn.gif) no-repeat; border:none; color:#fff; font-size:1.2em; position:relative; left:120px; margin-top:-9px; cursor:pointer;} #content, #highlights{margin-bottom:3em;} #footer{clear:both; padding:9px; background:url(images/footerBG.gif) repeat-x; color:#fff; width:100%;} #footer a{color:#fff;} #footer ul{padding:0px;margin:0px; position:relative; bottom:2px;} #footer ul li{float:left; list-style-type:none;} #footer ul li a{color:#fff; border-left:1px solid #fff; padding:0px 8px 1px;} #footer ul li.first a{border:none; padding-left:10px;} #footer div{text-align:right; padding-right:7px;} #content .post h2{margin-bottom:0px;} #content .post h3{font-size:1.4em; margin-bottom:0.2em;} #content .entry h1{font-size:1.6em; color:#333;} #content .entry h2{margin-bottom:0.643em;} #content .entry h3{font-size:1.0em; font-weight:bold; margin-bottom:0.2em;} #content .entry h4{font-size:1em; font-weight:bold; color:#c00;} #content small{position:relative; top:-5px;} #content ul, #sidebar ul{list-style-type:square;} #product_tour{display:none; position:absolute; z-index:12; width:568px; height:400px; background:#fff; overflow:hidden; padding:10px;} #product_tour ul{width:10000px; list-style-type:none; margin:0; padding:0;} #product_tour ul li{float:left;} #lbPrevLink, #lbNextLink{height:30px;} #lbPrevLink{background:url('/wp-content/themes/spm/plugins/slimbox/prevLabel.gif') no-repeat;} #lbNextLink{background:url('/wp-content/themes/spm/plugins/slimbox/nextLabel.gif') no-repeat right;} .cform{float:left; margin:0px;} .cform ol.cf-ol #li--5{height:24px; position:relative; margin-top:0px;} .cform ol.cf-ol #li--5 label{position:absolute; left:120px;} .cform ol.cf-ol #li--5 label span{width:330px;} .cform ol.cf-ol #li--5 input{position:absolute; left:100px;} #address{margin-left:410px; padding:20px; padding-top:28px;}