/* Companion Custom CSS over-rides for [ The Dating Digital Podcast ]:  -  */

	
body {
	margin: 0;
	font-family: 'trebuchet ms' , sans-serif;
	font-size: 16px;
	color: #333333;
	background-color:#222222;
	}

a:link	{  
	color: #aaaaaa;
	font-weight:normal;
	text-decoration: none;
	}
	
a:visited {
	color: #aaaaaa;
	font-weight:normal;
	}

a:hover {
	color: #666666;
	}

#logo a:link {  
    	color: #ffffff;
	}	


/*Controls the CP Custom Menu Bar colors etc*/
#menubar-wrapper {
	width: 785px;
	background: #000000;
	text-transform: none;
	font-weight: normal;
	border: #000000 0px solid;
	}

.menu .current_page_item a {
	color: #aaaaaa !important;
	font-weight: normal;
	}

.menu ul li a:link, .menu ul li a:visited {
	color: #aaaaaa;	
	font-size: 14px;
	font-weight: normal;
	font-family: 'trebuchet ms' , sans-serif;
	}

.menu ul li a:hover {
	color: #ffffff;
	font-weight: normal;
	background: #333333;
	}


/*UNDER THE BLOG COLUMN*/
#content-wrapper {
	width: 785px; 
	background: #ffffff;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	}
	
/*Make subcontent-wrapper same color
as SIDEBAR RIGHT.*/	
#subcontent-wrapper {
	background-color: #333333;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	}
	
.section-wrap {
	width: 560px;
	background-color: #333333;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	}

#footer {
	width: 785px;
	position: relative;
	float: center;
	background-color: #222222;
	font-family: 'trebuchet ms' , sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #cccccc;
	margin: 20px 0px 0px 0px;
	padding: 0px 0px 0px 0px;	
	}	
	
	
	
	
/*  "COMIC" or Podcast image + content  */	




#comic {
   	text-align: left;
   	float: left;
   	max-width: 100%;
   	padding: 0px 0px 0px 0px;
   	margin: 0px 0px 0px 0px;
	}
	
#comic-wrap { 
	width: 560px;
	position: left;
	left: 0px;
	top:0;
	padding: 0px 0px 0px 0px; 
	margin: 0px 0px 0px 0px;
	background-color: #ffffff; 
  	} 



	
/* COMIC NAVIGATION */

.comic_navi {
	color: #aaaaaa;
	font-size: 14px;
	}

.navi a:link, .comic_navi a:visted {
	#color #aaaaaa;
	}
	
.comic_navi a:hover {
	color: #333333;
	}

.comic_navi_wrapper {
	position: relative;
	width: 560px;
	float: left;
	padding: 0px 0px 0px 0px; 
	margin: 0px 0px 0px 0px;
	background-color: #ffffff;
	border: #000000 0px solid;
       -moz-border-radius: px;
       -khtml-border-radius: px;
       -webkit-border-radius: px;
       border-radius: px;
	}



/*PODCAST (COMIC) BLOG POST.*/

/*Hide the title of the comic blog post.*/
.post-comic .post-h1 { display: none; }

.comic-post {
       	padding: 0px 0px 0px 0px; 
       	margin: 0px 0px 10px 0px; 
       	text-align: left; 
       	background-color: #ffffff; 
       	border: #000000 0px solid;
       	-moz-border-radius: 0px;
       	-khtml-border-radius: 0px;
       	-webkit-border-radius: 0px;
       	border-radius: 0px;  
   	}



/*BLOG COLUMN.*/

.narrowcolumn, .column, .section-wrap {
	width: 560px;
	background: #333333;
	padding: 0px 0px 0px 0px; 
	margin: 0px 0px 0px 0px;
	}

.blogindex {
	background: #333333;
	padding: 0px 0px 0px 0px; 
	margin: -10px 0px 0px 0px;
	}

#header h1 a	{
	color: #ffffff;
 	text-decoration: none;
	}

.blog-title { color: #fff; }
	

/*Controls the background of BLOG POST ENTRIES*/	
.post	{ 
       	padding: 10px 10px 10px 10px; 
	margin: 0px 0px 0px 0px; 
       	text-align: left; 
       	background-color: #ffffff;
       	border: #000000 0px solid;
       	-moz-border-radius: 0px;
       	-khtml-border-radius: 0px;
       	-webkit-border-radius: 0px;
       	border-radius: 0px;  
   	}

/*Adds a 10px top border to BLOG posts faking 
10px space between posts.*/   
.post-blog {
	border-top: #333333 10px solid;
	}

/*This will change the post title color*/   
.post-text h2 { font-size: 16px; }

.post-title a { color: #000000; }

	
		
#header, #menubar, 
	width: 785px; 
	margin: 0px 0px 0px 0px;
	}

#header .description {
	color: #ffffff;
	padding: 0px 0px 0px 0px;
	margin-left: 0px;
	}

/*this changes the color of the blog title*/
h1, h1 a, h1 a:hover, h1 a:visited, #headerimg .description {
	color: #a4ca5d;
	text-decoration:none;
	}

#blogheader {
	color: #ffffff;
	}



/*Area behind the blog posts.*/
#content {
	padding: 0px 0px 0px 0px;
	background-color: #ffffff;
	}


	


/* Sidebar */


#sidebar-right {
	width: 200px;
	float: right;
	font-family: 'trebuchet ms' , sans-serif;
	font-size: 12px;
	color: #aaaaaa;
	background-color: #333333;
	padding: 20px 5px 5px 5px; 
	margin: 0px 0px 0px 0px;
	font-size: 12px;
	font-style: bold;
	}
	
#sidebar-undercomic {
	width: 560px;
	background-color: #fff;
	}
		


/*  WIDGETS  */



h2.widgettitle {
	font-family: 'trebuchet ms' , sans-serif;
	font-weight: normal;
	text-decoration: none;
	font-size: 14px;
	color: #cccccc;
	}

/*SEARCH BOX*/


/*Changes the search bar field.*/
#s-search {
	width: 169px;
	padding: 2px 2px 2px 2px;
	color: #bababa;
	font-family: 'trebuchet ms' , sans-serif;
	font-size: 12px;
	background: #fff;
	border: 1px solid #bababa;
	-moz-border-radius: 0px;
	-khtml-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
	}

/*Hides the button next to the search bar.*/
#searchform button {
	display: none;



	
/*Controls the background of PAGE ENTRIES*/
.hentry {
	padding: 5px 10px 5px 10px; 
       	margin: 10px 0px 10px 0px; 
       	background-color: #ffffff; 
       	border: #000000 0px solid;
       	-moz-border-radius: 0px;
       	-khtml-border-radius: 0px;
      	-webkit-border-radius: 0px;
       	border-radius: 0px;
	}
	
#pagenav .pagenav {
	padding: 10px 10px 10px 10px; 
       	margin: 0px 0px 0px 0px;	
       	}

#comment-wrapper {
	padding: 10px 10px 10px 10px; 
       	margin: 10px 10px 10px 10px;	
       	}

       	
#FatPandaComments {
	padding: 10px 10px 10px 10px; 
       	margin: 10px 10px 10px 10px;	
       	}