/* LAYOUT */ /* ----------------------------------------- */ /* These rather presentational classes are generated by WordPress, so it's useful to have some styles for them. Edit as you see fit. More info: http://codex.wordpress.org/CSS */ .aligncenter { display:block; margin:0 auto } .alignleft { float:left } .alignright { float:right } .wp-caption { border:1px solid #666; text-align:center; background:#ccc; padding:10px; margin:10px } /* You might find the following useful */ /* div, ul, li { position:relative } This will save you having to declare each div / ul / li's position as 'relative' and allows you to absolutely position elements inside them */ br.clear { clear:both; display:block; height:1px; margin:-1px 0 0 0 } /* Use this br class to clear your floated columns */ li#theme-switcher { background:#fff; border:10px solid red; padding:20px; position:fixed; top:0; right:0 } /* Use this if you have the Theme Switcher Reloaded plugin (http://themebot.com/webmaster-tools/1-wordpress-theme-switcher-reloaded) installed and want to make it nice and obvious */ .alt{position:absolute; left:-99999em;} .clear{clear:both;} a{text-decoration:none;} body{background: #929191 url(images/bg.gif); background-repeat: repeat-y; background-position: center; font-size:62.5%; font-family: Arial, Verdana, sans-serif; } h2{font-size:2.4em; font-weight:bold;} h3{color:#030000; font-size:1.2em;} h4{color:#5f5f5e; font-size:1.1em;} p{color:#5f5f5e; font-size:1.1em; line-height:1.4em;} #outer-wrapper{background:url(images/outer-wrapper.gif) center top no-repeat;} #wrapper{width:1050px; margin:0px auto;} #header{background:url(images/header.gif) left top no-repeat; width:980px; height:118px; padding:8px 35px 0px 35px;display:block;} #header h1 a{background:url(images/logo.gif) left top no-repeat; width:93px; height:33px; display:block; float:left; margin:0px 0px 20px 25px; _margin:0px 0px 20px 12px;} #search-form{float:right; width:237px;background:url(images/search-bg.gif) right top no-repeat; height:22px; margin:5px 35px 0px 0px; _margin:5px 15px 0px 0px; position:relative;} #search-form input{border:none; margin:0px; padding:0px;} #search-form label{position:absolute; left:-99999em;} #search-form input#searchsubmit{float:left; background:url(images/search-btn.gif) left top no-repeat; color:#ffffff; text-indent:-99999em; font-size:0em; line-height:0px; width:57px; height:22px; cursor:pointer; position:absolute; top:1px; left:0px;} #search-form input#s{width:176px; margin:2px; padding:0px; float:right; border:1px solid #ffffff;} input[type=text]:focus{ outline: 0 none; } #gns{border-top:1px solid #c3c2c1; border-bottom:1px solid #c3c2c1; float:left; width:980px;} #gns ul#switcher li .twitter{background:url(images/twitter-logo.png) left top no-repeat; width:23px; height:23px; display:block; text-indent:-99999px; padding:0px;} #gns ul#switcher li .mailing{background:url(images/joinmailing.jpg) left top no-repeat; width:145px; height:27px; display:block; text-indent:-99999px; padding:0px;} #gns .roi, #gns .ni{float:left;} #gns ul.menu{width:440px; margin:0px; padding:0px;} #gns ul.menu li{float:left; width:210px; margin:0px 10px 0px 0px; border-bottom:1px solid #c3c2c1;} #gns ul.menu li#menu-item-85,#gns ul.menu li#menu-item-87, #gns ul.menu li#menu-item-251, #gns ul.menu li#menu-item-249{border:none;} #gns ul.menu li a{font-size:1.1em; color:#676766; padding:2px 0px 2px 25px; display:block;} #gns ul.menu li a:hover{color:#ed2690;} #gns ul.menu li.current-menu-item a, #gns ul.menu li.current-page-ancestor a, #gns ul.menu li.current-post-ancestor a{color:#ed2690;} #gns ul li#menu-item-229 a{color:#676766;} .page-id-227 #gns ul li#menu-item-229 a{color:#ed2690;} #gns ul#switcher{float:right;} #gns ul#switcher li{margin:5px 5px 0px 0px; padding:0px 0px 3px 0px; float:left; } #gns ul#switcher li.active{border-bottom:1px solid #c3c2c1;} #gns ul#switcher li a{background:#000000; width:100px; height:13px; color:#ffffff; font-size:1.1em; padding:5px 0px 5px 10px; display:block;} #gns ul#switcher li.active a{background:#ed2690;} #main{background:url(images/main.png) left top repeat-y; padding:40px 45px 0px 45px; float:left; width:960px;} #banner{width:720px; float:left;} #banner #thumbs{width:210px; float:left; overflow:hidden;} #banner #thumbs ul li{float:left; margin:0px; padding:0px; margin:0px 10px 8px 0px;} #banner #thumbs ul li .caption{display:none;} #banner #gallery{width:510px;float:left; margin:0px; padding:0px 0px 20px 0px;} #banner #gallery #caption{display:block;width:200px;background:url(images/format.gif) 0% 50% repeat-x; float:left;margin:20px 0px 0px 0px; border-top:1px solid #c1c0bf;border-bottom:1px solid #c1c0bf; padding:1px 5px 1px 5px;} #banner #gallery #caption .title{width:75px; float:left; font-size:1.1em; color:#616766; line-height:1.6em;} #banner #gallery #caption .previous{display:none !important;} #banner #gallery #caption .desc{font-size:1.1em; color:#616766; line-height:1.6em;} #banner #gallery #caption .image-caption{float:left;} div.slideshow-container { position: relative; clear: both; height: 470px; /* This should be set to be at least the height of the largest image in the slideshow */ overflow:hidden; } #banner #gallery #holder{height:470px; overflow:hidden;} div.loader { position: absolute; top: 0; left: 0; background-image: url('images/loader.gif'); background-repeat: no-repeat; background-position: center; width: 510px; height: 470px; /* This should be set to be at least the height of the largest image in the slideshow */ } div.slideshow { width:510px; overflow:hidden; } div.slideshow span.image-wrapper { display: block; position: absolute; top: 0; left: 0; } div.slideshow a.advance-link { display: block; width: 510px; height: 470px; /* This should be set to be at least the height of the largest image in the slideshow */ text-align: center; } div.slideshow a.advance-link:hover, div.slideshow a.advance-link:active, div.slideshow a.advance-link:visited { text-decoration: none; } div.slideshow img { vertical-align: middle; border: none; position:absolute; top:0px; left:0px; width:510px; } #rhs{float:right; width:230px;} #latest-news{float:right; width:230px; height:260px;} #latest-news p{padding:0px 10px 10px 10px;} #latest-news h2{background:#000000; color:#ffffff; padding:0px 0px 0px 10px; margin:0px 0px 10px 0px;} #latest-news .news-item p.date{color:#000000;font-size:1.1em; border-top:1px solid #C3C2C1; border-bottom:1px solid #C3C2C1; padding:0px 0px 0px 10px; margin:0px 0px 10px 0px;} #latest-news .news-item h3 a{color:#676766; font-size:0.9em; font-weight:normal; padding:0px 0px 15px 10px; display:block; line-height:1.4em;} #latest-news .news-item h3 a:hover{color:#ed2690; } #posting-calendar{float:right; margin:50px 0px 0px 0px; width:230px; height:160px;} #sidebar{width:200px; float:left; border-top:5px solid #000000; padding:0px 0px 0px 0px;margin:0px 15px 0px 0px; overflow:hidden;} #sidebar ul{border-bottom:1px solid #c3c2c1; margin:0px 0px 20px 0px; padding:5px 15px 5px 20px; float:left;} #sidebar ul li{float:left; margin:0px; padding:0px; overflow:hidden;} #sidebar ul li a{font-size:1.1em; color:#676766; padding:0px 0px 5px 0px; float:left; width:180px; background:none !important;} #sidebar ul li a span.search-everything-highlight-color{background-color:#ffffff !important;} #sidebar ul li a:hover{color:#ed2690;} #sidebar ul li.current_page_item a{color:#ed2690;} #sidebar ul li.current-menu-item a{color:#ed2690;} #sidebar ul li.current_page_parent a{color:#ed2690;} #sidebar ul li.current-post-parent a{color:#ed2690;} #sidebar ul li.current_page_ancestor a{color:#ed2690;} #sidebar ul li.current_page_ancestor ul.children{display:block;} #sidebar ul li.current_page_ancestor ul.children li.current_page_ancestor ul.children{display:block;} #sidebar ul li ul.children li ul.children li a{width:140px;} #sidebar ul li ul.children{display:none;border:none; margin:0px; padding:0px 0px 0px 20px;} #sidebar ul li ul.children li ul.children{display:none;} #sidebar ul li ul.children li.current_page_item ul.children{display:block;} #sidebar ul li ul.children li.current_page_item ul.children li a{color:#676766;} #sidebar ul li ul.children li.current_page_ancestor a{color:#ed2690;} #sidebar ul li ul.children li a{width:160px; color:#676766;} #sidebar ul li.current_page_item ul.children, #sidebar ul li.current_page_parent ul.children{display:block;} #sidebar ul li.current_page_parent ul.children li a, #sidebar ul li.current_page_item ul.children li a{color:#676766;} #sidebar ul li.current_page_parent ul.children li.current_page_item a{color:#ed2690;} #sidebar ul#news{background:#ffffff;position:relative; top:-30px;} #sidebar ul#news li a{padding:0px 0px 5px 15px;} #content{width:720px; float:left; border-top:5px solid #000000; padding:20px 0px 40px 20px;} #content h2{padding:0px 0px 15px 0px; margin:0px 0px 15px 0px; border-bottom:1px solid #c3c2c1;} #content h2.category{margin:0px 0px 30px 0px;} #content h3{font-weight:bold;padding:0px 0px 15px 0px; } #content p{padding:0px 20px 20px 0px; display:block; clear:left;} #content a{color:#ED2690;} #content a:hover{text-decoration:underline;} #content a.pdf{float:left; display:block;font-size:12px; font-weight:bold;border:1px solid #c3c2c1; padding:18px 20px 15px 45px; background:url(images/pdf.gif) 10px 10px no-repeat; margin:0px 20px 10px 0px;} #content a.pdf span{color:#5f5f5e;} #content a.no-style{float:none; display:inline;font-size:12px; font-weight:bold;border:none; padding:0px; background:none; margin:0px;} #content img.alignleft{padding:0px 20px 15px 0px;} #content img.alignright{padding:0px 0px 0px 20px;} #content ul, #content ol{margin:0px 0px 20px 20px;} #content ul li{font-size:1.1em; list-style-type:disc; padding:0px 0px 3px 0px; color:#5F5F5E;} #content ol li{font-size:1.1em; list-style-type:decimal; padding:0px 0px 3px 0px;} #content ul li ul li, #content ol li ol li{font-size:1.0em;} #content ul li ul, #content ol li ol{margin:5px 0px 5px 20px;} #content table{margin:0px 0px 20px 0px;} #content table tr th{font-size:1.1em; padding:5px; border: 1px solid #C3C2C1; font-weight:bold;} #content table tr td{font-size:1.1em; padding:5px; border: 1px solid #C3C2C1;} #content .news p.date{color:#5e5e5d; font-weight:bold;padding:4px 0px 4px 5px ; border-top:1px solid #c3c2c1; border-bottom:1px solid #c3c2c1; margin:0px 0px 10px 0px;} #content .news .attachment-post-thumbnail{float:right;margin:40px 0px 0px 50px;} #content .news p{padding:0px 0px 25px 5px;} #content .news h3{padding:0px 0px 15px 5px;} #content .news h3 a:hover{color:#676766; text-decoration:none;} #content .search{border-bottom:1px solid #c3c2c1; margin:0px 0px 15px 0px;} #content .single-news p.date{border-bottom:1px solid #C3C2C1; padding:0px 0px 2px 5px; position:relative; top:-12px;} #content #searchform label{font-size:1.1em; font-weight:bold; color:#676766;} #content #searchform #s{border:1px solid #c3c2c1; padding:2px;} #content #searchform #searchsubmit{border:none; background:#ED2690; font-weight:bold; color:#ffffff; font-size:1.1em; padding:3px 5px 3px 5px;} .ddsg-wrapper h2{display:none;} .ddsg-wrapper div{display:none;} #content #links{width:600px; float:left; margin:35px 0px 35px 0px;} #content #links ul{border-top:1px solid #c3c2c1; padding:35px 0px 0px 0px; float:left; margin:0px;} #content #links ul li{font-size:1.0em;list-style-type:none;float:left; margin:0px 7px 0px 0px; background:url(images/links.gif) right 2px no-repeat; clear:none;} #content #links ul li.edit{background:url(images/links.gif) left 2px no-repeat;} #content #links ul li.edit a{padding:0px 7px 0px 7px;} #content #links ul li a{color:#676766; font-size:1.1em; padding:0px 7px 0px 0px} #content #links ul li a:hover{color:#ed2690;} #content #links ul li.last{background:none;} #footer{background:url(images/footer.gif) left top no-repeat; text-align:center; height:138px; float:left; width:100%; padding:0px 0px 0px 0px;} #footer ul.menu{text-align:center; } #footer ul.menu li{float:left; padding:10px 115px 0px 70px;} #footer ul.menu li a{font-size:1.1em; color:#676766;} #footer ul.menu li a:hover{color:#ed2690;} #footer ul.menu li.current-menu-item a{color:#ed2690;}