/*
  Theme Name: David Trotter
  Theme URI: http://www.davidtrotter.tv/
  Version: 1.0
  Author: David Trotter
  Author URI: http://www.davidtrotter.tv/
*/

/* The Basics */
html, body { height: 100%; }

html, body, div, ul, ol, li, h1, h2, h3, h4, h5, h6, hr, form, fieldset, input, textarea, select, option, p, blockquote, a, span, table, tr, th, td { margin: 0; padding: 0; }

body {
  position: relative;
  background: #eee url(images/bg.gif) center top repeat-y;
  color: #323232;
  font: 0.85em/1.5em "Myriad Pro","Trebuchet MS","Helvetica",sans-serif
}

h1, h2, h3, h4, h5, h6 { font-size: 100%; }

a {
  color: #E65719;
  overflow: hidden;
  text-decoration: none;
}

a:hover, a.active, .current_page_item a { color: #145c9a; }
img, a img { border: none; }

input, textarea, select, option {
  font: 12px "Myriad Pro","Trebuchet MS","Helvetica",sans-serif;
}

/* Container */
#container {
  position: relative;
  width: 100%;
  min-height: 100%;
}

*html #container { height: 100%; }

/* Header */
#header-wrap {
  position: relative;
  width: 100%;
  height: 179px;
  background: url(images/header-bg.gif) left top repeat-x;
}

#header {
  position: relative;
  width: 1024px;
  height: 172px;
  margin: 0 auto;
}

#header h1 {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
}

#header h1 a {
  width: 223px;
  height: 256px;
  background: url(images/dt-header.png) no-repeat;
  display: block;
  text-indent: -9999px;
}

#twitter-feed {
  position: absolute;
  top: 25px;
  left: 175px;
  width: 244px;
}

.twitter-corner {
  width: 244px;
}

#twitter-top {
  height: 7px;
  background: url(images/twitter-top.png) no-repeat;
}

#twitter-content {
  width: 205px;
  padding: 0 5px 0 34px;
  background: #fff;
}

#twitter-bottom {
  height: 20px;
  background: url(images/twitter-bottom.png) no-repeat;
}

.latest-twitter {
  padding: 2px 0 15px;
  font-size: 1em;
  line-height: 1.15em;
  color: #145c9a;
}

.latest-twitter a {
  color: #145c9a;
}

.latest-twitter a:hover {
  color: #db5800;
}

.follow-twitter {
  position: absolute;
  bottom: 14px;
  right: 5px;
}

.follow-twitter a {
  font-size: 0.85em;
  line-height: 1.15em;
  color: #db5800;
}

.follow-twitter a:hover {
  color: #145c9a;
}

#social-links {
  position: absolute;
  top: 0;
  right: 10px;
  width: 226px;
  height: 44px;
  padding: 12px 0 0;
  background: url(images/header-tab.gif) no-repeat;
  text-align: center;
}

#social-links img {
  padding: 4px;
}

/* Menu */
#menu {
  position: absolute;
  bottom: 0;
  right: 5px;
  list-style: none;
}

#menu li {
  float: left;
  height: 29px;
}

#menu li a {
  float: left;
  height: 29px;
  padding: 0 18px 0 20px;
  background: url(images/divider.gif) left center no-repeat;
  color: #fff;
  display: block;
  font: normal 1.05em/29px "Myriad Pro","Trebuchet MS","Arial Narrow","Helvetica",sans-serif;
  text-transform: uppercase;
}

#menu li a:hover, #menu .current_page_item a {
  color: #145c9a;
}

#menu li:first-child a, #menu li.first-child a {
  background: none;
}

/* Main */
#main {
  width: 1004px;
  margin: 0 auto;
  padding: 0 20px 105px 0;
  overflow: hidden;
}

/* Main Content */
#main-content {
  float: left;
  width: 700px;
  padding: 13px 0 2px;
  overflow: hidden;
}

