/*
Theme Name: Dirk Show
Author: Jenny Medford
Author URI: http://www.websydaisy.com

*/

body { 
   margin: 0px;  
   padding: 0px;  
   font-family: Arial, Helvetica, sans-serif;  
   background: url(images/bg.jpg) repeat-x;  
   }

#container { 
   width: 960px;  
   margin: 0px auto;  
   padding: 0px 20px;  
   }

/* Top navigation */
#topnav { 
   float: left;  
   display: inline;  
   overflow: hidden;  
   width: 960px;  
   font-size: 14px;  
   text-transform: uppercase;  
   font-weight: bold;
   margin-top:262px;  
   }
#topnav .left { 
   float: left;  
    display: inline;  
   }
#topnav .right { 
   float: right;  
   display: inline;  
   padding: 0px 10px;  
   text-align: right;  
   }
#topnav p {	padding: 10px 0px;  
   margin-bottom: 0px;  
   }
#topnav ul { 
   margin: 0px;  
   padding: 0px;  
   }
#topnav li { 
   float: left;  
   list-style-type: none;  
   margin: 0px;  
   padding: 10px 0px;  
   }
#topnav li a { 
   color: #FFF;  
   text-decoration: none;  
   padding: 10px;  
   border-left: 1px #fff solid;  
   border-right: 1px #fff solid;  
   }
#topnav li a:hover { 
   color: #fff;  
   background: #222;  
   padding: 10px;  
   border-left: 1px #666 solid;  
   border-right: 1px #666 solid;  
   }

/* Header and Titles */
#header { 
   float: left;  
   display: inline;  
   overflow: hidden;  
   width: 960px;  
   height: 320px;  
   padding: 0px;  
   border-bottom: 3px #222 solid;  
   background: url(images/head2.jpg) no-repeat;  
   }
#header a { 
   color: #eee;  
   text-decoration: none;  
   }
#header a:hover { 
   color: #ccc;  
   }
#header p.site-title { 
   margin: 15px 10px 0px 24px;  
   font-size: 4.0em;  
   font-family: Georgia, "Times New Roman", Times, serif;  
   color: #eee;  
   line-height: 110%;  
   }
#header p.site-slogan { 
   margin: 0px 10px 0px 48px;  
   font-size: 1.8em;  
   color: #390;  
   }


/* The wrapper for content and sidebars */
#wrapper { 
   float: left;  
   display: inline;  
   overflow: hidden;  
   width: 960px;  
   }

/* The content area - to move the content to the right float the content right and the sidebar-wrapper left and change the side margins. */
#content { 
   float: left;  
   display: inline;  
   overflow: hidden;  
   padding: 10px 20px 10px 0px;  
   width: 480px;  
   }
#content h1 { 
   border-bottom: 2px dotted #ccc;  
   border-top: 2px dotted #ccc;  
   }
#content h1 a { 
   color: #000;
   text-transform:uppercase;
   text-decoration:none 
   }
#content h1 a:hover { 
   color: #555;
   border-bottom:1px dotted #e5e5e5;
   }

#content.bookmarks ul { 
   margin: 0px 0px 18px 0px;  
   padding: 0px;  
   }
#content.bookmarks li { 
   line-height: 140%;  
   margin: 0px 0px 14px 0px;  
   padding: 0px;  
   list-style-type: none;  
   }
#content.bookmarks li a { 
   font-size: 1.1em;  
   margin-right: 6px;  
   }
#content.bookmarks h2 { 
   color: #060;  
   }
#content .post { 
   margin-bottom: 12px;  
   padding-bottom: 12px;  
   }
#content .postmeta { 
   font-size: 90%;  
   padding: 5px 0px 5px 0px;  
   border-top: 1px solid #ccc;  
   border-bottom: 1px solid #ccc;  
   margin-bottom: 10px;  
   }
#content .postmeta h4, #content .postmeta p { 
   margin: 0px 0px 5px 0px;  
   font-weight: normal;  
   font-size: 1.0em;  
   }

/* WordPress Images and Captions */
#content .post p.wp-caption-text { 
   text-align: center;  
   font-size: 0.8em;  
   line-height: 135%;  
   margin: 0px;  
   padding: 3px 0px;  
   }
#content .post div.alignleft { 
   float: left;  
   margin: 0px 10px 10px 0px;  
   padding: 0px;  
   border: 1px #ccc dotted;  
   }
#content .post div.aligncenter { 
   display: block;  
   margin-left: auto;  
   margin-right: auto;  
   margin-bottom: 10px;  
   padding: 0px;  
   border: 1px #ccc dotted;  
   clear: both;  
   }
#content .post div.alignright { 
   float: right;  
   margin: 0px 0px 10px 10px;  
   padding: 0px;  
   border: 1px #ccc dotted;  
   }
#content .post .alignleft img, #content .aligncenter img, #content .alignright img, #content .wp-caption img { 
   margin: 5px;  
   padding: 0px;  
   }

/* The previous home top and next links at the bottom of the content */
.content-bot { 
   font-family: Arial, Helvetica, sans-serif;  
   padding: 10px;  
   background: #000;  
   text-align: center; 
   color:#FFF; 
   }
.content-bot a { 
   margin: 2px 10px;  
   color:#FFF;
   text-decoration:none;
   }
