/* Theme Name: HIS */ /* Author: David Martin ©2008 http://www.lhmmedia.com */ /* =layout */ * { margin : 0; padding : 0; } img { border : none; margin : 0; padding : 0; } cite, em { font-style: normal; } html { background: url(_assets/img/bg-html.gif) repeat-x; height: 100%;} body { font : 12px/1.5 arial, verdana, helvetica, sans-serif; height: 100%; color: #737373; } a { color: #0069aa; } a:hover { color : #000; } input, textarea { font : 12px/1.5 arial, verdana, helvetica, sans-serif;} input[type*="submit"] { cursor: pointer;} /* supalink */ .supalink { cursor: pointer;} /* =main structure ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ #body { width: 949px; margin: 0 auto; height: 100%; } #branding { overflow: hidden; margin-bottom: 29px;} #content { overflow: hidden; margin-bottom: 25px;} #content-home { overflow: hidden; margin-bottom: 25px; padding-top: 20px; } #content-home-1 { float:left; width:464px; } #content-home-1-pri { width:439px; background: url(_assets/img/bg-content-home-1.gif) bottom no-repeat; padding: 0 12px 18px 12px } #content-home-1-sec { overflow: hidden; background: url(_assets/img/bg-content-home-1-sec.gif) no-repeat;} #content-home-2 { float:right; width:464px;} #content-home-2-pri { background:#F2F2F2 url(_assets/img/bg-content-home-2-pri.gif) no-repeat scroll center bottom; margin-bottom: 20px } #content-home-2-pri-top { width:434px; background: url(_assets/img/bg-content-home-2-pri-top.gif) no-repeat; padding: 15px 15px 0 15px} .content-home-2-sec { background: url(_assets/img/bg-content-home-2-sec.gif) no-repeat; padding: 13px 15px 0 15px; margin-bottom: 20px} .content-home-2-sec a { text-decoration: none; } #content-home-2 .flickr { background: url(_assets/img/bg-content-home-2-flickr.gif) no-repeat; padding: 13px 15px 0 15px; margin-bottom: 20px} #content-home-2 .forum { margin-bottom: 0;} #content-home-2-ter { background:#F2F2F2 url(_assets/img/bg-content-home-2-pri.gif) no-repeat scroll center bottom; margin-bottom: 20px } #content-home-2-ter-top { width:434px; background: url(_assets/img/bg-content-home-2-pri-top.gif) no-repeat; padding: 13px 15px 0 15px} #content-2 { width: 200px; float: left;} #content-3 { width: 712px; float: right;} #content-3 em img { float: left; padding: 0 25px 20px 0;} #content-3 img { margin-bottom: 5px } #content-4 { width: 525px; float: left;} #content-5 { width: 320px; float: right;} #footer { background: url(/images/bg-footer.gif) no-repeat; padding-top: 40px; overflow:hidden; height: 240px;} #footer-1 { width: 500px; float: left;} #footer-2 { width: 420px; float: right; text-align: right;} #footer-sticky { position: fixed; bottom: 0; left: 0; background: #0069aa; width: 100%;} /* =Sub structure ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ /*h1*/ #branding h1 { float: left; padding-top: 26px;} #branding h1 a span { display: none; } #branding h1 a { display: block; width: 119px; height: 110px; background: url(/images/bg-branding-h1.gif) no-repeat; } /*h2*/ h2 { color: #0069aa; font-size: 17px;} #branding h2 span { display: none; } #branding h2 { float: right; width: 753px; height: 41px; background: url(/images/bg-branding-h2.gif) no-repeat; margin-top: 43px; } #content-header h2 span { display: none; } #content-header h2 { display: block; width: 949px; height: 30px; background: url(/images/bg-header-h2.gif) no-repeat; margin-bottom: 20px } #content-home-2-pri h2 { margin-bottom: 10px} .content-home-2-sec h2 { margin-bottom: 10px} .content-home-2-sec h2 em { color: #ff399f;} #content-3 h2 { border-bottom: 1px solid #c9c9c9; padding-bottom: 5px; margin-bottom: 10px;} #content-4 h2 { background: url(_assets/img/h2-content-4.gif) no-repeat; font-size: 14px; color: #fff; font-weight: normal; padding: 6px 8px 4px 8px; margin-bottom: 15px;} #content-5 h2 { background: url(_assets/img/h2-content-5.gif) no-repeat; font-size: 14px; color: #fff; font-weight: normal; padding: 6px 8px 4px 8px; margin-bottom: 15px;} /*h3*/ /*h4*/ h4 { color: #0069aa; font-size: 16px;} /*h5*/ #content-3 h5 {font-size: 13px; margin-bottom: 10px; } /*h6*/ /*p*/ p { margin-bottom:20px; } #content-3 p.end { margin: 0} #content-3 p cite { color: #0069aa; font-weight: bold; } #content-3 p img { margin-top: 5px; } #content-5 p em { color: #0069aa; } #footer p { color: #757575; } #footer p cite { color: #919191; font-size: 11px; } #footer-1 p cite { display: block; padding-top: 10px;} /*Blockquote */ #content-3 blockquote { font-size: 17px; font-weight: bold; font-style: italic; color: #0069aa; line-height: 1.3; width: 650px; border-bottom: 1px solid #ddd; margin-bottom: 20px;} #content-3 blockquote em { display: block; font-size: 12px; font-weight: normal; font-style: normal; color: #737373; padding-top: 5px; } #content-3 blockquote em img { float: none; margin: 8px 0 0 0; padding: 0; border: 1px solid #eee;} .content-home-2-sec blockquote { color: #00558a; font-size: 20px; background:url(_assets/img/bg-content-home-1-sec-quote-open.gif) no-repeat; padding: 15px; } .content-home-2-sec blockquote div { background:url(_assets/img/bg-content-home-1-sec-quote-close.gif) 100% 100% no-repeat; } .content-home-2-sec blockquote p { color: #a8a8a8; font-size: 12px; background:url(_assets/img/bg-content-home-1-sec-quote-close.gif) 100% 100% no-repeat; padding-top: 5px; } /* =ul ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ #branding ul { float: right; margin-top: 29px; width:735px;} #branding ul li { float: left; list-style: none; } #branding ul li a span { display: none; } #branding ul li a { display: block; width: 58px; height: 40px; background: url(/images/bg-navi-item1.gif) no-repeat; } #branding ul li a:hover { background-position: 0 -40px; } #branding ul li.active a { background-position: 0 -40px; } #branding ul li.ancestor a { background-position: 0 -40px; } #branding ul li.parent a { background-position: 0 -40px; } #branding ul li.about a { background-image: url(/images/bg-navi-item2.gif); width: 104px; } #branding ul li.item-10 a { background-image: url(_assets/img/bg-navi-item3.gif); width: 102px; } #branding ul li.treatment a { background-image: url(/images/bg-navi-item4.gif); width: 103px; } #branding ul li.gallery a { background-image: url(/images/bg-navi-item10.gif); width:77px; } #branding ul li.interactive a { background-image: url(/images/bg-navi-item5.gif); width: 104px; } #branding ul li.forum a { background-image: url(/images/bg-navi-item6.gif); width: 77px; } #branding ul li.item-894 a { background-image: url(_assets/img/bg-navi-item7.gif); width: 87px; } #branding ul li.clinics a { background-image: url(/images/bg-navi-item8.gif); width: 82px; } #branding ul li.contact a { background-image: url(/images/bg-navi-item9.gif); width: 89px; } #branding ul li.rss a { background: none; width: 37px; } ul#content-home-1-sec { overflow: hidden; background: url(_assets/img/bg-content-home-1-sec.gif) no-repeat; padding: 10px 5px 0 15px; margin-bottom: 20px;} ul#content-home-1-sec li { float: left; list-style: none; margin-bottom: 8px; overflow: hidden} ul#content-home-1-sec li h2 { font-size: 15px; margin: 3px 25px 0 0 } ul#content-home-1-sec li input[type*="text"] { float: left; margin-top: 1px; width: 175px; background:url(_assets/img/bg-content-home-1-sec-text.gif) no-repeat; border: 0; padding: 5px 8px; margin-right: 15px; height: 20px;} ul#content-home-1-sec li input[type*="submit"] { float: right; width: 67px; height: 30px;padding-top: 30px; display: block; margin-top: 1px; overflow: hidden; background:url(_assets/img/bg-content-home-1-sec-submit.gif) no-repeat; border: 0; } ul#content-home-1-sec li input[type*="submit"]:hover { background-position: 0 -30px; cursor:pointer} #content-home-2-pri ul { overflow: hidden} #content-home-2-pri ul li { height:100%; margin-bottom:15px; overflow:hidden; padding-bottom:10px; } #content-home-2-pri ul li img { float: left} #content-home-2-pri ul li h2 { margin: 0 0 0 100px; font-weight:normal} #content-home-2-pri ul li p { margin: 0 0 0 100px} ul#content-h1 { overflow: hidden;} ul#content-h1 li { float: left; list-style: none; } ul#content-h1 li a { display: block; width: 181px; height: 122px; background: url(_assets/img/bg-content-h1-1.gif) no-repeat; margin-right: 11px; } ul#content-h1 li a:hover { background-position: 0 -122px } ul#content-h1 li.option2 a { background-image: url(_assets/img/bg-content-h1-2.gif); } ul#content-h1 li.option3 a { background-image: url(_assets/img/bg-content-h1-3.gif); } ul#content-h1 li.option4 a { background-image: url(_assets/img/bg-content-h1-4.gif); } ul#content-h1 li.option5 a { background-image: url(_assets/img/bg-content-h1-5.gif); margin-right: 0;width: 179px; } ul.content-social { overflow: hidden; margin-bottom: 15px;} ul.content-social li { float: left; margin-right: 4px; list-style: none;} ul.content-social li span { display: none; } ul.content-social li a { display: block; height: 20px; width: 20px; background:url(_assets/img/bg-social1.gif) no-repeat; } ul.content-social li a:hover { background-position: 0 -20px; } ul.content-social li.comment a { background:url(_assets/img/ico-comments.gif); width: 20px; height: 22px; color: #fff; text-decoration: none; text-align:center; padding: 1px 0 0 0;} ul.content-social li.comment a:hover { text-decoration: underline; } ul.content-social li.social1 a { background-image:url(_assets/img/bg-social1.gif); } ul.content-social li.social2 a { background-image:url(_assets/img/bg-social2.gif); } ul.content-social li.social3 a { background-image:url(_assets/img/bg-social3.gif); } ul.content-social li.social4 a { background-image:url(_assets/img/bg-social4.gif); } ul.content-social li.social5 a { background-image:url(_assets/img/bg-social5.gif); } ul.content-social li.social6 a { background-image:url(_assets/img/bg-social6.gif); } ul.content-social li.social7 a { background-image:url(_assets/img/bg-social7.gif); } ul.content-social li.social8 a { background-image:url(_assets/img/bg-social8.gif); } ul.content-social li.social9 a { background-image:url(_assets/img/bg-social9.gif); } ul.content-social li.social10 a { background-image:url(_assets/img/bg-social10.gif); } ul#content-1 { border-bottom: 1px solid #c9c9c9; overflow: hidden; padding-bottom: 10px; margin-bottom: 20px; } ul#content-1 li { float: left; margin-right: 8px; list-style: none;} ul#content-2pagination { overflow: hidden; height: 100%; margin-left: 0;} ul#content-2pagination li { float: left; list-style: none; margin-right: 8px; } #content-2 ul { margin-bottom: 20px;} #content-2 ul li { margin-bottom: 1px; } #content-2 ul li a { display: block; background: #ebebeb url(_assets/img/bg-subnav.jpg) 0 30px no-repeat; height: 18px; color: #737373; text-decoration: none; padding: 6px 8px; } #content-2 ul li.start a { background: #ebebeb url(_assets/img/bg-subnav-start.jpg); height: 18px; } #content-2 ul li a:hover { background-position: 0 -34px; color: #fff; } #content-2 ul li.active a { background-position: 0 -34px; color: #fff; } #content-3 ul { margin: 0 0 20px 15px; } #content-3 ul li { margin-bottom: 15px; } #content-3 ul li cite { color: #0069aa; } #content-3 ul.content-3pri { margin: 0 0 20px 0; overflow: hidden;} #content-3 ul.content-3pri li { float: left; margin: 0 9px 0 0; list-style: none; background: url(/wp-content/themes/HIS/_assets/img/bg-clients.gif) no-repeat; width: 228px; height: 117px; padding: 4px 0; text-align:center; margin-bottom: 10px !important;} #content-3 ul.content-3pri li.spacing { margin-right: 40px;} #content-3 ul#content-3qui { margin: 0; } #content-3 ul#content-3qui li { margin-bottom: 25px; list-style: none; } ul.social-bookmarking { overflow:hidden; margin-bottom: 5px;} ul.social-bookmarking li { background:transparent none repeat scroll 0 0; border:0 none; float:left; list-style-image:none; list-style-position:outside; list-style-type:none; margin:0 9px 0 0; padding:0; } ul.social-bookmarking li a { background:transparent url(_assets/img/bg-social-icon-1.gif) no-repeat scroll 0 0; display:block; height:37px; margin-top:3px; width:35px;} ul.social-bookmarking li.social-1 a { background:#B8B8B8 url(_assets/img/bg-social-icon-1.gif) repeat scroll 0 0; } ul.social-bookmarking li.social-2 a { background:#B8B8B8 url(_assets/img/bg-social-icon-2.gif) repeat scroll 0 0; } ul.social-bookmarking li.social-3 a { background:#B8B8B8 url(_assets/img/bg-social-icon-3.gif) repeat scroll 0 0; } ul.social-bookmarking li.social-4 a { background:#B8B8B8 url(_assets/img/bg-social-icon-4.gif) repeat scroll 0 0; } ul.social-bookmarking li.social-5 a { background:#B8B8B8 url(_assets/img/bg-social-icon-5.gif) repeat scroll 0 0; } ul.social-bookmarking li.social-6 a { background:#B8B8B8 url(_assets/img/bg-social-icon-6.gif) repeat scroll 0 0; } ul.social-bookmarking li.social-7 a { background:#B8B8B8 url(_assets/img/bg-social-icon-7.gif) repeat scroll 0 0; } ul.social-bookmarking li.social-8 a { background:#B8B8B8 url(_assets/img/bg-social-icon-8.gif) repeat scroll 0 0; } ul.social-bookmarking li.social-9 a { background:#B8B8B8 url(_assets/img/bg-social-icon-9.gif) repeat scroll 0 0; } ul.social-bookmarking li.social-10 { margin:0 } ul.social-bookmarking li.social-10 a { background:#B8B8B8 url(_assets/img/bg-social-icon-10.gif) repeat scroll 0 0; } ul.social-bookmarking li a:hover { background-position: 0 -37px} ul.social-bookmarking span { display: none } #tag-cloud { background-color: #F2F2F2 } #content-6 #tag-cloud h2 { background:url(_assets/img/bg-tag-cloud-top.gif) no-repeat; padding: 10px 0 0 15px; border: none} #tag-cloud ul { background: url(_assets/img/bg-tag-cloud-bot.gif) 0 100% no-repeat; padding: 0 16px 10px 16px; overflow: hidden;} #tag-cloud ul li { margin-bottom: 6px; list-style: none; } #tag-cloud ul li a { text-decoration: none; padding: 2px 3px 2px 3px; } #tag-cloud ul li a.tag-cloud-color-10 { color: #4e9fbe; font-size: 12px; line-height: 1.8; } #tag-cloud ul li a.tag-cloud-color-11 { color: #5aa6c2; font-size: 13px; line-height: 1.8; } #tag-cloud ul li a.tag-cloud-color-12 { color: #74b4cc; font-size: 14px; line-height: 1.6; } #tag-cloud ul li a.tag-cloud-color-13 { color: #8cc1d5; font-size: 15px; line-height: 1.6; } #tag-cloud ul li a.tag-cloud-color-14 { color: #a6cfdf; font-size: 16px; line-height: 1.6; } #tag-cloud ul li a.tag-cloud-color-15 { color: #b3d6e3; font-size: 17px; line-height: 1.4; } #tag-cloud ul li a.tag-cloud-color-16 { color: #cce4ec; font-size: 18px; line-height: 1.4; } #tag-cloud ul li a.tag-cloud-color-17 { color: #e6f2f6; font-size: 19px; line-height: 1.3; } #tag-cloud ul li a.tag-cloud-color-18 { color: #0168a9; font-size: 20px; line-height: 1.3; } #tag-cloud ul li a:hover { background: #fff; color: #0176a2; } ul.flickr-gallery { overflow: hidden } ul.flickr-gallery li { list-style: none; float: left; margin-bottom: 5px;} ul.flickr-gallery li.end a img { list-style: none; float: left; border: 3px solid #ededed; margin-right: 0;} ul.flickr-gallery li a img { list-style: none; float: left; border: 3px solid #ededed; margin-right: 6px;} ul.flickr-gallery li a img:hover { border: 2px solid #008de3; padding: 1px; } ul#footer-2 { width: 230px; float: right; } ul#footer-2 li { list-style: none; margin-bottom: 8px;} ul#footer-2 li h2 { font-size: 15px; } ul#footer-2 li h2 em { font-size: 11px; float: right; margin-top: 3px; font-weight: normal;} ul#footer-2 li h2 em a { color: #757575; text-decoration: none; } ul#footer-2 li h2 em a:hover { color: #006bae; } ul#footer-2 li input[type*="text"] { float: left; margin-top: 1px; width: 148px; height: 27px; background:url(/images/bg-footer-text.gif) no-repeat; border: 0; padding: 5px 8px;} ul#footer-2 li input[type*="submit"] { float: right; width: 59px; height: 31px; overflow: hidden; background:url(/images/bg-footer-submit.gif) no-repeat; border: 0; padding-top: 31px;} ul#footer-2 li input[type*="submit"]:hover { background-position: 0 -31px;} #footer-sticky ul { width: 949px; margin: 0 auto;} #footer-sticky ul li { float: left; border-right: 1px solid #fff; padding: 5px 15px 5px 0; margin-right: 15px; list-style: none;} #footer-sticky ul li a { color: #fff; text-decoration: none;} #footer-sticky ul li a:hover { color: #000; } #footer-sticky ul li.end { border-right: 0; padding: 5px 0 5px 0; margin-right: 0;} /* =ol ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ #content-3 ol { } #content-3 ol li { overflow:hidden; list-style: none; width: 550px; } /* =dl ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ /* =forms ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ ul#content-3form { margin: 10px 0 0 0;} ul#content-3form li { margin-bottom: 10px; list-style: none; overflow: hidden;} ul#content-3form li p { width: 516px;} ul#content-3form li h3 { margin-bottom: 5px;} ul#content-3form li label { display: block; } ul#content-3form li label.radio { float: left; width: 160px; margin-bottom: 10px; } ul#content-3form li textarea { padding: 3px 4px; border: 1px solid #bbb; width: 513px; height: 80px; margin-bottom: 20px;} ul#content-3form li input[type*="text"] { padding: 3px 4px; border: 1px solid #bbb; width: 513px;} ul#content-3form li input[type*="radio"] { margin-right: 5px;} ul#content-3form li input[type*="submit"] { margin-top: 10px; width: 59px; height: 31px; overflow: hidden; background:url(_assets/img/bg-footer-submit.gif) no-repeat; border: 0; padding-top: 31px;} ul#content-3form li input[type*="submit"]:hover { background-position: 0 -31px;} ul#content-4form li { margin-bottom: 10px; } ul#content-4form li label { display: block; } ul#content-4form li textarea { padding: 3px 4px; border: 1px solid #bbb; width: 513px; height: 80px; margin-bottom: 20px;} ul#content-4form li input[type*="text"] { padding: 3px 4px; border: 1px solid #bbb; width: 513px;} ul#content-4form li input[type*="submit"] { margin-top: 10px; width: 59px; height: 31px; overflow: hidden; background:url(_assets/img/bg-footer-submit.gif) no-repeat; border: 0; padding-top: 31px;} ul#content-4form li input[type*="submit"]:hover { background-position: 0 -31px; } #content-home-2search { margin-bottom: 20px; overflow: hidden; height: 100%;} #content-home-2search label { font-size: 16px; font-weight: bold; color: #bebebe; float: left; margin-right: 20px;} #content-home-2search input[type*="text"] { background:url(_assets/img/bg-content-home-2-search-text.gif) no-repeat; width: 251px; height: 27px; border: 0; float: left;} #content-home-2search input[type*="submit"] { background:url(_assets/img/bg-content-home-2-search-submit.gif) no-repeat; float: right; width: 65px; padding-top: 29px; height: 29px; border: 0;} #content-home-2-ter-top { } #content-home-2-ter-top form { overflow: hidden; height: 100%; padding-bottom: 20px;} #content-home-2-ter-top h2 { margin-bottom: 10px;} #content-home-2-ter-top textarea { float: left; background:url(_assets/img/bg-content-home-2-sec-textarea.gif) no-repeat; width: 221px; height: 92px; padding: 6px 8px; border: 0; } #content-home-2-ter-top input[type*="text"] { float: right; background:url(_assets/img/bg-content-home-2-sec-text.gif) no-repeat; width: 175px; height: 15px; border: 0; padding: 6px 8px; margin-bottom: 10px;} #content-home-2-ter-top input[type*="submit"] { float: right; background:url(_assets/img/bg-content-home-2-sec-send.gif) no-repeat; width: 53px; height: 26px; padding-top: 26px; display: block; border: 0; } #content-home-2-ter-top input[type*="submit"]:hover { background-position: 0 -26px;} /* =content-2 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ #content-2search { } p.bt-forum span { display: none;} p.bt-forum a { display: block; background:url(/images/bt-his-forum.gif) no-repeat; width: 199px; height: 92px; } p.bt-forum a:hover { background-position: 0 -92px; } #content-2-quote { width: 200px; background:url(/images/bg-quote.gif) no-repeat; margin: 8px 0 15px 0;; } #content-2-quote div { background:url(/images/bg-quote-bot.gif) 0 100% no-repeat; } #content-2-quote blockquote { font-size: 15px; color: #fff; padding: 20px 20px 20px 20px; line-height: 1.3; } #content-2-quote blockquote a { color: #fff; } #content-2-quote blockquote a:hover { color: #000; } #content-2-quote p { font-size: 14px; margin-bottom: 15px; text-align: right; margin-right: 20px; } ul#content-2-sociallinks { overflow: hidden; height: 100%; } ul#content-2-sociallinks li { float: left; list-style: none; } ul#content-2-sociallinks li a span { display: none; } ul#content-2-sociallinks li a { display: block; background: url(/images/bt-facebook-2.gif) no-repeat; width: 81px; height: 34px;} ul#content-2-sociallinks li.rss { float: right; } ul#content-2-sociallinks li.rss a { background: url(/images/bt-rss-2.gif) no-repeat;} ul#content-2-sociallinks li a:hover { background-position: 0 -46px;} /* =interactive section ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ #content-6 { width: 712px; float: right;} #content-6 h2 { border-bottom: 1px solid #c9c9c9; padding-bottom: 5px; margin-bottom: 10px;} #content-6 h2 em { float: right; margin-top: 3px; } #content-6 h2 em a { color: #969696; text-decoration: none; font-size: 13px; } #content-6 h2 em a:hover { color: #0069aa; } /* =content-6pri ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ #content-6pri { width: 441px; float: left; } #content-6pri-vimeo { width: 441px; height: 285px; background:url(_assets/img/bg-interactive-screen.gif) no-repeat; margin-bottom: 20px; } #content-6pri-navi { overflow: hidden; height: 100%; } #content-6pri-navi li { list-style: none; float: left; } #content-6pri-navi li a span { display: none; } #content-6pri-navi li a { display: block; background: url(_assets/img/bg-interactive-nav1.gif) no-repeat; width: 66px; height: 33px; margin-right: 15px;} #content-6pri-navi li a:hover { background-position: 0 -33px; } #content-6pri-navi li.active a { background-position: 0 -33px; } #content-6pri-navi li.item2 a { background-image: url(_assets/img/bg-interactive-nav2.gif); width: 57px; } #content-6pri-navi li.item3 a { background-image: url(_assets/img/bg-interactive-nav3.gif); width: 63px; } #content-6pri-navi li.item4 a { background-image: url(_assets/img/bg-interactive-nav4.gif); width: 71px; } #content-6pri-navi li.item5 a { background-image: url(_assets/img/bg-interactive-nav5.gif); width: 78px; } #content-6pri-news { background:url(_assets/img/bg-interactive-content2.gif) repeat-x; padding: 25px 5px; } #content-6pri-news li { border-bottom: 1px solid #dadada; padding-bottom: 15px; margin-bottom: 15px; list-style: none; } #content-6pri-news li img { float: left; } #content-6pri-news li h3 { margin-left: 100px; } #content-6pri-news li p { margin-left: 100px; } #content-6pri-news li ul { margin-left: 100px; } #content-6pri-news li li { border-bottom: 0; padding-bottom: 0; margin-bottom: 0; } #content-6pri-press { background:url(_assets/img/bg-interactive-content2.gif) repeat-x; padding: 25px 5px; } #content-6pri-press li { border-bottom: 1px solid #dadada; padding-bottom: 15px; margin-bottom: 15px; list-style: none; } #content-6pri-press li img { float: left; } #content-6pri-press li h3 { margin-left: 100px; } #content-6pri-press li p { margin-left: 100px; } #content-6pri-press li ul { margin-left: 100px; } #content-6pri-press li li { border-bottom: 0; padding-bottom: 0; margin-bottom: 0; } #content-6pri-blog { background:url(_assets/img/bg-interactive-content2.gif) repeat-x; padding: 25px 5px; } #content-6pri-blog li { border-bottom: 1px solid #dadada; padding-bottom: 15px; margin-bottom: 15px; list-style: none; } #content-6pri-blog li li { border-bottom: 0; padding-bottom: 0; margin-bottom: 0; } #content-6pri-press { background:url(_assets/img/bg-interactive-content2.gif) repeat-x; padding: 25px 5px; } #content-6pri-press li { border-bottom: 1px solid #dadada; padding-bottom: 15px; margin-bottom: 15px; list-style: none; } #content-6pri-press li li { border-bottom: 0; padding-bottom: 0; margin-bottom: 0; } #content-6pri-video { background:url(_assets/img/bg-interactive-content2.gif) repeat-x; padding: 25px 5px; } #content-6pri-video li { border-bottom: 1px solid #dadada; padding-bottom: 15px; margin-bottom: 15px; list-style: none; } #content-6pri-video li img { float: left; } #content-6pri-video li h3 { margin: 0 0 5px 100px; } #content-6pri-video li h3 em { display: block; color: #999; font-size: 12px; font-weight: normal;} #content-6pri-video li h3 em a { text-decoration: none;} #content-6pri-video li p { margin-left: 100px; margin-bottom: 0;} #content-6pri-video li p em { display: block; overflow: hidden; height: 100%; color: #999; margin-top: 5px;} #content-6pri-video li p em img { margin: 5px 5px 0 0;} #content-6pri-video li ul { margin-left: 100px; } #content-6pri-video li li { border-bottom: 0; padding-bottom: 0; margin-bottom: 0; } #content-6pri-flickr { overflow: hidden; height: 100%; background:url(_assets/img/bg-interactive-content2.gif) repeat-x; padding: 25px 5px; } #content-6pri-flickr li { float: left; margin: 0 5px 0 0; list-style: none; } #content-6pri-flickr li a img { border: 3px solid #ebebeb; margin-bottom: 5px !important;} #content-6pri-flickr li a img:hover { border: 2px solid #0075c4; padding: 1px; } /* =content-6sec ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ #content-6sec { width: 260px; float: right; } #content-6sec-twitter { width: 260px; background:url(_assets/img/bg-interactive-twittergif.gif) no-repeat; margin: 8px 0 15px 0;; } #content-6sec-twitter div { background:url(_assets/img/bg-interactive-twitter-bot.gif) 0 100% no-repeat; padding-bottom: 1px;} #content-6sec-twitter blockquote { font-size: 18px; color: #fff; padding: 20px 20px 25px 20px; line-height: 1.3; } #content-6sec-twitter blockquote a { color: #fff; } #content-6sec-twitter blockquote a:hover { color: #000; } #content-6sec-twitter p { font-size: 14px; margin-bottom: 15px; text-align: right; margin-right: 20px; } #content-6sec-poll { background: url(_assets/img/bg-poll.gif) repeat-y; margin-bottom: 15px; position: relative; margin-top: -15px;} #content-6sec-poll div.top { background: url(_assets/img/bg-poll-top.gif) no-repeat; padding-top: 92px; } #content-6sec-poll div.bot { background: url(_assets/img/bg-poll-bot.gif) 0 100% no-repeat; padding: 22px 0; } #content-6sec-poll div.wp-polls-loading { position: absolute; top: 38px; left: 150px;} #content-6sec-poll h2 { display: none; } #content-6sec-poll p { padding: 0 32px 5px 32px; line-height: 1.8;} #content-6sec-poll ul { padding:0 32px 5px 32px; } #content-6sec-poll ul li { list-style: none; margin-bottom: 4px; overflow: hidden; height: 100%; } #content-6sec-poll ul li a.results { float: right; padding-top: 43px; } #content-6sec-poll ul li input[type*="button"] { float: left; margin-top: 19px; background:url(_assets/img/bt-polls-submit.gif) no-repeat; width: 104px; height: 43px; overflow: hidden; display: block; padding-top: 43px; border: 0; } #content-6sec-poll ul li input[type*="button"]:hover { background-position: 0 -43px;} #content-6sec-sociallinks { overflow: hidden; height: 100%; padding: 0 8px 0 10px;} #content-6sec-sociallinks li { float: left; list-style: none; } #content-6sec-sociallinks li a span { display: none; } #content-6sec-sociallinks li a { display: block; background: url(_assets/img/bt-facebook.gif) no-repeat; width: 117px; height: 46px;} #content-6sec-sociallinks li.rss { float: right; } #content-6sec-sociallinks li.rss a { background: url(_assets/img/bt-rss.gif) no-repeat;} #content-6sec-sociallinks li a:hover { background-position: 0 -46px;} /* =content-socialicons ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ ul.content-socialicons { overflow: hidden; height: 100%;} ul.content-socialicons li { list-style: none; float: left; margin-right: 5px; border: 0;} ul.content-socialicons li span { display: none; } ul.content-socialicons li a { width: 20px; height: 20px; background:url(_assets/img/bg-social-icons.gif) 0 -20px no-repeat; display: block; } ul.content-socialicons li.comment a { background:url(_assets/img/ico-comments.gif) no-repeat; height: 21px; text-align:center; color: #fff; text-decoration: none; font-size: 11px; padding-top: 2px; } ul.content-socialicons li.social-item2 a { background-position: -20px -20px; } ul.content-socialicons li.social-item3 a { background-position: -40px -20px; } ul.content-socialicons li.social-item4 a { background-position: -60px -20px; } ul.content-socialicons li.social-item5 a { background-position: -80px -20px; } ul.content-socialicons li.social-item6 a { background-position: -100px -20px; } ul.content-socialicons li.social-item7 a { background-position: -120px -20px; } ul.content-socialicons li.social-item8 a { background-position: -140px -20px; } ul.content-socialicons li.social-item9 a { background-position: -160px -20px; } ul.content-socialicons li.social-item10 a { background-position: -180px -20px; } ul.content-socialicons li.comment a:hover { text-decoration: underline; } ul.content-socialicons li.social-item1 a:hover { background-position: 0 0; } ul.content-socialicons li.social-item2 a:hover { background-position: -20px 0; } ul.content-socialicons li.social-item3 a:hover { background-position: -40px 0; } ul.content-socialicons li.social-item4 a:hover { background-position: -60px 0; } ul.content-socialicons li.social-item5 a:hover { background-position: -80px 0; } ul.content-socialicons li.social-item6 a:hover { background-position: -100px 0; } ul.content-socialicons li.social-item7 a:hover { background-position: -120px 0; } ul.content-socialicons li.social-item8 a:hover { background-position: -140px 0; } ul.content-socialicons li.social-item9 a:hover { background-position: -160px 0; } ul.content-socialicons li.social-item10 a:hover { background-position: -180px 0; } /* =content-search ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ #content-search { margin: 20px 0;} #content-search li { overflow: hidden; height: 100%; background: #f2f2f2; padding: 10px 15px; margin-bottom: 2px;} #content-search li:hover { background: #e4e4e4; } #content-search li h3 { float: left; } #content-search li h3 em { display: block; font-size: 10px; font-weight: bold;} #content-search li p { float: right; text-align: right; margin: 0;} #content-search li p em { display: block; font-size: 10px;} /* =content-interactive-search ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ #content-2search { margin-bottom: 20px; overflow: hidden; height: 100%;} #content-2search input[type*="text"] { background: url(_assets/img/bg-interactive-search-text.gif) no-repeat; width: 111px; height: 14px; padding: 6px; border: 0; margin-bottom: 6px; float: left;} #content-2search input[type*="submit"] { background: url(_assets/img/bg-content-home-2-search-submit.gif) no-repeat; width: 65px; height: 29px; border: 0; overflow: hidden; padding-top: 29px; float: right;} /* =content-interactive-getintouch ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ #content-2getintouch { background: #f2f2f2; margin-bottom: 20px;} #content-2getintouch h2 { background:url(_assets/img/bg-interactive-contact-top.gif) no-repeat; padding: 10px 0 0 13px; } #content-2getintouch div { background: url(_assets/img/bg-interactive-contact-bot.gif) 0 100% no-repeat; padding: 10px 0 15px 13px;} #content-2getintouch div p { padding-right: 10px;} #content-2getintouch input[type*="text"] { background: url(_assets/img/bg-interactive-contact-text.gif) no-repeat; width: 161px; height: 16px; padding: 6px; border: 0; margin-bottom: 6px;} #content-2getintouch textarea { background: url(_assets/img/bg-interactive-contact-textarea.gif); width: 161px; height: 62px; padding: 6px; border: 0; margin-bottom: 6px;} #content-2getintouch input[type*="submit"] { background: url(_assets/img/bg-interactive-contact-submit.gif) no-repeat; width: 53px; height: 26px; border: 0; overflow: hidden; padding-top: 26px;} #content-2getintouch input[type*="submit"]:hover { background-position: 0 -26px;} /* =content-post lists ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ ul#content-newslist li { list-style: none; border-bottom: 1px solid #ebebeb; margin-bottom: 20px; overflow: hidden; height: 100%;} ul#content-newslist li img { float: left; } ul#content-newslist li h3 { color: #00558a; margin: 0 0 5px 100px;} ul#content-newslist li h3 em { display: block; font-weight: normal; font-size: 11px; color: #a4a4a4; } ul#content-newslist li p { margin: 0 0 15px 100px; } ul#content-newslist li ul { margin: 0 0 15px 100px;} ul#content-newslist li ul li { margin: 0 4px 0 0; } ul#content-bloglist li { list-style: none; border-bottom: 1px solid #ebebeb; margin-bottom: 20px;} ul#content-bloglist li h3 { color: #00558a; margin: 0 0 5px 0;} ul#content-bloglist li h3 em { display: block; font-weight: normal; font-size: 11px; color: #a4a4a4; } ul#content-bloglist li p { margin: 0 0 15px 0; } ul#content-bloglist li ul { margin: 0 0 15px 0;} ul#content-bloglist li ul li { margin: 0 4px 0 0; } ul#content-bloglist ul.content-social li a, ul#content-newslist ul.content-social li a { background-position: 0 -20px; } ul#content-bloglist ul.content-social li a:hover, ul#content-newslist ul.content-social li a:hover { background-position: 0 0; } ul#content-bloglist ul.content-social li.comment a, ul#content-newslist ul.content-social li.comment a { background-position: 0 0; } ul#content-comments li { list-style: none; padding-bottom: 10px; border-bottom:1px solid #C9C9C9; margin-bottom: 20px} ul#content-comments li h3 { font-size: 20px; font-weight:normal} ul#content-comments li p { margin: 0 } ul#content-form {} ul#content-form li { margin-bottom: 13px; list-style: none; font-size: 11px; color: #7f7f7f;} ul#content-form li label { display: block; color: #494949; font-size: 12px; margin-bottom: 2px;} ul#content-form li label em { color: #ff0000; font-size: 12px; } ul#content-form li input.txt { border: 1px solid #bbbbbb; width: 400px; padding: 3px; margin-right: 5px;} ul#content-form li textarea { width: 398px; padding: 4px; } ul#content-form li input { padding: 4px; } ul#content-form li input.submit { background: url(/_assets/img/bt-add-comment.gif) no-repeat; width: 110px; height: 24px; display: block; border: 0; font-size: 0; text-indent: -9999px; } ul#content-form li input.submit:hover { background-position: 0 -24px; } ol#content-commentlist { margin: 20px 0 20px 20px; width: 400px} ol#content-commentlist li { border-left: 1px solid #d4d4d4; padding-left: 20px; font-size: 12px; color: #777; margin-bottom: 50px;} ol#content-commentlist li p { background: #efefef; font-size: 14px; padding: 20px 20px; } ol#content-commentlist li h3 { font-size: 16px; padding: 0 0 0 20px; font-style:italic;} ol#content-commentlist li h3 a { color: #e9245c; text-decoration: none; } ol#content-commentlist li h3 em { display: block; font-size: 11px; font-style:italic; color: #666} ol#content-commentlist li h3 em a { color: #666}