/* Theme Name: Healthymagination 2010 Description: Custom Theme for HEALTHYMAGINATION 2010 Author: Saul - GE.COM team Author URI: http://www.healthymagination.com/ Version: 1.0 */ /************* Browser Reset ************/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin:0; padding:0; border:0; font-size:12px; font-family:inherit; vertical-align:baseline;} table {border-collapse:separate; border-spacing:0;} caption, th, td {text-align:left; font-weight:normal;} /************* General ******************/ body {font-family:Arial, Helvetica, sans-serif;width:100%;color: #999999;} h1 {font-size:40px;color:#6C6C6C;} h3 {font-size:12px;color:#6C6C6C;margin-bottom:10px} a {text-decoration:none;} a:hover {text-decoration:underline;} strong {color:#737373;} i {color:#666666;} p {font-size:13px;line-height:1.3;color:#7d7d7d;} /************* HEADER *******************/ #header {height: 45px;} #header a {border-top: 3px solid #FFFFFF;color:#838484;font-size: 14px;padding-top:11px !important;padding-top:12px;text-transform: lowercase;} #header a:hover {padding-top:11px !important;padding-top:12px;text-decoration:none;} #header div {width:940px;margin:0px auto;} #header img {float:left;padding: 14px 0px 0px 0px;} #header ul {float:right;padding-top:14px;} #header li {display:inline;padding:0px 25px 0px 25px;} #header li.last {display:inline;padding:0px 0px 0px 25px;background: transparent url(images/blue_dotted.png) left bottom no-repeat;} #header .stories_active a {border-top: 3px solid #a600a0 !important;color:#a600a0 !important;} #header .stories a:hover {border-top: color:#a600a0;color:#a600a0;} #header .projects_active a {border-top: 3px solid #e97821 !important;color:#e97821 !important;} #header .projects a:hover {border-top: color:#e97821;color:#e97821;} #header .about_active a {border-top: 3px solid #0E91ED !important;color:#0E91ED !important;} #header .about a:hover {border-top: color:#0E91ED;color:#0E91ED;} #header .blog_active a {border-top: 3px solid #0E91ED !important;color:#0E91ED !important;} #header .blog a:hover {border-top: color:#0E91ED;color:#0E91ED;} /************* CONTENT ******************/ #content { background-color:#FAFAFA;border-top: 4px solid #F1F5F8; border-bottom: 2px solid #E6F0F7;overflow:hidden !important; min-width: 960px; width: expression(document.body.clientWidth < 965? "960px": "auto" ); } #page_title h1 {padding-top: 34px;margin: 0px auto;width:940px;} #page_title p {padding: 20px 0px 15px 0px;margin: 0px auto;width:940px;font-size:10px;} #page_title a {color:#A0A0A0;font-size:10px;text-transform:uppercase;letter-spacing: 0.1em;} #page_title span {position:relative;margin: 0 0.5em;} #page_content {background-color:#FAFAFA;margin: 0px auto;width: 985px;height: auto;} /************* POST CONTAINER ************/ #posts_container {width:660px;float:left;} #posts_container .container {clear:both; background-color:#FFFFFF;width: 660px;border-right: 5px solid #F1F5F8;border-bottom: 5px solid #F1F5F8;margin-bottom:20px;} #posts_container .container hr {position:relative;top:4px;border:1px solid #F8F8F8;width:95%;} #posts_container .post {width:620px;margin: 0px auto;} #posts_container .post_content {overflow:auto;} #posts_container .post_content a {font-weight:normal;color:#0E91ED;} #posts_container .post_content a:hover {font-weight:normal;color:#0E91ED;} #posts_container .post_content p {padding-bottom:18px;} #posts_container .post_content .big_image {padding-bottom:18px;} #posts_container .post_content .inset_image {padding:0px 10px 5px 0px;float:left;} #posts_container .post_title {margin: 20px 0px 10px 0px;font-size:22px;color:#0E91ED;font-weight:bold;} #posts_container .post_title a {font-size:22px;color:#0E91ED;} #posts_container .post_title a:hover {font-size:22px;color:#51CFEA;text-decoration:underline;} #posts_container .post_author_date {margin: 0px 0px 10px 0px;} #posts_container .post_author_date p {font-size:11px;font-weight:bold;text-transform: uppercase;} #posts_container .post_footer ul {padding-top: 10px;margin-bottom: 10px;} #posts_container .post_footer_subdiv {overflow:auto;background: url(images/post_bottom_back.gif) top repeat-x; } #posts_container a {color:#999999;font-weight:bold;} #posts_container a:hover {color:#0E91ED;font-weight:bold;} .post_footer_subdiv ul {padding-left:5px; margin:bottom: 10px;} #posts_container .post_footer li img {position: relative;top:3px;} #posts_container .post_footer li {background: url(images/bottom_spotlight_back.gif) right top repeat-y;padding:0px 10px 0px 10px;margin-top:5px; display:inline;vertical-align:middle;} #posts_container .post_footer li.last {background: none;} #posts_container .post_footer li.tags {background: none;padding:0;} #posts_container .post_footer li.tags a {font-weight:normal;display:inline-block;color: #FFFFFF;background-color:#DE60AA;padding:3px 5px; margin:0px 1px 1px 1px;border-right: 2px solid #CDCDCD;border-bottom: 2px solid #CDCDCD;} #posts_container .post_footer li.tags a:hover {color: #DE60AA;background-color:#FFFFFF;cursor: pointer;} #posts_container h2.tagged {margin-left:10px;} #posts_container h2.PostTagged {font-size:18px;margin-top: 0px;margin-right: 2px;margin-bottom: 9px;margin-left: 21px;} /* #post_footer_general {display:inline; float:left;} #post_footer_tags {display:inline; float:left; overflow:auto;width:265px;} #post_footer_tags ul {padding-left:5px;} #post_footer_tags li.last {background: none; padding-left: 0px;} #post_footer_tags li.last a {font-weight:normal;display:inline-block;color: #FFFFFF;background-color:#DE60AA;padding:3px;margin:0px 1px 1px 1px;border-right: 2px solid #CDCDCD;border-bottom: 2px solid #CDCDCD;} #post_footer_tags li.last a:hover {color: #DE60AA;background-color:#FFFFFF;cursor: pointer;} */ /******* COMMENTS **************/ #comments_section {margin-bottom: 20px;background: url(images/post_bottom_back.gif) bottom repeat-x;} #comments_section span {font-weight:bold;} #comments_section a {color:#0E91ED;} #comments div.uno {background: url(images/post_bottom_back.gif) top repeat-x;padding:20px 0px;margin:0 20px;overflow:auto;} #comments div.uno img {float:left;padding-right:20px;} #comments .comment_date {padding:10px 0px;font-weight:bold;font-size:11px;} #comments_top {font-weight:bold;padding-bottom:5px;margin:0 20px;} #comments_form {margin:0px 20px;padding:20px 0px;background: url(images/post_bottom_back.gif) top repeat-x;} #comments_form td {vertical-align:top;} #comments_form .submit {background-color:#FFFFFF;background-image:url(/wp-content/themes/hm2010/images/button-submit-comment.gif);border:medium none;cursor:pointer;height:22px;width:133px;} #comments_form .style_input, textarea {border:1px solid #7F9DB9;} /************** PAGINATION *******************/ #pagination {width:660px;height:25px;margin-bottom:50px;} #pagination div {background-color:#FBFBFB;width:100px;color:#6B6B6B;text-align:center;width:130px; padding-top: 3px; padding-bottom:3px;} #pagination div img {position:relative;vertical-align:middle;} #older {float:left;} #newer {float:right;} #older a {border:1px solid #DCE4E9;padding:3px 5px 3px 5px;} #newer a {border:1px solid #DCE4E9;padding:3px 5px 3px 5px;} /************** SIDE BAR ***********************/ #sidebar {width: 302px;padding-left:18px;float:left;padding-top: 37px;} #sidebar div {padding-bottom: 50px;} #sidebar div h3 {text-transform:uppercase;letter-spacing: 0.1em;} #sidebar div.authors {padding: 0px 0px 15px 0px;height:50px;} #sidebar .authors img {width: 49px;height: 49px;margin:0px 0px 15px 0px;cursor:pointer;} #sidebar .authors a {position:relative;top:-40px;left: 10px;cursor:pointer;} #sidebar div.last {padding: 0px;} #sidebar a {color: #0E91ED;font-weight: bold;} #sidebar .contact_paragraph a {font-weight: normal;} #sidebar ul {margin-left: 15px;} #sidebar li {padding:0px 0px 3px 3px;list-style: circle outside;color:#B2D1E6;} /**************** PLUGIN STYLES *****************/ #sidebar .textwidget,#sidebar .ctc {padding:0px;} #sidebar .ctc a {font-weight:normal;display:inline-block;color: #FFFFFF;background-color:#DE60AA;padding:3px; margin:1px 1px;border-right: 2px solid #CDCDCD;border-bottom: 2px solid #CDCDCD;} #sidebar .ctc a:hover {color: #DE60AA;background-color:#FFFFFF;cursor: pointer;} /**************** FOOTER **********************/ #footer {height: 257px;background:white;} #footer a {color: #97C1DF;} #footer li {list-style:none;margin-bottom:0.25em;} #local_links_footer {width:940px;height:190px;margin:0px auto;} #local_links_footer div {float:left;padding-top:26px;height:164px;} #external_links_footer {width:940px;margin:0px auto;padding-top:20px;clear:both;} #external_links_footer img.monogram {float:left;margin:6px 10px 0px 0px;} #external_links_footer ul {padding-top:18px;} #external_links_footer li {display:inline;padding:0px 10px;vertical-align:baseline;border-left:1px solid #97C1DF;} #external_links_footer li img {position:relative;top:2px !important;top:1px} #external_links_footer a {color:#94B2D9;font-size:0.9091em;} #foot_programs {border-right:1px solid #E6F0F7;width:320px;} #foot_about {border-right:1px solid #E6F0F7;width:320px;padding-left:20px;} #foot_connect {border-right:none;padding-left:20px;} #local_links_footer h3 {text-transform:uppercase;letter-spacing: 0.1em;} #blog_title {color:#898989;font-size:32px;font-weight:normal;margin-left:20px;} #logo {float:left;margin-top:11px !important;margin-top:12px 0px;} #logo a {display: block; text-indent: -9999px; background: url(images/healthy_logo.gif);background-repeat:no-repeat;width:150px;height:19px;} .list li{ list-style-type:disc; margin-left:20px; }