/* Theme Name: e5e5e5 Description: Trevor Main Designs WP Theme Version: 1.0 Author: Trevor Main Author URL: http://www.tmaindesigns.com */ /* Trevor Main Designs CSS Author: Trevor Main Date: 5/1/2010 */ /* RESET */ /* ----------------------------------------- */ /* Global reset */ /* Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */ *, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 } table { border-collapse:collapse; border-spacing:0 } fieldset, img { border:0 } address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal } ol, ul, li { list-style:none } caption, th { text-align:left } h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal } q:before, q:after { content:''} /* Global reset-RESET */ /* The below restores some sensible defaults */ strong { font-weight:bold } em { font-style:italic } a img { border:none } /* Gets rid of IE's blue borders */ /*--------------------BODY-----------------*/ body{background-color:#e3e3e3;} html{background-color:#e3e3e3;} h1{font-family: 'Josefin Sans', helvetica, arial, serif; font-size:30px; color:#616161;} h2{font-family: 'Josefin Sans', helvetica, arial, serif; font-size:27px; color:#616161; font-weight:400;} h3{font-family: 'Josefin Sans', helvetica, arial, serif; font-size:24px; color:#616161; font-weight:400;} h4{font-family: 'Josefin Sans', helvetica, arial, serif; font-size:18px; color:#616161; font-weight:400;} h5{font-family: 'Josefin Sans', helvetica, arial, serif; font-size:14px; color:#616161; font-weight:400;} p{font-family: helvitica, arial, sans-serif; font-size:13px; color:#616161;} a{text-decoration:none;} /*--------------------HEADER---------------*/ #headerWrap{overflow:hidden; background:url(/img/headerBg.jpg) top left repeat-x; background-color:#e5e5e5; height:70px;} #header{width:960px; margin:0 auto; height:70px; overflow:hidden;} /*-----MENU-----*/ #header ul{float:right; margin:30px 0 0 0;} #header ul li{display:inline-block; } #header li a{color:#4c4c4c; padding:30px 25px 10px 25px; font-family: 'Josefin Sans', arial, serif; font-size:18px; font-weight:600;} #header li a:hover{color:#191919; background:url(/img/menuBullets.png) center 35px no-repeat;} /*--------------------HOME-PAGE------------*/ /*-----Slider-----*/ #sliderWrap{height:380px; background:url(/img/sliderBg.jpg) top left repeat-x; padding-top:20px;} #slider{width:960px; height:306px; margin:0 auto; position:relative;} #slider img {position:absolute; top:0px; left:0px; display:none;} #slider a {border:0; display:block;} .nivo-controlNav {position:absolute; right:10px; bottom:-27px;} .nivo-controlNav a {display:block; width:22px; height:22px; background:url(/img/bullets.png) no-repeat; text-indent:-9999px; border:0; margin-right:3px; float:left;} .nivo-controlNav a.active {background-position:0 -22px;} .nivo-directionNav a {display:block; width:30px; height:30px; background:url(/img/arrows.png) no-repeat; text-indent:-9999px; border:0;} a.nivo-nextNav {background-position:-30px 0; right:15px;} a.nivo-prevNav {left:15px;} .nivo-caption {text-shadow:none; font-family: Helvetica, Arial, sans-serif;} .nivo-caption a {color:#efe9d1; text-decoration:underline;} #contentWrap{overflow:hidden; width:960px; margin:0 auto; background-color:#e3e3e3;} /*-----Welcome-----*/ #welcome{margin:0 auto 35px auto;} #welcome h1{background:url(/img/headingBorderBottom.png) bottom left repeat-x; width:620px; padding-bottom:7px; margin-bottom:10px; font-weight:600;} #welcome h5{text-align:justify; font-size:17px;} #welcome a.quoteButton{float:right; width:274px; height:80px; background:url(/img/freeQuote.jpg) top left no-repeat; margin:60px 20px 0 45px;} /*-----Testimonials-----*/ #testimonials{float:right; overflow:hidden; width:260px; height:372px; background:url(/img/testimonialBg.jpg) top left no-repeat; margin:53px 0 20px 40px; padding:20px;} #testimonials h3{text-align:center; margin:-10px 0 10px 0;} #testimonials p{text-align:justify; color:#ffffff; font-size:12px; width:260px; background:url(/img/headingBorderBottom.png) top left repeat-x; padding-top:20px;} #testimonials h5{font-family:Arial, Helvetica, sans-serif; color:#ffffff; text-align:right; margin:10px 0 20px 0;} /*-----Pixel-----*/ #pixel{float:left; width:290px; overflow:hidden; background:url(/img/pixel.jpg) top right no-repeat; margin:0 40px 30px 0;} #pixel h3{background:url(/img/headingBorderBottom.png) bottom left repeat-x; width:290px; padding:12px 0 14px 0; margin-bottom:10px;} #pixel p{text-align:justify; line-height:19px;} /*-----Custom-----*/ #custom{float:left; width:290px; overflow:hidden; background:url(/img/custom.jpg) top right no-repeat; margin:0 0 30px 0;} #custom h3{background:url(/img/headingBorderBottom.png) bottom left repeat-x; width:290px; padding:12px 0 14px 0; margin-bottom:10px;} #custom p{text-align:justify; line-height:19px;} /*-----Port-----*/ #port{float:left; width:290px; overflow:hidden; background:url(/img/port.jpg) top right no-repeat; margin:0 40px 30px 0;} #port h3{background:url(/img/headingBorderBottom.png) bottom left repeat-x; width:290px; padding:12px 0 14px 0; margin-bottom:10px;} #port p{text-align:justify; line-height:19px;} /*-----Gears-----*/ #gears{float:left; width:290px; overflow:hidden; background:url(/img/gears.jpg) top right no-repeat; margin:0 0 30px 0;} #gears h3{background:url(/img/headingBorderBottom.png) bottom left repeat-x; width:290px; padding:12px 0 14px 0; margin-bottom:10px;} #gears p{text-align:justify; line-height:19px;} /*--------------------PAGE-----------------*/ #titleWrap{height:84px; background:url(/img/titleBg.jpg) top left repeat-x; padding-top:10px;} #title{width:960px; height:84px; margin:0 auto; padding: 15px 0 0 20px;} #title h1{color:#ffffff; font-weight:600; text-shadow:0px 1px 1px #4c4c4c; color:#fff;} #content{width:960px; margin:0 auto; overflow:hidden; background-color:#e3e3e3;} #content p{color:#616161; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:16px;} #content a{color:#616161; font-family:Arial, Helvetica, sans-serif; font-size:12px;} #content a:hover{color:#448cf8;} #sidebar{width:280px; float:right; border-left:1px solid #616161; border:1px solid #616161; padding:20px 20px 20px 20px; margin:0 0 20px 20px;} /*-----Sidebar-----*/ #sidebar h3{border-bottom:1px solid #616161; padding:0 0 0px 0; margin: 10px 0 5px 0;} #sidebar li{font-family: helvitica, arial, sans-serif; font-size:13px; color:#616161;} #sidebar a{font-family: helvitica, arial, sans-serif; font-size:13px; color:#616161;} #sidebar a:hover{color:#448cf8;} #sidebar ul{margin:5px 0 10px 0;} #sidebar ul li.picture-item{float:left; margin:10px 27.5px 0 0;} #sidebar ul li.picture-item:nth-child(3n+3){margin:10px 0 0 0;} /*------PageContent-----*/ #pageContent{margin:0 20px 20px 10px; width:609px;} /*-----Category-----*/ #category{padding:0 0 0 10px; overflow:hidden;} #category h2 a{font-size:24px; font-family: 'Josefin Sans', helvetica, arial, serif;} #category h2{margin:20px 0 5px 0;} #category p{display:none;} #category span{} /*-----Comments-----*/ #comments{width:450px; overflow:hidden; margin:0 20px 20px 10px;} #comments p{font-family:Arial, Helvetica, sans-serif; color:#616161;} #comments a{color:#616161;} #comments a:hover{color:#448cf8;} #comments #commentform .comment-form-comment label{display:none;} #submit{font-family:Arial, Helvetica, sans-serif; margin:10px 20px 10px 0;} /*--------------------PORTFOLIO------------*/ #portfolioPage{overflow:hidden; width:600px;} #portfolioPage h4{text-align:center; font-weight:bold; text-decoration:underline; margin:0 0 5px 0; overflow:hidden;} .siteLeft{float:left; margin:0 30px 40px 0; overflow:hidden;} .siteRight{float:left; margin:0 0 40px 0; overflow:hidden;} #portfolioPage a{float:left; overflow:hidden; width:280px; height:200px;} #portfolioPage a.we{background:url(/img/wePortBg.jpg) bottom left no-repeat;} #portfolioPage a:hover.we{background:url(/img/wePortBg.jpg) top left no-repeat;} #portfolioPage a.wmf{background:url(/img/wmfPortBg.jpg) bottom left no-repeat;} #portfolioPage a:hover.wmf{background:url(/img/wmfPortBg.jpg) top left no-repeat;} #portfolioPage a.wscfst{background:url(/img/wscfstPortBg.jpg) bottom left no-repeat;} #portfolioPage a:hover.wscfst{background:url(/img/wscfstPortBg.jpg) top left no-repeat;} #portfolioPage a.ka{background:url(/img/kaPortBg.jpg) bottom left no-repeat;} #portfolioPage a:hover.ka{background:url(/img/kaPortBg.jpg) top left no-repeat;} #portfolioPage a.ppcb{background:url(/img/ppcbPortBg.jpg) bottom left no-repeat;} #portfolioPage a:hover.ppcb{background:url(/img/ppcbPortBg.jpg) top left no-repeat;} #portfolioPage a.dg{background:url(/img/dgPortBg.jpg) bottom left no-repeat;} #portfolioPage a:hover.dg{background:url(/img/dgPortBg.jpg) top left no-repeat;} #portfolioPage a.anna{background:url(/img/annaPortBg.jpg) bottom left no-repeat;} #portfolioPage a:hover.anna{background:url(/img/annaPortBg.jpg) top left no-repeat;} #portfolioPage a.tr{background:url(/img/trPortBg.jpg) bottom left no-repeat;} #portfolioPage a:hover.tr{background:url(/img/trPortBg.jpg) top left no-repeat;} #portfolioPage a.lm{background:url(/img/lmPortBg.jpg) bottom left no-repeat;} #portfolioPage a:hover.lm{background:url(/img/lmPortBg.jpg) top left no-repeat;} #portfolioPage a.sd{background:url(/img/sdPortBg.jpg) bottom left no-repeat;} #portfolioPage a:hover.sd{background:url(/img/sdPortBg.jpg) top left no-repeat;} #portfolioPage a.gh{background:url(/img/ghPortBg.jpg) bottom left no-repeat;} #portfolioPage a:hover.gh{background:url(/img/ghPortBg.jpg) top left no-repeat;} /*--------------------PROJECT POST---------*/ .project{overflow:hidden; margin:10px 0 20px 10px;} .project img{float:left; margin:0 40px 20px 0;} a.siteLink{font-style:italic; margin:0 0 0 40px; color:#4c4c4c; display:block;} a:hover.siteLink{color:#448cf8;} .project ul{float:left;} .project li{ list-style:disc; color:#616161; font-family:Arial, Helvetica, sans-serif; margin:0 0 10px; font-size:14px;} .project p{clear:both; text-align:justify; line-height:18px; margin:0 0 5px 0;} .project h4{clear:both; text-decoration:underline; margin:0 0 10px 0;} /*--------------------SERVICES-------------*/ #services{overflow:hidden;} #services h4{margin:0 0 20px 0;} #services h3{margin:10px 0 5px 0; text-decoration:underline;} #services ul{margin-left:20px;} #services li{ list-style:disc; line-height:18px; color:#616161; margin:0 0 0 20px; font-family:Arial, Helvetica, sans-serif;} /*--------------------ABOUT----------------*/ #about{overflow:hidden; width:600px;} #about p{line-height:18px; text-align:justify; margin:0 0 10px 0; display:block;} #about h3{margin:10px 0 10px 20px;} #about img{margin:0 20px 20px 0; float:left;} #about ul{margin:0 0 0 20px; overflow:hidden;} #about li{font-family:Arial, Helvetica, sans-serif; color:#616161; font-size:14px; list-style:disc; margin:0 0 0 20px; padding:0 0 10px 0;} #meetTrevor{clear:both; margin:0 0 20px 0;} /*--------------------CONTACT--------------*/ #contactPage{overflow:hidden; width:600px;} #contactPage p{line-height:18px; text-align:justify; margin:0 0 10px 0; display:block;} #contactPage p.info{margin:0 0 0 40px;} #contactPage h4{margin:20px 0 5px 10px; text-decoration:underline;} #contactPage img{margin:0 20px 20px 20px; float:left;} #contactPage ul{margin:0 0 0 20px; overflow:hidden;} #contactPage li{font-family:Arial, Helvetica, sans-serif; color:#616161; font-size:14px; list-style:disc; margin:0 0 0 20px; padding:0 0 10px 0;} /*--------------------START PROJECT--------*/ #startProject{width:600px; overflow:hidden;} #startProject .dq p{margin:0 0 10px 20px;} #startProject .dq h3{margin:15px 0 5px 0; text-decoration:underline;} #startProject .dq a{margin:0 0 0 20px; line-height:15px;} /*--------------------FOOTER---------------*/ #footerWrap{overflow:hidden; height:300px; background:url(/img/footerBg.jpg) top left repeat-x; border-bottom:4px solid #222222; margin:10px 0 0 0;} #footer{width:960px; margin:0 auto; overflow:hidden; background:url(/img/footerLines.png) 0 40px no-repeat;} .footer{color:#f6f6f6;} #footer a{color:#f6f6f6;} #footer a:hover{color:#448cf8;} /*-----Social-----*/ #social{width:320px; height: 250px; float:left; margin:30px 0 0 0; text-align:center; font-size:12px; background:url(/img/footerLines.png) 310px 10px no-repeat;} #social h4{text-align:center;} #social a{font-family:Arial, Helvetica, sans-serif; display:block; text-transform:capitalize; margin:0 0 10px 0; overflow:hidden; clear:left;} #social a.fb{background:url(/img/fb.png) 0 0 no-repeat; text-indent:-9999px; height:35px; width:35px; float:left; margin:20px 20px 30px 85px; overflow:hidden;} #social a:hover.fb{background:url(/img/fb.png) 0 -70px no-repeat;} #social a.tw{background:url(/img/tw.png) 0 0 no-repeat; text-indent:-9999px; height:35px; width:35px; float:left; margin:20px 20px 30px 60px; overflow:hidden; clear:none;} #social a:hover.tw{background:url(/img/tw.png) 0 -70px no-repeat;} #social p{margin:45px 0 0 0; font-size:12px;} /*-----SiteMap-----*/ #sitemap{width:320px; height:250px; float:left; margin:30px 0 0 0; background:url(/img/footerLines.png) right 10px no-repeat;} #sitemap h4{margin:0 0 0 90px;} #sitemap ul.map {width:21px; float:left; margin:20px 0 0 120px; overflow:hidden; display:inline;} #sitemap .map li{height:28px; width:21px; border-left:1px solid #ffffff; border-bottom:1px solid #ffffff;} #sitemap ul.site {width:130px; margin:37px 0 0 0; float:left; display:inline;} #sitemap .site li{width:130px; margin:0 0 0 10px; padding:0 0 9px 0; } #sitemap a{font-family:Arial, Helvetica, sans-serif; font-size:14px;} /*-----Contact-----*/ #contact{width:280px; height:250px; float:left; margin:30px 0 0 40px; background:url(/img/footerLines.png) right 10px no-repeat;} #contact h4{text-align:center; margin:0 0 0 -40px;} #contact h4.tmd{margin:0 0 0 72px; color:#448cf8; text-align:left;} #contact li{margin:20px 0 0 20px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#f6f6f6; overflow:hidden; height:32px;} #contact li.address{background:url(/img/contactIcons.png) 0 0 no-repeat; padding-left:52px;} #contact li.phone{background:url(/img/contactIcons.png) 0 -32px no-repeat; padding:7px 0 0 52px; height:25px;} #contact li.email{background:url(/img/contactIcons.png) 0 -64px no-repeat; padding:7px 0 0 52px;}