/*
Theme Name: JPM
Description: Custom theme for Journal of Participator Medicine.
Version: 1.0
Author: Steve Weintraub
Author URI: mailto:steve@dalahus.com/

*/

@import url('reset.css');

html, body {
  height: 100%;
  margin: 0 0 1px;
  padding: 0;
}

body {
  background: url(images/bg.gif) repeat-x #c6d9e0; 
/*   font: normal 14px/18px Helvetica, Arial, sans-serif;  */
  color: #333;
  }
  
p {
  font-size: 14px;
  line-height: 18px;
  margin: 0 0 10px 0;
  }


ol, ul {
  font-size: 14px;
  line-height: 18px;
  }

p.subHed {
  font-size: 16px;
  line-height: 20px;
  margin: 0 0 10px 0;
  }

a {
  text-decoration: none;
  color: #0067b2;
  }

a:hover {
  text-decoration: underline;
  }  
  
a img {border: none;}

h1 {
  font-.featuredweight: normal;
  font-size: 28px;
  line-height: 30px;
  color: #00a4e4;
  } 

h1 span {
  font-size: 16px;
  line-height:18px;
  }

h1.sub {
  margin: 0 0 10px 0;
  }

h2, h3, h4, h5 {
  font-weight: normal;
  font-family: Georgia, Times, serif; 
  }

h3 {
  font-size: 18px;
  margin: 0 0 5px 0;
  } 

h4 {
  font-size: 15px;
  background-color: #fff;
  display: inline-block;
  padding: 5px 10px;
  color: #0067b2;
}


/* h5: Section Heds */

h5 {
  background: url(images/dots.gif) repeat-x 0 4px; 
  margin: 10px 0 0 0;
  color: #2da3e4;
  font: normal 16px/16px Helvetica, Arial, sans-serif;
  text-transform: capitalize;
}
 
h5 span, h5 a {
  background-color: #fff;
  padding: 0 4px 0 0;
  } 
 
h5 a {
  color: #2da3e4;
  }

h5 img {
  padding-right: 5px;
  } 


#header {
  width:980px;
  margin: 15px auto;
  position: relative;
  }

#nav {
  position: absolute;
  top: 32px;
  right: 0;
  z-index: 100;
  }

#nav li {
  display: block;
  margin: 0 0 5px 7px;
  position: relative;
  float:left;
  }

#nav li a.section {
  display: block;
  color: #fff;
  font-size: 15px;
  letter-spacing: 1px;
  line-height: 1.0em;
  padding: 5px 8px;
  background: #2165b2;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-box-shadow: 1px 1px 2px #333;
  -moz-box-shadow: 1px 1px 2px #333;
  }

#nav li a.section:hover, 
#nav li.on .section {
  background: #75a42e;
  text-decoration: none;
  }

#nav li.on a.section {
-webkit-border-radius: 0;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius: 0;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
}


#nav li.selected a {
  background: #2da3e4;
  }

#nav li.selected ul li a {
  background: none;
  }

.subnav {
  display: none;
  background: #75a42e;
  position: absolute;
  padding: 5px 0 0 0;
  left: 0;
  top: 25px;
  width:100%;
  -webkit-border-bottom-right-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -moz-border-radius-bottomright: 5px;
  -moz-border-radius-bottomleft: 5px;
  -webkit-box-shadow: 1px 1px 2px #333;
  -moz-box-shadow: 1px 1px 2px #333;
  z-index: 10;
  font-size: 12px;
  }

#nav li ul li {
  color: #fff;
  float: none;
  line-height: 1.0em;
  }

.subnav .children {
  margin: 3px 0 0 0 ;  
  }

.subnav .children li {
  margin: 0px 0px 0 0 !important;  
  }

#nav li ul li a{
  color: #fff;
  
}

ul.children li {
  background: url(images/actionlink-white.gif) no-repeat 1px 4px;
  padding: 0 0 5px 10px;
  text-transform: none;
}

ul#siteInfo {
  position: absolute;
  right: 0px;
  top: 70px;
  font: normal 13px Helvetica, Arial, sans-serif;
  }

#siteInfo li {
  display: inline;
  margin: 0 0 0 10px;
  }

#siteInfo .linkButton a {
  font-weight: bold;
  }

