/*
Theme Name: yamyam theme
Theme URI: 
Description: Special theme for the YamYam
Version: 0.6
Author: Tim Brown
Author URI:
Tags: yamyam

*/



/* Begin Typography & Colors */
body {
	background-color: #fff;
	margin			: 0em;
	padding			: 0em;
	
	text-align		: center;
	color			: #000;
	font-family		: arial, helvetica, sans-serif;

	font-size   	: 12px;
	voice-family 	: "\"}\"";
    voice-family 	: inherit;
}

#body {
	margin			: 0 auto;
	margin-bottom	: 0px;
	min-width		: 970px;
	text-align		: left;
	width			: 100%;
	background-color: #fff;
	color			: #333;
	font-size		: 12px;
	float			: left;
	border-bottom 	: 7px solid #9999CC; 
}

/* two entries below are a fix for IE7 float right bug on h1 section header rss icon */

.section {
	position: relative;
}	

.rightrss {
	position: absolute;
	top: 5px;
	left: 302px;
}	

.clear { clear	: both;} .left { float	: left;} .right { float	: right;}
.nomargin { margin : 0px;}
a { text-decoration : none; color : #000;} a:hover { text-decoration : underline;} p a { font-weight : bold;}
a img { border : 0px solid #fff;}

hr.endeds {
	  height			: 1px; 
    padding			: 0px; 
    border			: none;
    background-color: #ccc; 
    color			: #ccc; 
	clear			: both;
}

ul {
	list-style-type : square;
}

#header {
	border-bottom 	: 7px solid #9999CC;
	padding-top		: 0px; padding-bottom	: 20px;
	height: 120px;
}

#header a { color	: #000066;}
#header p { min-width		: 770px;
			max-width		: 960px;
			margin			: 0 auto;}

#header img.logo {
	 	float			: left;
	 	margin-top: 6px;
	 	}

#header em.strap {
	font-size		: 15px;
	float			: right;
	margin 			: 20px 10px 20px 10px;
	font-style		: normal;
	font-weight		: bold;
}

#headtop {
	width: 983px;
	margin: 0px 0px 0px 0px;
	padding: 0px 10px 0px 10px;
}	

#strapline {
	float: right;
	font-size: 20px;
	font-style: italic;
	font-weight: bold;
	color: #9999CC;
}	

#content {
	max-width		: 983px;
	min-width		: 770px;
	margin			: 0 auto;
	padding			: 10px;
}

#content a { color	: #000066;}
#content p { line-height	: 1.333em;}

ul.nav {
	list-style		: none; 
	margin 			: 10px 0px 0px 0px; 
	padding 		: 0px; 
	color 			: #000066;
	}
ul.nav li { display	: inline;}


ul.post-categories {
  list-style		: none; 
	margin 			: 0px 0px 0px 0px; 
	padding 		: 0px; 
	color 			: #000066;
  font-size: 11px;
	}
ul.post-categories li { display	: inline;}


ul.nav#editions li a { 
	border 			: 1px solid #ccc;
	border-bottom	: none;
	padding			: 5px;
	margin-right	: 5px;
}
ul.nav#editions li a:hover,
ul.nav#editions li.current-cat a { background	 : #9999CC; color : #fff;}
ul.nav#editions li strong { margin-right : 5px;}

ul.nav#editions {
	margin-bottom: 5px;
}	

/* @media screen and (-webkit-min-device-pixel-ratio:0) { 
	ul.nav#editions { position : relative; top : -1px;}
}
*/

ul.nav#editions li a {
	font-weight		: bold;
}


#distbar {
	background-color: #E7E7F2;
	width: 973px;
	height: auto;
	padding: 5px;
	padding-top: 0px;
	padding-bottom: 5px;
}

#districts {
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 5px;
	font-weight: bold;
	width: 885px;
	max-width: 885px;
	float: inherit;
	
}	

#districts a {
	margin-right	: 10px;
	white-space:nowrap;
	color: #555588;
}

#districts a:hover {
	color: #000066;	
}	

#headsocial {	
margin-bottom: 6px;
margin-top: 8px;
}

ul.nav#editions li a.noborder { font-weight : normal;}

ul.nav#headsocial a.facebook { padding-left : 20px; background : url(./images/site/button-facebook.jpg) no-repeat center left;}
ul.nav#headsocial a.urdu { padding-left : 20px; background : url(./images/site/urdu_14x14.png) no-repeat center left;}
ul.nav#headsocial a.hindi { padding-left : 20px; background : url(./images/site/hindi_14x14.png) no-repeat center left;}
ul.nav#headsocial a.polish { padding-left : 20px; background : url(./images/site/polish_14x14.png) no-repeat center left;}
ul.nav#headsocial a.twitter { padding-left : 20px; background : url(./images/site/button-twitter.jpg) no-repeat center left;}
ul.nav#headsocial a.rss { padding-left : 20px; background : url(./images/site/button-rss.jpg) no-repeat center left;}
ul.nav#socialnetworks a.rss { padding-right : 20px; background : url(./images/site/button-rss.jpg) no-repeat center right;}
ul.nav#lastlinks a.email { padding-left : 20px; background : url(./images/site/button-email.jpg) no-repeat center left;}

