/* Theme Name: Creative Perspectives, Inc. Description: A Customized WordPress Theme Author: Bainbridge Studios LLC Author URI: http://www.bainbridgestudios.com */ * { margin: 0px; padding: 0px; } body, html { height: 100%; } body { font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; font-size: 70%; } a { outline: none; text-decoration: none; color: #2383cd; } a:hover { text-decoration: underline; color: #2383cd; } a img { border: none; } .clearfix:after { content: "."; visibility: hidden; display: block; height: 0px; clear: both; } * html .clearfix { height: 1%; } *+html .clearfix { height: 1%; } img, div { behavior: url(/png/iepngfix.htc) } img { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(...); border:none; display:block; } img { background-color: #fff; padding: 5px; margin: 10px; float: right; border: #ccc 1px solid; } #sidebar img { background-color: #fff; padding: 0 0 10px 0; margin: 0; border: none; float: left; } #sidebar .thumb { float: left; margin-right: 20px; } #main .graphic { background-color: #fff; padding: 0; margin: 0; border: none; } #main .bio { background-color: #fff; padding: 5px; margin: 0 10px 10px 0; float: left; border: #ccc 1px solid; } #sidebar_home img { background-color: #fff; padding: 0 0 10px 0; margin: 0; border: none; float: left; } #sidebar_home .thumb { float: left; margin-right: 20px; } #main_home .graphic { background-color: #fff; padding: 0; margin: 0; border: none; } #nav img { background: none; padding: 0; margin: 0; border: none; } /* -------- Page Structure -------- */ #container { width: 100%; min-height: 100%; height: auto !important; height: 100%; margin: 0px 0px -70px; min-width: 970px; } #header_wrap, #project_wrap, #content_wrap, #footer_wrap { font-size: 1em; width: 100%; position: relative; } #header, #project, #content, #footer { width: 960px; margin: 0px auto; font-size: 1.1em; } #header_wrap { padding-top: 11px; } #header { padding: 20px 0px 15px 5px; position: relative; } #project { position: relative; z-index: 101; } #project .graphic { background: none; padding: 0; margin: 0; border: none; } #content_wrap { padding: 35px 0px; } #home #content_wrap { padding: 75px 0px 35px; } #sidebar { width: 310px; float: left; } #main { width: 610px; float: right; } #sidebar_home { width: 350px; float: left; } #main_home { width: 565px; float: right; } #footer_wrap, .push { height: 69px; min-width: 970px; } #footer { padding: 28px 0px 0px; } .logoarea { float: left; } h1.logo { width: 270px; height: 90px; display:block; background-image: url(images/cpi_logo.gif); background-repeat:no-repeat; text-indent: -9999px; position: relative; z-index: 100; } h1.logo a { width: 270px; height: 90px; display:block; background-image: url(images/cpi_logo.gif); background-repeat:no-repeat; text-indent: -9999px; position: relative; z-index: 100; } p.description { text-transform: uppercase; letter-spacing: 1px; } .info { width: 350px; float: left; padding: 35px 0px; min-height: 185px; line-height: 22px; font-size: 1em; } .info .graphic { background: none; padding: 0; margin: 0 0 -10px 0; border: none; } .info h2 { font-size: 1.95em; margin-bottom: 20px; } a.nextproject { width: 110px; height: 32px; display: block; float: left; padding: 8px 0px 0px 35px; font-size: 1em; margin-top: 25px; background-color: #0f2d4f; } .info a.view { display: block; width: 170px; float: left; padding: 6px 0px 0px 0px; margin: 25px 0px 0px 25px; } .project_screen { height: 345px; width: 565px; float: right; margin: -35px 0px -35px; position: relative; z-index: 100; overflow: hidden; } h3.pagetitle { width: 100%; font-size: 3.3em; color: #fff; font-weight: bold; letter-spacing: -1px; padding: 20px 0px; text-align: right; } .pagetitle span { display: block; width: 960px; margin: 0px auto; } .text_left { width: auto; float: left; text-transform: uppercase; margin-bottom: 20px; } .text_right { width: auto; float: right; text-align: right; margin-bottom: 20px; } .crop_image { width: 565px; height: 350px; overflow: hidden; border: 1px solid #DADADA; margin: 20px 0; } .no-crop { width: 565px; overflow: hidden; border: 1px solid #DADADA; margin: 20px 0; } hr { clear: both; height: 0px; border: none; background: none; } #sidebar hr { margin-bottom: 25px; } #sidebar .spacer { margin: 0 0 5px 0; } #sidebar_home hr { margin-bottom: 25px; } #sidebar_home .spacer { margin: 0 0 5px 0; } .post { clear: both; margin: 20px 5px 20px 0px; } .post h2.posttitle, h4.title { font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; font-size: 2.05em; letter-spacing: -1px; font-weight: bold; width: auto; float: left; } .post p.comments { width: auto; float: right; text-align: right; } .post .entry { clear: both; padding-top: 10px; line-height: 19px; } .post .entry h2 { font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; font-size: 2.05em; letter-spacing: -1px; font-weight: bold; margin: 0 0 15px 0; } .post .entry h3 { font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; font-size: 1.35em; letter-spacing: -1px; font-weight: bold; margin: 5px 0 7px 0; } .post .entry h4 { font-size: 1.05em; font-weight: bold; margin: 10px 0 7px 0; } .post .entry p { margin-bottom: 13px; } .post blockquote { margin-left: 25px; } .post cite { font-style: italic; margin-left: 25px; } .post img.alignleft { margin-right: 20px; } .post img.alignright { margin-left: 20px; } .post ul, .post ol { margin: 0px 0px 10px 25px; } .post ul li { list-style: disc outside; } .post ol li { list-style: decimal outside; } h4.title { width: auto; float: none; margin-bottom: 25px; } .navigation { margin-top: 25px; } .navigation a { display: block; width: auto; font-size: 1.5em; text-decoration: none; padding: 5px 15px; } .navigation .alignleft a { float: left; } .navigation .alignright a { float: right; } .commentarea { margin-top: 25px; } .commentlist { margin-bottom: 25px; } .comment .name { width: 170px; float: left; padding-top: 20px; font-size: 0.9em; } .comment .name a { font-size: 1.2em; } .comment .text { width: 354px; margin-left: -1px; padding: 20px; float: left; line-height: 19px; } .commentarea p { margin-bottom: 10px; } .module { margin-bottom: 25px; line-height: 16px; } .module h4 { font-size: 1.35em; } .flickr a img { margin: 0 6px 6px 0; } .about .thumb { float: left; margin-right: 10px; } .about h4 { margin-bottom: 15px; } .list { line-height: 23px; } .list ul { list-style: none; padding: 10px; text-transform: uppercase; font-size: 0.9em; } .list h4 { padding: 10px; font-weight: bold; } input.text { padding: 10px; border: none; font-size: 1.1em; float: none; margin-bottom: 20px; display: block; width: 300px; } textarea { padding: 10px; border: none; font-size: 1.1em; width: 545px !important; height: 150px !important; margin-bottom: 20px; } input.submit { display: block; width: auto; padding: 7px 40px; text-transform: uppercase; border: none; cursor: pointer; } #searchform { padding: 7px 5px 7px 12px; } #searchform input#s { border: none; width: 260px; float: left; padding: 2px 0px; font-size: 1.1em; } #searchform input#searchsubmit { float: right; margin: 2px 8px 0px 0px; } #home #categories { display: none; } #footer p.credits { width: 600px; float: left; font-size: 0.9em; } #footer a.right-foot { display: block; height: 16px; padding-left: 25px; float: right; font-size: 0.9em; background-repeat: no-repeat; } #home .singles { display: none; } *+html hr { margin-top: -7px; margin-bottom: -21px; } /* -------- Navigation -------- */ #nav { float: right; clear: none; margin: 25px 0 0 0; } #nav ul { float:right; height: 12px; } #nav li { float:left; height:12px; padding:0; } #nav li a { text-indent:-9999px; overflow:hidden; height:13px; float:right; padding-left: 15px; } #nav li.aboutus a { background:url(images/nav_aboutus.gif); background-repeat:no-repeat; width:65px; } #nav li.aboutus a:hover { background:url(images/nav_aboutus_over.gif); background-repeat:no-repeat; } #nav li.ourmodel a { background:url(images/nav_ourmodel.gif); background-repeat:no-repeat; width:76px; } #nav li.ourmodel a:hover { background:url(images/nav_ourmodel_over.gif); background-repeat:no-repeat; } #nav li.programs a { background:url(images/nav_programs.gif); background-repeat:no-repeat; width:71px; } #nav li.programs a:hover { background:url(images/nav_programs_over.gif); background-repeat:no-repeat; } #nav li.enrollment a { background:url(images/nav_enrollment.gif); background-repeat:no-repeat; width:80px; } #nav li.enrollment a:hover { background:url(images/nav_enrollment_over.gif); background-repeat:no-repeat; } #nav li.fundingpartners a { background:url(images/nav_fundingpartners.gif); background-repeat:no-repeat; width:119px; } #nav li.fundingpartners a:hover { background:url(images/nav_fundingpartners_over.gif); background-repeat:no-repeat; } #nav li.blog a { background:url(images/nav_blog.gif); background-repeat:no-repeat; width:34px; } #nav li.blog a:hover { background:url(images/nav_blog_over.gif); background-repeat:no-repeat; } #nav li.contact a { background:url(images/nav_contact.gif); background-repeat:no-repeat; width:61px; } #nav li.contact a:hover { background:url(images/nav_contact_over.gif); background-repeat:no-repeat; } /* -------- Sidebar Menu -------- */ .nav-column { float:left; width:310px; clear: both; } .nav-section { padding:0 0 0 4px; } .nav-section h3 { font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; font-size: 1.75em; color: #0f2d4f; letter-spacing: -1px; font-weight: bold; padding-left: 11px; margin: 0; } ul#menu { margin:-15px 0 0 0; padding:0 0 20px 0; overflow:hidden; border-top:3px solid #e2e2e2; } ul#menu li { list-style:none; border-bottom:1px solid #e2e2e2; } * html ul#menu li { height:1%;} ul#menu a { color:#0f2d4f; margin:0 0 0 5px; padding:4px 0 4px 11px; text-decoration:none; font:14px/27px "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; background:url(images/bg-menu-separator.gif) no-repeat 0 5px; } ul#menu a.active, ul#menu a:hover {color:#2383cd; } ul#menu ul { margin:0; padding:0; overflow:hidden; } ul#menu ul li { padding:2px 0 2px 11px; } #sidebar ul#menu ul a { padding:0; margin:0; display:inline; background:none; font-size:14px; line-height:27px; } ul#menu ul li { border-bottom:1px solid #e2e2e2; } /*----------------------*/ /*---White Stylesheet---*/ /*----------------------*/ /* -------- Backgrounds -------- */ body, #container { background: #fff; } #header_wrap { background: #fff url(images/topborder.gif) repeat-x top; } #footer_wrap { background: #e2e2e2; } #footer a.feed { background-image: url(images/rss.gif); } #searchform, #searchform input#s, .list { background: #efefef; } #project_wrap, .pagetitle { background: url(images/bg_blue.gif) repeat-x top left; } .info a.nextproject { background: url(images/nextproject.png) no-repeat top left; } .navigation a { background: #2383cd; } input.text, textarea { background: #efefef; } input.submit { background: #2383cd; } .project_screen { background: url(images/bg_blue.gif) no-repeat top left; } /* -------- Borders -------- */ #footer_wrap { border-top: 1px solid #d4d4d4; } hr { border-top: 1px solid #e0e0e0; } ul.main_nav li { border-left: 1px solid #ccc; } ul.main_nav li.current_page_item a, #home li.left a, ul.main_nav a:hover { border-bottom: 1px dotted #333; } ul.main_nav li.left { border: none; } #project_wrap, .pagetitle { border: 1px solid #dadada; border-bottom: 7px solid #efefef; } .project_screen { border: 5px solid #dadada; } .flickr img { border: 1px solid #fff; } .list h4 { border-bottom: 1px solid #d7d7d7; } .commentlist { border-top: 1px solid #e9e9e9; } .comment { border-bottom: 1px solid #e9e9e9; } .name { border-right: 1px solid #e9e9e9; } .text { border-left: 1px solid #e9e9e9; } /* -------- Fonts -------- */ .post h2.posttitle, h4.title, h1.logo, .module h4, h3.pagetitle { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; } .module h4 { font-weight: bold; } textarea { font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif; } /* -------- Colors -------- */ body { color: #666; } #header_wrap { color: #555; } #footer_wrap { color: #8a8a8a; } h1.logo, h1.logo a, h2.posttitle, h2.posttitle a, .info h2 a, .info h2, h4.title { color: #333; } a, p.description { color: #2383cd; } p.comments, p.comments a { color: #99a5a7; } .info a.nextproject { color: #fff; } .module h4, .list a { color: #5f5f5f; } .navigation a { color: #fff; } input.text, textarea { color: #6e6e6e; } input.submit { color: #fff; } .pagetitle { color: #fff; } /* -------- Miscellaneous -------- */ q { display: block; quotes: none; margin-left: 19px; background: url(images/quote.gif) no-repeat; font-size: 1.1em; font-weight: bold; color: #2383cd; padding: 10px 20px 0 20px; } .spacer { width: 610px; height: 20px; clear: both; }