/* Theme Name: Service Broker Forum Theme URI: http: //www.servicebrokerforum.org Description: July 2010 Redesign Author: Design Centric Author URI: http: //www.design-centric.com Template: twentyten Version: 1.0.0 */ @import url("../twentyten/style.css"); /* Fonts */ body, input, textarea, .page-title span, .pingback a.url, h3#comments-title, h3#reply-title, #access .menu, #access div.menu ul, #cancel-comment-reply-link, .form-allowed-tags, #site-info, #site-title, #wp-calendar, .comment-meta, .comment-body tr th, .comment-body thead th, .entry-content label, .entry-content tr th, .entry-content thead th, .entry-meta, .entry-title, .entry-utility, #respond label, .navigation, .page-title, .pingback p, .reply, .widget-title, .wp-caption-text, input[type=submit] { font-family:Arial, Helvetica, sans-serif; } body { background:C00; } body, input, textarea { color: #464646; } a { color:#2b672b; text-decoration:none; } a:link { color:#2b672b; text-decoration:none; } a:visited { color:#2b672b; text-decoration:none; } a:hover { color:#2b672b; text-decoration:underline; } a:active { color:#2b672b; text-decoration:none; } p { margin:.5em 0px 1.7em 0px; line-height:1.7em; } em { line-height:inherit; } hr { margin:20px 0px 20px 0px; padding:0px; line-height:1px; height:1px; background-color:#e2e2e2; border:none; } .clearall { clear:both; } .pdflink { list-style-type:none; list-style-image:url(images/pdficon_small.gif); margin-left:20px; } /* Global */ #wrapper { margin-top: 0; background: #fff; padding: 0 20px; } /* Header */ #header { padding:20px 0 0 0; } /* Menu */ #access { background:#000 url("images/menu-background.png") repeat-x left top; margin:0; padding:0; height:31px; display:block; float:left; } #access .menu-header, div.menu { font-size: 13px; margin-left: 12px; } #access .menu-header ul, div.menu ul { list-style: none; margin: 0; } #access .menu-header li, div.menu li { float:left; position: relative; } #access a { display:block; text-decoration:none; color:#fff; padding:0 10px; line-height:31px; } #access ul ul { display:none; position:absolute; top:31px; left:0; float:left; box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.2); width: 180px; z-index: 99999; } #access ul ul li { min-width: 180px; } #access ul ul ul { left:100%; top:0; } #access ul ul a { background:#333; height:auto; line-height:1em; padding:10px; width: 160px; } #access li:hover > a, #access ul ul :hover > a { color:#b1d89e; background:#333; } #access ul li:hover > ul { display:block; } #access ul li.current_page_item > a, #access ul li.current-menu-ancestor > a, #access ul li.current-menu-item > a, #access ul li.current-menu-parent > a { color: #b1d89e; } * html #access ul li.current_page_item a, * html #access ul li.current-menu-ancestor a, * html #access ul li.current-menu-item a, * html #access ul li.current-menu-parent a, * html #access ul li a:hover { color:#b1d89e; } /* LAYOUT: Two columns (Two-column fixed layout with one sidebar right of content) */ #container { margin:0 -267px 0 0; } #content { margin:0 263px 0 20px; } #primary, #secondary { width: 247px; } /* Content */ .page-title a:link, .page-title a:visited, .page-title a:active, .page-title a:hover, .entry-title a:link, .entry-title a:visited, .entry-title a:active, .entry-title a:hover, .page-link a:link, .page-link a:visited, .home .sticky .page-link a, .page-link a:active, .page-link a:hover, .entry-meta a, .entry-utility a, .entry-meta a:hover, .entry-utility a:hover { color: #2b672b; } .intro { font-size:14px; line-height:1.7em; color:#666666; } blockquote { line-height:1.5em; font-size:12px; margin:20px 20px 20px 0px; background-color:#e2e2e2; border:#89c771 1px solid; padding:10px; -moz-border-radius: 8px; } blockquote .quoteby { font-style:italic; font-size:11px; line-height:2em; } #content { font-size:12px; line-height:1.5em; } #content h1, #content .entry-title { font-size:22px; line-height:1.3em; color:#5a9e5a; font-weight:bold; border-bottom:#5a9e5a 1px solid; } #content h2 { font-size:16px; line-height:1.3em; color:#999999; font-weight:bold; } #content h3 { font-size:14px; line-height:1.5em; color:#5A9E5A; font-weight:bold; margin:2em 0px .5em 0px; } #content h4 { font-size:12px; line-height:1.2em; color:#333333; font-weight:bold; margin:2em 0px .5em 0px; } .entry-meta, .entry-utility { font-size:11px; } /* Styling BITS section on home page */ #content .bits-container { clear:both; margin-left:30px; width:550px; -moz-border-radius:10px; border:#e2e2e2 2px solid; padding:20px; } #content .bits-container h3 { color:#5A9E5A; font-size:16px; letter-spacing:1px; margin:0; padding:0; line-height:1em; font-weight:normal; } #content .bits-container h3 .big-letter { color:#5A9E5A; font-size:36px; font-weight:bold; } #content .bits-container h3 .subtitle { margin:0; padding:0; font-size:12px; color:#777777; font-style:italic; font-weight:normal; letter-spacing:normal; } #content .bits-container .recent_by_slug { margin:0 0 20px 40px; padding:0; } #content .bits-container .recent_by_slug li { margin:0; padding:0; } #content .bits-container p { margin:0; padding:0; } #content .bits-container .recent_by_slug li a { display:block; margin:0; padding:5px 0; color:#5A9E5A; text-decoration:none; padding:2px 10px; } #content .bits-container .recent_by_slug li a:link { color:#5A9E5A; text-decoration:none; } #content .bits-container .recent_by_slug li a:visited { color:#5A9E5A; text-decoration:none; } #content .bits-container .recent_by_slug li a:hover { color:#000000; text-decoration:none; background-color:#b1d89e; } #content .bits-container .recent_by_slug li a:active { color:#5A9E5A; text-decoration:none; } /* All news is currently wrapped in a
tag with this class assigned to it. Instead of using this approach it would be better to dynamically assign a class name to the tag in order for us to have better control over the styling on certain pages. - Shane, Aug 18 2010 */ #content .page .newsitem a { display:block; margin:0; padding:5px 0; color:#2b672b; text-decoration:none; } #content .page .newsitem a:link { color:#2b672b; text-decoration:none; } #content .page .newsitem a:visited { color:#2b672b; text-decoration:none; } #content .page .newsitem a:hover { color:#000000; text-decoration:none; background-color:#b1d89e; } #content .page .newsitem a:active { color:#2b672b; text-decoration:none; } #content .page .newsitem a em { color:#464646; font-size:11px; } #content .page .newsitem p { margin-bottom: .5em; } /* Navigation */ .navigation a:link, .navigation a:visited, .navigation a:active, .navigation a:hover { color: #2b672b; } /* Comments */ .comment-meta a:link, .comment-meta a:visited { color:#2b672b; } .comment-meta a:active, .comment-meta a:hover { color:#2b672b; } /* Widget Areas */ .widget-area a:link, .widget-area a:visited { color:#2b672b; } .widget-area a:active, .widget-area a:hover { color:#2b672b; } /* Footer */ #site-info a { color:#2b672b; } .sidebox1 { width:247px; height:auto; } h3.widget-title { font-size:14px; line-height:43px; font-weight:bold; color:#FFFFFF; text-align:center; width:247px; height:43px; margin:0 auto; background:url(http://www.servicebrokerforum.org/images/backgrounds/box1-upper.png) top no-repeat; } .sidebox1 p { font-size:12px; line-height:1.3em; color:#333; padding:.25em 0px .25em 0px; } .sidebox1 ul li { color:#5b9e5b; } .sidebox1 ul { margin:0em 10px 0em 15px; padding:0em 0px 0em 0px; } .sidebox1 li { margin:0em 10px 0em 10px; padding:.25em 0px .25em 0px; font-size:11px; line-height:1.4em; } .sidebox1 a { color:#5b9e5b; text-decoration:none; } .sidebox1 a:link { color:#5b9e5b; text-decoration:none; } .sidebox1 a:visited { color:#5b9e5b; text-decoration:none; } .sidebox1 a:hover { color:#5b9e5b; text-decoration:underline; } .sidebox1 a:active { color:#5b9e5b; text-decoration:none; } .sidebox1 hr { margin: 0; } .sidebox1-upper { width:247px; height:43px; margin:0 auto; background:url(http://www.servicebrokerforum.org/images/backgrounds/box1-upper.png) top no-repeat; } .sidebox1-middle { width:247px; height:auto; margin:0 auto; background:url(http://www.servicebrokerforum.org/images/backgrounds/box1-middle.png) top repeat-y; } .sidebox1-middle h3 { font-size:14px; font-weight:normal; letter-spacing:normal; line-height:1.5em; color:#519350; text-align:left; margin:5px 10px; } .sidebox1-middle p { font-size:12px; font-weight:normal; line-height:1.5em; text-align:left; margin:5px 10px; } .sidebox1-content { width:245px; height:auto; padding:0px; margin-left:1px; margin-right:1px; background:url(http://www.servicebrokerforum.org/images/backgrounds/box1-middle-gradient.png) top repeat-x; } .sidebox1-content-nb { width:245px; height:auto; margin-left:1px; margin-right:1px; background:#FFFFFF; } .sidebox1-content-nb p { font-size:12px; line-height:1.3em; color:#333; padding:.25em 0px .25em 0px; } .sidebox1-lower { width:247px; height:2px; margin:0 auto; background:url(http://www.servicebrokerforum.org/images/backgrounds/box1-lower.png) top no-repeat; } #site-footer { clear:both; width:903px; height:72px; background:url(/images/backgrounds/site-footer.png) top left no-repeat; } #site-footer .copyright { display:block; float:left; text-align:left; font-size:10px; line-height:1em; margin-left:45px; margin-top:30px; color:#666666; } /* Membership Application formatting */ #MembershipApp { width:100%; height:auto; line-height:1em; padding:10px; margin-top:5px; } #MembershipApp .error { border: 1px solid #EF2C34; color: #EF2C34; } #MembershipApp fieldset { width: 520px; } #MembershipApp label { display:block; font-size:10px; line-height:1.3em; margin:10px 0px 0px 0px; font-style:normal; } #MembershipApp label.error { border: medium none; display:inline; margin-left: 1em; } #MembershipApp input, textarea { font-size:12px; line-height:1em; margin:2px 0px; padding:2px; border:#e2e2e2 1px solid; outline:none; color:#519350; font-family:Arial, Helvetica, sans-serif; } #MembershipApp textarea { float:left; width:400px; } #MembershipApp select { font-size:12px; line-height:1em; margin:0px 0px; padding:3px; color:#519350; border:#e2e2e2 1px solid; outline:none; font-family:Arial, Helvetica, sans-serif; } #MembershipApp legend { font-size:12px; padding-left:5px; padding-right:5px; color:#333333; } #MembershipApp .fsBasicInfo { border:#CCC 1px solid; padding:20px; } #MembershipApp .fsBasicInfo label { } #MembershipApp .fsVendorCat { border:#CCC 1px solid; padding:20px; } #MembershipApp .fsVendorCat legend { } #MembershipApp .fsVendorCat label { display:block; width:225px; float:left; position:relative; margin:5px 0px 0px 0px; } #MembershipApp .fsProvideSBS { border:#CCC 1px solid; padding:20px; } #MembershipApp .fsProvideSBS legend { } #MembershipApp .fsProvideSBS label { display:block; width:100px; float:left; position:relative; margin:5px 0px 0px 0px; } #MembershipApp .fsProvideSBS label.question { display:block; width:500px; margin:25px 0px 0px 0px; } #MembershipApp input.text:focus { background-color:#CFC; border:#063 1px solid; } /* Campaign Download form */ #CampaignDL { width:100%; height:auto; line-height:1em; padding:10px; margin-top:5px; } #CampaignDL .error { border: 1px solid #EF2C34; color: #EF2C34; } #CampaignDL fieldset { width: 520px; } #CampaignDL label { display:block; font-size:10px; line-height:1.3em; margin:10px 0px 0px 0px; font-style:normal; } #CampaignDL label.error { border: medium none; display:inline; margin-left: 1em; } #CampaignDL input, textarea { font-size:12px; line-height:1em; margin:2px 0px; padding:2px; border:#e2e2e2 1px solid; outline:none; color:#519350; font-family:Arial, Helvetica, sans-serif; } #CampaignDL textarea { float:left; width:400px; } #CampaignDL select { font-size:12px; line-height:1em; margin:0px 0px; padding:3px; color:#519350; border:#e2e2e2 1px solid; outline:none; font-family:Arial, Helvetica, sans-serif; } /* Directory Profile Form formatting */ #DirectoryProfile { width:100%; height:auto; line-height:1em; padding:10px; margin-top:5px; } #DirectoryProfile label { display:block; font-size:11px; line-height:1.5em; margin:10px 0px 0px 0px; } #DirectoryProfile input, textarea { font-size:12px; line-height:1em; margin:2px 0px; padding:2px; border:#e2e2e2 1px solid; outline:none; color:#519350; font-family:Arial, Helvetica, sans-serif; } #DirectoryProfile textarea { float:left; width:400px; } #DirectoryProfile select { font-size:12px; line-height:1em; margin:2px 0px; padding:2px; border:#e2e2e2 1px solid; outline:none; font-family:Arial, Helvetica, sans-serif; } #DirectoryProfile legend { font-size:14px; padding-left:5px; padding-right:5px; color:#333333; } #DirectoryProfile .smalltext { margin:0px; padding:0px; font-size:10px; font-style:italic; line-height:1.3em; } #DirectoryProfile .fsOrgProfile { border:#CCC 1px solid; padding:20px; } #DirectoryProfile .fsOrgProfile label { } #DirectoryProfile .fsOrgProfile legend { } #DirectoryProfile .fsVendorCat { } #DirectoryProfile .fsVendorCat legend { display:block; padding-top:25px; } #DirectoryProfile .fsVendorCat label { display:block; width:225px; float:left; position:relative; margin:5px 0px 0px 0px; } #DirectoryProfile .fsPrimaryContact { border:#CCC 1px solid; padding:20px; } #DirectoryProfile .fsPrimaryContact legend { display:block; } #DirectoryProfile .fsPrimaryContact label { display:block; margin:10px 0px 0px 0px; } #DirectoryProfile .fsPrimaryContact label.question { display:block; width:500px; margin:25px 0px 0px 0px; } #DirectoryProfile input.text:focus { background-color:#CFC; border:#063 1px solid; } #DirectoryProfile h4 { font-weight:normal; } #frmDocRequest {} #frmDocRequest td {margin:0; padding:3px 2px 3px 2px; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#707070;} #frmDocRequest input, textarea {font-size:12px; line-height:1em; margin:2px 0px; padding:2px; border:#e2e2e2 1px solid; outline:none; color:#519350; font-family:Arial, Helvetica, sans-serif;} #frmDocRequest select {font-size:12px; line-height:1em; margin:0px 0px; padding:3px; color:#519350; border:#e2e2e2 1px solid; outline:none; font-family:Arial, Helvetica, sans-serif;} #frmDocRequest option {font-size:12px; line-height:1em; margin:0px 0px; padding:3px; color:#519350; border:#e2e2e2 0px solid; outline:none; font-family:Arial, Helvetica, sans-serif;} #frmDocRequest .buttons {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#519350; padding:5px; margin:5px; outline:none; border:#e2e2e2 1px solid;} #HitsTable { width:100%; border:#e2e2e2 1px solid; } #HitsTable th { font-size:12px; font-weight:bold; line-height:1em; padding:5px; text-align:left; } #HitsTable td { padding:5px; border:#e2e2e2 1px solid; text-align:left; font-size:12px; } /* member logo widget --------------------------*/ .memberLogos { margin: auto; } /* quotes widget --------------------------*/ .quotes { margin: auto; } /* forms --------------------------*/ fieldset { width: 620px; } .error { color: #EF2C34; } label.error { display:inline; }