.content-bot a:hover { 
   color:#FFF;
   text-decoration:underline;
   }


/* Comments */
ol.commentlist, .comments ul { 
   margin: 0px 0px 18px 0px;  
   padding: 0px;  
   }
ol.commentlist li, .comments li { 
   list-style-type: none;  
   background: #efefef;  
   border: 1px solid #ccc;  
   padding: 10px 10px 0px 10px;  
   margin: 0px 0px 18px 0px;  
   font-size: 90%;  
   font-family: Georgia, "Times New Roman", Times, serif;  
   }
img.avatar {float:left;  
   margin-right:5px;}

/* The wrapper for both sidebars */
#sidebar-wrapper { 
   float: right;  
   display: inline;  
   overflow: hidden;  
   width: 430px;  
   padding: 0px 0px 10px 10px;  
   font-size:12px;
   }

/* The ad block */
#sidebar-wrapper .ad-blocks { 
   margin: 8px -12px 5px -12px;  
   }
#sidebar-wrapper .ad-blocks img { 
   margin: 0px 5px 5px 125px;  
   }

/* The sidebars */
#sidebar-left { 
   float: left;  
   display: inline;  
   padding: 10px;  
   width: 200px;  
   text-align: left;
   background-color:#adc8e3;  
   }
#sidebar-right { 
   float: right;  
   display: inline;  
   padding: 10px 0px 20px 10px;  
   width: 190px; 
   margin-left:10px; 
   }

#sidebar-wrapper h2, #sidebar-left h2, #sidebar-right h2 { 
   color:#000000;
background-image:url(images/quote.png);
background-position:top left;
background-repeat:no-repeat;
padding:0px 0 20px 45px;

margin-top:20px;  
text-transform:uppercase;
font-size:16px;
font-weight:bold;

   }
#sidebar-wrapper h2, #sidebar-left h2 a, #sidebar-right h2 a { 
   color: #000;  
   text-decoration: none;  
   }
#sidebar-wrapper h2 a.rsswidget img, #sidebar-left h2 a.rsswidget img, #sidebar-right h2 a.rsswidget img { 
   display: none;  
   }
#sidebar-wrapper ul, #sidebar-left ul, #sidebar-right ul { 
   margin: 0px 0px 16px 0px;  
   padding: 0px;  
   border-top: 1px dotted #ccc;  
   }
#sidebar-left ul.main-links li { 
   font-weight: bold;  
   }
#sidebar-wrapper li, #sidebar-left li, #sidebar-right li { 
   margin: 0px;  
   padding: 3px 0px;  
   border-bottom: 1px dotted #ccc;  
   list-style-type: none;  
   width: 200px;  
   }
#sidebar-wide li { 
   margin: 0px;  
   padding: 3px 0px;  
   border-bottom: 1px dotted #ccc;  
   list-style-type: none;  
   width: 430px;  
   }

#sidebar-wrapper li a, #sidebar-left li a, #sidebar-right li a { 
   text-decoration: none;  
   }
#sidebar-wrapper li a:hover, #sidebar-left li a:hover, #sidebar-right li a:hover { 
   color: #999;  
   }
#sidebar-wrapper .widget { 
   padding-top: 5px;  
   margin-bottom: 10px;  
   }

/* The Footer */
#footer { 
   float: left;  
   background: #000;  
   width: 100%;  
   padding: 8px 0px;  
   }
#footer p { 
   margin: 12px;  
   text-align: center;  
   color: #fff;  
   font-size: 0.9em;  
   }
#footer a { 
   color: #fff;  
   text-decoration: none;  
   }
#footer a:hover { 
   text-decoration: underline;  
   }

/* Universal styles */
p, h1, h2, h3, h4, h5, h6, h7 { 
   margin-top: 0px;  
   margin-bottom: 17px;  
   }
p, #content li { 
   line-height: 145%;  
   }
p.small { 
   font-size: 85%;  
   }
blockquote { 
   font-family: Georgia, "Times New Roman", Times, serif;  
   font-style: italic;  
   font-size: 0.9em;  
   margin: 5px 15px 15px 15px;  
   padding: 10px 10px 5px 10px;  
   border: 1px #ccc dotted;  
   background: #efefef;  
   }
h1, h2 { 
   font-family: Arial, Helvetica, sans-serif;  
   font-weight: normal;  
   }
h1 a, h2 a { 
   color: #000;  
   text-decoration: none;  
   }
h1 a:hover, h2 a:hover { 
   color: #555;  
   text-decoration: none;  
   }

h1 { 
   font-size: 2.0em;  
   padding-bottom: 3px;  
   }
h2 { 
   font-size: 1.3em;  
   }
a { 
   color: #555;  
   }
a img { 
   border: 0px;  
   }
a:hover { 
   color: #222;  
   }
img.aligncenter {
margin-left : auto;
margin-right : auto;
display : block;
}
img.alignright {
margin : 0 0 13px 20px;
display : inline;
clear:both;
}
img.alignleft {
margin : 0 20px 13px 0;
display : inline;
clear:both;
}
.left {
float : left;
padding-right : 5px;
}
.alignleft {
float : left;
}
.right {
float : right;
padding-left : 5px;
}
.alignright {
float : right;
}