/* -- This is the place to add your own style modifications without touching the original styles -- */

body { }



/* Add bold generic */ 
.addextrabold { font-weight: bold }



/* Make related posts section a single block */ 

#related {
	background:#eee url(images/dot.gif) 105% 0 repeat-y; 
	border:1px solid #ddd;
	padding:15px;
	margin: 0 0 10px;
	}

#related .related-posts {
	font-weight:bold;
	width: 100%;
	float:right;
	}



/* Expands the top nav area */ 
/*                          */ 
/* Also alter header.php --> function_exists('wp_nav_menu') */ 
/* to function_exists('wp_nav_menu__off') to stop int nav   */ 

#topnav ul {
	width:690px;
	list-style: none;
	padding: 0;
	margin: 0 auto;
	float:left;
	}



/* Extra bits for the subscription part - inc. Google+ */ 

#sidebar li#side-tabs .cat_content li.googleplus {
	border:0;
	margin: 0;
	padding: 5px 0 5px 25px;
	background: url(images/google_16.png) 0px 50% no-repeat;
	border-top:1px dotted #ccc;
	}


#sidebar li#side-tabs .cat_content li.pinterest {
	border:0;
	margin: 0;
	padding: 5px 0 5px 25px;
	background: url(http://passets-lt.pinterest.com/images/about/buttons/small-p-button.png) 0px 50% no-repeat;
	border-top:1px dotted #ccc;
	}


#sidebar li#side-tabs .cat_content li.emailextra {
	border:0;
	margin: 0;
	padding: 5px 0 5px 25px;
	background: url(images/email.gif) 0px 50% no-repeat;
	border-top:1px dotted #ccc;
	}


#sidebar li#side-tabs .cat_content li.extraline {
	padding: 10px 0 5px 25px;
	border-bottom:2px dotted #ccc;
	}


/* Header image (see header.php) */ 

#tdpheaderimage { 
	padding: 20px 0px 0px 0px;
}


/* Breadcrumb padding */ 

p#breadcrumbs {
	padding: 0px 0px 10px 0px;
	margin: 0 0 5px;
	}



/* Slideshow size changing */ 

#slideshow {
	position:relative;
	margin: 0 auto;
	padding:0;
	overflow:hidden;
	width:990px;
	background:transparent;
	height:226px;
	}


#slideshow img.post_thumbnail {
	background:#fff;
	border:1px solid #ddd;
	padding:2px;
	float:none;
	margin: 0 auto;
	width:294px;
	height:247px;
	display:block;
	}


#slideshow .feature-entry {
	z-index:999;
	position:absolute;
	background:#000;
	color:#fff;
	top: 150px;
	left:3px;
	width:274px;
	height:30px;
	padding: 10px;
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
	}


/* This needs to be 20px taller to allow for the extra size of the slideshow images */ 
.jcarousel-container-horizontal {
	width: 960px;
	height: 220px;
	padding: 10px 0 0;
	margin: 0 auto;
	background:#fff;
	}




/* CSS for popular posts thumbnails - 3x images version */ 
/*                                                      */ 
/*  The -inner-box width & padding is (width x columns) + (padding x 2 per column) = -outer-box width roughly */ 
/*                                                                                                            */
/*  The image thumbnail size should be the same as the -inner-box width as we have very limited control over  */ 
/*  the way the CSS is applied via the popular posts plugin, hence the complications here.                    */ 
/*                                                                                                            */ 
/*  See single.php and side-tabs.php for the control codes, plus needs Wordpress Popular Posts plugin enabled */
/*  from http://wordpress.org/extend/plugins/wordpress-popular-posts/                                         */

div.wpp-tdp-post-outer-box { width: 590px; margin: 0px; height: 270px } 
div.wpp-tdp-post-inner-box { width: 150px; padding-left: 10px; padding-right: 32px; float: left; }

.wpp-tdp-popular-header { margin-bottom: 15px; clear: both; } 
href.wpp-post-title { clear: both; }
img.wpp-thumbnail { clear: both; max-width: 150px; max-height: 150px; overflow: hidden; margin-bottom: 10px; border: 1px; border-style: solid; border-color: #666666 } 



/* CSS for popular posts thumbnails - rightside version */ 

.wpp-tdp-popular-header-rightside { margin-bottom: 5px; clear: both; font-weight: bold;  } 
.wpp-tdp-popular-posts-rightside  { list-style-type: none; margin: 0; border:0; padding: 5px 0px 5px 17px; background:transparent url(images/arrowgray.gif) 2px 9px no-repeat; border-bottom:1px dotted #ccc; }




/* Adsense controls */ 
/*                  */ 
/*  The first block control the "box" which contains the Adsense Units */ 
/*  The second bit is coded into the JS which runs the Adsense units.  */ 

div.adsense_horizontal__outer_block { border: 1px; border-style: solid; border-color: #666666; width: 580px; height: 110px; padding: 5px; margin-top: 10px; clear: both } 

div.adsense_horizontal__ads_by_google { padding-bottom: 5px } 

div.adsense_horizontal__container_unit { width: 190px; float: left; } 
#adsense_horizontal__container_unit_3 { float: right }


a.ukseries_entry_link_ad {  font-size: 1.0em; font-style: normal; line-height: 20px; font-weight: bold; font-variant: normal; }
.ukseries_entry_desc_ad	{  font-size: 1.0em; font-style: normal; line-height: 15px; font-weight: normal; font-variant: normal; }
a.ukseries_entry_google_link_ad {  font-size: 0.9em; line-height: 16px; color: #666666}


/* End of adsense controls */