/* Theme Name: ServiceMaster Author URI: http://www.314media.com/ Description: Custom WordPress Theme for ServiceMaster Version: 1.03 Author: 314media Tags: *//*----------------------------------------------------Begin Of Reset Code ------------------------------------------------------*/ html, body, div, 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, 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:Arial, Helvetica, sans-serif; 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: "" ""; } /*----------------------------------------------------End Of Reset Code ------------------------------------------------------*/ /*----------------------------------------------------BOF Code ------------------------------------------------------*/ body { font-family: Arial, Helvetica, sans-serif } h1 { font:20px Arial, Helvetica, sans-serif; color:#82c1c9; font-weight:bold; } p { font:11px Arial, Helvetica, sans-serif; color:#000; padding-top:8px; line-height:15px; } /*----------------------------------------------------EOF Code ------------------------------------------------------*/ #wrapper { width:100%; margin:0 auto; padding:0; } /*----------------------------------------------------BOF header ------------------------------------------------------*/ #header { position:relative; margin-left:157px; } #header .headertopstrip { background:#fff; height:0px; } #header .headermiddle { background:#fff; } #header .headercontent { width:888px; margin:0 auto; } #header .headerbotttomstrip { background:#fffe37; height:15px; border-bottom:#a09766 2px solid; } #header .header-left{ float:left; /*width:193px;*/ width:auto; padding:3px 0 3px 0; } #header .header-middle{ float:left; /*width:300px;*/ width:auto; padding:0px;margin-left:10px;} #header .header-right{float:left; /*width:300px;*/ width:auto;margin-left:15px;} #header .header-2ndright{float:right; /*width:101px; height:110px;*/width:auto;margin-right:61px;padding-top:-5px;} /*#header .headerright { float:right; width:450px; text-align:right; padding:12px 0 5px 0; }*/ #header .search {} #header .searchbox { border:#c0c0c0 1px solid; width:270px; height:20px } #header .searchbtn { border:none; background:url(images/searchbtn.jpg) no-repeat; width:55px; height:25px; font:12px Arial, Helvetica, sans-serif; color:#fff; font-weight:bold; padding:0; padding:3px 0 3px 0;} #header .toplinks { padding-top:10px; } #header .toplinks li { display:inline; background:url(images/headerdiv.jpg) left no-repeat; padding:0 0px 0 12px; } #header .toplinks li a { font:14px Arial, Helvetica, sans-serif; color:#000; font-weight:bold; text-decoration:none; } #header .toplinks li a:hover { color:#82c1c9; } #header .call { font:18px Arial, Helvetica, sans-serif; color:#82c1c9; font-weight:bold; } #header .call2 { font:18px Arial, Helvetica, sans-serif; color:red; font-weight:bold; } #header .no { font:18px Arial, Helvetica, sans-serif; color:#000; font-weight:bold; } #header .links { padding-top:10px; } #header .links li { display:inline; background:url(images/headerdiv.jpg) left no-repeat; padding:0 0px 0 12px; } #header .links li a { font:14px Arial, Helvetica, sans-serif; color:#000; font-weight:bold; text-decoration:none; } #header .links li a:hover { color:#82c1c9; } /*----------------------------------------------------EOF header ------------------------------------------------------*/ /*----------------------------------------------------BOF maincontent ------------------------------------------------------*/ #maincontent {} #maincontent .linksection { background:#ededed; height:33px; } #maincontent .linkcontent { width:745px; margin:0 auto; } #maincontent .links { padding-left:5px;} #maincontent .links a.link1:link, #maincontent .links a.link1:visited { font:12px Arial, Helvetica, sans-serif; color:#000; text-decoration:none; display:block; height:33px; padding:0 8px 0 8px; background:#ededed; float:left; line-height:33px; font-weight:bold; } #maincontent .links a.link1:hover, #maincontent .links a.link1:active { background:#fff; } #maincontent .content { background:#fff url(images/contentbg.jpg) repeat-x; } #maincontent .contentsection { width:745px; margin:0 auto;} #maincontent .banner { background:url(images/image.jpg) no-repeat; width:737px; height:196px; margin-left:5px; text-align:right; } #maincontent .bannertext { padding:150px 8px 0 0px; } #maincontent .bannertext h1 { font:12px Arial, Helvetica, sans-serif; color:#000; font-weight:bold; } #maincontent .bannertext p { font:10px Arial, Helvetica, sans-serif; color:#fff; line-height:11px; padding:0; } #maincontent .main { width:745px; margin:8px 0 0 3px; } #maincontent .mainleft { float:left; width:180px; } #maincontent .mainmiddle { float:left; width:297px; padding-left:28px; } #maincontent .mainmiddle-wide { float:left; width:497px; } #maincontent .mainright { float:left; width:218px; padding-left:14px; } #maincontent .service {} #maincontent .servicetop { background:url(images/servicetop.jpg) no-repeat; width:180px; height:8px; line-height:1px; font-size:1px; } #maincontent .servicebottom { background:url(images/servicebottom.jpg) no-repeat; width:180px; height:8px; line-height:1px; font-size:1px; } #maincontent .servicemiddle { background:#ffe44b url(images/servicemiddle.jpg) repeat-y; width:178px; border-left:#bfbf94 0px solid; border-right:#bfbf94 0px solid; } #maincontent .servicemiddle h1 { font:12px Arial, Helvetica, sans-serif; color:#000; font-weight:bold; padding:15px 0 0 12px; } #maincontent .servicelinks { padding-left:20px; } #maincontent .servicelinks h2 {font:13pt Arial, Helvetica, sans-serif; color:#000; text-decoration:none; line-height:20px; } #maincontent .servicelinks li { padding-top:2px; } #maincontent .servicelinks li a { font:9pt Arial, Helvetica, sans-serif; color:#000; text-decoration:none; line-height:20px; } #maincontent .servicelinks li a:hover { text-decoration:underline; color:#82c1c9; } #maincontent .need {} #maincontent .needtop { background:url(images/needtop.jpg) no-repeat; width:218px; height:14px; line-height:1px; font-size:1px; } #maincontent .needbottom { background:url(images/needbottom.jpg) no-repeat; width:218px; height:14px; margin-left: -2px; margin-top: 7px; line-height:1px; font-size:1px; } #maincontent .needmiddle { background:#d1cfcf; border-left:#888c8c 1px solid; border-right:#888c8c 1px solid; width:215px; margin-left:1px; } #maincontent .needhead { background:#00a4b1; border:#bdbcbc 1px solid; width:214px; height:23px; margin:0 auto; text-align:center; } #maincontent .needhead h1 { font:16px Arial, Helvetica, sans-serif; color:#fff; font-weight:bold; } #maincontent .needmiddle p { font:12px Arial, Helvetica, sans-serif; color:#000; padding:9px 2px 0 20px; line-height:15px; } #maincontent .inputbox { border:#089fa9 1px solid; width:201px; height:18px; margin:3px 0 0 4px; font:11px Arial, Helvetica, sans-serif; color:#000; font-weight:bold; padding-left:5px;} #maincontent .textbox { border:#089fa9 1px solid; width:201px; height:73px; margin:5px 0 0 4px; font:11px Arial, Helvetica, sans-serif; color:#000; font-weight:bold; padding-left:5px;} #maincontent .textbox1 { border:#089fa9 1px solid; width:197px; margin:5px 0 5px 4px; font:11px Arial, Helvetica, sans-serif; color:#000; font-weight:bold; padding:5px; background:#fff; } #maincontent .check { float:left; } #maincontent .checktxt { float:left; padding:2px 0 0 2px; font:11px Arial, Helvetica, sans-serif; color:#000; font-weight:bold; width:175px; } #maincontent .contactbtn { background:url(images/contactbtn.jpg) no-repeat; width:177px; height:41px; font:16px Arial, Helvetica, sans-serif; color:#fff; font-weight:bold; cursor:pointer; margin:8px 0 0 20px; border:none; } /*----------------------------------------------------EOF maincontent ------------------------------------------------------*/ .submit_button { background:url(images/contactbtn.jpg) no-repeat; width:177px; height:41px; font:16px Arial, Helvetica, sans-serif; color:#fff; font-weight:bold; cursor:pointer; margin:8px 0 0 20px; border:none; } /*----------------------------------------------------BOF bottom ------------------------------------------------------*/ #bottom { background:#fff url(images/bottombg.jpg) repeat-x; margin-top:15px; } #bottom .bottomcontent { width:745px; margin:0 auto; padding-top:8px; } #bottom .bottomsection { float:left; width:223px; } #bottom .bottomsectiontop { background:url(images/bottomsectiontop.jpg) no-repeat; width:223px; height:13px; line-height:1px; font-size:1px; } #bottom .bottomsectionbtm { background:url(images/bottomsectionbtm.jpg) no-repeat; width:223px; height:12px; line-height:1px; font-size:1px; } #bottom .bottomsectionmiddle { background:#fff; border-left:#bdbdbd 1px solid; border-right:#bdbdbd 1px solid; width:220px; margin-left:1px; } #bottom .bottom1 { padding:0 0 0 5px; } #bottom .btm { padding:0px 0 0 0 ; } #bottom .bottomleft { float:left; width:51px; padding-top:23px; } #bottom .bottomright { float:left; width:141px; padding:23px 0 0 10px; } #bottom .bottomright p { font:10px Arial, Helvetica, sans-serif; color:#000; padding:0; margin:0; } #bottom .bottomright a { font:10px Arial, Helvetica, sans-serif; color:#000; padding:0; float:right; text-decoration:none; margin:0; } #bottom .bottomright a:hover { color:#82c1c9; } .copyright {font:11px Arial, Helvetica, sans-serif; color:#7f7f7f;} .footertext {font:11px Arial, Helvetica, sans-serif; color:#7f7f7f; } #bottom .bottomdisaster { float:left; width:255px; margin:0 20px 0 20px; } #bottom .disastertop { background:url(images/disastertop.jpg) no-repeat; width:255px; height:13px; line-height:1px; font-size:1px; } #bottom .disasterbtm { background:url(images/disasterbtm.jpg) no-repeat; width:255px; height:12px; line-height:1px; font-size:1px; } #bottom .disastermiddle { font:10px Arial, Helvetica, sans-serif; background:#fff; border-left:#bdbdbd 1px solid; border-right:#bdbdbd 1px solid; width:253px; } #bottom .disaster { padding:0 15px 0px 19px; } #bottom .disaster div,h3 { font-size: 120%; font-weight: bold; } /* #bottom .disaster h1 { font:20px "Century Gothic", sans-serif; color:#000; padding:10px 0 5px 0; margin:0; text-align:justify; font-weight:bold; } #bottom .disaster p { font:8px "Century Gothic", sans-serif; color:#000; padding:10px 0 5px 0; margin:0; text-align:justify; font-weight:bold; } #bottom .disaster a { font:8px "Century Gothic", sans-serif; color:#000; padding:0; text-decoration:none; font-weight:bold; } #bottom .disaster a:hover { color:#82c1c9; } */ /*----------------------------------------------------EOF bottom ------------------------------------------------------*/ /*----------------------------------------------------BOF footer ------------------------------------------------------*/ #footer {padding-bottom: 25px;} #footer .footercontent { width:745px; margin:0 auto; } #footer .footertext { padding-top:5px; font:11px Arial, Helvetica, sans-serif; color:#7f7f7f; } #footer .copyright { float:left; width:350px; font:11px Arial, Helvetica, sans-serif; color:#7f7f7f; padding-left:17px; } #footer .footerlinks { float:left; width:290px; margin-left:5px; } #footer .footerlinks li a { font:8px Arial, Helvetica, sans-serif; color:#7f7f7f; text-decoration:none; } #footer .footerlinks li a:hover { color:#82c1c9; } .other a:link { color: #7f7f7f; text-decoration:none; } .other a:visited { color : #7f7f7f; text-decoration:none; } .other a:hover { color : #82c1c9; text-decoration:none; } .other a:active { color : #7f7f7f; text-decoration:none; } /*----------------------------------------------------EOF footer ------------------------------------------------------*/ .clear { clear:both; } .pagenav { } /* the outermost list item; contains whole list */ .page-item-2 { } /* item for Page ID 2 */ .page_item { list-style: none; padding: 0; margin: 0; } .page_item a { font:12px Arial, Helvetica, sans-serif; color:#000; text-decoration:none; display:block; height:33px; padding:0 8px 0 8px; background:#ededed; float:left; line-height:33px; font-weight:bold; list-style-type: none; list-style-type: none;} /* any Page item */ .page_item a:active { background:#fff; } /* the current Page */ .current_page_item a { background:#fff; } /* the current Page */ .current_page_parent { } /* parent of the current Page */ .current_page_ancestor { } /* any ancestor of the current Page */ .wpcf7-form { padding-left: -30px; } 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;} #gallery { position:relative; height:196px } #gallery a { float:left; position:absolute; } #gallery a img { border:none; } #gallery a.show { z-index:500 } #gallery .caption { z-index:600; background-color:#000000; color:#ffffff; height:50px; width:100%; position:absolute; bottom:0; } #gallery .caption .content { margin:5px } #gallery .caption .content h3 { margin:0; padding:0; color:#1DCCEF; } /************************************************ * Comments * ************************************************/ #commentblock { background: #EFEFEF; color: #000000; padding: 20px 20px 10px 20px; margin: 0px 0px 0px 0px; border-top: 2px solid #4C666A; border-bottom: 1px solid #4C666A; } #commentblock ol{ margin: 0px 0px 0px 0px; padding: 0px 0px 10px 0px; } .commentdate { font-size: 12px; padding-left: 0px; } #commentlist li p{ margin-bottom: 8px; line-height: 20px; padding: 0px; } .commentname { color: #333333; margin: 0px; padding: 5px 5px 5px 0px; } .commentinfo{ clear: both; } .commenttext { margin: 25px 20px 20px 0px; padding: 10px 10px 0px 10px; background: #F9F9F9; border:1px solid #DEDEDE; font-style:normal; } .commenttext-admin { clear: both; margin: 3px 0px 10px 0px; padding: 20px 10px 5px 10px; background: #FFFFFF url("images/comment.gif") no-repeat top; } #commentsformheader{ padding-left: 0px; } #commentsform{ text-align: center; margin: 0px; padding: 0px; } #commentsform form{ text-align: left; margin: 0px; } #commentsform p{ margin: 0px; } #commentsform form textarea{ width: 50%; } p.comments_link img{ margin: 0px; padding: 0px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; } img.avatar {float:right; margin-right:20px; border: 1px solid #4C666A;} .awaiting { color: #886353; } .auth-name { font-family: Arial, Helvetica, sans-serif; font-size: 16px; color:#000;} .auth-time { font-size: 10px; color:#616161; font-style:italic;} #comments, #respond { text-transform:uppercase; font-size: 14px; font-weight:normal;} /* "Trebuchet MS", Arial, Helvetica, sans-serif */ .ribbon { width:105px; height:100px; }