/*
Theme Name: HMDN
Description: Hopkins Medical Device Network
Version: Version 1.0
Author: Kevin Yeh kevyeh@jhu.edu
*/

/* Begin Structure */

body {
 background: url('images/bkgnd.png');
 margin: 0;
 padding: 0;
 font-size: 62.5%; /* Resets 1em to 10px */
 font-family: 'Lucida Grande', Arial, Helvetica, sans-serif;
 color: #333;
 text-align: center;
}

#page {
 margin: 20px auto 20px auto;
 padding: 0;
 width: 960px;
 text-align: left;
 font-size: 1.3em;
}

#page_bkgnd {
 background: url('images/page_bkgnd.png');
 padding: 0;
 margin: 0;
}

#header {
 background: url('images/header_right.png') no-repeat right;
 padding: 0;
 margin: 0;
 height: 100px;
 width: 960px;
}

#header img.floatLeft {
 float: left;
}

#content {
}

.column {
 padding: 0;
 margin: 20px 0 0 40px;
 width: 640px;
}

.column .entry {
 margin: 10px 0 0 0;
}

.column .entry p {
 margin: 10px 0 10px 0;
}

.column .postmetadata {
 text-align: right;
 margin: 0;
 padding-top: 10px;
 padding-bottom: 3px;
 clear: left;
}

.post {
 text-align: justify;
 margin-bottom: 10px;
 background: url('images/post_bottom.png') no-repeat bottom;
}

.section {
 clear: left;
}

.page {
 text-align: justify;
}

.navigation {
 display: block;
 text-align: center;
 margin-top: 10px;
 font-weight: bold;
}

#footer {
 padding: 0;
 margin: 15px 0 0 40px;
 height: 20px;
 width: 640px;
 clear: both;
 text-align: center;
}

#footer_close {
 background: url('images/footer_stop.png') no-repeat top;
 padding: 0;
 margin: 0;
 height: 20px;
 width: 960px;
}

#nav {
 height: 20px;
 margin: 0;
 padding: 3px 0 0 40px;
 font-size: 12px;
}

#nav_bkgnd {
 height: 40px;
 background: url('images/nav_bkgnd.png') no-repeat;
 padding: 0;
 margin: 0;
}

#nav li, #subnav li {
 float: left;
 display: inline;
 padding: 0;
 margin: 0;
}

#nav a, #nav a:visited {
 color: #003264;
 padding: 1px 12px 0 12px;
 text-decoration: none;
 border: none;
}

#nav a:hover {
 color: #0096ff;
}

#nav a:focus {
 outline:none;
}

#nav li.current_page_item a, #nav li.current_page_item a:visited, #nav li.current_page_parent a, li.current_page_parent a:visited{
 color: #0096ff;
 float: left;
 background: url('images/tab_bar_down.png') repeat-x;
 height: 17px;
 margin: -2px -1px 0 -1px;
 padding: 2px 12px 0 12px;
 border-left: 1px solid #0096ff;
 border-right: 1px solid #0096ff;
}

#subnav {
 float:left;
 margin: 0 0 0 40px;
 padding: 0;
 font-size: 11px;
}

#subnav a, #subnav a:visited {
 color: #003264;
 font-weight: normal;
 display: block;
 margin: 0 12px 0 12px;
 text-decoration: none;
}

#subnav a:hover {
 color: #0096ff;
}

#subnav a:focus {
 outline:none;
}

#subnav li.current_page_item a, #subnav li.current_page_item a:visited {
 color: #0096ff;
 text-decoration:none
}

.navigation .newer {
 float: right;
}

.navigation .older {
 float: left;
}

.clear {
 clear: both;
}

/* End Structure */

/* Begin Typography & Colors */

h1, h2, h3 {
 padding: 0;
 margin: 5px 0 0 0;
 color: black;
}

h1 {
 font-size: 2em;
 font-weight: bold;
 text-align: center;
}

h2 {
 font-size: 1.4em;
 font-weight: bold;
}

h3 {
 font-size: 1.15em;
 font-weight: bold;
}

a {
 color: #003264;
 text-decoration: none;
 outline: none;
 font-weight: bold;
 font-style: normal;
}

a:visited {
 color: #326482;
}

a:hover, a:hover, a:focus {
 color: #0096ff;
 text-decoration: underline;
 outline: none;
}

.small {
 font-size: 0.85em;
 color: #777;
}

hr {
 border: 0;
 color: #0096ff;
 background-color: #0096ff;
 height: 2px;
 margin: 10px 0 10px 0;
 clear: left;
}

/* End Typography & Colors */


/* Begin Images */

.column .border {
 padding: 2px;
 border: 1px solid #0096ff;
 float: left;
 margin: 0 0 0 -3px;
}

.column .pageimg {
 margin-top: -5px;
 margin-bottom: 10px;
}

img.centered {
 display: block;
 margin: inherit auto inherit auto;
}

img.alignright {
 margin: 0 0 0 10px;
 float: right;
 clear: left;
}

