/*
Theme Name: Goodlettesville Pediatrics
Theme URI: http://goodlettsvillepediatrics.com
Description: Official theme for Goodlettsville Pediatrics 
Version: 1
Author: Tim Warren
Author URI: http://tim.warren.be
Tags: 
*/

/* color pallete

Light Blue
	#2F81F7

Header Blue
  #1E84D6

Outline Blue
  #17588D

*/



/* Page Elements */
  img { border: 0;} 

  body {
    font-family: Helvetica, Arial, sans-serif;
    color: #222;
    font-size: 12px ;
    font-weight: normal;
    letter-spacing: normal;
    line-height: 1.2em;	
    background: url('images/bg.jpg') top center no-repeat #01090c;
  }

  small a {
    text-decoration: none;
    }

  em {
    font: lighter italic 100% Georgia, Times, serif; 
    color: #2F81F7
    }
    
  h1 a:link, h2 a:link, h3 a:link, h4 a:link, h5 a:link, h6 a:link {
    text-decoration: none;
    color: #2F81F7 
  }

  h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {
    text-decoration: none;
    color: #16398D ; 
  }

  h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited {
    text-decoration: none;
    color: #557FE5 
  }

  h1, .h1 {
    font-size: 2.2em;
    margin-bottom: 0.5em; 
  }

  h2, .h2 {
    font-size: 1.0em;
    margin-bottom: 0.2em; 
  }

  h3, .h3 { 
    font-size: 120%;
    margin-bottom: 0.12em; 
  } 

  h4, .h4 { 
    font: italic 130% Gerogia,Times,serif;
    margin-top: 0em;
    color: blue;
    margin-bottom: 0.12em; 
  }

  h5, .h5 {
    font-size: 105%;
    margin-bottom: 0.12em; 
  }

  h6, .h6 {
    font-size:1.4em;
    margin:2em 0 .4em 0;
    color:#0000aa;
    font-family:Georgia,Times,serif;
    font-weight:lighter; 
  } 

  .inline {
    display: inline;
}


  /* lists*/
  p li {padding-left: 15px; 
}

  /* Text */
  p {
    line-height: 1.45em; 
    word-spacing: .1em; 
    color: #333;
  }
  p img.left { float: left; margin:0;
}

  div.content { 
    background: white; 
	}
  
  .left {
    text-align: left;
  }
  .right {
     text-align: right;
   }
  .center {
    text-align :center;
  }

  .headline {
    color: #1E84D6;
    font-size 2.9em;
   }

/* Common Elements */
div.shark_bite { }

   div.shark_bite .meta { 
     color: #000;
     font-size: 1.5em;
   }
  div.shark_bite .sharky { /* Giving a header this class will apply the nautical themed font */
   } 

/* Office Hours Widget */

div#office_hours {
  background: #1E84D6;
  border: 1px solid #17588D; 
  color: white;
  padding: 5px 0;
  margin-top: 15px;
  }
  div#office_hours h1 {
    display: block;
    text-align: center;
    padding-top: 5px;
  }
  div#office_hours h2 {
    display: block;
    padding: 15px 0 0 0; 
  }
  div#office_hours .list_hours {
    border: 1px solid #17588D; 
    background: white;
    margin: 5px;
    color: black;
    padding: 0 5px 15px 5px;
  }
  div#office_hours strong {
    display: block;
    padding-top: 5px;
  }

/*                */
div.fixed { position: fixed; top: 0;}

div.header {
	background: url("images/banner.jpg") top left no-repeat; 
	height: 135px; 
	padding: 0;
	}

div.banner {  
	height: 135px; 
	margin: auto;   
	}

div.top_menu { 
	text-align: center; 
	background: url('images/submenu.png') top center no-repeat; 
	height: 30px; 
	}

div.top_menu a { 
	color: blue; 
	font-weight: bold; 
	text-decoration: none; 
	padding: 0 5px;
	}

div.top_menu a:hover { 
	color: #38267c;
	}


.fancy { /* for headers */
	font-family: Cambria, serif;
	font-style: normal;
	font-weight: normal;
	letter-spacing: normal;
	line-height: 1.4em;
	display: block;
	margin-bottom: 0em;
}

/*menubar*/
div.menubar { 
	width: 960px; 
	padding:8px 0; 
	background: transparent;  
	height: 16px; 
	margin: auto; 
	position:absolute; 
	top: 98px;
	}

div.menubar a:link, .menubar a:visited { 
	text-decoration: none; 
	color: #2F81F7;
	font-family: Cambria, serif;
	font-size: 16px;
	line-height: 1.2em;
	padding: 5px 0px 14px 0; 
	}

div.menubar a:hover { 
	text-decoration: 
	underline; color: #000
	}

div.menubar ul { 
	list-style: none; 
	margin: 0; 
	padding: 0; }
	.menubar li {
	float: left; 
	display: inline; /* IE6 fix */ 
	padding: 0 0 0 15px; 
	position: relative; 
	}

