/* -*- mode: fundamental; -*-  */
/* begin master-styles.css */

/* start with the whole body and links that are mostly the same. */

body    {
	height: 100%;
	margin : 0;
	padding: 0;
	border: 0;
	background : #fff;
	text-align: center;
	}

A:link	{ color: #0000FF; text-decoration: none; } 
A:visited { color: #9400D3; text-decoration: none; } 
A:active { color: #DD0000; text-decoration: none; } 
A:hover	{ color: #0000CD; text-decoration: underline; } 

/* now, define the page segments. */

#body	{
	margin: 0 auto 0 auto;
	clear: both; 
	min-width: 750px;  
	max-width: 800px; 
/*	width: 750px;   */
	border : 1px solid black; 
	background: #ffffff;
	}

#banner-full {
	background-image : url(/06graphics/barf-banner-bkgnd.png); 
	margin : 0;
	padding : 0;
	height : 100px; 
   	text-align : center;
  	}

#banner {
/*	width: 750px;   */
	min-width: 750px;   
	max-width: 800px;   
	margin : 0 auto 0 auto;
}

#bannerlogo {
	margin-left: 15px;
	margin-top: 5px;
	float: left;
}
#bannertitle {
	margin-right: 15px;
	margin-top: 5px;
	margin-bottom: 0;
	padding: 0;
	height: 55px; 
	float: right;
	text-align: right;
	font-family : verdana, arial, sans-serif;
	font-size : 22px;
	font-weight: bold;
	color : #FFF;

}

#buttonholder {
	margin: 0 15px 0 0;
	height : 23px;
 	width : 600px;  
   	text-align : center;
	font-family : verdana, arial, sans-serif;
	font-size : 13px;
	padding: 0;
	float: right;

  	}

#maincol {
	float : right; 
	width : 67%; 
 	margin: 5px 1% 5px 1%; 
 	padding: 3px 1% 3px 1%;   
	background: #ffffff;
   	text-align : left;
	font-family : verdana, arial, sans-serif; 
	color : #000;
	font-size : 13px;
	font-weight : normal;
}

div.sidecol {
	float : left; 
	width: 22%; 
/* 	margin: 14px 2% 10px 0; */
 	margin: 10px 2% 10px 2%; 
 	padding: 10px 1% 10px 1%; 
	border : 1px solid black; 
/*	background: #deb887;   */
	background: #ddd;   
   	text-align : left;
	font-family : verdana, arial, sans-serif;
	color : #000;
	font-size : 11px;
	font-weight : normal;
	clear: left;
}

#fullcol {
	margin: 10px 2% 10px 2%; 
        padding: 3px 2% 3px 2%;  


   	text-align : left;
	font-family : verdana, arial, sans-serif; 
	color : #000;
	font-size : 13px;
	font-weight : normal;
}

#footer {
	clear: both;
	width : 80%;
	margin: 10px auto 10px auto;
	padding: 5px;
	border : 1px dotted black;   
	background: #ffffff;
   	text-align : center;
	font-family : verdana, arial, sans-serif; 
	color : #000;
	font-size : 11px;
	font-weight : normal;
}


/* button banner elements, plus floating buttons for series */

#buttonholder div.menubutton,
#buttonholder div.returnbutton   {
	float: right;
	position: relative;
	}	

div.serieslink a {
	float: left;
	width: auto;	
	margin: 4px 1px 5px 1px; 
	padding: 0.25em 1em 0.25em 1em;

}
div.returnbutton a,
div.menubutton a {
	width: 103px;
	margin: 4px 1px 0px 1px; 
	padding: 1px 0 1px 0;
}

div.serieslink a,
div.returnbutton a,
div.menubutton a {
	font-family : verdana, arial, sans-serif; 
	font-size: 11px;
	font-weight: bold;
	display: block;
	text-align: center;
  	text-transform : uppercase;

}

div.serieslink a:link,
div.serieslink a:visited,
div.serieslink a:hover,
div.returnbutton a:link,
div.returnbutton a:visited,
div.returnbutton a:hover,
div.menubutton a:link,
div.menubutton a:visited,
div.menubutton a:hover {
	color: #000;
	text-decoration: none;
}