#siteInfo .linkButton a:hover {
  }
  

  
#siteInfo form  {
  display: inline;
  }  
  
#siteInfo form #searchsubmit {
  color: #fff;
  padding: 4px 6px;
  border: none;
  background: #2165b2;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-box-shadow: 1px 1px 2px #333;
  -moz-box-shadow: 1px 1px 2px #333;
}

input#s {color: #555;}


#page {
  width:980px;
  margin: 0 auto;
  background: #fff;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-box-shadow: 0 0 6px #aaa;
  -moz-box-shadow: 0 0 6px #aaa;
  background: url(images/dots-bg.gif) repeat-y right #fff; 
  }

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

.widget {
  margin: 10px;
  }

.widget ul, .widget div {
  background-color: #fff;
  padding: 10px;
}


/* quotes */

.quotescollection_randomquote {
  font-family: Georgia, Times, serif;
  color: #333;
  }

q {
  font-size: 18px;
  line-height: 20px;
  }

.quotescollection_randomquote cite {
  margin: 10px 0 0 0;
  text-align: left !important;
  }

li a.rsswidget {
  font: bold 12px/15px Helvetica, Arial, sans-serif;
  }
  
.rss-date {
  display: block;
  margin: 0 0 5px 0;
/*   font-size: 12px; */
  }  

.rsswidget img {display: none;}

.rssSummary {
  margin: 5px 0 0 0;
  padding: 0 !important;
  font-size: 12px;
  }

.widget li {
  margin: 0 0 10px 0;
  font-size: 12px;
  }

#welcome {
  background: #fff;
  padding: 20px 0 10px 0;
/*   height: 341px; */
  font: normal 12px/15px Helvetica, Arial, sans-serif;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topright: 5px;
  }

#welcome h5 {
  margin: 0 20px 15px 0;
  }

#welcome p {
  margin: 10px 20px 10px 0;
  }

.social {
  background-position: 0 0;
  background-repeat: no-repeat;
  padding: 5px 10px 0 28px;
  height: 24px;
  display: inline-block;
  }  
  
#facebook { background-image: url(images/icon-facebook.gif); }  
#twitter { background-image: url(images/icon-twitter.gif); }  
#itunes { background-image: url(images/icon-itunes.gif); }  
#rss { background-image: url(images/icon-rss.gif); }  
  
  
#content {
  float:left;
  width: 620px;
  padding-right: 20px;
  margin: 10px 0 10px 20px;
  }

#footer {
  padding: 20px 0 20px 20px ;
  margin: 0 auto;
  width: 960px;
  }
 
 
.post p.postmetadata {
  margin: 5px 0;
  font-size: 12px;
  } 

.postSocial {
  float: right;
  }

.WP-PrintIcon {
  margin: 0 3px -4px 0;
  }

.minihed {
  font: normal 10px Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  margin: 15px 0 0 0;
  }  

.actionlink {
  background: url(images/actionlink.gif) no-repeat right center;
  font: normal 10px Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  padding: 0 10px 0 0;
  }  
 
.actionlink.white {
  background: url(images/actionlink-white.gif) no-repeat left center;
  padding: 0 0 0 10px;
  text-transform: none;
}

#sitemap {
  clear:both;
  background: url(images/sitemap-bg.gif) no-repeat #0067b2;
/*   height: 164px; */
  padding: 20px;
  border-top: 1px solid #002f52;
  -webkit-border-bottom-left-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  -moz-border-radius-bottomright: 5px;
  -moz-border-radius-bottomleft: 5px;
  color: #fff;
  }

#sitemap ul.channel {
  display: inline-block;
  margin: 0 45px 0 15px;
  line-height: 1.3em;
  vertical-align: top;
  font: normal 12px/14px Helvetica, Arial, sans-serif !important;
  }

#sitemap ul.channel {
  *display: inline;
  }

