/* File: custom.css Description: Custom styles for Thesis BASIC USAGE: If you have enabled the custom stylesheet in the Thesis options panel, the tag will be appended with the "custom" class, like so: . You can use the "custom" class to override *any* CSS declarations contained in the style.css file. For example, if you wish to change the default link color to green, you would add the following declarations to this file: .custom a, .custom a:visited { color: #090; } <--- This makes links green .custom a:hover { color: #00f; } <--- This makes links blue when you mouse over them WHY THIS WORKS: By using the "custom" class, you are creating more specific CSS declarations for HTML elements. CSS styling is applied through rules of specificity, and because declarations prepended with .custom are more specific, they get applied when the page is rendered! More information about styling your Thesis installation using this file can be found in the User's Guide: http://diythemes.com/thesis/rtfm/customizing-thesis-with-customcss/ */ body.custom { background: #0275bb url(images/bg-body.jpg) repeat-x top center fixed; margin: 0; padding: 0; line-height: 1.5em; font-size: 16px; font-family: Myriad Pro, Helvitica, Arial, san-serif; text-align: center; } .custom h2 a{ color: #008BDF; } .custom a:hover{ color: #000000; text-decoration: underline; } .custom .widget ul li{ background: url(images/chicago-marketing-bullet.jpg) no-repeat top left; padding:5px 0 2px 28px; } .custom .widget{ background: #fefefe; } .custom #container{ width: 913px; text-align: left; } .custom #page{ background: transparent; } /**header style**/ .custom #header { background: url(images/chicago-marketing-consultant-header.png) no-repeat; margin: 0 auto; width: 913px; height: 100px; padding-bottom: 0; } .custom #menu { float: right; height: 44px; width: 601px; margin: 0 24px 0 auto; } .custom #header a img{ float:right;margin:12px 35px 0 0; } .custom #menu ul { list-style: none; } .custom #menu ul li { float: left; } .custom #menu ul li a { display: block; width: 120px; height: 45px; } .custom #menu #home { background: url('images/homebutton.png'); } .custom #menu #about { background: url('images/aboutbutton.png'); } .custom #menu #faq { background: url('images/faqbutton.png'); } .custom #menu #clients { background: url('images/clientsbutton.png'); } .custom #menu #contact { background: url('images/contactbutton.png'); } /**content_box style**/ .custom #content_box, .custom #contactfooter{ background:url("images/contentdownbackground.png") repeat-y scroll 0 0 transparent; } .custom #content_end{ background:url("images/contentbraker2.png") no-repeat scroll 0 0 transparent; height:36px; } .custom #content { margin:0 90px; width:720px; } .custom #sidebars { margin:0 10px 0 0; width:246px; } .custom .sidebar h3{ color:#0275BB; font-size:1.5em; font-weight:bold; margin-bottom:0; } /**contentdown**/ .custom #contentdown { background: url('images/contentdownbackground.png') no-repeat; background-repeat: repeat-y; width: 912px; min-height: 50px; } .custom #boxes { margin-left: 5px; width: 902px; } .custom .boxes { float: left; min-height: 330px; width: 284px; } .custom .boxes p { margin: 10px; font-size: 14px; line-height: 19px; } .custom .boxes ul{ margin: 0 25px; } .custom #box { background-color: #EFECEC; margin-left: 12px; width: 284px; } .custom #box h2 { font-family: Myriad Pro; color: #036db2; text-align: left; margin: 10px; } .custom #box a h3 { color: #ff0000; text-align: right; margin: 10px; } .custom #box a:hover h3 { color: #000000; text-align: right; margin: 10px; } /*****this is footer style***/ .custom #bfoot{ background:url("images/contentbraker2.png") no-repeat scroll 0 0 transparent; height: 20px; } .custom #footer{ color: #ffffff; width: 912px; height: 35px; padding-top: 12px; font-size: 14px; padding: 0 0 20px; } .custom #footer a{ color: #ffffff; text-decoration: none; border: none; } .custom #footer a:hover{ color: #8DC61B; } .custom #footer p span{ float:right; } .custom #footer p{ text-align:left; } /**for the index style**/ .custom #contentup { background:url("images/contentupbackgound.png") repeat-y; min-height: 50px; } .custom #contentup h1, .custom #dividebox h1{ color: #00456F; font-size:36px; padding: 14px 54px; text-align:center; font-weight: bold; } .custom #video { margin:20px 0 0 20px; float: left; height: 235px; width: 410px; border: 1px solid #ffffff; } .custom #chicagomarkitingservices h1 { padding-top: 5px; padding-bottom: 15px; text-align: center; font-family: Myriad Pro; font-size: 36px; font-weight:bold; color: #70AF00; line-height: .50em; } .custom #chicagomarkitingservices p{ line-height: 1.25em; margin: 10px; font-size: 16px; } .custom #chicagomarkitingservices h2 { color:#63A62A; font-size:28px; margin:0 0 8px; text-align:center; } .custom #chicagomarkitingservices { width: 460px; height: 260px; float: right; padding-right: 15px; font-weight: bold; } .custom ul.listleft, .custom ul.listright, .custom ul.check-bullet, .custom ul.stop-bullet{ list-style: none; } .custom ul.listleft li, .custom ul.listright li, .custom ul.check-bullet li{ background: url('images/bullet.png') no-repeat top left; font-size:15px; height:29px; padding-left:21px; text-align: left; } .custom ul.stop-bullet li{ background: url('images/stop.gif') no-repeat top left; font-size:15px; height:35px; padding-left:21px; text-align: left; } .custom ul.listleft{ float:left; margin-left: 15px; } .custom ul.listright{ float: right; margin-right: 15px; } .custom #topbtn{ clear:both; padding-top:5px; text-align:center; } .custom #contentbraker { background: url('images/contentbraker.png') no-repeat; height: 29px; width: 912px; clear:both; } .custom #contentcenter { background: url('images/contentdownbackground.png'); background-repeat: repeat-y; width: 912px; min-height: 50px; } .custom h1#pitch { text-align: center; color: #008BDF; font-size: 34px; line-height: 1.1em; margin-top: 10px; } .custom h1#pitch span { color: #51992d; } .custom #checkleftcontent { float: right; height: 72px; margin-top: -74px; width: 226px; } .custom #checkleftcontent p { color: #036DB2; font-family: Myriad Pro; font-size: 17px; font-weight: bold; line-height: 26.5px; text-align: left; } .custom #contentcenter h2, .custom #contentcenter h3 { text-align: left; color: #009AEF; font-family: Myriad Pro; font-size: 26px; font-weight: bold; margin: 4px 20px 10px; line-height: 1.25em; padding:0px 30px; } .custom #contentcenter h3{ font-size: 22px; padding:0px 60px; } .custom .divide { float: left; position: relative; width: 0px; } .custom .divide p { margin:7px; padding:6px; font-size: 13px; line-height: 1em; } .custom #dividebox { margin-top: 20px; width: 912px; text-align: left; } .custom #dividewhatourcostumer { background:url("images/dividewhatourcostumer.png") no-repeat scroll 0 0 transparent; margin-left:10px; padding-left:12px; padding-top:54px; width:275px; } .custom #divideeasysteptobuild { background: url('images/divideeasysteptobuild.png') no-repeat; width: 346px; height: 260px; padding-top: 54px; } .custom #divideeasysteptobuild p { line-height: 1em; margin: 26px 37px 0 83px; font-size: 16px; } .custom #dividewsomeofourlatest { background: url('images/dividewsomeofourlatest.png'); height: 220px; padding-top: 64px; width: 267px; } .custom #contenetbraker2 { background: url('images/contentbraker2.png') no-repeat; width: 912px; height: 36px; } /***this is Post Styling***/ .custom .headline_area h1, .custom .headline_area h2{ color:#036DB2; font-size:32px; } .custom .post_box{ padding-top:0.25em; margin: 0; } .custom .post_nav .previous{ float:left; } .custom .prev_next p{ text-align:right; } .custom #callaction{ float:left; margin:8px 0 0 16px; } .custom #callaction h2{ color:#63A62A; font-size:32px; margin:0 0 2px; text-align:center; } .custom #actionbtn{ float:right; margin:13px 15px 0 0; } /** This is for the request form**/ .custom #requestform{ margin: 0 auto; } .custom .wpcf7-form table{ margin:10px 90px; width:77%; } .custom .wpcf7-form table td:first-child{ width: 200px; } .custom .wpcf7-form input{ width: 100%; } .custom #requestform input[type="checkbox"]{ width: 10px; } .custom .wpcf7-form td{ padding-bottom:11px; vertical-align:top; font-size: 16px; } .custom #requestform select{ background:none repeat scroll 0 0 #EEEEEE; font-size:16px; padding:0.27em; width: 89%; border-color:#AAAAAA #DDDDDD #DDDDDD #AAAAAA; border-style:solid; border-width:1px; color: #444444; } .custom .wpcf7-form textarea{ width:100%; } .custom .wpcf7-form h2{ clear:both; margin-top: 0; } .custom .wpcf7-list-item{ display:block; } .custom .red{ color: #FF0000; } .custom .boxes ul li{ background:url("images/bullet.png") no-repeat scroll left top transparent; font-size:15px; height:29px; padding-left:21px; text-align:left; } .custom .boxes ul{ float: left; margin-left: 15px; list-style:none; } .custom .format_text{ font-size: 16px; } .custom .sidebar ul.sidebar_list{ padding: 0 0.6em 0 0; } .custom .sidebar ul.sidebar_list ul{ padding-left: 1em; } .custom .no_sidebars #content{ border: 0; width: 100%; } .custom .no_sidebars{ background:url("images/contentdownbackground.png") repeat-y !important; } .custom .folioitem{ float:right; width: 500px; height:307px; padding:20px 13px; background: url('images/foliobg.jpg') no-repeat 0 0; } .custom .folioitem img{ border: 1px solid #dfdfdf; } .custom .folio{ clear:both; margin: 10px; background: #ffffff; padding: 5px; border-top:2px solid #EFEFEF; } .custom .foliodesc{ float:left; width:300px; } .custom .foliodesc h3{ margin-top: 8px; } .custom .headline_area{ display: none; } .custom #dividebox p{ margin: 20px 90px; font-size: 16px; } .custom ul.check-bullet li { height: auto; margin: 0 20px 4px; padding-left: 24px; background-position: left 2px; } .custom ul.stop-bullet li { height: auto; margin: 0 20px 4px; padding: 4px 30px; background-position: left 2px; } .custom ul.check-bullet{ margin: 0px 0px 10px 55px; } .custom #optin-left{ margin: 15px 5px 5px 40px; background: url(http://www.chicagomarketingconsultant.net/wp-content/uploads/2010/04/rounded_fill.jpg) repeat-y top center; width: 830px; } .custom #optin-left small{ clear:both; font-size: 10px; } .custom #optin-left h1{ line-height: 5px; font-size: 24px; font-weight: bold; color: #FF2C0D; margin-bottom: 10px; } .custom .round-fill{ background: url(http://www.chicagomarketingconsultant.net/wp-content/uploads/2010/04/rounded_fill.jpg) repeat-y top center; padding: 5px 20px; } #optin-left h2{ font-size: 20px; } #optin-left table td{ padding: 3px; } #optin-left input{ -moz-border-radius:4px 4px 4px 4px; background-color:#E3E3E3; border-color:#CCCCCC #AAAAAA #AAAAAA #CCCCCC; border-style:solid; border-width:1px; color:#565656 !important; display:inline-block; font:14px/14px "Tahoma","Arial","Verdana",sans-serif; overflow:visible; padding:4px; text-decoration:none; vertical-align:baseline; width:100%; } #optin-left button{ background: transparent; border: 0; cursor: pointer; } .round-top{ height: 17px; background: url(http://www.chicagomarketingconsultant.net/wp-content/uploads/2010/04/rounded_top.png) no-repeat; } .round-bottom{ height: 16px; background: url(http://www.chicagomarketingconsultant.net/wp-content/uploads/2010/04/rounded_btm.png) no-repeat; } #coverright{ background: url(http://www.chicagomarketingconsultant.net/wp-content/uploads/2010/04/stickynote.jpg) no-repeat left -17px; height: 315px; width: 352px; float:right; margin: 3px 40px 5px 0px; } .custom .format_text h2, .custom .format_text h3{ margin-top: 1em; } .custom .format_text h3{ color: #00A4FF; } .custom .format_text p{ margin:0.5em 1.75em; } .custom .checkbox{ background: url('images/checkbox.jpg') no-repeat; margin:0 26px; padding-left:30px; padding-top:6px; } .custom .paperbox{ width: 475px; margin: 0 auto; } .custom .papertop{ height: 44px; background: url(http://www.chicagomarketingconsultant.net/wp-content/uploads/2010/04/paper2-top.jpg) no-repeat; } .custom .paperbtm{ height: 60px; background: url(http://www.chicagomarketingconsultant.net/wp-content/uploads/2010/04/paper2-btm.jpg) no-repeat; } .custom .paperfill{ background: url(http://www.chicagomarketingconsultant.net/wp-content/uploads/2010/04/paper2-fill.jpg) repeat-y; padding: 10px; } .custom #dividebox .paperbox p{ margin:20px 30px; } .custom .paperbox3 p{ margin: 20px 55px; } .custom .paperbox3{ background-image:url("images/paper3-fill.jpg"); backround-position:center center; background-repeat:repeat-y; height:auto; margin:25px auto; min-height:300px; width:475px; } .custom .papertop3{ background-image:url("images/paper3-top.jpg"); background-position:center top; background-repeat:no-repeat; height:106px; padding-left:45px; padding-right:45px; padding-top:25px; } .custom .paperbtm3{ background-image:url("images/paper3-btm.jpg"); background-position:center bottom; background-repeat:no-repeat; padding-bottom: 20px; margin:0; } .custom .dashed-box{ border: 3px dashed #CF001C; background: #FFEFF1; width: 90%; margin: 0 auto; } .custom #dividebox ul.check-bullet{ margin:0 55px 10px; } .custom #dividebox ul.stop-bullet{ margin:0 110px 10px; } .custom .shadowbox{ background-color:#FFFFFF; margin:20px auto; width:90%; } .custom .sbcontent{ background-color:#F3F3F3; background-image:url("images/shadowbox-corner.jpg"); background-position:right bottom; background-repeat:no-repeat; border:1px solid #E2E2E2; padding:15px; } .custom .sbshadow { background-image:url("images/shadowbox-shadow.jpg"); background-position:right top; background-repeat:no-repeat; height:28px; } .custom .round-box{ width: 830px; margin: 0 auto; } .custom .round-box p{ margin:20px 90px; } .custom .hear input{ width: 50%; } .custom .wpcf7-form #submitbtn { background: url(http://www.chicagomarketingconsultant.net/wp-content/uploads/2010/04/btn-send-request.png) no-repeat center top; overflow: hidden; height: 70px; width: 266px; border: 0; cursor: pointer; text-indent: -999px; font-size: 0; display:block; line-height: 0; } .custom #dividebox img.signature{ border: 0; margin-left: 80px; } .custom #branding{ text-align: center; background: #0FAAFF; border-left:6px solid #004C7F; border-right:6px solid #004C7F; border-top: 1px solid #007BBF; border-bottom:1px solid #004C7F; padding: 15px; } .custom #branding h1{ color: #ffffff; font-weight: bold; } .custom #reddottedbox{ width: 50%; background:#DFF3FF; border:3px dotted #0081CF; margin:10px auto; } .custom #reddottedbox ul.check-bullet{ margin: 0 20px 20px; } .custom #reddottedbox ul.check-bullet li{ background: url(images/red-check.png) no-repeat left 5px; } .custom .yellowbox{ text-align: center; } .custom #listnarrow{ width: 80%; margin: 10px auto; } .custom #listnarrow ul.check-bullet li{ margin-bottom: 10px; } .custom #content div.wpcf7{ margin: 0 -90px; } .custom #contactfooter p{ font-size:16px; } .custom .align-left{ float: left; padding:5px 0px 10px 30px; width:458px; } .custom .align-right{ float: right; padding:0 22px 0 0; width: 320px; } .custom .align-right p{ font-size: 14px; } .custom .bluebox{ background:none repeat scroll 0 0 #DFEBFF; border:1px solid #1330A1; margin:10px auto; padding:25px 30px; width:80%; } #mediaspace{ border:2px solid #0379C1; height:232px; padding:2px; width:365px; } .custom div.wpcf7-mail-sent-ok { background:#DFF3FF; border:2px solid #0A8DDD; } .custom div.wpcf7-response-output{ margin:0 3em; } .custom div.wpcf7-validation-errors { background:#FFFCDF; } .custom span.wpcf7-not-valid-tip{ background: #FFEFEF; } .custom #airone-testi{ background: #DFF3FF; border: 1px solid #6FC8FF; width: 600px; margin: 0 auto; }