/* Theme Name: Innovation-RC Blog Theme URL: http://www.innovation-rc.co.uk Description: Proudly Hand Crafted By Entry 5 Productions. Based on E5 'Revolution' theme framework. Version: 1.0 Author: Michael Rei Author URL: http://www.entry5productions.com */ /* --------- Generic Template Variables --------- */ /* Body And Backgrounds */ body { background:url("images/Background.png") repeat #c6c6c1 top center; margin:0px auto; padding:0px; color:#3b3a3a; font-family:arial; font-size:12px; text-align:left; } /* Links */ a, a:link { color:#d10808; text-decoration:underline; } a:visited { color:#d10808; text-decoration:underline; } a:hover { color:#f03c3c; text-decoration:underline; } /* Images */ img { background:transparent; border:none; } /* Effects And Functions */ .hide { display:none; } .clear { clear:both; } /* Browser Detection Module */ #browserdetect { background:#ffffff; border-top:3px #F00 solid; border-bottom:3px #F00 solid; width:100%; height:auto; margin:0px; padding:20px 0px 30px 0px; position:relative; color:#ff3333; font-size:14px; font-weight:bold; line-height:23px; text-align:center; } /* --------- /Generic Template Variables --------- */ /* --------- Header Components Variables --------- */ /* Header Variables - Rev:A001 */ #header { background:url("images/Header-CNC.png") repeat-x; width:auto; height:153px; margin:0px auto; padding:0px; position:relative; } #header-shrink { width:964px; height:153px; margin:0px auto; padding:0px; position:relative; overflow:hidden; } /* Branding Variables - Rev:A001 */ .branding { width:594px; height:99px; margin:0px; padding:0px; position:relative; float:left; overflow:hidden; } /* Toolbox Variables - Rev:A001 */ .toolbox { width:366px; height:99px; margin:0px; padding:0px; position:relative; float:left; overflow:hidden; } .login-form { width:366px; height:28px; margin:20px 0px 0px 0px; padding:0px; position:relative; float:left; text-align:center; color:#868686; font-size:11px; } .search-form { width:366px; height:28px; margin:0px; padding:0px; position:relative; float:left; overflow:hidden; } .search-keyword { background:url("images/Header-Search-Input.png") no-repeat; border:none; width:316px; height:11px; margin:0px; padding:8px 8px 9px 8px; position:relative; float:left; overflow:hidden; color:#636363; font-size:11px; } .search-submit { background:url("images/Header-Search-Button.png") no-repeat; border:none; width:32px; height:28px; margin:0px; padding:0px; left:2px; position:relative; float:left; overflow:hidden; } .toolbox a, .toolbox a:link { color:#A4A4A4; text-decoration:underline; } .toolbox a:visited { color:#A4A4A4; text-decoration:underline; } .toolbox a:hover { color:#FFFFFF; text-decoration:underline; } /* Navigation Variables - Rev:A002 */ .navigation { width:964px; height:47px; margin:2px 0px 0px 0px; padding:0px; position:relative; float:left; overflow:hidden; } .navigation ul { background:url("images/Navigation-Indent.png") no-repeat top right; width:auto; height:47px; margin:0px; padding:0px; position:relative; float:left; list-style-type:none; } .navigation li { background:url("images/Navigation-Indent.png") no-repeat top left; width:auto; height:47px; margin:0px; padding:0px; position:relative; float:left; list-style-type:none; } .navigation li a, .navigation li a:link { width:auto; height:auto; margin:0px; padding:17px 20px 14px 20px; float:left; color:#b8b8b8; font-size:14px; font-weight:bold; text-decoration:none; } .navigation li a:visited { color:#b8b8b8; font-weight:bold; text-decoration:none; } .navigation li a:hover { color:#FFFFFF; font-weight:bold; text-decoration:none; } /* --------- /Header Components Variables --------- */ /* --------- Body Components Variables --------- */ /* Body Variables - Rev:A001 */ #body { background:url("images/Body-Background-Shadow.png") repeat-x; width:100%; height:auto; margin:0px auto; padding:0px; position:relative; } #body-shrink { background:url("images/Body-Background.png") no-repeat center top; width:100%; height:auto; margin:0px auto; padding:0px; position:relative; } #body-shrink-sub { background:url("images/Body-BG-Loop.png") no-repeat; width:964px; height:auto; margin:0px auto; padding:0px; position:relative; overflow:hidden; } /* Carousel Variables - Rev:A001 */ #carousel { background:url("images/Body-Carousel-Frame.png") no-repeat; width:964px; height:280px; margin:23px 0px 0px 0px; padding:0px; position:relative; float:left; overflow:hidden; } #carousel-content { width:952px; height:268px; margin:0px; padding:6px; position:relative; float:left; } .carousel-image { width:952px; height:268px; margin:0px; padding:0px; position:relative; float:left; display:none; } .carousel-image span { background:url("images/Body-Carousel-Overlay.png") no-repeat; width:300px; height:218px; margin:0px; padding:50px 230px 0px 50px; bottom:0px; left:0px; position:absolute; display:none; color:#dfdfdf; font-size:11px; font-weight:normal; text-transform:normal; text-align:left; word-spacing:1px; line-height:18px; } /* Column-1 Variables - Rev:A001 */ .column-1 { width:529px; height:auto; margin:23px 0px 0px 0px; padding:0px; position:relative; float:left; overflow:hidden; } .column-1-header { background:url("images/Body-Column1-Header.png") no-repeat; width:529px; height:20px; margin:0px; padding:0px; position:relative; float:left; overflow:hidden; } .column-1-loop { background:url("images/Body-Column1-Loop.png") repeat-y; width:529px; height:auto; margin:0px; padding:0px; position:relative; float:left; overflow:hidden; } .column-1-footer { background:url("images/Body-Column1-Footer.png") no-repeat; width:529px; height:20px; margin:0px; padding:0px; position:relative; float:left; overflow:hidden; } /* Post Variables - Rev:A001 */ .post { width:491px; height:auto; margin:0px; padding:0px 18px 20px 18px; position:relative; float:left; overflow:hidden; } .page { width:491px; height:auto; margin:0px; padding:0px 18px 0px 18px; position:relative; float:left; overflow:hidden; } .post-title { background:url("images/Body-Post-Header-CNC.png") no-repeat; width:491px; height:72px; margin:0px; padding:0px; position:relative; float:left; overflow:hidden; } .post-title h2 { width:461px; height:25px; margin:0px; padding:12px 15px 0px 15px; position:relative; float:left; overflow:hidden; color:#FFFFFF; font-size:19px; font-weight:bold; } .post-title h2 a, .post-title h2 a:link { color:#FFFFFF; text-decoration:none; } .post-title h2 a:visited { color:#FFFFFF; text-decoration:none; } .post-title h2 a:hover { color:#FFFFFF; text-decoration:underline; } .post-meta { width:461px; height:15px; margin:0px; padding:18px 15px 0px 15px; position:relative; float:left; overflow:hidden; color:#838383; font-size:11px; text-align:right; } .post-content { width:461px; height:auto; margin:0px; padding:0px 15px 0px 15px; position:relative; float:left; overflow:hidden; } .post-content h1, .post-content h2, .post-content h3, .post-content h4, .post-content h5, .post-content h6 { width:461px; height:auto; margin:10px 0px 0px 0px; padding:0px; position:relative; float:left; color:#838383; } .post-content p { width:auto; height:auto; margin:10px 0px 0px 0px; padding:0px; position:relative; line-height:19px; } .post-content pre { background:#f7f7f7; border-left:solid #cacaca 3px; width:438px; height:auto; margin:10px 0px 0px 0px; padding:10px; position:relative; } .post-content blockquote { background:#f7f7f7; border-left:solid #cacaca 3px; width:auto; height:auto; margin:10px 0px 0px 0px; padding:0px; position:relative; overflow:hidden; } .post-content blockquote p, .post-content blockquote pre { width:auto; height:auto; margin:0px; padding:10px; position:relative; } .post-content blockquote blockquote { background:#FFFFFF; border-left:solid #cacaca 3px; width:auto; height:auto; margin:10px; padding:0px; position:relative; overflow:hidden; } .post-content blockquote blockquote p, .post-content blockquote blockquote pre { width:auto; height:auto; margin:0px; padding:10px; position:relative; } .post-content ul { width:421px; height:auto; margin:0px; padding:10px 0px 0px 40px; position:relative; float:left; } .post-content ul li { width:421px; height:auto; margin:0px; padding:4px 0px 4px 0px; position:relative; float:left; } .post-content ul ol { width:381px; height:auto; margin:0px; padding:0px 0px 0px 40px; position:relative; float:left; } .post-content ul ol li { width:381px; height:auto; margin:0px; padding:4px 0px 4px 0px; position:relative; float:left; } .post-content ol { width:421px; height:auto; margin:0px; padding:10px 0px 0px 40px; position:relative; float:left; } .post-content ol li { width:421px; height:auto; margin:0px; padding:4px 0px 4px 0px; position:relative; float:left; } .post-content ol ul { width:381px; height:auto; margin:0pxx; padding:0px 0px 0px 40px; position:relative; float:left; } .post-content ol ul li { width:381px; height:auto; margin:0px; padding:4px 0px 4px 0px; position:relative; float:left; } .post-content p img { border:3px solid #8a8a8a; } .post-content p img:hover { border:3px solid #e2e2e2; } .post-content a, .post-content a:link { color:#d10808; text-decoration:underline; } .post-content a:visited { color:#d10808; text-decoration:underline; } .post-content a:hover { color:#f03c3c; text-decoration:underline; } .post-footer { background:url("images/Body-Post-Footer.png") no-repeat center bottom; width:461px; height:auto; margin:20px 0px 0px 0px; padding:15px 15px 15px 15px; position:relative; float:left; color:#838383; font-size:11px; } .post-footer a, .post-footer a:link { color:#838383; text-decoration:underline; } .post-footer a:visited { color:#838383; text-decoration:underline; } .post-footer a:hover { color:#595959; text-decoration:underline; } .aligncenter { text-align:center; } .alignright { margin:10px 0px 10px 10px; padding:0px; position:relative; float:right; } .alignleft { margin:10px 10px 10px 0px; padding:0px; position:relative; float:left; } /* Posts Navigation Varibles - Rev:A001 */ .wp-pagenavi { width:491px; height:27px; margin:0px; padding:0px 18px 0px 18px;; position:relative; float:left; font-weight:bold; } .wp-pagenavi a, .wp-pagenavi a:link { width:auto; height:15px; margin:0px 3px 0px 3px; padding:5px 9px 5px 9px; position:relative; float:left; color:#828282; background:#FFFFFF; border:1px solid #dbdbdb; text-decoration:none; } .wp-pagenavi a:visited {w idth:auto; height:15px; margin:0px 3px 0px 3px; padding:5px 9px 5px 9px; position:relative; float:left; color:#828282; background:#FFFFFF; border:1px solid #dbdbdb; text-decoration:none; } .wp-pagenavi a:hover { width:auto; height:15px; margin:0px 3px 0px 3px; padding:5px 9px 5px 9px; position:relative; float:left; color:#d10808; background:#FFFFFF; border:1px solid #d10808; text-decoration:none; } .wp-pagenavi a:active { width:auto; height:15px; margin:0px 3px 0px 3px; padding:5px 9px 5px 9px; position:relative; float:left; color:#dbdbdb; background:#FFFFFF; border:1px solid #dbdbdb; } .wp-pagenavi span.pages { width:auto; height:15px; margin:0px 3px 0px 0px; padding:5px 9px 5px 9px; position:relative; float:left; color:#828282; background:#FFFFFF; border:1px solid #dbdbdb; } .wp-pagenavi span.current { width:auto; height:15px; margin:0px 3px 0px 3px; padding:5px 9px 5px 9px; position:relative; float:left; color:#dbdbdb; background:#FFFFFF; border:1px solid #dbdbdb; } .wp-pagenavi span.extend { width:auto; height:15px; margin:0px 3px 0px 3px; padding:5px 9px 5px 9px; position:relative; float:left; color:#828282; background:#FFFFFF; border:1px solid #dbdbdb; } /* 404 Error Page Varibles - Rev:A001 */ .not-found { width:491px; height:auto; margin:0px; padding:20px 18px 20px 18px; position:relative; float:left; overflow:hidden; text-align:center; } .not-found h2 { color:#3b3a3a; font-size:20px; margin:5px 0px 20px 0px; padding:0px; } /* Commenting System Varibles - Rev:A002 */ #comments { width:491px; height:auto; margin:0px; padding:0px 18px 0px 18px; position:relative; float:left; overflow:hidden; } /* Comments Form Variables - Rev:A001 */ #comment-form { width:461px; height:auto; margin:0px; padding:0px 15px 20px 15px; position:relative; float:left; overflow:hidden; } #comment-form h2 { width:461px; height:auto; margin:0px; padding:0px; position:relative; float:left; overflow:hidden; color:#3b3a3a; font-size:14px; font-weight:bold; } #comment-form p { width:461px;height:auto; margin:0px; padding:10px 0px 0px 0px; position:relative; float:left; overflow:hidden; font-size:11px; } #commentform { width:461px; height:auto; margin:0px; padding:0px; position:relative; float:left; overflow:hidden; } #commentform label { width:auto; height:auto; margin:0px; padding:0px; top:2px; left:10px; position:relative; color:#8a8a8a; font-size:11px; font-weight:bold; } #commentform #author, #commentform #email, #commentform #url, #commentform textarea { background:transparent; border:3px solid #e2e2e2; margin:0px; padding:0px; position:relative; float:left; color:#838383; font-family:Arial; font-size:13px; } #commentform textarea { width:455px; height:130px; } /* Comment List Variables - Rev:A001 */ #comment-list { width:461px; height:auto; margin:0px; padding:0px 15px 15px 15px; position:relative; float:left; overflow:hidden; } .comment-stats { width:461px; height:auto; margin:0px; padding:0px; position:relative; float:left; color:#3b3a3a; font-size:14px; font-weight:bold; } .comment { background:#f7f7f7; border:1px solid #d9d9d9; width:459px; height:auto; margin:15px 0px 0px 0px; padding:0px; position:relative; float:left; overflow:hidden; } .comment-header { width:429px; height:auto; margin:0px; padding:15px 15px 0px 15px; position:relative; float:left; overflow:hidden; } .avatar { width:48px; height:48px; margin:0px; padding:0px 15px 0px 0px; position:relative; float:left; overflow:hidden; } .comment-author { width:366px; height:auto; margin:0px; padding:0px; top:4px; position:relative; float:left; overflow:hidden; color:#d10808; font-size:18px; font-weight:bold; } .comment-author a, .comment-author a:link { color:#d10808; font-weight:bold; text-decoration:none; } .comment-author a:visited { color:#d10808; font-weight:bold; text-decoration:none; } .comment-author a:hover { color:#f03c3c; font-weight:bold; text-decoration:underline; } .comment-meta { width:366px; height:auto; margin:0px; padding:0px; top:6px; position:relative; float:left; color:#838383; font-size:11px; font-weight:normal; } .comment-meta a, .comment-meta a:link { color:#838383; text-decoration:underline; } .comment-meta a:visited { color:#838383; text-decoration:underline; } .comment-meta a:hover { color:#595959; text-decoration:underline; } .comment-content { width:429px; height:auto; margin:0px; padding:0px 15px 15px 15px; position:relative; float:left; overflow:hidden; } .comment-content p { width:auto; height:auto; margin:10px 0px 0px 0px; padding:0px; position:relative; font-size:12px; line-height:19px; } .comment-content blockquote { background:#FFFFFF; border-left:solid #cacaca 3px; width:auto; height:auto; margin:10px 0px 0px 0px; padding:0px; position:relative; overflow:hidden; } .comment-content blockquote p, .post-content blockquote pre { width:auto; height:auto; margin:0px; padding:10px; position:relative; } .comment-content blockquote blockquote { background:#f7f7f7; border-left:solid #cacaca 3px; width:auto; height:auto; margin:10px; padding:0px; position:relative; overflow:hidden; } .comment-content blockquote blockquote p, .post-content blockquote blockquote pre { width:auto; height:auto; margin:0px; padding:10px; position:relative; } /* Sidebar Columns Variables - Rev:A001 */ .column-2 { width:409px; height:auto; margin:23px 0px 0px 0px; padding:0px; left:26px; position:relative; float:left; } .sidebar-left { width:197px; height:auto; margin:0px; padding:0px; position:relative; float:left; } .sidebar-right { width:197px; height:auto; margin:0px; padding:0px; left:15px; position:relative; float:left; } /* Sidebar Variables - Rev:A001 */ .sidebar { width:409px; height:auto; margin:0px; padding:0px; position:relative; float:left; overflow:hidden; color:#555555; font-size:11px; } .sidebar-header { background:url("images/Body-Sidebar-Header.png") no-repeat; width:409px; height:52px; margin:0px; padding:0px; position:relative; float:left; overflow:hidden; } .sidebar-content { background:url("images/Body-Sidebar-Loop.png") repeat-y; width:302px; height:auto; margin:0px; padding:0px 54px 0px 53px; position:relative; float:left; overflow:hidden; } .sidebar-content img { width:300px; height:175; margin:0px; padding:0px; position:relative; float:left; overflow:hidden; border:1px solid #b1b1b1; } .sidebar-footer { background:url("images/Body-Sidebar-Footer.png") no-repeat; width:409px; height:52px; margin:0px; padding:0px; position:relative; float:left; overflow:hidden; } /* Widget Variables - Rev:A001 */ .widget { width:197px; height:auto; margin:15px 0px 0px 0px; padding:0px; position:relative; float:left; overflow:hidden; color:#555555; font-size:11px; } .widget-title { background:url("images/Body-Widget-Header.png") no-repeat; width:172px; height:43px; margin:0px; padding:17px 0px 0px 25px; position:relative; float:left; overflow:hidden; } .widget-title h3 { width:145px; height:auto; margin:0px; padding:0px; position:relative; float:left; overflow:hidden; color:#3b3a3a; font-size:15px; font-weight:bold; text-align:left; } .widget-content { background:url("images/Body-Widget-Loop.png") repeat-y; width:167px; height:auto; margin:0px; padding:0px 15px 0px 15px; position:relative; float:left; overflow:hidden; } .widget-content p { width:auto; height:auto; margin:0px 0px 5px 0px; padding:0px; position:relative; line-height:19px; } .widget-content ul { width:167px; height:auto; margin:0px; padding:0px; position:relative; float:left; list-style-type:none; list-style-image:none; list-style-position:outside; border-top:1px dotted #dbdbdb; } .widget-content ul li { background:url("images/Body-Widget-Icon.png") no-repeat 10px 8px; width:142px; height:auto; margin:0px; padding:5px 0px 7px 25px; position:relative; float:left; border-bottom:1px dotted #dbdbdb; } .widget-content a, .widget-content a:link { color:#555555; text-decoration:none; } .widget-content a:visited { color:#828282; text-decoration:none; } .widget-content a:hover { color:#828282; text-decoration:underline; } .widget-footer { background:url("images/Body-Widget-Footer.png") no-repeat; width:197px; height:20px; margin:0px; padding:0px; position:relative; float:left; overflow:hidden; text-align:center; } /* Calenda Widget - Rev:A001 */ #calendar_wrap { width:167px; height:auto; margin:0px; padding:0px; position:relative; float:left; overflow:hidden; } #wp-calendar { width:167px; height:auto; margin:0px; padding:0px; position:relative; float:left; overflow:hidden; } #wp-calendar table { width:100%; height:auto; margin:0px; padding:0px; position:relative; float:left; overflow:hidden; } #wp-calendar caption { width:100%; height:auto; margin:0px; padding:2px 0px 2px 0px; position:relative; border:1px dotted #dbdbdb; color:#838383; font-weight:bold; text-align:center; } #wp-calendar th { margin:5px 0px 5px 0px; padding:2px 0px 2px 0px; color:#838383; font-style:normal; text-transform:capitalize; text-align:center; } #wp-calendar td { margin:0px; padding:2px 0px 2px 0px; border:1px dotted #dbdbdb; color:#838383; text-align:center; } #wp-calendar td a, #wp-calendar td a:link { margin:0px; padding:2px 0px 2px 0px; color:#d10808; text-align:center; text-decoration:underline; } #wp-calendar td a:visited { color:#d10808; } #wp-calendar td a:hover { color:#f03c3c; } #wp-calendar #next a, #wp-calendar #next a:link { margin:0px; padding:2px 10px 2px 0px; color:#d10808; text-align:right; text-decoration:underline; } #wp-calendar #next a:visited { color:#d10808; } #wp-calendar #next a:hover { color:#f03c3c; } #wp-calendar #prev a, #wp-calendar #prev a:link { margin:0px; padding:2px 0px 2px 10px; color:#d10808; text-align:left; text-decoration:underline; } #wp-calendar #prev a:visited { color:#d10808; } #wp-calendar #prev a:hover { color:#f03c3c; } /* Text Widget - Rev:A001 */ .textwidget { width:167px; height:auto; margin:0px; padding:0px; position:relative; float:left; overflow:hidden; } .textwidget p { width:auto; height:auto; margin:0px 0px 5px 0px; padding:0px; position:relative; line-height:19px; } .textwidget img { width:auto; height:auto; margin:0px; padding:0px; position:relative; text-align:center; } /* --------- /Body Components Variables --------- */ /* --------- Footer Components Variables --------- */ /* Footer Variables - Rev:A001 */ #footer { background:url("images/Footer-Background.png") repeat-x #d0d0cc; width:100%; height:auto; margin:50px auto 0px; padding:0px; position:relative; } #footer-shrink { width:964px; height:auto; margin:0px auto; padding:0px; position:relative; overflow:hidden; } /* Navigation Variables - Rev:A002 */ .footer-navigation { width:600px; height:24px; margin:0px; padding:11px 0px 0px 240px; position:relative; float:left; overflow:hidden; } .footer-navigation ul { width:auto; height:13px; margin:0px; padding:0px; position:relative; float:left; list-style-type:none; border-left:1px solid #b4b4b2; } .footer-navigation li { width:auto; height:13px; margin:0px; padding:0px; position:relative; float:left; list-style-type:none; border-right:1px solid #b4b4b2 } .footer-navigation li a { width:auto; height:auto; margin:0px; padding:0px 10px 0px 10px; position:relative; float:left; color:#5e5e5a; font-size:11px; font-weight:bold; text-decoration:none; } .footer-navigation li a:visited { color:#5e5e5a; font-weight:bold; text-decoration:none; } .footer-navigation li a:hover { color:#393935; font-weight:bold; text-decoration:none; } /* Footer Branding Variables - Rev:A001 */ .footer-group { width:590px; height:100px; margin:0px; padding:0px 0px 0px 180px; position:relative; float:left; overflow:hidden; } .footer-branding { width:81px; height:86px; margin:0px 0px 0px 0px; padding:0px; position:relative; float:left; overflow:hidden; } .footer-text { width:489px; height:66px; margin:0px auto 0px; padding:20px 0px 0px 20px; position:relative; float:left; overflow:hidden; color:#6d6d6d; font-size:11px; text-align:left; line-height:22px; } /* --------- /Footer Components Variables --------- */