.channel a {color: #fff;}


.wpcf7 {
  margin: 0 0 0 40px !important;
  display: inline-block;
  vertical-align: top;
  width: 290px;
  }

.wpcf7 p,
.wpcf7 span {
    font: normal 12px/14px Helvetica, Arial, sans-serif !important;
}

.wpcf7-response-output {
  width: 250px;
  margin: 0;
  background: #fff;
  color: #000;
  }
  
.wpcf7{
  *display: inline;
  }
  
.wpcf7 p {
  margin: 0;
  }

.wpcf7 p span {
  display: inline-block;
  text-align: right;
  width: 50px;
  padding: 0 10px 0 0;
  vertical-align: top;
  margin: -3px 0 0 0;
  }

.wpcf7 input {
  margin: 0 0 10px 0;
  }

.wpcf7 p span.wpcf7-not-valid-tip {
  left: 0 !important;
  top: 4px !important;
  color: red;
  font-size: 10px !important;
  width: 150px !important;
  }

.wpcf7-validates-as-required {
  width: 220px;
  }

.wpcf7-validates-as-email {
  width: 220px;
  }

#FeedbackSubmit {
  float:right;
  }
  
.Message textarea {
  width: 175px;
  height: 75px;
  margin: 0 0 10px 0;
  }


.breadcrumb {
  margin: 10px 0 10px 0;  
  font-size: 10px;
  text-transform: uppercase;
  }

.breadcrumb span {
  display: none;
  }


/* !HOME  */   
  
#feature {
  padding-top: 15px;
  }  
   
.wp-post-image {
  float: left;
  margin: 0 15px 10px 0 ;
  border: 10px solid #fff;
  -webkit-box-shadow: 0 0 6px #bbb;
  -moz-box-shadow: 0 0 6px #bbb;
}   

#feature h3, h2 {
  font-size: 30px;
  line-height: 30px;
  margin: 0 0 5px 0;
  color: #00a4e4;
  } 

.home .item {
  margin: 0 0 25px 0;
  }

.home .item .big {
  width: 380px;
  float: left;
  margin: 10px 0 0 0;
  border: none;
  }

.big p {
  font-size: 12px;
  line-height: 14px; 
  }

.attachment-thumbnail {
  float: left;
  margin: 0 10px 0 0 ;
  border: 5px solid #fff;
  -webkit-box-shadow: 0 0 4px #bbb;
  -moz-box-shadow: 0 0 4px #bbb;
}


h3.smallHed {
  float: left;
  font-size: 13px;
  line-height: 15px;
  width:220px;
  margin: 10px 0 5px 15px;
  }

.home .item .actionlink {
/*   margin-left: 15px; */
  }

#multimediaTout {
  background: #000;
  min-height:200px;
  margin: 0 -20px -10px -20px;
  padding: 10px 20px 20px 20px;
  overflow: auto;
  color: #fff;
  height: 1%;
  }

#multimediaTout h3 a{
  font-size: 24px;
  line-height: 30px;
  margin: 0 0 5px 0;
  color: #fff;
  } 

#multimediaTout h4 {
  background-color: #000;
  }

#multimediaTout h5 img{ background-color: #000;}

#multimediaTout p a {
  color: #fff;
  }
  
#multimediaTout #yarp {
  background: #fff;
  margin: 0 -20px -25px -20px;
  padding: 5px 0 5px 0;
  }  
  
#yarp h5 {
  margin: 10px 0 5px 0;
  }  
  
#yarp ul {
  color: #333;
  }  
  
  
/*
#fVideo object {
  float: left;
  margin: 0 20px 0 0;
  -webkit-box-shadow: none;
  position: relative;
  border: 2px solid #ccc;
  }
*/

#multimediaTout .minihed {
  color: #2166b3;
  }

#fPodcast {
  float:right;
  width: 280px;
  margin: 10px 0 0 0;
  }

/* !Channel */

.archive #feature {
  padding: 8px 0 0 0;
  }

.big {
  border-bottom: 1px dotted #00a4e4;
  margin: 10px 0 15px 0;
  padding: 0 0 10px 0;
  }

h6 {
  font-size: 10px;
  text-transform: uppercase;
  color: #0067b2;
  margin: 0 0 5px 0;
  }  
   
   
   
/* !Article */

blockquote {
  background: url(images/dots.gif) repeat-y 0 0; 
  padding: 0 0 0 20px;
  margin: 0 0 0 10px;
  }

#respond {
  margin: 10px 0 0 0;
  }

.post {
  margin-bottom: 20px;
  }
  
.post p{
/*   font: normal 14px/18px Helvetica, Arial, sans-serif; */
  } 
  
p.note {
  font-size: 12px;
  line-height: 16px;
  }  

