* {
margin: 0;
padding: 0;
}
html {
background-color: #fff;
}
body {
font-size: 75%;
font-family: 'Lucida Grande', Arial, Sans-Serif;
background: #fff url(/images/bg.png) repeat-y 50%;
text-align: center;
}
legend {
text-indent: -9999px;
height: 0;
font-size: 0;
display: none;
}
#container {
position: relative;
margin: 0 auto;
width: 760px;
text-align: justify;
}
#navigation ul, #header, #footer ul, #comments {
padding-left: 30px;
}
#content, #comments {
float: left;
width: 518px;
}
#sidebar {
margin: -12px 0 0 520px;
padding: 20px 0;
width: 240px;
}
* html #sidebar {
width: 237px;
}
#sidebar, #sidebar a, #sidebar h2, #sidebar h3 {
color: #f1f1f1;
font-weight: normal;
}
#sidebar.homepage-side {
background-color: transparent;
}
#sidebar ul, #sidebar h2, #sidebar h3, #sidebar ol, #sidebar p {
margin: 10px;
}
#sidebar ul {
	font-size: 110%;
	text-align: left;
}
#sidebar ul li {
margin: 5px 0 0;
}
* html #sidebar ul li {
margin: 0 0 -8px;
}
#sidebar ul li a {
display: block;
background: transparent url(/images/menu-arrow-dark.png) no-repeat 4px;
padding: 0 0 0 20px;
}
#sidebar ul li a:hover, #sidebar ul li a:visited {
background-position: 0 -82px;
}
#sidebar ul li a:visited {
	color: #666;
	font-size: 11px;
}
ul.featured-sites li {
padding-bottom: 20px;
line-height: 1.5;
vertical-align: text-top;
}
.featured div ul.featured-sites li {
float: left;
width: 48%;
margin: 0 9px -10px 0;
}
#sidebar ul.featured-sites li a, ul.featured-sites li a {
padding: 0 5px 5px 0;
background: 0;
float: left;
}
#sidebar h2, .featured-sites, #sidebar ul li a, #sidebar p a, #sidebar p {
color: #1f1f1f;
}
#sidebar .featured-sites li a {
background-image: none;
}


.view-all {
text-align: right;
margin: -20px 10px 30px;
}
#content p, #content ul, #content ol, #content dl, table, #introduction p {
margin: 16px 0;
}
#content dl dt {
font-weight: bold;
float: left;
margin-right: 5px;
}
ul {
list-style: none;
padding-left: 35px;
}
a:link {
color: #39c;
text-decoration: none;
}
pre {
color: #666;
text-decoration: none;
}
a:hover {
color: #666;
text-decoration: underline;
}
a img {
border: 2px solid #666;
}
a:hover img {
border-color: #1f1f1f;
}
#content a:href, #content .post p.postmetadata a:hover {
color: #666;
}
#content .post p a[href^="http://"], #content .post li a[href^="http://"], #content .post dl a[href^="http://"] {
padding-right: 13px;
background: transparent url(images/external_link.gif) no-repeat 100% 50%;
color: #000;
}
#content .post p.postmetadata a {
background: none;
padding: 0;
color: #39c;
}
blockquote {
margin: 0 20px 0 10px;
padding: 0 0 0 10px;
border-left: 1px solid #666;
font-weight: bold;
}
blockquote ul, blockquote dl {
font-weight: normal;
}
cite, cite a {
font-weight: normal;
font-style: normal;
}
pre, #livepreview {
font-family: monospace;
font-size: 1.5em;
margin: 2em 5px;
border: 1px solid #666;
background-color: #f2f2f2;
padding: 5px;
}



table {
border-collapse: collapse;
border: 1px solid #666;
color: #666;
}
table th {
font-weight: bold;
text-transform: uppercase;
background-color: #f2f2f2;
}
table tr, table td, table th {
border: 1px solid #666;
}
table td, table th {
padding: 5px 30px 5px 10px;
}



