@media screen { html, body { height: 100%; } body { margin: 0 auto; padding: 0; font-family: Georgia, "Times New Roman", Times, serif; font-size: 62.5%; color: #555555; background: #b1b1b1; } img { border: 0; } img a, a img { border: 0; } a { color: #000; text-decoration: none; } a:hover { color: #000; text-decoration: underline; } #wrapper { margin: 0 auto; width: 960px; background: #b1b1b1 url(/wp-content/themes/grey-matter/img/back.gif) top center repeat-y; } #header { background-image: url(/wp-content/themes/grey-matter/img/header.jpg); width: 960px; height: 135px; clear: both; margin: 0 auto; padding: 0; border-top: 1px solid #b1b1b1;  font-size: 80%; color: #747474; } #header a, #header a:hover, #header a:visited { color: #606060; text-decoration: none; } #header h2 { font-size: 120%; font-weight: normal; margin: 0; } #header h1 { font-size: 350%; font-weight: normal; margin: 0; } #header_siteheader { clear: both; float: left; width: 600px; height: 83px; margin: 0 0 0 40px; line-height: 83px; display: inline; } #header_sidebar { float: right; width: 250px; height: 49px; margin: 0 25px 0 0; display: inline; vertical-align: top; padding-top: 32px; } #header img { float: left; margin: 15px 25px 14px 0; } #content { clear: both; font-size: 140%; line-height: 140%; float: left; width: 600px; min-width: 600px; margin: 0px 0px 0px 40px; display: inline; } #content img { border: 0; float: left; margin: 5px 20px 10px 0; } #content a { border-bottom: 1px dotted; } #content blockquote, #content code { border-left: 5px #DDD solid; background: #F5F5F5; padding: 5px 0 2px 10px; margin: 0 0 10px 20px; } #content code { font: 12px Monaco, "Lucida Console", "Courier New", "Courier", monospace; display: block; } #content a:hover { text-decoration: none; border-bottom: #000 1px solid; } #content h1 { font-size: 190%; line-height: 120%; color: #747474; font-weight: normal; margin: 20px 0 15px 0; } #content a h1, #content h1 a { color: #606060; text-decoration: none; border: 0 none; } #content a:hover h1, #content h1 a:hover { color: #444; text-decoration: none; border-bottom: 1px dotted; } #content p { margin: 0 0 10px 0; } #content ul, #content ol { padding: 0 0 0 30px; } #content ul li, #content ol li { margin: 3px 0 3px 0; padding: 0; } #counters { width: 0px; height: 0px; display: none; float: left; } #comments { font-size: 90%; line-height: 140%; } .commenter { color: #808080; font-size: 90% } #comments h1 { font-size: 150%; line-height: 120%; color: #606060; font-weight: normal; margin: 30px 0 10px 0; } #comments img { float: none; margin: 0 5px 0 0; } #comments ul, #comments ol { padding: 0 0 0 25px; } #comments ul { list-style: square; } #comments ul li, #comments ol li { margin: 0 0 40px 0; padding: 0; } #sidebar { font-size: 120%; line-height: 130%; float: right; width: 250px; min-width: 250px; margin: 0px 25px 0px 0px; display: inline; } #tag_cloud { line-height: 200%; } #sidebar img { float: none; } #sidebar p { margin: 0 0 5px 0; } #sidebar h2 { font-size: 120%; font-weight: normal; color: #DDD; background-color: #747474; padding: 0px 8px; line-height: 180%; margin: 0 0 10px 0; } #sidebar ul { list-style: none; margin: 0 0 25px 0; padding: 0; } #sidebar ul li { margin: 0; } #sidebar ul ul { padding: 0 0 0 8px; } #sidebar ul ul li { margin: 0 0 7px 0; } #postmeta { font-family: "Trebuchet MS", "Myriad Pro", Verdana, Tahoma, Arial, Helvetica; font-size: 85%; border-top: 1px solid #CCC; clear: both; color: #747474; margin: 10px 0 20px 0; } #postmeta a { color: #747474; border: 0 none; } #postmeta a:hover { color: #000; border: 0 none; text-decoration: underline; } #postmeta img { vertical-align: middle; margin: 0 4px 0 0; } .postnav { width: 600px; float: left; list-style: none; line-height: 100%; margin: 0; padding: 0; } .postnav li.left { display: block; float: left; } .postnav li.right { display: block; float: right; } #footer { font-size: 130%; clear: both; width: 960px; margin: 0 auto; height: 109px; background: #b1b1b1 url(/wp-content/themes/grey-matter/img/footer.gif) center no-repeat; border: 0; } #footer_content { line-height: 150%; text-align: center; height: 58px; width: 600px; margin: 0px 0px 0px 40px; } #footer_content p { padding: 10px 0 0 0; } #blackband_bottom_left, #blackband_bottom_right, #blackband_top_left, #blackband_top_right { width: 440px; height: 30px; color: #CCC; line-height: 30px; } #blackband_top_left, #blackband_top_right { margin-top: 19px; line-height: 32px; } #blackband_bottom_left, #blackband_top_left { margin-left: 40px; float: left; display: inline; } #blackband_bottom_right, #blackband_top_right { margin-right: 40px; float: right; text-align: right; display: inline; } #blackband_top_right { margin-right: 34px; } #blackband_top_right ul { margin-top: 0px; float: right; } #blackband_top_right ul li { line-height: 32px; float: left; list-style: none; } #blackband_top_right ul li a { padding: 0 6px 0 6px; } #blackband_top_right ul li a:hover, #blackband_bottom_right a:hover, #blackband_bottom_left a:hover { color: #FFF; text-decoration: underline; } #blackband_top_right a, #blackband_top_right a:active, #blackband_top_right a:visited { color: #FFF; text-decoration: none; display: block; } #blackband_bottom_right a, #blackband_bottom_right a:active, #blackband_bottom_left a, #blackband_bottom_left a:active { color: #FFF; text-decoration: none; } .hasFloat:after { content: ""; display: block; clear: both; } #searchform input { font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:12px; background-color:#747474; margin: 0; padding: 2px 4px 2px 4px; border:#747474 1px solid; color:#DDD; width: 55px; } #searchform input:hover { cursor:pointer; background-color:#606060; border:#222 1px solid; color:#fff; } #searchform #s { font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:12px; margin: 0 10px 0 0; background-color:#DDD; padding: 3px 4px 3px 4px; border:#747474 1px solid; color:#606060; width: 170px; } #content .pagetitle { margin-bottom: 20px; font-size: 220%; font-weight: normal; } img#wpstats { width: 0px; height: 0px; padding: 0px; border: none; overflow: hidden; } .aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; } .alignleft { float: left; } .alignright { float: right; } .wp-caption { border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin: 10px;  -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } .wp-caption img { margin: 0; padding: 0; border: 0 none; } .wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; } } .subscribe_me_services .center_feed_button { text-align: center; } .subscribe_me_services .float_feed_button { float: right; margin-left: 10px; margin-right: 5px; margin-bottom: .1em; } .subscribe_me_extra a { display: block; padding-left: 18px; padding-right: 6px; margin-top: .1em; margin-bottom: .1em; float: left; background-repeat: no-repeat; white-space: nowrap; width: 144px; line-height: 20px !important; height: 20px !important; overflow: hidden; color: #22e !important; background-image: url(/wp-content/plugins/sem-subscribe-me/css/../icons/icons.gif) !important; } .subscribe_me_extra a:hover { color: #c22 !important; } .subscribe_me_extra a.help { width: auto; } .subscribe_me_spacer { clear: both; } .subscribe_me_extra { position: absolute; background: #fff; color: #000; border: solid 1px #999; padding: 5px 5px; margin-left: -1px; width: 360px; -moz-border-radius: 10px; -khtml-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; } .subscribe_me .help { background-position: 0px 0px; } .subscribe_me .rss_feed { background-position: 0px -20px; } .subscribe_me .bloglines { background-position: 0px -40px; } .subscribe_me .google { background-position: 0px -60px; } .subscribe_me .live { background-position: 0px -80px; } .subscribe_me .netvibes { background-position: 0px -100px; } .subscribe_me .newsgator { background-position: 0px -120px; } .subscribe_me .yahoo { background-position: 0px -140px; } .subscribe_me .media_container { clear: none; } .subscribe_me .media { text-align: left; margin-left: 0px; } div.sociable { margin: 16px 0; } span.sociable_tagline { position: relative; } span.sociable_tagline span { display: none; width: 14em; } span.sociable_tagline:hover span { position: absolute; display: block; top: -5em; background: #ffe; border: 1px solid #ccc; color: black; line-height: 1.25em; } .sociable span { display: block; } .sociable ul { display: inline; margin: 0 !important; padding: 0 !important; } .sociable ul li { background: none; display: inline !important; list-style-type: none; margin: 0; padding: 1px; } .sociable ul li:before { content: ""; } .sociable img { float: none; width: 16px; height: 16px; border: 0; margin: 0; padding: 0; } .sociable-hovers { opacity: .4; -moz-opacity: .4; filter: alpha(opacity=40); } .sociable-hovers:hover { opacity: 1; -moz-opacity: 1; filter: alpha(opacity=100); }