#lastlinks { font-weight: bold; }

#content #searchform {
	float	: right;
	display: inline;
	margin-top: 2px;
	margin-bottom: 0px;
	position: relative;
	right: 0px;
	}
#content #searchform input#s { border : 1px solid #000066; height : 18px; margin-right: 5px; width: 150px;}
#content #searchform input#searchsubmit { position : absolute; top : 0px; left :214px; height : 22px;}
/* @media screen and (-webkit-min-device-pixel-ratio:0) {#content #searchform input.button { position : relative; top : 6px; left : -5px; height : 22px;}} */

.landscape-banner { margin : 20px 10px -10px 10px;}

#content.home #columnstructure.thirds { margin-top : 10px; width: 995px;}
#content.home #columnstructure.thirds div.col {
	width			: 322px;
	margin-right	: 8px;
	float			: left;
	display: inline;
	padding: 0px;
}
#content.home #columnstructure.thirds div.right {
	float			: right;
}
#content #columnstructure div.col div.item {
	padding			: 0px 10px 0px 10px;

}

div.goback {
  margin-left: 10px;
  margin-right: 10px;
  margin-top: 0px;
  margin-bottom: 8px;
  font-weight: bold;
  font-style: italic;
  font-size: 12px;	
}	

/* #content #columnstructure.thirds div.col div.teaser p {
	font-size		: 100%;
 }
*/

#content #columnstructure div.col div.item img.thumb {
	margin-top  : 2px;
}

.thumbbord {
	border: 1px solid #000;
	width: 60px;
	height: 60px;
}

.nothumbbord {
	border:	0px;
	width: 62px;
	height: 62px;
}

#content #columnstructure.thirds div.col.last { margin-right : 0px;}
#content.home #columnstructure.thirds div.even { background	  : #E7E7F2; padding: 0px;}

#content #columnstructure.seconds { margin-top : 30px; min-width : 960px; overflow: auto;}
#content #columnstructure.seconds div.left {
	width			: 497px;
	float: left;
	margin-right	: 0px;
	padding			: 0px 0px 0px 0px;
/*	border-right	: 1px dotted #666; */
}

#content #columnstructure.seconds div.middle {
	width			: 150px;
	height    : 100%;
	margin-right	: 8px;
	margin-left: 5px;
	float: left;
	padding			: 0px 0px 0px 0px;
/*	border-right	: 1px dotted #666; */
}



#content #columnstructure.seconds div.storylist {
	padding-left			: 0px;
}


#content #columnstructure.seconds div.right {
	width			: 312px;
	margin-right	: 0px;
	padding			: 0px 0px 0px 10px;
}
#content #columnstructure.seconds h1 {
	background		: #fff;
	font-weight		: normal;
	font-size		: 14px;
	padding-left 	: 0px;
	height : 64px; overflow : hidden;
}
#content #columnstructure.seconds div.left h1 {
	height :auto; overflow : auto;
}



#columnstructure hr {
	height			: 1px; 
    margin			: 10px 0px 5px 0px; 
    padding			: 0px; 
    border-top		: 1px dotted #333;
	color			: #fff;
	background		: #fff;
	clear			: none;
}

#columnstructure hr.clear {
	clear: both;
}	


#columnstructure h1 {
	font-size		: 14px;
	background		: #9999CC;
	color			: #000066;
	padding			: 5px;
	padding-bottom: 3px;
	margin			: 0px 0px 12px 0px;
}

#columnstructure h2 { 
	margin			: -2px 0px 2px 0px;
	font-size : 16px;
	color: #000066; 
}

#columnstructure h2.setheight {
	height : 64px; overflow : hidden;
}

#columnstructure cite { 
	font-size: 11px; font-weight : normal; color : #990000; font-style : normal;
	}

#columnstructure .introhead { font-size: 11px; font-weight : bold; color : #990000; font-style : normal;}


#columnstructure p {
	margin			: 2px 0px 0px 0px;	
}


#entry p {
	margin			: 0px 0px 10px 0px;	
}


#apageleft p {
	margin			: 0px 10px 10px 0px;	
}


p.subhead {
	font-weight: bold;
}		



#columnstructure img.left {
	margin-right	: 10px;
	margin-bottom: 0px;
}