#main-content h1 {
  font-size: 1.55em;
  padding: 0 0 10px;
}

#main-content h2 {
  font-size: 1.35em;
  padding: 15px 0;
}

#main-content h3, #main-content h4, #main-content h5, #main-content h6  {
  font-size: 1.15em;
  padding: 0 0 15px;
}

#main-content p {
  padding: 0 0 15px;
}

#main-content ul, #main-content blockquote {
  padding: 0 0 15px 15px;
}

#main-content ol {
  padding: 0 0 15px 25px;
}

/* Home Page */
#slideshow {
  position: relative;
  left: 20px;
  width: 680px;
  height: 400px;
}

#slideshow ul {
  padding: 0;
  list-style: none;
}

#mainimage {
  position: relative;
}

#mainimage li {
  position: absolute;
  top: 0;
  left: 0;
}

#navigation {
  position: absolute;
  bottom: 10px;
  right: 0;
  z-index: 1000;
}

#navigation li {
  float: left;
  width: 15px;
  height: 15px;
  margin: 0 10px 0 0;
  background: transparent;
  border: 1px solid #fff;
}

#navigation li:hover, #navigation li.current {
  background: #fff;  
}

/* Home Page Booking */
.home-page #booking {
  float: none;
  width: 610px;
  margin: 30px 0 0 55px;
}

.home-page .booking-corner {
  width: 610px;
  height: 15px;
  background-image: url(images/booking-corners-big.gif);
}

.home-page #booking-content {
  width: 610px;
  padding: 0;
  background: url(images/booking-bg-big.gif) left top repeat-y;
}

.home-page #booking-content h2 {
  position: relative;
  width: 575px;
  margin: 0 auto ;
  font: normal 1.9em/1.3em "Myriad Pro","Trebuchet MS","Arial Narrow","Helvetica",sans-serif;
}

.home-page #booking-content h2 span {
  position: relative;
  top: 8px;
  width: 35px;
  height: 32px;
  padding: 32px 18px 0;
  font-size: 1px;
  line-height: 1px;
}

.home-page #booking-content h2 span.quote-left {
  margin: 0 5px 0 0;
  background: url(images/quote-left.gif) left top no-repeat;
}

.home-page #booking-content h2 span.quote-right {
  margin: 0 0 0 5px;
  background: url(images/quote-right.gif) left bottom no-repeat;
}

.home-page #booking-content table span.booking-title {
  font: normal 1.25em "Myriad Pro","Trebuchet MS","Arial Narrow","Helvetica",sans-serif;
  line-height: 34px;
}

.home-page #booking-content table span.booking-link {
  height: 41px;
}

.home-page #booking-content table span.booking-link a {
  height: 30px;
  padding: 2px 10px;
  font: normal 1.25em/30px "Myriad Pro","Trebuchet MS","Helvetica",sans-serif;
}

/* Booking */
#booking {
  float: right;
  margin: 0 0 20px;
  color: #737373;
}

.booking-corner {
  width: 458px;
  height: 6px;
  background-image: url(images/booking-corners-small.gif);
  background-repeat: no-repeat;
}

#booking-top {
  background-position: left top;
}

#booking-content {
  width: 458px;
  padding: 10px 0 5px;
  background: url(images/booking-bg-small.gif) left top repeat-y;
  overflow: hidden;
  text-align: center;
}

#booking-info {
  margin: 0 auto;
}

#booking-content table span {
  float: left;
}

#booking-content table span.booking-title {
  color: #737373;
  display: block;
  font: bold 0.95em/27px "Myriad Pro","Trebuchet MS","Helvetica",sans-serif;
  text-transform: uppercase;
}

#booking-content table span.booking-link {
  height: 34px;
  margin: 0 0 0 10px; 
  border-top: 1px solid #ebc7b8;
  background: #e65719 url(images/button-orange.gif) left bottom repeat-x; 
}

