/* Theme Name: Mischievous Theme URL: http://whiteboardframework.com/ Description: A blank theme for you to draw on. Author: Brian Purkiss Author URI: http://brianpurkiss.com Version: 2.0.1 Obviously, you may edit the above info upon your customization. Though I wouldn't mind a link somewhere... *hint hint* */ /* Color Swatches pink - #D00051 blue-#00AEEF otherblue - #018EC3 border grey #d7d7d7 rollowver grey #c6c6c6 */ html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, del, dfn, em, font, img, ins, kbd, q, s, samp, acronym, address, big, cite, code,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 {font-size:100%;font-family:inherit;vertical-align:baseline;margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;}caption, th, td {text-align:left;font-weight:normal;}table {border-collapse:separate;border-spacing:0;}blockquote:before,blockquote:after,q:before,q:after {content: "";}blockquote, q {quotes: "" "";} {margin:0;padding:0;} html{-webkit-text-size-adjust: none; margin:0;padding:0;} /* Here is a list of all the
s in Whiteboard. */ body { background-color:#2D2D2D; height:100%; font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;} ul{background:transparent;} #sidebar li{background-color:transparent; border-bottom:1px solid #3d3d3d;} #sidebar ul{list-style:none;} #sidebar ul p{margin-top:0px;} .callback{margin-bottom:2px;} input, textarea{background-color:#4d4d4d; color:#FFFFFF; border:0px; padding:6px;} label{color: #666666; text-transform:uppercase; font-weight:bold;} #mailchimp-widget{padding-bottom:20px; margin-left:0px; padding-left:0px; background-image:url(images/signup.png); background-repeat: no-repeat; padding-top:25px;} form#mc_signup_form{margin-left:0px; padding-left:0px; border:0px; position:relative; margin-bottom:10px;} form#mc_signup_form label{margin-left:0px; padding-left:0px; font-size:13px; color:#FFFFFF;} div#mc_signup_container{margin-left:0px; padding-left:0px;} div.mc_merge_var label{margin:0px; border-spacing: 0px; } div.mc_merge_var{ padding-left:0px; margin:0px; width:200px; !important} div.mc_merge_var input {margin:0px; } li.widget_twitter{font-size:13px; color: #ffffff; padding-bottom:10px;} #sidebar li.widget_twitter ul.tweets li{border-bottom:0px;} li.widget_twitter a{font-size:11px; color: #D00051;} li.widget_twitter h2 a{ background-image:url(images/followus.png); text-indent: 6000pt; background-repeat: no-repeat; width:200px; display:block; height:26px; } #mc_signup_submit{float:left; margin:0px; margin-bottom:10px;} /* contact form */ div.mc_signup_submit{padding-left:0px; margin-left:0px;} .wpcf7-form p{margin-bottom:0px; padding-bottom:8px; text-transform:uppercase; font-weight:bold;} .button{background-color:#D00051; color:#FFFFFF; cursor:pointer;} #wrapper{ width:100%; } #container{width:955px; margin:auto; height:100%; padding-top:30px;} #header{ width:100%; margin:0px; height:350px; /*background-image:url(images/body-bkg.jpg); background-color:#D00051;*/ background-color:#F7f7f7; margin-bottom:20px; } #header img{padding:10px; padding-left:0px; background-repeat:no-repeat; width:190px; height: 37px;} #inner-header{height:350px; width:950px; margin:auto; position:relative; background-image:url(images/_header-bg.jpg); background-position:bottom; background-repeat:no-repeat; } #inner-header img{} #inner-header p{} #topTitle { height:50px; padding-top:10px;} #topTitle p {float:right; color:#000000; text-size:13px; font-weight:bold;} #topTitle img {margin-top:5px; padding-top:0px; } #topTitle h1 {float:left;} #header h1{ margin:0px; padding:0px; } #nav ul.services li{ display:inline-block; list-style: none; margin-left:0px; font-size:12px; text-transform:uppercase; text-align:left; color:#ffffff; font-weight:600; margin-top: 5px; padding: 0px; font-stretch: normal; margin-right:25px; list-style-position:inside; letter-spacing:normal; } #nav ul.services {margin:5px auto 0px auto; padding:0px 0px 0px 0px; list-style:none; width:950px; } #nav ul.services li.last{ margin-right: 0px; } #nav ul.services li a {color: #ffffff; padding-bottom:10px; text-decoration:none; font-family: 'Lucida Grande', Arial, Sans-Serif; margin:0px; } #nav ul.services li a:hover, ul.services li.active a{background-image:url(images/nav-bullet.gif); background-repeat:no-repeat; background-position:center bottom;} #nav {width:100%; margin:auto; height:34px; background-image:url(images/nav-bg.gif); padding-top:1px;} #contentheader{width:500px; height:300px; clear:both; } #contentheader-inner{ width:500px; height:300px; margin:auto; clear:both; } #contentheader-slim{width:100%; height:100px; background-color:#D00051;} #contentheader-slim #contentheader-inner{background:none; height:100px;} #contentheader-inner p {font-size:30px; font-family:"trebuchet", Arial, Helvetica, sans-serif; font-weight:100; color:#D00051; padding-top:30px; letter-spacing: -0.03em; padding-left:0px; line-height:95%; display:block; height:100px; } #contentheader-inner p a{color:#666666;} #contentheader-inner a.button{ background-image:url(images/big-button.gif); background-repeat:no-repeat; background-color:transparent; padding:7px; padding-top:15px; margin-right:10px; display:block; background-repeat: no-repeat; color:#D00051; font-weight:bold; width:155px; text-transform:uppercase; text-decoration:none; height:25px; position:relative; float:left; text-align:center; } #contentheader-inner a:hover.button{ text-decoration:underline; } #content{width:685px; padding:35px; padding-left:0px; float:left; background-image:url(images/shadow.png); background-repeat: no-repeat; background-position: right 30px;} .post{ width:685px; padding:35px; padding-left:0px; float:left; background-repeat: no-repeat; background-position: right 30px; overflow:hidden; } .postmeta{} .postnavigation{} #searchform{} #sidebar{width:210px; float:right; overflow:hidden; padding:25px; padding-right:0px;} #comments .comments_navigation{} .comments_navigation{} .comments_reply{} .comments_text{} .comments_meta{} p { line-height:150%; margin-bottom:20px; font-size:13px; color: #ffffff; } p a{ color: #ffffff; text-decoration:none; } p.intro{} p.homeintro{color:#FFFFFF; font-size:20px; line-height:140%;} p.homeintro a{color:#FFFFFF;} p.intro a{} h1 {font-size:36px; color:#ffffff; font-weight:100; margin-bottom:20px; text-transform:capitalize;} h1.home { /*font-size:86px; letter-spacing: -0.1em; margin-bottom:0px; padding-bottom:0px;*/ display:none;} h3 {font-size:16px; color:#ffffff; font-weight:600;} h2 {font-size:18px; color:#ffffff; font-weight:600; margin-bottom:20px; text-transform:capitalize; padding-top:20px;} #content h1{ border-bottom: 0px solid #d7d7d7; padding-bottom:20px; padding-top:20px;} #content ul{ list-style:none;} #content ul li{font-size:13px; color: #ffffff; line-height:200%; padding-left:30px; background-image:url(images/tick.png); background-repeat:no-repeat;} #content ul li a{text-decoration:none; color:#FFFFFF;} li.widget{background-color:#FFFFFF; margin-bottom:25px;} /* Columns*/ #col1{width:317px; margin-right:51px; float:left; padding-bottom:30px;} #col1 p, #col2 p{margin-bottom:35px; height:240px;} #col2{width:317px; float:left; padding-bottom:30px} #col1 img, #col2 img{width:315px;border:1px solid #d7d7d7; margin-bottom:15px; } #col3{width:300px; float:left; margin-right:25px; position:relative;} #col3-last{margin-right:0px;} #home #col1 h2, #home #col2 h2{ margin-bottom:0px; padding-bottom:10px; padding-top:20px; } #home #col1 h2 a, #home #col2 h2 a, #col1 h2 a, #col2 h2 a{ display:block; width:315px; padding-bottom:5px; color:#ffffff;text-decoration:none;} #home #col1 h2 a:hover, #home #col2 h2 a:hover, #col1 h2 a:hover, #col2 h2 a:hover{color:#D00051;} #home h1{ margin-bottom:0px; padding-top:20px;} /* Footer*/ #footer{width:100%; background-color:#222222; clear:both;} #footer p a{color:#666666;} #footer .text{font-size:10px;} #footer .text span{font-family:Arial, Helvetica, sans-serif;} #footer-inner{width:955px; margin:auto; padding:20px; clear:both;} #footer-inner h2{text-transform:uppercase; color:#D00051; font-weight:bold;font-size:12px; } #footer-inner #left{width:460px; margin-right:30px; float:left;} #footer-inner #right{width:215px; float:left;} #footer-inner #right.first{width:215px; float:left; margin-right:30px;} #footer-inner #right.first li{margin-bottom:3px; padding-left:25px; padding-bottom:5px; background-image:url(images/tick.png); background-repeat:no-repeat;} #footer-inner #right span{font-weight:bold;} #footer-inner #right p, #footer-inner #left p, #footer-inner #right ul{font-size:12px;} #footer-inner #left p a{color:#777777;} #footer-inner #left p{color:#777777;} #footer-inner #right p {color:#777777;} #footer-inner #right p{margin-bottom:5px; padding-bottom:0px;} #footer-inner p.copyright{width:400px; float:left; color:#777777;} #footer-inner p.follow{width:100px; float:right;} #footer-inner p.text{width:955px; clear:both; color:#777777;} #footer-inner ul{list-style:none;padding-bottom:20px;} #footer-inner li{ color:#777777; } #footer-inner li a{color:#777777;text-decoration:none; } #menuholder{border-bottom:1px solid #333333; border-top:1px solid #333333; clear:both; margin-bottom:25px; margin-top:25px; height:150px; padding-top:30px;} ul#footer-menu{ float:left; margin-right:35px; } ul#footer-menu.last{width:80px; float:left; margin-right:0px;} ul#footer-menu a{font-family:Arial, Helvetica, sans-serif; color:#D00051;text-decoration:none; text-transform:uppercase; font-size:10px; font-weight:bold; } ul#footer-menu li a{ color:#666666;text-decoration:none; text-transform:uppercase; font-size:9px; font-weight:bold; } ul#footer-menu li a:hover{ color:#ffffff;} ul#footer-menu {list-style:none;} #introtext{height:150px; width:955px; margin:auto; border-bottom:1px solid #cccccc; padding-top:20px;} #latestnews{height:275px; width:685px; margin:auto; clear:both; padding-right:0px; } #latestnews h1{ border-bottom: 0px solid #d7d7d7; padding-bottom:10px;} #calltoaction{background-color:none; clear:both; padding-bottom:20px; margin-top:0px; line-height:150%; color:#666666; height:60px; clear:both;} #calltoaction ul{list-style:none;} #calltoaction li{background-color:transparent;} #calltoaction .number{color:#D00051; font-weight:bold;} #calltoaction a{} #calltoaction p{ font-size:16px;} #calltoaction p a.button{color:#D00051; background:none;} #calltoaction ul li{ padding-left:0px; background:none;} #folio {float:left; width:215px; padding-right:20px; margin-bottom:50px; height:200px;} #folio.last{float:left; width:215px; padding-right:0px;} #folio a img{border:2px solid #666666; height:135px; margin-bottom:15px;} #folio a:hover img{border:2px solid #C6C6C6; } #folio h2{margin-bottom:0px; padding-bottom:0px; padding-left:0px; margin-left:0px; border-bottom:0px; padding-top:0px;} #folio h2 a{font-size:14px; color:#D00051; text-decoration:none; } #folio h2 a:hover{font-size:14px; color:#D00051; text-decoration:underline;} #folio p{margin-top:0px; padding-top:0px; margin-left:0px; width:215px;} #folio a{color:#ffffff; text-decoration:none; font-size:11px;} #folio a:hover{text-decoration:underline;} #latest-folio {float:left; width:215px; padding-right:20px; margin-bottom:50px; height:200px;} #latest-folio.last{float:left; width:215px; padding-right:0px;} #latest-folio a img{border:2px solid #666666; height:135px; margin-bottom:15px;} #latest-folio a:hover img{border:2px solid #C6C6C6; } #latest-folio h2{margin-bottom:0px; padding-bottom:0px; padding-top:0px;} #latest-folio h2 a{font-size:14px; color:#D00051; text-decoration:none; } #latest-folio h2 a:hover{font-size:14px; color:#D00051; text-decoration:underline;} #latest-folio p{margin-top:0px; padding-top:0px;} #latest-folio a{color:#ffffff; text-decoration:none; font-size:11px;} #latest-folio a:hover{text-decoration:underline;} #breadcrumbs a{color:#D00051; text-decoration:none;} #breadcrumbs span{display:none;} .more{color:#D00051; text-decoration:none;} .widget_categoryposts {background-image:url(images/latestposts.png); background-repeat:no-repeat; padding-bottom:10px;} .widget_categoryposts h2 {text-indent:-10000px; margin-bottom:0px;} #sidebar .widget_categoryposts li.cat-post-item {border-bottom:0px dotted #e8e8e8; padding-bottom:3px; !important} .widget_categoryposts li a{color:#ffffff; font-size:12px; text-decoration:none; border:0px;} .widget_categoryposts li a:hover {color:#D00051;} #text-7 {background-image:url(images/categories.png); background-repeat:no-repeat;padding-top:40px; padding-bottom:10px;} #sidebar #text-7 .textwidget li {border-bottom:0px dotted #e8e8e8; padding-bottom:3px; !important} #sidebar #text-7 .textwidget li a{color:#ffffff; font-size:12px; text-decoration:none; border:0px;} #sidebar #text-7 .textwidget li a:hover {color:#D00051;} #work-left {width:380px; margin-right:40px; float:left; margin-bottom:20px;} #work-left p{font-size:15px; line-height:150%; width:380px;} #work-right {width:180px; float:left; font-weight:bold; } #work-left h2, #work-right h2{border:0px;} #work-right ul.wedid{ list-style:none;} #work-right ul.wedid li{font-size:13px; color: #666666; line-height:200%; padding-left:30px; background-image:url(images/tick.png); background-repeat:no-repeat; background-position:0px 3px;} #work-right ul.wedid li a {text-decoration:none; color: #ffffff; text-transform:uppercase;} #work-right ul.wedid li a:hover {color: #D00051;} a.slideshow-prev, a.slideshow-next {background-color:#D00051; padding:5px; color:#FFFFFF; } .slideshow-nav {font-size:12px; color: #D00051; padding-bottom:10px; height:20px;} .slideshow-nav a.slideshow-prev, .slideshow-nav a.slideshow-next {color:#FFFFFF; margin-bottom:10px; text-decoration:none; text-transform:uppercase; font-weight:bold; } div.portfolio-slideshow img{border:1px solid #cccccc;} #postmeta a {color: #D00051; text-decoration:none;} /*comments*/ .comment-right .author{margin-bottom:2px; padding-bottom:2px;} .author a {text-decoration:none; color:#ffffff; font-size:16px; } .comment-left{width:65px; margin-right:25px; float:left;} .comment-left img{padding:5px; border:1px solid #cccccc;} .comment-right{float:left;} .comments_meta {clear:both; padding:10px; } .comments_meta p{padding-bottom:0px;} .comments_reply {clear:both; margin-top:45px;} .comment-right .comments-date {color: #D00051; margin-top:0px; padding-top:0px;} #commentform {width:600px; margin-top:20px;} #commentform textarea {width:600px; background-color:#FFFFFF; border:1px solid #cccccc; color:#333333; font-weight:bold;} #commentform input {background-color:#FFFFFF; border:1px solid #cccccc; color:#333333; font-weight:bold;} #commentform input#submit {background-color:#D00051; color:#FFFFFF; border:0px;} div.post {margin-top:0px; padding-top:10px;} div.post .date{background-image:url(images/blog-shadow.gif); background-repeat:no-repeat; background-position:top left; width:50px; height:106px; margin-top:-5px;} div.post h2.postheading {margin-top:0px; padding-top:0px; padding-bottom:10px; border-bottom:1px solid #cccccc; padding-left:0px; padding-left:0px; float:left; margin-left:20px;} div.post h2.postheading a{color:#ffffff; text-decoration:none; width:600px; padding-bottom:10px; display:block; font-size:20px; font-weight:normail; margin-top:0px; padding-top:0px;} div.post .date{color:#ffffff; float:left; text-align:center; text-transform:uppercase; font-size:12px; width:30px; padding:5px; } div.post .date span{ color:#ffffff; font-size:20px; display:block; font-weight:bold; } div.post a.more {float:right; clear:both; text-align:left;} div.post .post-content p { float:left; width:600px; margin-left:20px;} div.post a.more-link{color:#D00051; text-transform:uppercase; font-weight:bold; display:block; width:60px; margin-top:10px;} #postmeta {border-top:1px dotted #cccccc; margin-top:50px; padding-top:30px;} #postmeta.archive {border-top:0px; margin-top:50px; padding-top:30px;} .post p img{border:1px solid #cccccc;} p.single-date{padding-top:0px; margin-top:0px; font-size:11px; margin-bottom:30px;} p.single-date span{padding-top:0px; margin-top:0px; color:#D00051;} h1.single {padding-bottom:0px; margin-bottom:0px; display:block; } #content ul.work-menu {list-style:none; display:inline; padding-bottom:50px; margin-top:0px; padding-top:0px; height:25px; position:relative; top:-20px;} #content ul.work-menu li{display:inline; background:transparent; padding-left:0px; border-right:1px dotted #D00051;} #content ul.work-menu li a{color:#ffffff; text-decoration:none; padding:10px;} #content ul.work-menu li.first a{padding-left:0px;} #content ul.work-menu li.last {border-right:0px} #content ul.work-menu li a:hover{color:#D00051; text-decoration:none;} #content ul.work-menu li.active a{color:#D00051; text-decoration:none;} div.map{ float:right; padding-top:10px;} div.map iframe {border:5px solid #4d4d4d;} div.map iframe a{display:hidden;} a.addthis_button_compact{color:#FFFFFF; text-decoration:none;} div.addthis_toolbox{padding-top:30px;} .addthis_separator{color:#FFFFFF;} .wpcf7-mail-sent-ok{color:#FFFFFF;} #content .sitemap ul li{font-size:13px; color: #ffffff; line-height:200%; padding-left:30px; background:transparent;} #content .sitemap ul li a{color:#FFFFFF; text-decoration:none;} .like {margin-top:10px;} .pink{color:#D00051;} a.seopackages{position:absolute; right:0px; top:40px;}