.entry h3 {
  color: #00a4e4;
  margin: 15px 0 10px 0 ;
  padding: 0 0 3px 0;
  border-bottom: 1px dotted #ccc;
  }

.entry h4 {
  color: #00a4e4;
  margin: 3px 0  ;
  padding: 0;
  }

.entry hr {
  border: 0;
  border-bottom: 1px dotted #666;
  margin: 0 0 20px 0;
}  

.post ol {
  list-style: decimal;
  margin: 0 0 15px 30px;
  }

.post ol li {
  margin: 0 0 10px 0;
  }

.post ul {
  list-style: disc;
  margin: 0 0 15px 30px;
  }

.post ul li {
  margin: 0 0 5px 0;
  }  
  
.alignleft {
  float: left;
  margin: 0 10px 10px 0;
  }  
  
  
.ybx {
  width: 300px;
  margin-left: 10px !important;
  }   
   
   
h3.ybh a {
  font-size: 14px;
  background-color: #fff;
  display: inline-block;
  padding: 5px 10px !important;
  color: #0067b2;
  font-weight: normal !important;
}
   

.ybr { 
  margin: 0  !important;
  overflow: auto;
  }  
  
.ybf {display:none  !important;}  

.pipesHolder {
  margin: 0 10px;
  }
  
.pipesTitle a{
/*
  font-family: Georgia;
  font-weight: normal;
*/
  }  
  
.related_post_title {
/*   font-weight: bold; */
  }  
  
#get_recent_comments_wrap {
  padding: 0;
  }  
  
#get_recent_comments_wrap ul {
  list-style: decimal;
  margin: 0 0 0 20px;
  }
  
small {
  font-size: 11px;
  color: #666;
  }  
    
    
/* The Moment */


#multimediaTout object,
 .entry object {
  margin: 5px 20px 20px 0;
  } 
  
body.home #multimediaTout object,
body.home #multimediaTout embed {
  float: left;
  width: 320px !important;
  height: 263px  !important;
  }


body.category-the-moment #multimediaTout,
body.single #multimediaTout   {
  margin: 5px 0 0 0;
  }
  
body.category-the-moment #multimediaTout object,
body.single #multimediaTout object {
  margin: 5px 0 10px -20px;
  }
  
.category-the-moment .post h3,
.category-podcasts .post h3 {
  margin: 10px 0 0 0 ;
  }           
  
.featured p {
font-size: 14px;
line-height: 1.3em;
}   


/* Podcasts */

.powerpress_player {
  overflow: auto;
  }
 
 
/* Popups */
#popup #content {
  float:none;
  width:  auto;
  margin: 15px ;
  padding: 10px;
  background: #fff;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-box-shadow: 0 0 6px #aaa;
  -moz-box-shadow: 0 0 6px #aaa;
  font: normal 12px/14px Helvetica, Arial, sans-serif; 
  } 
 
#popup #content p, 
#popup #content ul, 
#popup #content ol {
  font-size: 12px; 
  line-height: 14px;
  } 
  
  
/* MOMENT HIDING */

/*
#nav,
#siteInfo,
#sitemap .channel,
.breadcrumb,
#stayConnected
 {
  display: none !important;
  }
  
#welcome {
  height: inherit;
  }  
  
*/

/* TOC */

#content #toc ul {
  margin: 10px 0 10px 25px;
  }

#content #toc p {
  font-size: 12px;
  margin: 0;
  }
  
#content #toc h3 {
  font-size: 15px;
  margin: 0;
  }
  

    
        ol.footnotes li {
                background: transparent !important;
                padding: 0px !important;
                border: none !important;
                margin: 1.5em 2em !important;
        }


#ttop { text-align:center;height:30px; list-style:none; margin:0 auto; padding:0; width:748px; background: url(images/ttop_nav.gif) no-repeat;
}
#ttop li { margin:0; display:inline;font-size:10px;font-family:verdana,sans-serif; }
#ttop li a {  margin:-2px 0 0 0; padding:0 8px; color:#444; line-height:18px; text-decoration: none; }
#ttop li a:hover { color:#933; line-height:18px;  }
#ttop li#current { font-weight:bold; color:#841A1A; }
.arrow { margin:0; display:inline; padding:0; border:0; }