#booking-content table span.booking-link a {
  float: left;
  height: 23px;
  padding: 2px 5px;
  color: #fff;
  display: block;
  font: normal 0.95em/23px "Myriad Pro","Trebuchet MS","Helvetica",sans-serif;
}

#booking-content table span.booking-link a:hover {
  color: #145c9a;
}

#booking-bottom {
  background-position: left bottom;
}

/* Pages */
#main-content h2.page-title {
  float: left;
  padding: 15px 20px 10px 45px;
  background: #eee;
  color: #e65719;
  font-size: 1.65em;
}

#main-content h3.post-comment {
  float: right;
  height: 38px;
  padding: 7px 0 0;
  color: #717171;
  font-size: 0.9em;
  font-weight: normal;
  line-height: 38px;
}

#main-content h3.post-comment span {
  float: right;
  height: 37px;
  width: 38px;
  margin: 0 0 0 15px;
  background: url(images/count-bg.gif) left top no-repeat;
  color: #323232;
  display: block;
  font-size: 1.25em;
  text-align: center;
}

#main-content h3.post-comment a:hover span {
  color: #145c9a;
}

#main-content h2.page-title a {
  color: #e65719;
}

#main-content h2.page-title a:hover {
  color: #145c9a;
}

#main-content .content {
  clear: both;
  padding: 15px 0 0 45px;
}

#main-content .facebook-like {
  width: 100%;
  height: 35px;
  border: none;
  overflow: hidden;
}

/* Testimonials */
#testimonials {
  clear: both;
  position: relative;
  width: 979px;
  padding: 15px 0 0 45px;
  overflow: hidden;
}

#testimonials h3 {
  position: absolute;
  left: 700px;
  bottom: 10px;
  height: 29px;
  padding: 0 0 0 45px;
  background: url(images/arrow-left-big.gif) left top no-repeat;
  color: #e65719;
  font: normal 1.4em/29px "Myriad Pro","Trebuchet MS","Arial Narrow","Helvetica",sans-serif;
  text-transform: uppercase;
}

#testimonials ul {
  float: left;
  width: 655px;
  list-style: none;
}

#testimonials ul li {
  float: left;
  width: 280px;
  margin: 15px 15px 0 0;
  padding: 15px 15px 0;
  background: #eee;
}

#testimonials  p {
  padding: 0 0 15px;
  line-height: 1.25em;
}

/* Posts */
#main-content .post-info {
  float: right;
  width: 670px;
  padding: 15px 0 25px;
  border-top: 2px solid #ccc;
  font-size: 0.9em;
  line-height: 1.25em;
  color: #737373;
}

#main-content .post-info p {
  padding: 0;
}

#main-content h3.share-title {
  float: left;
  height: 30px;
  padding: 0 40px 15px 5px;
  background: url(images/arrow-share.gif) right top no-repeat;
  color: #e65719;
  font-size: 1.35em;
  line-height: 30px;
  font-weight: normal;
  text-transform: uppercase;
}

/* Comments */

/* Sidebar */
#sidebar {
  float: right;
  width: 290px;
  padding: 12px 0 0;
}

#sidebar h3 {
  color: #fff;
  font: normal 1.35em "Myriad Pro","Trebuchet MS","Arial Narrow","Helvetica",sans-serif;
  text-transform: uppercase;
}

.sidebar-corner {
  width: 290px;
  height: 13px;
  background-image: url(images/sidebar-corners.gif);
  background-repeat: no-repeat;
}

#sidebar-top {
  background-position: left top;
}

#sidebar-content {
  width: 270px;
  padding: 0 10px;
  background: url(images/sidebar-bg.gif) left top repeat-y;
}

#sidebar-bottom {
  background-position: left bottom;
}

#mailing-list {
  padding: 10px 8px;
  background: #e65719;
  color: #fff;
}

#mailing-list h3 {
  padding: 0 0 5px;
}

#signup_email {
  float: left;
  width: 200px;
  height: 26px;
  padding: 0 5px;
  background: #fff;
  border: none;
  color: #737373;
  font-size: 14px;
}

