/* Theme Name: WordPress Classic Theme URI: http://wordpress.org/ Description: Theme Version: 1 Author: C Jones Tags: - [01] body - [02] header -[03] navigation -[04] sidebars -[05] parent & child -[06] about -[07] what we do (wwd) -[08] blog -[09] footer -[10] page.php -[11] home -[12] portfolio -[13] portfolio pages -[14] clients -[15] about us -[16] in the news -[17] team -[18] what we do -[19] tools & techniques -[20] workshops -[21] contact us -[22] signup -[23] blog -[24] archives -[25] comments -[26] single.php -[27] sitemap -[28] hide screenreader text -[29] wp alignments /* [01] body */ html, body {height: 99%; } body {color: #999; font-family: arial, sans-serif; font-size: 14px; background:url('images/FINAL_BACKGROUND.jpg') #fafafa; line-height: 19px; letter-spacing: 0.5px; } a {color: #fff; text-decoration: none; } a:hover {color:#ff3;} a:current {color: #ff3;} strong {color: #fff; letter-spacing: 1px; font-weight: 200;} h4 {font-size: 18px; color: #fff; } p {margin: 12px 0; } .div {width: 800px; } img.div {margin: 10px 0 10px 0; } .container {background: url('images/container-bg.png') repeat-y; width:860px; min-height: 100%; margin: 0 auto -40px auto; padding: 20px 40px 0 40px;} /* [02] header */ #header {overflow: hidden; margin: 0 0 0 30px; } #header .logo {float:left; margin-left: -8px; } #header .div {; } /* [03] navigation */ ul.menu {width: 1000px; } ul.menu li {float: left; margin: 30px 5px 0 20px; } ul.menu li a h4 {font-size: 17px; } ul.menu h4.login-link a {color:#ff3; float: left; } ul.menu li.current_page_item h4 {color: #ff0; } ul.menu li..current_page_ancestor .current_page_item h4 {color: #ff0; } /* [04] sidebars */ /* [05] sidebar - parent & child*/ #side-menu {float: left; margin: 0; } #side-menu h4 {color: #fff; } #side-menu ul {max-height:200px; margin: 18px 0 0 0; } #side-menu ul li {height: 35px; } #side-menu ul li h4 a {background: #ff0; color: #000; font-size: 15px; padding: 3px 5px; } /* [06] sidebar-about */ #side-menu-about {float: left; margin: 0; height: 540px; width: 190px; } #side-menu-about h4 {color: #fff; margin: 20px 0 0 0; } #side-menu-about ul {max-height:200px; margin: 18px 0 0 -5px; width: 180px; } #side-menu-about ul li {height: 35px; margin: -5px 0 -20px 0; } #side-menu-about ul li h4 a {background: #none; color: #000; font-size: 15px; padding: 3px 5px; } /* [07] sidebar-wwd */ #side-menu-wwd {float: left; margin: 0; height: 400px; width: 190px; } #side-menu-wwd h4 {color: #fff; } #side-menu-wwd ul {max-height:200px; margin: 18px 0 0 -5px; width: 180px; } #side-menu-wwd ul li {height: 35px; margin: 0 0 -20px 0; } #side-menu-wwd ul li h4 a {background: none; color: #000; font-size: 15px; padding: 3px 5px; } /* [08] sidebar-blog */ #side-menu-blog {float: left; margin: 0; } #side-menu-blog ul li.widget {width: 170px; } #side-menu-blog ul li.widget input {width: 80px; } #side-menu-blog ul li.widget input#searchsubmit {width: 60px; } /* [09] footer */ #footer {overflow: hidden; margin: 0 0 0 30px; } #footer ul li {float: left; line-height: 20px; letter-spacing: 0.5px; } #footer ul li.share {margin: 7px 0 0 0; } #footer ul li.share h4 {color:#ff3; margin: 78px 0 0 0; float: left; text-transform: uppercase; font-size: 13px; letter-spacing: 2px; } #footer ul li.contact {margin: 0 0 0 65px; width: 310px;} #footer ul li.follow {margin: 0 0 0 180px; } #footer ul li.follow img {margin: 4px 0 0 0; } #footer ul li h4 {color: #fff; font-size: 18px; font-weight: normal; margin: 0 0 4px 0; } #footer ul li p {margin: 0; } /* [10] page.php */ #main-column {float: left; width: 800px; margin: 20px 0 0 35px; overflow:hidden; line-height: 19px; letter-spacing: 0.5px;} #main-column .post {width: 600px; float: right; margin: -12px 11px 0 0;} #main-column .post h4 {margin: 0 0 10px 0; } #main-column .post td {font-size: 14px; } /* [11] home */ #main-column-home {float: left; width: 800px; margin: 20px 40px 0 30px; overflow:hidden; line-height: 19px; letter-spacing: 0.5px;} #column .div {margin: 0 0 20px 30px; } #column .head {float: left; margin: 10px 0 20px 40px; } #column .head img {width: 133px; height: 170px; } #column {float: left; width:800px; } #column p {width: 579px; margin: 12px 0 12px 48px; float: left; line-height: 19px; letter-spacing: 0.5px; } #column h4 {color: #fff; margin: 3px 0 -5px 220px; font-size: 18px; } /* [12] portfolio */ #main-column #post-1176 h4 {font-size: 18px; color: #fff; margin: 12px 0 15px 0;} #main-column #post-1176 ul {width: 700px; } #main-column #post-1176 ul li {float: left; margin: 0 20px 0 0; width: 290px; height: 120px; position: relative; overflow:hidden; } #main-column #post-1176 ul li a {; } #main-column #post-1176 ul li a img {margin: 0; position: absolute; top:0; left: 0; z-index: 0;} #main-column #post-1176 ul li a h4 {background: #000; padding: 5px; position: absolute; top: 0; left: 0; z-index: 500; font-size: 15px; margin: 0; } #main-column #post-1176 ul li a h4.about {background: #000; padding: 5px; position: absolute; top: 25px; left: 0; z-index: 500; font-size: 14px; } /* [13] Portfolio Pages */ #main-column .portfolio-page .content {margin: -20px 0 0 0;} #main-column .portfolio-page h4 {font-size: 18px; color: #fff; margin: 10px 0 10px 0; clear: both; } #main-column .portfolio-page p {margin: 0 0 30px 0; clear: both; } #main-column .portfolio-page img {margin: 0 0 -5px 0; } /* [14] clients */ #main-column .post .clients img {margin: 0 11px 10px 0; } #main-column .post .clients h4 {margin: 15px 0 5px 0; } /* [15] about us */ #main-column-home #post-501 img {margin: 0; } #main-column-home #post-501 p {margin: 12px 0; line-height: 19px; letter-spacing: 0.5px;} #main-column-home #post-501 td {width: ;} #main-column-home #post-501 h4 {margin: 20px 0 -5px 0; } #main-column-home #post-501 table,tr,td h4 {; } #main-column-home #post-501 {margin: 0; width: 800px;} /* [16] in the news */ #main-column h4#page-17 {font-size: 18px; color: #fff; margin: 12px 0 15px 0; } #main-column ul.page-17 {width: 650px; } #main-column ul.page-17 li {clear: both; min-height: 160px; } #main-column ul.page-17 li img {float: left; margin: 3px 10px 50px 0; width: 150px; } #main-column ul.page-17 li p {width: 450px; float: left; margin: 0; } #main-column ul.page-17 li h4 {font-size: 18px; } #main-column ul.page-17 li strong {line-height: 19px; letter-spacing: 0.5px; } /* [17] team */ #main-column h4#team {margin: 12px 0 0 0; } #main-column #post-22 {overflow: hidden; } #main-column #post-22 ul {width: 800px; margin: 0 0 20px 0; } #main-column #post-22 ul li {float: left; margin: 20px 60px 0 0; width: 230px; } #main-column #post-22 ul li p {margin: 0; } #main-column #post-22 ul li a img {width: 200px; height: 200px; } /* [18] what we do */ #main-column-home #post-502 img {margin: 0; } #main-column-home #post-502 p {margin: 12px 0; line-height: 19px; letter-spacing: 0.5px;} #main-column-home #post-502 td {width: 300px;} #main-column-home #post-502 h4 {margin: 20px 0 -5px 0; } #main-column-home #post-502 table,tr h4 {; } #main-column-home #post-502 {width: 800px; margin: 0; } /* [19] tools */ /* [20] workshops */ /* [21] contact us */ #main-column-home #post-6 iframe {margin: 0 0 20px 0; } #main-column-home .post #contact-info {float: left; width: 300px; margin: 0 0 0 100px; } #main-column-home .post #contact-info p {float: left; width: 300px; line-height: 19px; letter-spacing: 0.5px; font-size: 14px; margin: 12px 0; } #main-column-home .post .share {width: 130px; float: left; } #main-column-home .post .share h4 {margin: 12px 0 0 0; } #main-column-home .post .share h1 {margin: 0; } #main-column-home .post .share .addthis_container {position: relative; top: 20px; left: 0; } #main-column-home .post #contact-form {float: left; width: 250px; line-height: 19px; letter-spacing: 0.5px; margin: 0 0 20px 0; } #main-column-home .post #contact-form input {width: 250px; height: 20px; } #main-column-home .post #contact-form textarea {width: 250px; height: 80px; } #main-column-home .post #contact-form #radio {width: 10px; height: 20px; } #main-column-home .post #contact-form input#submit {width: 80px; background: #ff3; font-color: #000; margin: 20px 0 0 170px; font-weight:bold; border: 0; text-transform: uppercase; border: 1px solid #000; } #main-column-home .post #contact-form ul#info {margin: 5px 0 10px 0; } #main-column-home .post #contact-form ul#info li {font-size: 14px; margin: 0 0 10px 0; } #main-column-home .post #contact-form ul#enews {; } #main-column-home .post #contact-form ul#enews li {height: 20px;} /* [22] signup */ #main-column #post-1466 p {; } #main-column #post-1466 input {width: 250px; height: 20px; margin: 0 0 -10px 0; } #main-column #post-1466 input#name {width: 120px; height: 20px; margin: 0 0 -20px 0; } #main-column #post-1466 input#signup {width: 80px; background: #ff0; font-color: #000; margin: 20px 0 0 170px; font-weight:bold; border: 1px solid #000; text-transform: uppercase; -moz-border-radius: 1px; } /* [23] blog */ #main-column .blog {width: 600px; float: right; margin-right: 11px; } #main-column .blog h4 {margin: 0 0 20px 0; } #main-column ul.page-24 {width: 600px; } #main-column ul.page-24 li {clear: both; min-height: 160px; margin: 0 0 50px 0; width: 400px; } #main-column ul.page-24 li img {float: left; margin: 3px 10px 0 0; width: 150px; height: 150px; } #main-column ul.page-24 li p {width: 430px; float: left; position: absolute; margin: 32px 0 0 160px; } #main-column ul.page-24 li h4 {font-size: 18px; position: absolute; margin: 2px 0 0 160px; font-weight: normal; } #main-column ul.page-24 li .readmore a:hover {color: #ff0; } #main-column ul.page-24 li .readmore {position: absolute; margin: 127px 0 0 160px; padding: 3px 5px; font-weight: bold; text-shadow: 0 1px 1px rgba(0,0,0,.3);-webkit-border-radius: .5em;-moz-border-radius: .5em;border-radius: .5em;-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);box-shadow: 0 1px 2px rgba(0,0,0,.2);color: #e9e9e9;border: solid 1px #555;background: #6e6e6e;background: -webkit-gradient(linear, left top, left bottom, from(#888), to(#575757));background: -moz-linear-gradient(top, #888, #575757);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#888888', endColorstr='#575757'); } /* [24] archives */ #main-column ul.archive {width: 600px; } #main-column ul.archive li {clear: both; min-height: 160px; margin: 0 0 50px 0; width: 400px; } #main-column ul.archive li img {float: left; margin: 3px 10px 0 0; width: 150px; height: 150px; } #main-column ul.archive li p {width: 430px; float: left; position: absolute; margin: 32px 0 0 160px; } #main-column ul.archive li h4 {font-size: 18px; position: absolute; margin: 2px 0 0 160px; font-weight: normal; } #main-column ul.archive li .readmore a:hover {color: #ff0; } #main-column ul.archive li .readmore {position: absolute; margin: 127px 0 0 160px; padding: 3px 5px; font-weight: bold; text-shadow: 0 1px 1px rgba(0,0,0,.3);-webkit-border-radius: .5em;-moz-border-radius: .5em;border-radius: .5em;-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);box-shadow: 0 1px 2px rgba(0,0,0,.2);color: #e9e9e9;border: solid 1px #555; background: #6e6e6e;background: -webkit-gradient(linear, left top, left bottom, from(#888), to(#575757));background: -moz-linear-gradient(top, #888, #575757);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#888888', endColorstr='#575757');} /* [25] Comments */ #main-column #comments h4 {margin: 50px 0 10px 0; font-size: 15px; } #main-column #comments textarea {width: 600px; } #main-column #comments input#submit {background: #ff0; border: 1px solid #000; -moz-border-radius: 2px;} /* [26] single.php */ #main-column .single {margin: -20px 20px 0 0; } #prev-next .alignleft {float: left; } #prev-next .alignright {float: right; } /* [27] sitemap */ #post-1370 {margin: 20px 0 0 0; } ul#menu-sitemap {; } ul#menu-sitemap li {clear:both; } ul#menu-sitemap li ul#sub-menu {; } ul#menu-sitemap li ul#sub-menu li {; } /* [30] client login */ #main-column #client-login-list {margin: 0 10px 0 0; } #main-column #client-login-list li {float: left; min-width: 210px; margin: 0 0 10px 0; } #main-column #client-login-list input {float: left; margin: -20px 0 0 0; } #main-column #client-login-list input.go {margin: -37px 0 0 0; float: right; } /* [28] Unseen Formatting Styles */ .clear {clear: both; } .screen-reader-text {position: absolute; left: -1000em;} /* [29] Wordpress aligment */ .aligncenter, div.aligncenter {float: left; } .alignleft {float: left; } .alignright {float: left; }