/* ----------------------------------------------- Creative People's Centre - - - - - - - - - - - - - - - - - - - - - - - - Description: Base Setup Styles Filename: cpc.base.css Author: Catch Design Limited (www.catchdesign.co.nz) Date: 10 November 2008 Updated: 10 November 2008 Version: v.0.02 ----------------------------------------------- */ /* GLOBAL - Clearfix - Generic - Typography - Forms - Lists - Tables STRUCTURE - Masthead - Content - Footer - Primary Nav - Secondary Nav DETAIL - Articles - **GUYS, this is where anything from Graphical headers, to section specific styles can go** PLUGINS - **Plugin specific styles here** */ /* =GLOBAL ----------------------------------------------- */ body { font: 63.7%/1.4 Arial, sans-serif; color:#666 ; background: #efefef url(../img/bg_page.png) repeat-y top center; } body#sub { background: #efefef url(../img/bg_page_sub.png) repeat-y top center; } /* =Clearfix */ .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix { display: inline-table; } /* Hides from IE-mac \*/ .clearfix { height: 1%; } .clearfix { display: block; } /* End hide from IE-mac */ /* =Generic */ a { color:#e50021 ; text-decoration:underline; } a:hover { text-decoration: none; } a img, a:hover img { border: none; } .hide { text-indent:-9999em; outline:none; } .alignright { float:right; } .alignleft { float:left; } img.alignright { padding:0; margin:0 0 10px 15px; } img.alignleft { padding:0; margin:0 15px 10px 0; } img.border{background:#FFFFFF none repeat scroll 0 0;border:1px solid #DDDDDD;padding:2px;} .link_external { background:url(../img/icon_external.gif) right no-repeat; padding-right:12px; margin-right:2px; } .note { font-style:italic; padding:10px; border:1px solid #ccc; margin:10px 15px; } /* =Typography */ p { font-size:1.2em; margin-bottom:.6em; } .large {font-size:1.4em; } small {} strong {font-weight:bold;} em {font-style:italic;} #home h1 {margin-bottom: 60px;} #home h1 a { background:url(../img/logo_cpc.png) no-repeat 0 0; width:487px; height:76px; display: block;} #sub h1 {margin-bottom:30px;} #sub h1 a { background:url(../img/logo_cpc_small.png) no-repeat 0 0; width:335px; height:60px; display: block;} h2 { font-size:2em; color:#000; margin-bottom:15px} h3 { text-transform: uppercase; color:#333; font-size:1.2em; background: #fff; padding: 6px 22px 5px; margin-bottom:10px; /*letter-spacing:0.5px;*/} h3 a {text-decoration: none; color:#333;} .first h3 {background: #000; color:#fff; margin-bottom:0; font-weight:bold} .first h3 a { color:#fff; } .first h3 a:hover { color:#ccc; } .inside h3 {background:none;padding:0; text-transform:none; font-size:1.5em;margin-top:25px;} h3#comments{background:none;padding:0; text-transform:none; font-size:1.4em;} h4 { font-size:1.5em; color:#e50021; line-height:1.2; margin-bottom:.6em;} h5 { font-size:1.4em; color:#e50021; line-height:1.2; margin-bottom:10px;margin-top:15px;} #home h5, .thumb_teaser_music h5, .thumb_teaser h5{margin-top:0;margin-bottom:5px;} #sub h5 {color:#333; font-weight:bold;} #sub h5 a {font-weight:normal;} h6 {font-size:1.4em;line-height:1;text-transform:uppercase; color:#333; margin:10px 0 12px;} h6.comments {background:transparent url(../img/sprites.png) no-repeat scroll 0 -117px;padding-left:18px;} /* =Forms */ fieldset {} fieldset legend {} label {display: none;} input {} input.textbox {background: url(../img/bg_input_wide.png) no-repeat 0 0; width:249px; color:#666; border: none; float:left;font-size:1.2em; padding: 8px 10px;clear:left;margin-bottom:15px;} input.radio {} input.checkbox {float:left;} input.submit {} textarea {background: url(../img/bg_text_area.png) no-repeat 0 0; width:249px; height: 134px; color:#666; border: none; float:left;margin: 0 10px 17px 0;font-size:1.2em; padding: 8px 10px;clear:left; font-family:Arial, sans-serif;} select {margin-bottom:15px;color:#666;font-size:1.2em;} #search {float:right;} #sub #search {margin-top:0;} #search fieldset { background: url(../img/bg_search.png) no-repeat 0 0; width:296px; height: 48px; padding: 5px; } #search input.textbox {width:196px;background: url(../img/bg_input_search.png) no-repeat 0 0; margin-right:10px;height:auto;} #post_comment {} #post_comment .holder {margin:7px 0 0 50px; float:left} #post_comment .holder label {display: block;float:left;font-size:1.2em;margin-left:7px;} #btn_search { background-position: 0 -60px; width: 70px; float:left;} #btn_post_comment { background-position: 0 0; width: 117px; float:left; clear:left;} #btn_signup { background-position: 0 -30px; width: 75px; float:right; margin-right:0;} #btn_contribute {display: block; width: 306px; height:110px; background: url(../img/btn_contribute.png) no-repeat 0 0; margin-bottom:20px;} /* =Lists */ ul {margin:0 0 1em 2em;} ol {margin:0 0 1em 2em;} ol li{ list-style-type:decimal;} li { font-size:1.2em; list-style: disc; list-style-position:outside;margin-bottom:0.3em;} ul li{ list-style-image:url(../img/bg_bullet.png) ;} .listing {margin-left:0;} .listing li {margin-bottom: 10px; list-style-type: none !important; list-style-image:none;} .listing img {margin: 0 10px 0 0 !important;} .listing a {display: block;} .listing li p { font-size:1em; } /* =Tables */ table {} td {} /* =STRUCTURE ----------------------------------------------- */ #bg {width:100%; background: url(../img/background/rotate.php) no-repeat top center scroll;} #flash_bg {height:100%;overflow:visible;width:100%;} .wrap { width: 980px; margin: 0 auto;} .columns {} .module {background: url(../img/bg_panel.png) repeat-x bottom left; padding-bottom:20px; margin-bottom:20px;} .col_left {float:left; width:306px;} .wide {width:643px; padding-bottom: 40px;} .tall {margin-bottom: 40px;} .col_mid {float:left; width: 307px; margin-left: 32px; } .col_right {float:right; width: 307px; } .col_left.last {/*margin-left: 32px;*/ float:right;} .cleared {clear: both;} /* Masthead */ #masthead { width: 100%; background: url(../img/bg_header.png) repeat-x -78px 0; height:70px;} #masthead .wrap { padding-top: 10px; } /* Container */ #container {} #container .wrap {padding: 30px 0 30px;} /* Footer */ #footer { width:100%; background:#000;} #footer .wrap { padding: 30px 0 50px} #footer a {color:#fff;} #footer p {color:#fff;} #footer dt, #footer dd {color:#fff; font-size:1.2em; margin-bottom:.6em} #footer dt {font-weight: bold; float:left; width: 5em;} #footer p.thanks { font-size:1.1em; margin-bottom:20px; text-align:right; color:#ccc; } #footer p.thanks a.link_external { background-image:url(../img/icon_external_wht.gif); } /* Primary Nav */ #prim_nav { height:37px; margin:0;} #prim_nav li { float:left; list-style: none; margin-bottom:0; } #prim_nav a { display: block; height:37px; width:64px; text-indent: -999em; outline: none; background: url(../img/prim_nav.png) no-repeat 0 0; outline:none;} #prim_nav_1 a {background-position: 0 0;} #prim_nav_1 a:hover, #prim_nav_1.current_page_item a {background-position: 0 -37px;} #prim_nav #page-item-2 a {background-position: -64px 0; width: 67px;} #prim_nav #page-item-2 a:hover, #prim_nav #page-item-2.current_page_item a, #prim_nav #page-item-2.current_page_parent a {background-position: -64px -37px;} #prim_nav #page-item-4 a {background-position: -131px 0; width:115px} #prim_nav #page-item-4 a:hover, #prim_nav #page-item-4.current_page_item a, #prim_nav #page-item-4.current_page_parent a, #prim_nav #page-item-4.current_page_ancestor a {background-position: -131px -37px;} #prim_nav #page-item-6 a {background-position: -247px 0; width: 83px;} #prim_nav #page-item-6 a:hover, #prim_nav #page-item-6.current_page_item a, #prim_nav #page-item-6.current_page_parent a, #prim_nav #page-item-6.current_page_ancestor a {background-position: -247px -37px;} #prim_nav #page-item-8 a {background-position: -329px 0; width: 111px;} #prim_nav #page-item-8 a:hover, #prim_nav #page-item-8.current_page_item a, #prim_nav #page-item-8.current_page_parent a, #prim_nav #page-item-8.current_page_ancestor a {background-position: -329px -37px;} #prim_nav #page-item-610 a {background-position: -441px 0; width: 80px;} #prim_nav #page-item-610 a:hover, #prim_nav #page-item-610.current_page_item a, #prim_nav #page-item-610.current_page_parent a, #prim_nav #page-item-610.current_page_ancestor a {background-position: -441px -37px;} #prim_nav #page-item-12 a {background-position: -518px 0; width: 95px;} #prim_nav #page-item-12 a:hover, #prim_nav #page-item-12.current_page_item a, #prim_nav #page-item-12.current_page_parent a, #prim_nav #page-item-12.current_page_ancestor a {background-position: -518px -37px;} #prim_nav #page-item-14 a {background-position: -613px 0; width: 93px;} #prim_nav #page-item-14 a:hover, #prim_nav #page-item-14.current_page_item a, #prim_nav #page-item-14.current_page_parent a, #prim_nav #page-item-14.current_page_ancestor a {background-position: -613px -37px;} /* Secondary Nav */ #secondary_nav, .wp-tag-cloud {margin:0;} #secondary_nav li, .wp-tag-cloud li { font-weight:bold; border-top:1px solid #eee; list-style: none !important;margin-bottom:0; list-style-image:none;} #secondary_nav a, .wp-tag-cloud a { display:block;height:20px;padding:7px 5px 5px 22px;text-decoration:none;width:280px; outline:none;} #secondary_nav a:hover, #secondary_nav .current_page_item a, #secondary_nav .current_page_ancestor a, .wp-tag-cloud a:hover { background: url(../img/bg_secondary_nav_hover.png) repeat-x 0 0;} /* Tertiary Nav */ #secondary_nav li ul li { font-weight:normal !important; font-size:1.0em !important; border: none !important; margin:10px 0 5px 15px; } #secondary_nav li ul a { display:inline !important; background:none !important; padding:0 !important; height:auto; width:auto; } #secondary_nav li ul a:hover, #secondary_nav li ul .current_page_item a { text-decoration:underline; } /* =DETAIL ----------------------------------------------- */ #logo_old_cpc {background: url(../img/logo_old_cpc.png) no-repeat 0 0; width:58px; height:53px; float:right;margin-top:-7px;} #logo_old_cpc a{width:100%;height:100%;display:block;outline:none;} #logo_catch {background: url(../img/logo_catch.png) no-repeat 0 0; display: block; height:14px; width:88px; float:right} .item {padding: 10px 20px 4px;} .bottom_border { border-bottom: 1px solid #eee;} img.bordered { background: #fff; padding: 2px; border:1px solid #ddd;} a:hover img.bordered {border:1px solid #ababab;} .icon, .btn {display: block; background: url(../img/sprites.png) no-repeat 0 0; } .btn {height:30px;} .icon_rss {display: block; background-position: 0 -90px; width:12px; height:12px;margin:8px 20px 0 0;} .icon_comments { background-position:0 -117px;color:#000000;font-size:1em;line-height:1;margin:8px 10px 0 0;padding-left:17px;text-decoration:none;height:13px;} .icon_print { background-position: -12px -90px; width: 10px; height:10px; margin: 9px 20px 0 0} .icon_email { background-position: -22px -90px; width:18px; height:8px;margin:10px 15px 0 0;} .icon_back_to_top {background-position:0 -104px;color:#333;line-height:1;padding-left:10px;text-decoration:none;text-transform:uppercase;margin-top:1em;} a:hover.icon_back_to_top {text-decoration: underline;} a.icon_star {background-position:0 -129px; padding-left:15px;} a.icon_star:hover {background-position:0 -142px;} .icon_arrow {background: url(../img/icon_arrow.png) no-repeat 0 0; padding-left: 20px;} .alignleft.holder p {width: 286px;} .alignright.holder p {width: 286px;} div.ilsb-parent, div.ilsb-child {background:none !important;} /* Articles */ .functions { color:#b2b2b2; margin:40px 0 10px; position:relative; } .functions p {font-size:1.1em;} .functions a {color:#b2b2b2; text-decoration:none;} .functions a:hover {text-decoration: underline; color:#666;} ul.comments {margin-left:0;} ul.comments li {list-style: none; padding: 20px 20px 15px; border-bottom:1px solid #eee;} ul.comments p {width: 411px; font-size:1em; color:#808080;} ul.comments .meta {float: right;} ul.comments .meta p {width:172px} ul.comments .meta a {display: block;} .first .item {padding:0; margin: 0;} p.no_wrap {width: 510px; float:left} p.downloadlink{margin:20px 0;} p a.downloadlink{background:none;padding:9px 0 5px 40px;} p.download_pdf{margin:30px 0;} p.download_pdf a{background: url(../img/icon_pdf.png) no-repeat 0 5px !important; outline:none;} p.download_mp3{margin:30px 0;} p.download_mp3 a{background: url(../img/icon_mp3.png) no-repeat 0 5px !important; outline:none;} /* =PLUGINS ----------------------------------------------- */ /* Thumbnails */ .thumb_teaser a img { float:left; background:#fff; border:1px solid #ddd; padding:2px; margin:0 8px 4px 0; } .thumb_teaser a:hover img { border:1px solid #ababab; } .thumb_teaser_music a img { float:left; background:#fff; border:1px solid #ddd; padding:2px; margin:0 15px 10px 0; } .thumb_teaser_music a:hover img { border:1px solid #ababab; } /* WP Email */ #wp-email textarea { font-size:1.0em; } #wp-email label {display:inline; float:left;} #wp-email input.TextField {background: url(../img/bg_input_wide.png) no-repeat 0 0; width:249px; color:#666; border: none; font-size:1.0em; padding: 8px 10px;clear:left;} #wp-email p { clear:both; } /* Events */ .ce_event_date { color:#333; font-weight:bold; float:right; margin:0; } .ce_image { float:right; margin:7px 0 5px 10px; } /*.ce_image span a { border:3px solid #ccc; display:block; color:#fff; width:120px; height:20px; padding:4px 0 3px 10px; font-size:1.3em; font-weight:bold; background:#00BCDF; text-decoration:none; }*/ .event_item { padding: 10px 0 4px; } .ce_event_image img { margin:0 0 10px 10px; } div.ce_category { width:128px; height:39px; display:block; } div.category_seminars { background:transparent url(/_r/img/img_banner_seminar.jpg) no-repeat; } div.event_date li { list-style:none; font-size:1.4em; padding:10px 0; } div.event_meta h3 { color:#333; font-weight:bold; margin-bottom:0; } p.meta_text { float:right; padding: 6px 12px 0 0; text-transform:uppercase; font-size:1.1em; } /* FormBuilder */ #fieldformBuilderFieldName, #fieldformBuilderFieldEmail_Address, #fieldformBuilderFieldWebsite, #fieldformBuilderFieldPhone_number {background: url(../img/bg_input_wide.png) no-repeat 0 0; width:249px; color:#666; border: none;font-size:1.2em; padding: 8px 10px;clear:left;margin-bottom:15px;} form.formBuilderForm, div.formBuilderSuccess {padding-left:0 !important;margin-top: 20px !important;} div.formBuilderFailure {background-color:#fff !important;border:1px solid #666 !important;margin:0 !important;padding:10px !important; margin:20px 0 !important;} .formBuilderForm .large_text_area textarea{float:none !important;} .formBuilderLabel, .formBuilderLabelRequired{display:none;} .formBuilderForm .small_text_area textarea {background:transparent url(../img/bg_text_area_large.png) no-repeat scroll 0 0 !important;width:420px !important; height:205px !important;} /* Similar Posts */ .related{background:#ededec;border:1px solid #d9d9d9;padding:10px;margin-top:20px;} .related h3{background:none;padding:0; margin-top:0;} .related ul{} /* Related Events */ .related_events{background:#ededec;border:1px solid #d9d9d9;padding:10px;margin-top:20px;} .related_events h3{background:none;padding:0; margin-top:0;} .related_events ul{} /* Sticky posts */ /* Subscribe to comments */ p.subscribe-to-comments { margin-bottom:15px !important; } .subscribe-to-comments label { display:inline !important; }