#signup_submit {
  float: right;
  width: 36px;
  height: 26px;
  background: #fff;
  border: none;
  color: #145c9a;
  font: 14px "Myriad Pro","Trebuchet MS","Arial Narrow","Helvetica",sans-serif;
  text-transform: uppercase;
}

#signup_submit:hover {
  color: #e65719;
}

#mailing-list p {
  clear: both;
  padding: 10px 5px 0;
  font-size: 0.9em;
  line-height: 1.05em;
}

#mailing-list p.error {
  color: #ff9;
}

#recent-posts, #blog-archives {
  margin: 15px 0 0;
  padding: 8px 8px 5px;
  background: #fff;
  border: 1px solid #b5b5b5;
}

#recent-posts h3, #blog-archives h3 {
  color: #e65719;
}

#recent-posts table {
  border-collapse: collapse;
}

#recent-posts table td {
  padding: 5px
}

#recent-posts table td.post-thumbnail {
  width: 33px;
}

#recent-posts table td.post-thumbnail a {
  width: 33px;
  height: 33px;
  background: #ccc;
  display: block;
}

#recent-posts table td.post-thumbnail a:hover {
  opacity: 0.75;
  filter: alpha(opacity=75);
}

#recent-posts table td.post-title {
  padding-left: 10px;
}

#ad div:first-child, #ad div.first-child {
  margin: 15px 0 0;
}

/* Sidebar Blog  */
#search {
  width: 100%;
  padding: 15px 0 0;
  overflow: hidden;
}

#search_input {
  float: left;
  width: 215px;
  height: 26px;
  padding: 0 5px;
  background: #fff;
  border: 1px solid #b5b5b5;
  color: #737373;
  font-size: 14px;
}

#search_submit {
  float: right;
  width: 36px;
  height: 26px;
  background: #145d9a;
  border: 1px solid #145d9a;
  color: #fff;
  font: 14px "Myriad Pro","Trebuchet MS","Arial Narrow","Helvetica",sans-serif;
  text-transform: uppercase;
}

#search_submit:hover {
  color: #e65719;
}

#monthly-archives {
  position: relative;
  height: 53px;
}

#monthly-archives span.select {
  position: absolute;
  top: 10px;
  left: 0;
  width: 230px;
  height: 26px;
  padding: 0 10px;
  background: #fff url(images/arrow-left-small.gif) 225px center no-repeat;
  border: 1px solid #dcdcdc;
  color: #737373;
  display: block;
  line-height: 26px;
}

#monthly-archives select {
  position: absolute;
  top: 10px;
  left: 0;
  opacity: 0;
  filter: alpha(opacity=0);
  width: 250px;
  height: 26px;
  background: #fff;
  border: 1px solid #dcdcdc;
}

#monthly-archives option {
  padding: 0 10px;
}

#blog-archives ul {
  padding: 10px 5px 5px;
  list-style: none;
}

#blog-archives ul li {
  line-height: 1.15em;
}

/* Footer */
#footer {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 50px;
  padding: 15px 0 40px;
  background: #eee;
}

#footer h6 {
  width: 1024px;
  margin: 0 auto;
  font-size: .90em;
  font-weight: normal;
  line-height: 1.15em;
  text-align: right;
  color: #737373;
}

/* Search */
#search-results {
  clear: both;
  padding: 15px 0 0;
}

/* Wordpress Posts */
img.alignleft {
  float: left;
  margin: 0 15px 10px 0;
}

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

#main-content .wp-caption {
  padding: 5px;
  text-align: center;
}

#main-content .wp-caption-text {
  font-size: 0.9em;
  font-style: italic;
  padding: 5px;
}

#main-content .navigation, #main-content .wp-pagenavi {
  clear: both;
  float: right;
  width: 670px;
  padding: 0 0 15px;
  overflow: hidden;
}

#main-content .wp-pagenavi {
  padding: 1px 1px 15px;
}