/* main site header */
#header {
position: relative;
height: 90px;
background: #39c url(/images/header.jpg) no-repeat;
padding-top: 9px;
padding-left: 7px;
}
#header h1 {
position: relative;
width: 212px;
height: 78px;
font-size: 2em;
overflow: hidden;
z-index: 50;
}
#header h1 a, #header p {
color: #fff;
text-transform: uppercase;
}
#header h1 a {
text-decoration: none;
}
#header h1 span {
position: absolute;
top: 0;
width: 100%;
height: 100%;
background: transparent url(/images/Neuromuscular_Diseases_logo.jpg) no-repeat;
cursor: pointer;
z-index: 60;
}
#header p {
font-size: 1.2em;
margin-top: -1.7em;
width: 170px;
height: 15px;
overflow: hidden;
}



/* general navigation and footer */
#navigation, #footer {
	overflow: hidden;
	height: 29px;
	background-image: url(/images/header.jpg);
}
#navigation ul, #footer ul {
padding-left: 15px;
}
#navigation ul li, #footer ul li {
float: left;
margin: 8px 0;
border-right: 1px solid #666;
}
#navigation ul li a, #footer ul li a {
display: block;
margin: 0 15px 0 0;
padding: 0 0 0 18px;
letter-spacing: 1px;
}
#navigation ul li a, #footer ul li a, #footer p, #footer p a {
text-decoration: none;
text-transform: uppercase;
}
#navigation ul li a:hover, #footer ul li a:hover, #footer p a:hover {
text-decoration: underline;
}
#navigation ul li a:hover {
/*
color: #39c;
*/
}


/* navigation */
#navigation {
background: transparent url(/images/navmenu.png) no-repeat;
/* height: 40px; */
height: 4em;
}
#navigation ul li a {
color: #111;
}
#navigation ul li#workshop, #footer ul li#subscribe {
border: 0;
}
#navigation ul li#home a span {
width: 55px;
}
#navigation ul li#web-standards a span {
width: 123px;
background-position: -92px 0;
}
#navigation ul li#accessibility a span {
width: 110px;
background-position: -228px 0;
}
#navigation ul li#workshop a span {
width: 87px;
background-position: -353px 0;
}


/* footer */
#footer {
clear: both;
margin-top: 50px;
background: #39c url(/images/footer.jpg) no-repeat;
font-size: 0.9em;
}
#footer ul li {
border-color: #fff;
}
#footer ul li a {
color: #fff;
}
#footer p {
text-align: center;
background: #ccc url(/images/footer.jpg) no-repeat 100%;
}
#footer p, #footer p a {
color: #747474;
font-weight: bold;
}
#footer p a {
font-size: 1em;
}
#footer p, #searchform {
float: right;
line-height: 30px;
width: 238px;
}



.post, #introduction, .glossary, .featured div {
position: relative;
margin: 2em 30px 2em;
}
h2, h2 a, .post p, .postmetadata a, h3, h4, #introduction p, .glossary p, #abbreviations-definitions,
.featured div, .post dl, .post ul, .post ol {
color: #666;
text-decoration: none;
}
h2 {
font-size: 1.45em;
}
h2 a {
color: #666;
}
h3 {
font-size: 1.3em;
}
h4 {
font-size: 1.2em;
}


.post p, #introduction p, .glossary p, #abbreviations-definitions, #livepreview, #comments,
.featured div p, .featured div ul, .post dl, .post ul, .post ol, #contact-form, #sidebar p {
font-size: 1.2em;
line-height: 1.7;
}
.post h2 {
}
.post p.postdate {
line-height: 0em;
font-size: 1em;
padding-right: 25px;
}
.post p.postmetadata {
background-color: #f2f2f2;
border: 1px solid #ccc;
border-width: 1px 0 1px 0;
font-size: 1.1em;
color: #666;
padding: 0 2px;
}
.postmetadata a:hover {
text-decoration: underline;
color: #39c;
}
.entrytext {
clear: left;
}
#post-6 h2, #post-9 h2, #post-15 h2, #search-result h2, #archive h2 {
background: none;
margin-bottom: 1em;
}
#introduction h2, #introduction p {
color: #0b78b1;
}
#introduction h2, #introduction h2 strong {
font-weight: normal;
}
#introduction h2 strong {
text-transform: uppercase;
}
#introduction {
padding-bottom: 1em;
border: 1px solid #fbfbfb;
border-bottom: 1px solid #0b78b1;
}
span.hilite {
background-color: #f2f2f2;
color: #0b78b1;
border: 1px solid #ccc;
padding: 0 2px;
}


