/* Theme Name: Global Grid Theme URI: http://www.chameleonstudios.co.uk Description: Global Grid Author: Chameleon Studios Author URI: http://www.chameleonstudios.co.uk */ * { margin:0; padding:0 } html, body { font-family:Arial, Helvetica, sans-serif; font-size:90%; background:#1B405B url(images/body-background.jpg) repeat-x top } p { margin-bottom:15px; line-height:130%; } h1 { color:#022E49; font-size:240%; font-weight:normal; margin-bottom:25px;padding-bottom:2px; border-bottom:2px solid #8CAB0D; } h2 { color:#709206; margin-bottom:15px; } a { color:#133853; } .send { background-image:url(images/send.jpg); cursor:pointer; font-size:0; border:0; width:106px; height:29px } #outer { width:100%; background: url(images/header-background.jpg) no-repeat top center } #container { width:979px; margin:0 auto } #header { height:127px; } #header .logo { float:left; width:261px; } #header .search { float:right; } #navigation { width:100%; margin-bottom:13px } #suckerfishnav { width:100%; font-size:110%; } #suckerfishnav, #suckerfishnav ul { position:relative; z-index:99; list-style-type:none; margin:0; width:100%; } #suckerfishnav li { float:left; height:40px; line-height:40px; padding:0; } #suckerfishnav li.current_page_item, #suckerfishnav li.current_page_parent { background:#77A30E url(images/navigation-on.jpg) repeat-x top } #suckerfishnav li.separator { float:left; width:1px; background:url(images/navigation-separator.gif) no-repeat } #suckerfishnav a { display:block; color:#FFF; text-decoration:none; padding:0px 20px; } #suckerfishnav a.dropdown { padding-right:33px; background:url(images/navigation-dropdown.jpg) no-repeat right top } #suckerfishnav li.current_page_item a.dropdown, #suckerfishnav li.current_page_parent a.dropdown { background:url(images/navigation-dropdown-on.jpg) no-repeat right top } #suckerfishnav ul { position:absolute; background:url(images/dropdown-background.png) repeat-y 6px top; left:-999em; width:270px; line-height:1; } #suckerfishnav li li { width:259px; border-bottom:1px solid #284F6C; margin-left:10px; } #suckerfishnav li li.bottom { width:270px; border:none; background:url(images/dropdown-bottom.png) no-repeat 6px top; margin:0; height:5px; padding:0; } #suckerfishnav li li a { width:215px; padding-left:24px; background:#143956 url(images/dropdown-background-off.gif) no-repeat; } #suckerfishnav li li a:hover { background:#77A30E url(images/dropdown-background-on.gif) repeat-x } #suckerfishnav li ul ul { margin:-21px 0 0 150px; } #suckerfishnav li li:hover { margin-left:10px; background:#77A30E url(images/navigation-on.jpg) repeat-x top } #suckerfishnav li ul li:hover a, #suckerfishnav li ul li li:hover a, #suckerfishnav li ul li li li:hover a, #suckerfishnav li ul li li li:hover a { /*color:#dddddd;*/ } #suckerfishnav li:hover a, #suckerfishnav li.sfhover a { /*color:#dddddd;*/ } #suckerfishnav li:hover li a, #suckerfishnav li li:hover li a, #suckerfishnav li li li:hover li a, #suckerfishnav li li li li:hover li a { /*color:#dddddd;*/ } #suckerfishnav li:hover ul ul, #suckerfishnav li:hover ul ul ul, #suckerfishnav li:hover ul ul ul ul, #suckerfishnav li.sfhover ul ul, #suckerfishnav li.sfhover ul ul ul, #suckerfishnav li.sfhover ul ul ul ul { left:-999em; } #suckerfishnav li:hover ul, #suckerfishnav li li:hover ul, #suckerfishnav li li li:hover ul, #suckerfishnav li li li li:hover ul, #suckerfishnav li.sfhover ul, #suckerfishnav li li.sfhover ul, #suckerfishnav li li li.sfhover ul, #suckerfishnav li li li li.sfhover ul { margin-left:-10px; left:auto; /*background-color:#143956;*/ } #suckerfishnav li:hover, #suckerfishnav li.sfhover { background:#77A30E url(images/navigation-on.jpg) repeat-x top } #suckerfishnav li:hover a.dropdown, #suckerfishnav li.sfhover a.dropdown { background:url(images/navigation-dropdown-on.jpg) no-repeat right top } #homepage-banners { width:100%; height:304px; } #homepage { width:100%; background-color:#FFF } #homepage .padding { position:relative; padding:27px } #homepage .social { position:absolute; top:6px; right:30px } #homepage .social .icon { float:right; margin-left:17px } #homepage .content { float:left; width:390px; line-height:145%; margin-right:22px } #homepage .image { float:left; width:512px; } #homepage .right { float:left; width:470px; margin-left:32px } #homepage .right .section { margin-bottom:14px } #homepage .right .section .thumbnail { float:left; width:105px; padding-left:15px; overflow:hidden } #homepage .right .section .description { font-size:90%; padding-top:3px; line-height:135% } #homepage .right .section .description a { text-decoration:none; font-weight:bold; text-transform:uppercase; font-size:110%; } #homepage .right .section .description .text { margin-top:4px } #homepage-panels { width:100%; background-color:#FFF; } #homepage-panels .top { width:100%; height:8px; padding-bottom:10px; background:url(images/homepage-panels-top.jpg) no-repeat } #homepage-panels .panels { width:100%; background:url(images/homepage-panels-middle.gif) repeat-y } #homepage-panels .panels .panel { float:left; } #homepage-panels .panels .panel .padding { padding:13px } #homepage-panels .panels .panel .title { width:100%; text-transform:uppercase; width:90%; font-weight:bold; color:#869F37; text-align:center; padding-bottom:10px; margin-bottom:12px; border-bottom:1px dotted #CCC } #homepage-panels .panels .panel1 { width:240px; margin-left:11px; position:relative; } * html #homepage-panels .panels .panel1 { width:230px; } #homepage-panels .panels .panel1 .rss { position:absolute; left:10px } #homepage-panels .panels .panel1 .content { color:#052D47; padding-right:17px; line-height:140%; font-size:95%; } #homepage-panels .panels .panel1 .content img { margin-bottom:5px; display:block; margin:0 auto } #homepage-panels .panels .panel1 .content a { text-decoration:none; margin-bottom:10px} #homepage-panels .panels .panel1 .content ul { list-style-image:url(images/homepage-panel-news-bullet.gif); margin-left:15px } #homepage-panels .panels .panel1 .content li { margin-top:15px } #homepage-panels .panels .panel1 .content li a { color:#052D47; text-decoration:none } #homepage-panels .panels .panel2 { width:245px } * html #homepage-panels .panels .panel2 { width:235px; } #homepage-panels .panels .panel2 .content { text-align:right; padding-right:17px; } #homepage-panels .panels .panel2 .content img { line-height:140%; display:block; margin:0 auto; margin-bottom:8px; } #homepage-panels .panels .panel2 .content a { text-decoration:none } #homepage-panels .panels .panel3 { width:245px; position:relative; } #homepage-panels .panels .panel3 .rss { position:absolute; left:10px } #homepage-panels .panels .panel3 .content { font-size:95%; } #homepage-panels .panels .panel3 .content ul { list-style-image:url(images/homepage-panel-news-bullet.gif); margin-left:15px } #homepage-panels .panels .panel3 .content li { margin-top:15px } #homepage-panels .panels .panel3 .content li a { color:#052D47; text-decoration:none } #homepage-panels .panels .panel4 { width:238px; position:relative; } #homepage-panels .panels .panel4 .tweets { position:absolute; top:0px; left:10px } #homepage-panels .panels .panel4 .content { } #homepage-panels .panels .panel4 .content .twitter { float:left; width:52px; margin-left:45px; } #homepage-panels .panels .panel4 .content .blogger { float:left; width:55px; } #homepage-panels .panels .panel4 .content .faceboook { float:left; width:38px; } #homepage-panels .panels .panel4 .content .linkedin { margin-top:20px; margin-left:40px; } #homepage-panels .panels .panel4 .content .tweet { font-size:85%; margin-bottom:5px; padding-bottom:5px; border-bottom:1px dotted #CCC } #homepage-panels .panels .panel4 .content .tweet .date { font-size:80%; margin-top:3px } #homepage-panels .bottom { width:100%; height:7px; background:url(images/homepage-panels-bottom.gif) no-repeat } * html #homepage-panels .bottom { background-position:bottom } #video-player .social { margin-top:5px } #video-player .social .icon { float:left; margin-left:17px } #inner { width:100%; } #inner .top { width:100%; height:9px; background:url(images/inner-top.gif) no-repeat } * html #inner .top { background-position:bottom } #inner .middle { width:100%; background:url(images/inner-middle.gif) repeat-y } #inner .middle .left { float:left; width:249px } #inner .middle .left ul { list-style-type:none; } #inner .middle .left li { height:32px; line-height:32px; border-bottom:1px solid #365873 } #inner .middle .left li a { display:block; padding-left:10px; color:#FFF; text-decoration:none } #inner .middle .left li:hover, #inner .middle .left li.current_page_item { background-color:#77A30E; } #inner .middle .main { float:left; width:730px } #inner .middle .main .padding { padding:25px } #inner .middle .main ul { margin-left:35px; margin-bottom:18px; } #inner .middle .main ul li { margin-bottom:10px; } #inner .bottom { width:100%; height:9px; background:url(images/inner-bottom.gif) no-repeat } #inner-contact { width:100%; } #inner-contact .middle { width:100%; } #inner-contact .middle .main { float:left; background-color:#FFF; width:690px } #inner-contact .middle .main .top { width:100%; height:9px; background:url(images/contact-left-top.gif) no-repeat } #inner-contact .middle .main .padding { padding:25px } #inner-contact .middle .main ul { margin-left:35px; margin-bottom:18px; } #inner-contact .middle .main ul li { margin-bottom:10px; } #inner-contact .middle .main .bottom { width:100%; height:9px; background:url(images/contact-left-bottom.gif) no-repeat } #inner-contact .middle .right { float:left; width:279px; margin-left:10px } #inner-contact .middle .right .title { width:100%; height:39px; font-size:120%; font-weight:bold; text-align:center; text-transform:uppercase; line-height:39px; width:100%; color:#FFF; background:url(images/contact-right-top.png) no-repeat } #inner-contact .middle .right .content { width:100%; background-color:#FFF } #inner-contact .middle .right .content .padding { padding:20px } #inner-contact .middle .right .bottom { width:100%; height:9px; margin-bottom:15px; width:100%; color:#FFF; background:url(images/contact-right-bottom.gif) no-repeat } #blog { width:100%; } #blog h1 { padding-bottom:0; border:none } #blog .top { width:100%; height:9px; background:url(images/blog-top.gif) no-repeat } * html #blog .top { background-position:bottom } #blog .middle { width:100%; background-color:#FFF } #blog .middle .right { float:left; color:#666; width:248px; border-left:1px solid #CCC; margin-top:30px } #blog .middle .right input[type="text"] { border:none; margin-right:5px; height:26px; line-height:26px; width:180px; padding:0 4px; background:#FFF url(images/sidebar-input-background.gif) no-repeat; } #blog .middle .right input[type="submit"] { display:block; border:none; background:#90AA13 url(images/sidebar-submit-background.gif) no-repeat; height:33px; padding-bottom:2px; font-size:100%; cursor:pointer; font-weight:bold; text-transform:uppercase; width:91px; color:#FFF; text-align:center; border-top:4px solid #FFF; margin:0 auto } #blog .middle .right .panel { position:relative; width:220px; margin-bottom:25px; /*background-color:#F7F7F7*/ } #blog .middle .right .panel .top { display:none; width:100%; height:15px; background:url(images/blog-panel-top.gif) no-repeat } #blog .middle .right .panel .padding { padding:6px 15px } #blog .middle .right .panel .padding .title { font-size:110%; border-bottom:2px solid #90AA13; padding-bottom:3px; text-transform:uppercase; color:#104267; font-weight:bold; margin-bottom:10px } #blog .middle .right .panel .bottom { display:none; width:100%; height:15px; background:url(images/blog-panel-bottom.gif) no-repeat } #blog .middle .right ul { list-style-type:none; font-size:90%; } #blog .middle .right li { /*border-bottom:1px dotted #CCC;*/ line-height:145%; } #blog .middle .right li a { display:block; color:#104267; padding:6px 0; text-decoration:none } #blog .middle .right li:hover, #blog .middle .right li.current_page_item { background-color:#E9E9E9; } #blog .middle .main { float:left; width:730px } #blog .middle .main hr { border:none; background:none; margin-top:13px; margin-bottom:10px;/* border-top:1px solid #CCC*/ } #blog .middle .main .padding { padding:25px } #blog .middle .main .photo { vertical-align:middle; margin-right:10px } #blog .middle .main .commentlist { list-style-type:none } #blog .middle .main .commentlist li { padding:15px; border-top:1px solid #CCC; background-color:#F3F3F3; margin-bottom:15px } #blog .middle .main .commentlist img { float:left; margin-bottom:13px; verical-align:middle; margin-right:15px; } #blog .middle .main .commentlist cite { font-weight:bold; } #blog .middle .main .commentlist .commentmetadata { font-size:90%; color:#999; margin-top:3px } #blog .middle .main .commentlist .commentmetadata a { font-size:90%; color:#999; text-decoration:none } #blog .middle .main .commentlist p { clear:left; } #blog .middle .main ul { margin-left:35px; margin-bottom:18px; } #blog .middle .main ul li { margin-bottom:10px; } #blog .middle .main ul.related { margin-top:13px; margin-left:25px; list-style-type:none; } #blog .middle .main ul.related li { margin-bottom:6px; padding-left:12px; background:url(images/bullet-green-arrow.gif) center left no-repeat } #blog .middle .main ul.related li a { } #blog .bottom { width:100%; height:9px; background:url(images/blog-bottom.gif) no-repeat } .contact-form { width:95%; margin:0 auto; } .contact-form .rowon { /*background-color:#F3F3F3;*/ padding:10px 25px } .contact-form .rowoff { padding:10px 25px } .contact-form label { clear:left; font-weight:bold; margin-top:2px; float:left; width:215px } .contact-form label span { color:#900 } .contact-form .input { float:left; border:1px solid #BBB; padding:3px; width:320px; } .contact-form select { float:left; border:1px solid #BBB; padding:3px; width:325px; } .contact-form textarea { float:left; border:1px solid #BBB; font-family:Arial, Helvetica, sans-serif; padding:3px; font-size:100%; width:320px } .contact-form .submit { border:none; color:#FFF; padding:6px 8px; background-color:#133853 } #footer-navigation { width:100%; font-size:90%; margin-top:30px; margin-bottom:30px } #footer-navigation .column { float:left; } #footer-navigation .column .title { color:#74AB05; font-weight:bold; text-transform:uppercase; padding-bottom:10px; margin-bottom:12px; border-bottom:1px dotted #476C87 } #footer-navigation .column .column1 { width:212px; padding:0 15px; border-right:1px solid #3B5D78; } #footer-navigation .column .column2 { width:251px; padding:0 15px; border-right:1px solid #3B5D78; } #footer-navigation .column .column3 { width:216px; padding:0 15px; border-right:1px solid #3B5D78; } #footer-navigation .column .column4 { width:176px; padding:0 15px; } #footer-navigation .column ul { list-style-image:url(images/footer-navigation-bullet.gif); margin-left:20px; } #footer-navigation .column li { margin-bottom:10px } #footer-navigation .column li a { color:#FFF; text-decoration:none } #footer { margin-top:10px; color:#7D9FB9; line-height:130%; font-size:85%; border-top:1px solid #B1D156; padding-top:16px; margin-bottom:20px } #footer .logo { float:right; width:144px; margin-left:20px } #footer .copyright { float:right; text-align:right } #footer .links { float:left; } #footer .links a { color:#7D9FB9; text-decoration:none; } #footer .links a.chameleon { color:#527088; } #footer .links a:hover { text-decoration:underline } .clr { clear:both } .aligncenter { display:block; margin-left:auto; margin-right:auto; } .alignleft { float:left } .alignright { float:right }