/**
 * StoryBadge.css
 *
 * Copyright 2008 RealPatterns, Inc. All rights reserved.
 */



.StoryBadge {

  margin: 20px auto 20px;
  background: #ffffff;
  font: normal 12px sans-serif;
  border: 1px solid #faa724;
  float: left;
  width: 100%;
  clear: both;
}
.StoryBadge h1 {

  display: none;
  color: #2e3b67;
  height: 24px;
  margin: -1px;
  margin-bottom: 6px;
  padding: 4px;
  padding-left: 8px;
  text-align: left;
  font: normal 1.5em Arial, Helvetica, sans-serif;
  border: 1px solid #c9d6e7;
  background: #e6eff8 url('../../gfx/gadgets/StoryBadge_01.gif') repeat-x scroll 0px 0px;
}
.StoryBadge img {

  float: left;
  margin: 0px;
  margin-left: 20px;
  height: 59px;
  margin-top: 0px;
  margin-bottom: 0px;
  background: #faa724;
}

#Layer_1{
	fill: green;
}

#Layer_2{
	fill: red;
}

.StoryBadge h2 {

  color: #2c75a9;
  margin: 5px 5px 0 5px;
  font: normal 1.25em Arial, Helvetica, sans-serif;
  float: left;
  width: auto;
}

.StoryBadge h3 {

  color: #2e3b67;
  margin: 4px 8px 0px 148px;
  font: normal 1em Arial, Helvetica, sans-serif;
}

.StoryBadge ul{
	float: right;
	display: inline;
	width: 694px;
	margin-top: 10px;
	padding: 0px;
}

.StoryBadge ul li{
	background: #2c75a9;
	display: inline-block;
	list-style-type: none;
	text-align: center;
	margin: 0 7px;
}	

.StoryBadge ul li a{
	color: #ffffff;
	text-decoration: none;
	display: inline-block;
	padding: 10px 15px;
	width: 184px;
}


.StoryBadge p {

  display: none;
  color: #666666;
  height: 55%;
  overflow: hidden;
  margin: 0px;
  padding: 8px;
  font: normal 1em/1.33em Arial, Helvetica, sans-serif;
}
.StoryBadge p a {

  color: #5e94d2;
  display: block;
  text-decoration: underline;
}

@media only screen and (max-width: 1010px) {
	#StoryBadge_1{
		text-align: center;
	}
	
	.StoryBadge img{
		display: none;
	}
		
	.StoryBadge h2{
		float: none;
		text-align: center;
		width: 100%;
		margin: 10px 0 0 0;
	}
	
	.StoryBadge ul{
		width: 100%;
	}
	
}

@media only screen and (max-width: 750px) {
	#StoryBadge_1, {
		text-align: center;
	}
	
	.StoryBadge img{
		float: none;
	}
	
	.StoryBadge h2{
		float: none;
		text-align: center;
		width: 100%;
	}
	
	.StoryBadge ul{
		float: left;
		display: block;
		width: 100%;
	}
	
	.StoryBadge ul li{
		display: block;
		margin: 8px;
	}
	
	.StoryBadge ul li a{
		width: auto;
		display: block;
	}
}