div.serieslink a:link,
div.serieslink a:visited,
div.returnbutton a:link,
div.returnbutton a:visited,
div.menubutton a:link,
div.menubutton a:visited {
/*	background-color: #F5DEB3; */
	background-color: #FFF; 
	border-top: 1px solid #cecece; 
	border-bottom: 2px solid #4a4a4a; 
	border-left: 1px solid #cecece; 
	border-right: 2px solid #4a4a4a; 
}

div.serieslink a:hover,
div.returnbutton a:hover,
div.menubutton a:hover {
/*	background-color: #D2B48C; */
	background-color: #AAA; 
	border-bottom: 1px solid #cecece; 
	border-top: 2px solid #4a4a4a; 
	border-right: 1px solid #cecece; 
	border-left: 2px solid #4a4a4a; 
}

/* column elements that are the same across */
/* multiple columns */

#maincol div.story, 
#fullcol div.story {
	margin-bottom: 15px; 
	margin-top: 5px;
}

div.sidecol div.story {
	margin-bottom: 5px; 
	margin-top: 5px;

}


#maincol div.storytitle,
div.sidecol div.storytitle,
#fullcol div.storytitle  {
	font-family : verdana, arial, sans-serif; 
	text-align : left;
}


div.storybyline {
	font-family : verdana, arial, sans-serif; 
	font-size: 13px;
	text-align : left;
	font-style: italic;
	font-weight: bold;
	padding-top: 5px;
}


div.storysubtitle {
	font-family : verdana, arial, sans-serif; 
	font-weight: normal;
	text-align : left;
	margin : 0 0 8px 0; 
}

p.posted	{ 
	clear: both;
	font-family : verdana, arial, sans-serif;
	font-style: italic;
	text-align: right;
	color : #000;
}

#maincol div.mainphoto,
#fullcol div.mainphoto,
#maincol div.mainphotoleft,
#fullcol div.mainphotoleft {
	clear: both;
/*	width: 250px;   */
	border : 1px solid #000000; 
/*	border : 3px solid #101077;  */
	padding : 3px;
/*	background: #F5DEB3; */
/*	background: #deb887;   */
	background: #ddd;
}

#maincol div.mainphoto,
#fullcol div.mainphoto {
	float: right;
	margin: 10px 0 10px 15px;
}
#maincol div.mainphotoleft,
#fullcol div.mainphotoleft {
	float: left;
	margin: 10px 10px 10px 0;
}

#fullcol div.sidethumbnail,
#maincol div.sidethumbnail {
        display: none;
}


/* main column elements */

#fullcol div.storytitle,
#maincol div.storytitle  { 
	font-size : 18px;
	font-weight : normal;
	padding : 0 0 8px 0; 
	border-bottom: 2px solid #AAA;
        margin: 8px 0 5px 0;
	}


#fullcol p.posted,
#maincol p.posted	{ 
	font-size : 12px; 
	padding : 0 0 10px 0; 
	line-height: 150%;
	}

/* side column elements */


div.sidecol div.storytitle {
	padding : 0 0 3px 0;
	margin-bottom: 3px;
	font-size : 13px;
	font-weight : bold;
	border-bottom: 2px solid #990000;
}


div.sidecol div.oneliner {
	padding : 3px 0 3px 0;
	margin: 3px 0 3px 0;
	font-size : 13px;
	font-weight : bold;
}

div.sidethumbnail {
        display: block;
	float: right;
	margin: 4px;
	border : 1px solid #000000;
	padding : 0;
}


div.countryflag {
        display: block;
	float: left;
	margin: 4px 6px 4px 0px;
	border : 1px solid #000000;
	padding : 0;
	}

/* footer */

p.footerlink {
	font-weight: bold;
}
p.footerfine {
	font-size: 9px;
}




span.storylink  {
text-align: right;
display: block;
font-size: 10px; 
font-weight: bold;
margin-top: 5px;
}

/* miscellaneous */

/* media links in sources */


div.storymedialink a {
	float: left;
	margin: 4px 1px 5px 1px; 
	padding: 0.25em 1em 0.25em 1em;
	font-family : verdana, arial, sans-serif; 
	font-size: 11px;
	font-weight: bold;
        display: inline; 
	width: auto;
	text-align: center;
  	text-transform : uppercase;
}

div.storymedialink a:link,
div.storymedialink a:visited,
div.storymedialink a:hover {
        display: block;
	margin: 4px 1px 5px 1px;  
	padding: 0.25em 1em 0.25em 0;
	color: #000;
	text-decoration: none;
}