#main-content .wp-pagenavi a, #main-content .wp-pagenavi span {
  border: 1px solid #eee;
}

#main-content .wp-pagenavi span.current {
  border: 1px solid #737373;
}

.alignleft { float: left; }
.alignright { float: right; }
.aligncenter { margin: 0 auto; display: block; }
.center { text-align: center; }
.clear { clear: both; }


/* Intense Debate */
#IDCommentsHead {
  padding-top: 15px;
}

/*-------------------------------------------------------------------------------------------*/
/* 5. COMMENTS */
/*-------------------------------------------------------------------------------------------*/

/* 5.1 Comments */
#comments {clear:both;position:relative;padding:20px 0 0 45px;}
#comments h3{ color:#555; font-weight:normal; }
#comments .comment.thread-even { background: #f7f7f7; border-bottom:1px solid #b2b2b2; }
#comments .comment{margin-top:10px;width:100%;list-style-type:none;}
#comments .comment .comment-container  { padding: 15px 20px; }
#comments .comment-head  { margin: 0 0 15px 0; }
#comments .comment-head .avatar  { float: right; margin: 0 0 10px 10px; }
#comments .comment-head .avatar img{margin: 0;vertical-align: middle;border:1px solid #ddd; padding:3px; background:#fff; }
#comments .comment-head .name  { margin: 0; font-weight: bold; font-size: 15px; }
#comments .comment-head .date, #comments .comment-head .edit, #comments .comment-head .perma { font-size: 11px; }
#comments .comment-entry p  { margin: 0 0 10px 0;}
#comments .reply { padding-top:10px; }
#comments .reply a {  padding:1px 15px; background:#e7e7e7; color:#444; text-decoration:none; font-size:12px; text-transform:uppercase;}
#comments .reply a:hover { background:#06a0f0; color:#fff; }

#comments .commentlist { padding-left: 0; }

#comments ul.children{margin:10px 0 0 25px;padding:0; }
#comments .cancel-comment-reply{margin-bottom:10px;}

#comments .navigation { }
#comments .navigation a{ display: block; margin: 15px 0 0 0; text-decoration: none; }
#comments .navigation a:hover{}

#comments h3#pings { margin-top:25px; }
#comments .pingbacks li.pingback { margin:10px 0; }
#comments .pingbacks li.pingback .reply { display:none; }

/* 5.2 Comments Form */
#respond  {clear:both; padding: 0 0 0 45px;}
#respond h3  { color:#555; font-weight:normal; }
#respond .left { float:left; width:200px; margin-right:15px; }
#respond .right { float:left; width:380px; }

#commentform input.txt  {  color:#666; background: #fcfcfc; width: 170px; margin: 0 5px 10px 0; padding: 7px 10px; border: 3px solid #e2e2e2; }
#commentform textarea  { color:#666; background: #fcfcfc; width: 95%!important; padding: 7px 10px; border: 3px solid #e2e2e2; }

input, textarea, submit { font-family: "Myriad Pro", "Trebuchet MS", "Helvetica Neue", Helvetica, Arial, Sans-Serif;  font-size: 14px; }
#commentform #submit  { margin: 15px 0 0 0; background:#f0f0f0 url(images/ico-bullet.png) no-repeat 90% 50%; color:#333; font-size:12px; text-transform:uppercase; border:none; padding:4px 25px 4px 15px; }
#commentform #submit:hover  { background:#06a0f0 url(images/ico-bullet.png) no-repeat 90% 50%; color:#fff; cursor:pointer; }

/* 5.3 Pingbacks / Trackbacks */
h3#pings  { margin: 25px 0 10px 0; }
.pinglist li  { margin: 0 0 0 20px; list-style-type: decimal; }
.pinglist li .author  { font-weight: bold; font-size: 15px; }
.pinglist li .date  { font-size: 11px; }
.pinglist li .pingcontent  { display: block; margin: 10px 0; }