div.menubar li:hover {
	color: white; 
	}

div.menu li a { 
	display: block; 
	padding: 5px; 
	border: 1px solid #000;  
	}
	
div.menubar li ul { 
	display: none; 
	position: absolute; 
	z-index: 99; 
	margin: 0px; 
	}

div.menubar li:hover ul {
	background: #dadabe; 
	display: block; 
	left: 0; 
	min-width: 150px; 
	top: 1.4em; 
	white-space: nowrap; 
	padding: 10px 10px; 
	border: 1px solid white
	}

div.menubar li:hover li {
	display: block; 
	float: none; 
	margin: 0; 
	padding: 0; 
	}

div.menubar li:hover li a {
	padding: 0.3em 0.5em; 
	}
			

/*footer*/
.footer {  width:100%; height: 164px; background: url('images/footer.jpg') top center no-repeat; position: relative; bottom: 0}
.footer ul {padding-left: 15px; }
.footer li { list-style: none; }
.footer h4 {display: inline; color: #2F81F7; font: lighter italic 1.5em Georgia}
.footer .lborder { border-left: 1px solid #7ea36c; padding-left: 15px;}
.footer a:link, .footer a:visited {text-decoration: none; color: #2F81F7 ;}
.footer a:hover {color: #87b074  }
.footer a:hover:after { content: " -" ;}
.sublinks li { 
   display:inline-block; 
   height: 25px;
   padding: 0 10px; 
  }
  .sublink a {
    text-decoration: none;
  }

/*posts*/
#posts {
    padding: 15px 0px; 
    min-height: 700px;
  }
#news_stories { padding: 15px 0px; }
#news_stories .post { margin-bottom: 1em; }
#posts .post {margin-bottom: 2em;}
.post li { margin-left: 2.5em;}
.post h2 { 
	display: block;  
	margin: .2em 0; 
	font: lighter  2.0em Georgia, Times, serif; 
	color: #2F81F7;  
	display: block; 
	}

div.post .title { 
	font-family: Cambria, serif;
	font-size: 18px;
	font-style: normal;
	font-weight: normal;
	letter-spacing: normal;
	line-height: 1.4em;
	display: block;
	color: #2F81F7;  
	display: block; 
	margin-bottom: 0.12em;
	}

.post .title a:link, .post .title a:hover, .post .title a:visited {text-decoration: none; color: #2F81F7; }
.post .title a:hover { color: #16398D;}
.post p {margin-bottom: .8em; }
.post-footer { color: #ccc;}

/*post headings*/
.post_content h1 { 
	font-family: Cambria, serif;
	font-style: normal;
	font-weight: normal;
	letter-spacing: normal;
	line-height: 1.4em;
	display: block;
	}

.post_content h2 { 
	display: block;  
	margin: .2em 0; 
	font: bold 110% sans-serif; 
	color: black;  
	display: block;
	}
.post_content h3 { display: block;  margin: .2em 0; font: lighter 120% sans-serif; color: black;  display: block;}
.post_content h4 { display: block;  margin: .2em 0; font: lighter 110% sans-serif; color: black;  display: block;}

/* pirate's blog */
div#pirates_blog {
  padding-top: 15px
}
  div#pirate_blog h1 {
    margin: 0;
    padding: 0;
  }
  div#pirates_blog .post{
    padding-bottom: 5px; 
    margin-bottom: 20px;
    border-bottom: 1px dotted #E3E3E3;
  }
  div#pirates_blog .post_meta {
    color: #1E84D6;
    margin: 0;
  }
  div#pirates_blog em {
    color: #5DADF7;
  }
  div#pirates_blog p {
    margin-bottom: 15px; 
  }

/* McKesson */
#mckesson{ margin: 25px 20px 0px 20px; line-height: 2em; }
#mckesson .search_form {padding: 0px;}
#mckesson .search_form label {font-size: 125%; font-weight: lighter; font-style: italic; font-family: Georgia, Times, Serif; color: #2F81F7;}
#mckesson .search_form input.search_bar	{ width: 100%; font-size: 1.5em; color: #2F81F7; }
#mckesson .search_form input.submit {text-align: right;}