div.storymedialink a:link,
div.storymedialink a:visited {
	background-color: #DEB887;
	border-top: 1px solid #cecece; 
	border-bottom: 2px solid #4a4a4a; 
	border-left: 1px solid #cecece; 
	border-right: 2px solid #4a4a4a; 
}

div.storymedialink a:hover {
	background-color: #D2B48C;
	border-bottom: 1px solid #cecece; 
	border-top: 2px solid #4a4a4a; 
	border-right: 1px solid #cecece; 
	border-left: 2px solid #4a4a4a; 
}

div.storymedialink span.tag {
        background-color: #101077;
	padding: 0.25em 0 0.25em 0.25em;
}



/* photo captions are the same across maincol and fullcol and */
/* omitted w/photo in sidecol  */

div.caption {
	font-family : verdana, arial, sans-serif;
	font-size : 11px; 
/*	font-weight: bold; */
	color : #000;
	text-align: left;
	margin: 2px 3px 4px 3px;
}

div.subcaption {
	font-size: 9px;
	font-family : verdana, arial, sans-serif;
	font-weight : normal;
	text-align: right;
	margin: 1px 3px 3px 3px;
	border-top: 1px solid #A0522D;
	padding-top: 1px;
}
div.smallcaption {	/* to be used by itself */
	font-size: 9px;
	font-family : verdana, arial, sans-serif;
	font-weight : normal;
	text-align: left;
	margin: 2px 3px 4px 3px;
}
div.captionquote {
	font-size: 10px;
	font-family : verdana, arial, sans-serif;
	font-weight : bold;
	text-align: right;
	margin: 1px 3px 3px 3px;
	border-top: 1px solid #A0522D;
	padding-top: 1px;
}


/* blockquote works in all sections */


blockquote,
div.blockquote {
	clear: left; 
	color: #000;
/*	background: #F5DEB3; */
/*	background: #FFDAB9;  */
	background: #ddd;

	width : 80%;  
/* 	border : 1px dotted #A0522D; */
/* 	border : 3px solid #DB0000;  */
 	border : 3px solid #990000; 
	padding: 10px; 
	margin: 20px auto 20px auto;
	}

p.center {
	margin: 0 auto 0 auto;
	text-align: center;
}

div.center {
	margin: 0 auto 0 auto;
	text-align: center;
}

div.citelink,
div.articlelink {
        font-weight: normal;
	color: #666;
	font-size: 9px;
	margin: 5px 0 5px 0;
}

div.citelink {
	text-align: right;
}

div.articlelink A:link, 
div.articlelink A:visited, 
div.articlelink A:active,
div.articlelink A:hover	{ 
	color: #666; text-decoration: none; } 

.copyfineprint {
	font-size: 9px;
	color: #666;
}

div.storymedialink {
	display: none; 
}



div.printlink {
	display: none;
	font-size: 9px;
	color: #666;
	font-family : verdana, arial, sans-serif;
	font-weight : normal;
	text-align: right;
	margin: 10px 3px 10px 3px;
	border-top: 1px solid #A0522D;
	padding-top: 3px;
}
#maincol div.printlink {
	display: block;
}


div.sidecol div.updates {
	background-color: #FFF;
	margin-top: 5px;
}

ul.updlist {
	margin:5px 5px 5px -20px;
}
li.updlist {
	margin-bottom: 8px;
}
.boxed {
	display: block;
	border: 4px solid #990000;
	margin: 10px;
	padding: 10px;
}

div.storysummary div.boxed {
	display: block;
	border: 1px solid #990000;
	margin: 1px;
	padding: 5px;
}


div.misctitle  { 
	font-size : 16px;
	font-weight : normal;
	padding : 0 0 8px 0; 
	border-bottom: 2px solid #AAA;
        margin: 10px 0 5px 0;
	}

div.storysection  { 
	font-size : 18px;
	font-weight : normal;
	padding : 5px 10px 5px 10px;  
	border-left: 6px solid #D40000;
	border-bottom: 2px solid #AAA;
	border-top: 2px solid #AAA;
        margin: 12px 0 12px 0;
	}

div.returnbutton {
	display: none;
	}

div.storysep {
	width: 80%;
	margin: 8px auto 8px auto;
	border-bottom: 3px solid #AAA;

}
div.hidden {
	display: none;
}

li.spaced {
	margin-bottom: 11px;
}