#columnstructure a.more-items {
	display			: block;
	margin			: 20px 0px 20px 0px;
	padding			: 5px 0px 5px 10px;
	border-top		: 1px dotted #666;
	border-bottom	: 1px dotted #666;
	font-weight		: bold;
}




/*#columnstructure ul.related-links { margin : 0px; padding : 0px; list-style-position : inside; list-style-image : url(./images/site/backstory-link.png)}
#columnstructure ul.related-sitelinks { margin : 0px; padding : 0px; list-style-position : inside; list-style-image : url(./images/site/backstory-sitelink.png)}*/

#columnstructure ul.related-links,
#columnstructure ul.related-sitelinks { margin : 0px; margin-bottom: 10px; width: 495px;
padding : 0px; list-style-position : outside; list-style-type : none; }
#columnstructure ul.backstory li { 	padding			: 3px 0px 0px 0px; }

#columnstructure ul.related-links li,
#columnstructure ul.related-sitelinks li{
	font-size		: 11px;	
}
#columnstructure ul.related-links li a,
#columnstructure ul.related-sitelinks li a {
	color			: #000066;
	font-weight: bold;

}
#columnstructure ul.related-links li span.cite,
#columnstructure ul.related-sitelinks li span.cite,
#columnstructure ul.related-links li span.introhead,
#columnstructure ul.related-sitelinks li span.introhead {
	color			: #990000;
	font-weight: bold;
}
#columnstructure ul.related-links li span.citedate,
#columnstructure ul.related-sitelinks li span.citedate,
#columnstructure ul.related-links li span.citeauth,
#columnstructure ul.related-sitelinks li span.citeauth {
	color			: #990000;
	font-weight: normal;
}


#columnstructure ul.related-links li {
	font-weight		: bold;	
}


#columnstructure ul.backstory {
	display			: block;
	margin-top		: 0px;
}
#columnstructure ul.backstory li span.source {
	display			: none;
}
#columnstructure ul.backstory li a {
	/*width			: 60%;
	float			: right;*/
	padding			: 0px;
}

#post-meta, #post-tags, #cat-tags { color : #000; font-weight : bold; font-size: 11px;}
#post-meta ul.nav,
#post-meta span,
#post-tags span { float : left; margin-right : 10px; margin-top : 10px;}
p#post-tags { display : inline;}

ul.block { list-style-type : none; margin-left : 0px; padding-left : 0px;}
ul.block li { line-height : 2em;}
ul.post-categories li a {
	margin-right	: 5px;
}

span.post-tags { float : left; margin-right : 10px; color : #000; font-weight : bold; font-size: 11px;}


.tagfeed {
	float: right;
	font-weight: normal;
	font-size: 12px;
}

div.navigation {
	font-weight: bold;
	font-size: 11px;
}	
	
a.rss {	background		: url(./images/site/feed.png) no-repeat center left; padding-left: 20px;}

ul.children {
	display			: inline;
	margin			: 0px;
	padding			: 0px;
}

#columnstructure.p404 ul.cats ul.children {
	display			: inline;
	margin			: 10px;
	padding-left	: 20px;
	list-style-position : inside;
	position		: relative;
	left			: 10px;
}

ul.tags li a {
/*	background		: url(./images/site/tag_blue.png) no-repeat center left; */
	padding-left	: 10px;
	margin-right	: 5px;
	margin-left		: 5px;
	font-size: 11px;
	color:  #000066;
}


#footer {
	clear			: both;
	padding			: 0px 0px 0px 0px;
	background		: #9999cc;
	color			: #fff;
	text-align		: center;
}
#footer a { color	: #fff; font-weight		: normal; }


form#commentform input.text {
	border			: 1px solid #000;
}
.commentlist {
	background		: #e0e0e2;
	font-size   : 12px;
	width: 485px;
}

.comment.even {
	background		: #f0f0ff;
	padding: 20px;
	padding-top: 10px;	
	padding-bottom: 10px;	
}	

.comment.odd {
	background		: #e0e0e2;
	padding: 20px;
	padding-top: 10px;	
	padding-bottom: 10px;	
}	


#columnstructure cite.fn {
	font-size   : 12px;
	font-weight: bold;
}

#content .comment-meta a {
	font-size: 10px;
	color: #990000;
}		

#content .comment p {
	margin-bottom: 10px;
}		
	
.comment-meta {
	margin-bottom: 10px;
}	

.comment-author img {
	float: right;	
}

.comment {
  position: relative;
  top: 0px;
  left: 0px;
}

.reply {
	float: left;
	position: absolute;
	font-weight: bold;
	top: 9px;
	right: 70px;	
}

.inbrief {
	font-size: 11px;
        
}