img.alignleft {
 margin: 0 10px 0 0;
 float: left;
 clear: left;
}

img.plainright {
 margin: 0px;
 padding: 0px;
 border: none;
 float: right;
}

img.plainleft {
 margin: 0px;
 padding: 0px;
 border: none;
 float: left;
}

/* End Images */

/* Begin Lists

 Special stylized non-IE bullets
 Do not work in Internet Explorer, which merely default to normal bullets. */

html>body .entry ul {
 margin: 0 0 0 35px;
 margin-top: 10px;
 padding: 0;
}

html>body .entry li {
 margin: 0;
}

.entry ul li:before, #sidebar ul ul li:before {
 margin: 0;
 padding: 0;
}

.entry ol {
 padding: 0 0 0 35px;
 margin: 0;
}

.entry ol li {
 margin: 0;
 padding: 0;
}

.postmetadata ul, .postmetadata li {
 display: inline;
 list-style-type: none;
 list-style-image: none;
}

#sidebar ul, #sidebar ul ol {
 margin: 0;
 padding: 0;
}

#sidebar ul li {
 list-style-type: none;
 list-style-image: none;
 margin-bottom: 5px;
}

#sidebar ul p, #sidebar ul select {
 margin: 5px 0 8px;
}

#sidebar ul ul, #sidebar ul ol {
 margin: 5px 0 0 10px;
}

#sidebar ul ul ul, #sidebar ul ol {
 margin: 0 0 0 10px;
}

ol li, #sidebar ul ol li {
 list-style: decimal outside;
}

#sidebar ul ul li, #sidebar ul ol li {
 margin: 3px 0 0;
 padding: 0;
}

/* End Entry Lists */

/* Begin Form Elements */

#search_box {
 width: 220px;
 height: 20px;
 background: url(images/search_box.png);
}

#search_box #s {
 float: left;
 border: 0;
 margin: 3px 0 0 6px;
 background: none;
}

#search_box #go {
 float: right;
 margin: 0;
}

#search_form {
 margin: 0;
 padding: 40px 0 0 718px;
 text-align: left;
}

#search_form .search_input {
 width: 190px;
 padding: 0;
 text-align: left;
 font-size: 11px;
 color: #777;
}

.entry form { /* This is mainly for password protected posts, makes them look better. */
 text-align:center;
}

select {
 width: 130px;
}

#commentform input {
 width: 170px;
 padding: 2px;
 margin: 0 5px 1px 0;
 border: 1px solid #e6e6e6;
}

#commentform textarea {
 width: 100%;
 padding: 2px;
 border: 1px solid #e6e6e6;
}

#commentform #submit {
 margin: 0;
 float: right;
 border: 1px solid #e6e6e6;
 background: #fafafa;
}

/* End Form Elements */

/* Begin Comments*/

.alt {
 margin: 0;
 padding: 10px;
}

.commentlist {
 margin: 0;
 padding: 0;
 text-align: justify;
}

.commentlist li {
 margin: 0 0 10px 0;
 padding: 5px 10px 3px 10px;
 list-style: none;
 background: #fafafa;
 border: 1px solid #e6e6e6;
}

.commentlist li .avatar {
 margin-right: 5px;
 margin-top: 3px;
 float: left;
}

.commentlist h2 {
 margin: 0;
}

.commentlist p {
 margin: 10px 5px 10px 0;
}

#commentform p {
 margin: 5px 0 0 0;
}

.nocomments {
 text-align: center;
 margin: 0;
 padding: 0;
}

.commentmetadata {
 margin: 0;
 display: block;
}

/* End Comments */

/* Begin Sidebar */

#sidebar {
 float: right;
 margin: 0 30px 0 0;
 width: 200px;
}

#sidebar form {
 margin: 0;
}

/* End Sidebar */

/* Begin Calendar */

#wp-calendar {
 empty-cells: show;
 margin: 0px 0 0 0;
 width: 200px;
}

#wp-calendar #next a {
 padding-right: 10px;
 text-align: right;
 font-weight: normal;
}

#wp-calendar #prev a {
 padding-left: 10px;
 text-align: left;
 font-weight: normal;
}

#wp-calendar a, #wp-calendar a:focus {
 display: block;
 font-weight: bold;
 outline: none;
}

#wp-calendar caption {
 text-align: center;
 width: 100%;
}

#wp-calendar td {
 padding: 3px 0;
 text-align: center;
}

#wp-calendar td.pad:hover { /* Doesn't work in IE */
 background-color: #fff;
} 

.ec3_the_schedule {
 color:#0096ff;
 font-weight: bold;
}

.ec3_events {
 color: #0096ff;
 font-weight: bold;
 font-family: 'Lucida Grande', Arial, Helvetica, sans-serif;
 }

.ec3_events a {
 font-weight: normal;
}

/* End Calendar */

/* Begin Various Tags & Classes */

a img {
 border: none;
}

/* End Various Tags & Classes*/

img, div { 
 behavior: url(/resources/iepngfix.htc) 
}