/* forms */
form, fieldset {
border: 0;
}
/* search form */
#searchform {
text-align: center;
}
* html #searchform {
margin-top: 5px;
}
input, textarea {
background-color: #edfaff;
border: 1px solid #069;
width: 155px;
}
input:focus, textarea:focus {
background-color: #fff;
color: #069;
}
#searchform input#searchsubmit {
border: 1px solid #069;
background: #39c url(/images/search-button.png) no-repeat 50%;
color: #fff;
text-transform: uppercase;
font-size: 1em;
width: 70px;
height: 18px;
text-indent: -9999px;
cursor: pointer;
margin: 0 0 0 -4px;
}




/* comments */
#comments, #comments form textarea {
width: 450px;
}
#comments .postdate {
text-align: right;
}
#commentform label {
margin-left: 5px;
}
#commentform input {
padding: 2px;
}
.commentlist {
list-style: none;
width: 460px;
}
#comments ol li {
background-color: #f1f1f1;
border: 1px solid #666;
color: #666;
font-size: 1em;
margin-bottom: 1.5em;
padding: 0;
}
.commentlist li p {
padding: 0 7px;
}
#comments ol.commentlist li .postedby {
color: #fff;
height: 50px;
line-height: 50px;
margin: 0;
background-color: #666;
border-bottom: 1px solid #666;
}
#comments ol.commentlist li .postedby p {
padding: 0;
margin: 0;
float: left;
}
#comments ol.commentlist li .postedby span {
display: block;
float: left;
background-color: #fff;
font-size: 32px;
width: 50px;
text-align: center;
}
#comments ol.commentlist li .postedby cite {
text-transform: uppercase;
font-style: normal;
background: transparent url(/images/arrow.png) no-repeat 50%;
padding: 0 10px;
margin: 0 5px 0 20px;
border-right: 1px solid #fff;
}
#comments ol.commentlist li .postedby cite a {
color: #fff;
font-weight: bold;
}
#comments ol.commentlist li p.gravatar-icon {
float: right;
}
.gravatar-icon a img {
border: 0;
}
#comments ol li.mycomments {
background-color: #ecfaff;
border: 1px solid #0b7cb5;
color: #0b7cb5;
}
#comments ol.commentlist li.mycomments .postedby {
background-color: #0b7cb5;
border-bottom: 1px solid #0b7cb5;
}
#comments ol.commentlist li.mycomments .postedby span a {
color: #0b7cb5;
}
#livepreview {
width: 435px;
font-family: 'Lucida Grande', Arial, Sans-Serif;
}



/* abbreviations list */
#abbreviations-definitions dt {
clear: left;
float: left;
width: 100px;
}
#abbreviations-definitions dt, #abbreviations-definitions dd {
padding: 2px 5px;
}
#abbreviations-definitions dt:target, #abbreviations-definitions dt:target + dd {
border: 1px solid #ccc;
background-color: #f2f2f2;
}
#abbreviations-definitions dt:target {
border-right: 0;
}
#abbreviations-definitions dt:target + dd {
border-left: 0;
}



#about-author + p {
margin: -40px -40px 0 0;
padding: 52px 240px 2em 0;
background: transparent url("me.png") no-repeat 100% 0;
}


/* contact form */
#error-message {
color: #39c;
}
#contact-form {
clear: left;
}
#contact-form label, #contact-form input, #contact-form textarea {
display: block;
float: left;
}
#contact-form input#stage {
display: none;
}
#contact-form form div {
clear: left;
margin: 3px 0;
padding: 3px 0;
}
#contact-form label {
clear: left;
width: 100px;
}
#contact-form input {
width: 215px;
margin-right: 5px;
}
#contact-form textarea {
width: 300px;
height: 150px;
margin-right: 5px;
}
#contact-form input#submit {
margin-left: 100px;
width: auto;
padding: 0 10px;
}








/* float contain */
#container::after, #contact-form form div::after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
font-size: 0;
}
/* Hides from IE-mac \*/
* html #container, * html #contact-form form div {height: 1%;}
/* End hide from IE-mac */