.footy {
	font-size: 11px;
}	

.archiveheaders {
	font-weight: bold;
        font-size: 11px;
}

.image-right {
	float: right;
	margin-left: 5px;
	margin-right: 0px;
}	

.image-left {
	float: left;
	margin-right: 5px;
}

abbr {
  border: none;	
}

#bottomlinks {
	width: 983px;
	text-align: left;
	padding: 0px 10px 0px 10px;
}

#lastlinks a {
	color: #000066;
}	

#lastlinks {
	color: #000066;
	margin-top: 4px;
	margin-bottom: 8px;
}

div.storymore {
	font-weight: normal;
	font-size: 10px;
	margin-top: -10px;
	margin-bottom: 10px;
	text-align: left;
	margin-right: 0px;
}

p#tweetthis {
	margin-top: 5px;
	margin-bottom: 0px;
}						

/* Kadom ads stuff */

#kd_ad_zone_5 {
	float: right;
	display: inline;
	width: 728px;
}


div.kd_ads {
	width:100%;
	}

div.kd_ads_block {
	 display:block;overflow:hidden;margin:0 auto 0 auto;
}

div.kd_ads_block a.kdads-link {
	background:transparent;display:block;margin-right: auto; margin-left: auto;
}

.kd_ads_block img {
	border: 0;
}	
	

div.advertisehere {
	width:100%;display:block;text-align:center;
}

div.kd_ads_block a.kdads-empty {
	background:#e7e7e7;display:block;float:left;border:#CCC 1px solid;color:#666;font-weight:bold;font-size:12px;text-align:center;
}

div.kd_ads_block a.kdads-empty:hover {
	background:#DDD;display:block;border:#999 1px solid;color:#333;text-decoration:none;
}
/*
#kd_ad_zone_9 {  /* text ads on single page 
	float: right;
	width: 150px;
	height: 500px;
	margin: 0px;
	margin-left: 5px;
	margin-right: -8px;
}	

*/

#advertise	table { 
	width:98%;border:1px solid;  margin:1em auto; border-collapse:collapse; 
}

#advertise	td { 
	padding:.6em 1em; text-align:center;
}

#advertise .column1 {
	text-align:left;
}

#advertise	thead th {
	text-align:center;border-bottom:1px solid;font:bold 1.2em/1.5em "Century Gothic","Trebuchet MS",Arial,Helvetica,sans-serif;
}

.rsslist {
 margin-left: 0px;
 padding-left: 0em;
 list-style-type:none

}

.rsslist li {
margin: 0px;
padding: 0px;

}

.rsstitles {
	font-size: 15px;
        font-weight: bold;
        
}

#content a.rsstitles {
        color: #000066;
     /* font-family:georgia, "times new roman", serif; */

}



.p2-feed-even {
	font-size: 11px;
        font-weight: bold;
        margin:  0px;
        padding: 0px;
        background-color: #E7E7F2;
        display: block;
}



.p2-feed-odd {
	font-size: 11px;
        font-weight: normal;
        background-color: #FFFFFF;
        display: block;        

}



.rsslist li.li-p2-feed-even {
       margin:  0px;
       padding: 0px;


}

.rsslist li.li-p2-feed-odd {
       margin:  0px;
       padding: 0px;
	
}


.rss_source_date {
	font-size: 11px;
        color: #990000;
        font-weight : normal; 


}

.excerpt-p2-feed-odd .rss_source_date {
        font-size: 11px;
        color: #00cc99;
        font-weight : normal; 


}

.rss_force_font_size {
	font-size: -2px;
        font-weight: bold;


}

#districts a.feedcat {
	color: #ffffff;
	background: #9999cc;
}



#beyond { position: absolute;  top: 36px; right: 10px; z-index:100; padding: 0px 4px 4px 4px;
width: 100px; height: 19px; line-height: 24px; overflow: hidden;
border: 1px solid #bbbbbb; background: #E7E7F2; font-weight: bold; color: #000066; text-align:right; font-style: italic; }


#beyond:hover { height: 215px; }

.yy_image {
    border: 1px solid #000;
    float: left;
    margin-right: 5px;
    margin-top: 3px;
    max-width: 90px;
    max-height: 60px; 
 /* height:60px; */
    width: auto; 
    

  }

.yy_byline {
	font-size: 11px;
        color: #990000;
        font-weight: bold;
        font-style: normal;
        
}
.yy_date {
	font-size: 11px;
        color: #990000;
        font-weight: normal;

}



.yy_text {
        font-size: 12px;
        font-weight: normal;
        font-style: normal;
        color: #000;

   
}




.yy_hr {
      /* clear: left; */
       width: 100%;
       float: left; /*seems to make hr vanish - trying in conjunction with width*/

}