/* doctors' info page */
.drtable tr{ border-bottom: 1px solid #efefef; vertical-align: top;}
.drtable th{ text-align: left; font-weight: bold; padding: 15px 0 0 0 }
.drtable { padding-top: 15px; }
.drtable table {  width: 100%; }
.drtable td {  padding: 15px  0 0 0; }


/* headings */

/* Doctor's Bio */
.doc_bio { 
padding-top: 15px; 
min-height: 700px;
}
.doc_bio h1 { 
	font-family: Cambria, serif;
	font-size: 25px;
	font-style: normal;
	font-weight: normal;
	letter-spacing: normal;
	line-height: 1.4em;
	display: block;
	color: blue;  
	display: block; 
	margin-bottom: 0.12em;
	color: blue; 
}
.doc_pic {
	padding: 15px 0 0 10px;
	}

.doc_pic img {
	padding-left: 15px;
	}

.bio, .stand_out { 
	color: #000; 
	font-family: Georgia, "Times New Roman", Times, serif; 
	font-style: italic; 
	font-size: 1em; 
	padding-top: 10px; 
	}

.bio strong { 
	font-style: normal; 
	}

.bio p { 
	margin-bottom: 15px; 
  text-indent: 25px;
	}

.stand_out {
	border: 1px solid #aaa3a0; 
	padding: 15px; 
	background: #fff4d1;
	} 

.cred { 
	font-style: normal; 
	}
.cred h2 {
	font-size: 105%;
	display: inline;
	width: 100%;
}

.cred ul { 
	font-family:Arial, Helvetica, sans-serif; 
	font-size: 100%; 
	padding-top: 15px; 
	}

.cred li { 
	list-style: none; 
	padding-bottom: 15px; 
	}

.cred .post-meta-key { 
	font-weight: bold; 
	} 

/* Links */
.links {
	padding: 25px;
	min-height: 600px;
}
.links ul {
	padding-bottom: 30px;
	list-style: none;
}
.links li a {
	font-size: 110%;
	font-weight: bold;
	text-decoration: none;
}
.links h2{
	color: blue; 
	font: italic 160% Gerogia,Times,serif; 
	margin: 15px 0 10px 0; 
	display: block;
	border-bottom: 1px solid #99AFFF;
}
.links h1{
 font: normal 2em Gerogia,Times,serif; margin-top: 0em; color: blue; margin-bottom: 0.12em; 
}
.links {

}
/* talk of the town video */
div#talk_of_the_town {
	padding: 15px;
	margin-bottom: 10px;
}
div.breadcrumbs {
	text-align: right;
	margin-bottom: 15px;
	padding-right: 25px;
}
div#title h1{
	font-family: Cambria, serif;
	font-style: normal;
	font-weight: normal;
	letter-spacing: normal;
	line-height: 1.4em;
	display: block;
	color: blue;  
	display: block; 
	margin-bottom: 0em;
}
div#talk_of_the_town h2 {
	font-size: 1em;
	color: #333;
	margin-bottom: 1.0em;
}
div#media_link{
	text-align: center;
	background: #F3F3F3;
	border: 1px solid #a3a3a3;
	height: 550px;
	padding-top: 25px;
}
div#talk_of_the_town .description {
	margin-bottom: 35px;
}

/* Links and Resources */
div.link_header{
  margin-bottom: 15px
}

div.link_list{
  min-height: 500px
}
  div.link_list h2 {

  }

  div.link_list li {
     list-style-type: none;
   }

/* Facebook */
   div.facebook_update{
     margin-top: 5px;
     margin-bottom: 25px;
     border-bottom: 1px solid #EEE;
   }
    .facebook_header{
      color: #1E84D6;
      font-family: serif;
      font-weight: normal;
      font-size: 23px;
      margin-bottom: 5px;
    }
    div.facebook_update div.caption {
      margin: 10px;
      padding: 5px;
      border-left: 2px solid #A3A3A3;
      color: #777;
    }

    div.facebook_update a {
      color: blue;
      font-weight: bold;
      text-decoration: none;
    }
/* socialize */
    div.socialize {
      padding: 3px;
      height: 40px;
    }
    div.socialize span.item {
      float: left;
      height: 15px; 
      padding-right: 15px;
    }
    div.socialize a.mail {
      display: block;
      text-decoration: none;
      background: url(images/icons/email.png) center left no-repeat;
      padding: 4px 0 5px 20px;
    }
    div.socialize a.mail:hover {
      color: #2F81F7;
      text-decoration: underline;
    }
/* Pediatric Advisor */
    div#pediatric_advisor {
      text-align: center;
      margin: 15px 0;
      padding: 10px 5px;
      background: #E9E9E9;
      border: 1px solid #D4D4D4; 
    }
    div#pediatric_advisor .search_bar {
      width: 70%;
      font-size: 150%;
      padding-left: 10px;
      height: 28px;
      color: #999;
      border: 1px solid #D4D4D4;
      margin-bottom: 1px;
    }
    div#pediatric_advisor .submit_button {
      font-size: 115%;
      background: url(http://goodlettsvillepediatrics.advisorapp.com/images/blue_button.png);
      border: 0;
      height: 30px;
      width: 122px;
      color: white;
      font-weight: bold;
      cursor: pointer;
      vertical-align: top;
    }
      div#pediatric_advisor .submit_button:hover {
        background: url(http://goodlettsvillepediatrics.advisorapp.com/images/blue_button_over.png);
      }
