/**
 * style sheets for steelers.de
 *
 * New Styles in Summer 2008
 *
 * @author Dominik Sander <dome@steelers.de>
 */


/*----------- Grundgerüst & Basisdaten ------------------*/

  BODY
  {
  	background-color: #015440;
  	color: #000000;
    background-image: url(../images/backgrounds/bg2.jpg);
  	background-repeat: repeat-y;
    background-position: 50% 50%;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.75em;
    padding: 0px;
    margin: 0px;
    height: 100%;
  }

  a, a:link, a:visited {
    color: #004D9F;
    text-decoration: underline;
  }

  a:hover {
    color: #015440;
    text-decoration: none;
  }

div#maindiv {
   margin: 0px auto;
   width: 935px;
   height: 100%;
}

  table#maintable {
     width: 935px;
     table-layout:auto;
     height: 100%;


  }

/*----------- Header ------------------*/

div#header2 {
   width: 100%;
   margin: 0px auto;
   height: 105px;
   color: #000000;
   background-color: #000000;
}

div#header {
   width: 100%;
   margin: 0px auto;
   height: 105px;
   background-image: url(../images/design/header_logo.jpg);
   background-repeat: no-repeat;
   background-position: center;
   color: #000000;
   background-color: #000000;
   cursor: pointer;
}

div#breadcrumb {
  border-bottom: 1px solid #333333;
  color: #dddddd;
  background-color: #000000;
  font-size: 80%;
  font-weight: bold;
  padding: 2px 2px 2px 5px;
  width: 928px;
}

div#breadcrumb a {
  color: #dddddd;
  text-decoration: none;
}

div#breadcrumb a:hover {
  color: #FFFFFF;
  text-decoration: underline;
}

div#headertext {
  color: #fff;
  width: 920px;
  margin: 0px auto;
  text-align: right;
  padding: 3px;
}

div#headerdiv {
  color: #fff;
  width: 920px;
  margin: 0px auto;
  text-align: right;
}

div#headerdiv img {
  margin-top: 5px;
}


/*----------- Hauptnavigation ------------------*/

  #menubar {
     width: 925px;
     height: 40px;
     font-size: 12px;
     text-align: center;
     background-color: #FFFFFF;
     margin: 0px;
     vertical-align: middle;
     background-image: url(../images/design/menu_back.gif);
     background-repeat: repeat-x;
     background-position: top;
     padding-left: 10px;
     float: left;
     border-bottom: 1px solid #dddddd;
  }


div#menubarright {
  background-image: url(../images/design/menubar_right.gif);
  background-repeat: no-repeat;
  background-position: top right;
  float: right;
  width: 40px;
  height: 40px;
  margin: 0px;
}

  #menuitems {
     position: relative;
  }

  #languages {
     margin: 0px;
     border-right: 1px solid #dddddd;
	   float: left;
     height: 40px !important;
     height: 26px;
     padding: 5px 10px;
  }

  a.menubutton, a.menubutton:hover, a.menubutton:visited, a.menubutton:active, a.menubuttonhover, a.menubuttonhover:hover, a.activeitem, a.activeitem:visited, a.menubuttonhover:visited, a.menubuttonhover:active {
     color: #015440;
     font-weight: bold;
     text-decoration: none;
     padding: 20px 17px 0px 17px;
     margin: 0px;
     border-right: 1px solid #dddddd;
     border-bottom: 1px solid #dddddd;
	   float: left;
     height: 20px;
     white-space: nowrap;
  }

  a.menubutton:hover, a.menubuttonhover, a.menubuttonhover:visited, a.menubuttonhover:active, a.menubuttonhover:hover, a.activeitem {
     color: #004D9F;
     margin: 0px;
     background-color: #fff;
     background-image: url(../images/design/menu_back_over.gif);
     background-repeat: no-repeat;
     background-position: top center;
  }

  a.activeitem, a.activeitem:visited {
    color: #015440;
  }

    a.menu_down, a.menu_down:hover, a.menu_down:visited, a.menu_down:active {
  color: #004D9F;
  background-color: #dddddd;
  text-decoration: none;
  text-indent: 10px;
  display: block;
  width: 150px;
  border-left: 1px solid #333333;
  text-align: left;
  vertical-align: middle;
  padding: 3px 0px;
  margin-left: 1px;
  z-index: 1000;
}

  a.menu_down:hover {
  color: #fff;
  background-color: #015440;
}

.spacer {
     color: #fff;
     font-weight: bold;
     text-decoration: none;
     padding: 8px 0px 8px 0px;

	   float: left;
}

/*----------- Shortnews & bigbic ------------------*/

div.titeltest {
 background-image: url(../images/design/bg_trans_blue.png);
 width: 633px !important;
 width: 633px;
 margin-top: 175px;
 padding: 5px;
 text-align: center;
}

div#titeltext {
 font-weight: bold;
 font-size: 1.2em;
 color: #fff;
}

#bigpic {
  width: 643px;
  height: 200px;
  margin: 0px;
  display: block;
  float: left;
}

div#bigpicleft {
  background-color: #ddd;

  background-repeat: repeat-y;
  background-position: right;
  border-right: 1px solid #333333;
  border-bottom: 1px solid #333333;
  float: left;
  width: 5px;
  height: 200px;
}

#bigpic img {
  width: 630px;
  height: 190px;
  margin: 0px;
  border: 4px solid #FFFFFF;
}

div#shortnews {
  height: 200px;
  width: 292px;
  display: block;
  background-color: #FFFFFF;
  color: #fff;
  overflow: hidden;
  float: left;

}


div#shortnewscontent {
  overflow: auto;
  height: 164px;
  margin: 0px 3px 0px 3px;
}

div#shortnews h2 {
  background-color: #015440;
  color: #FFFFFF;
  font-size: 12px;
  font-weight: bold;
  text-indent: 5px;
  padding: 5px 3px 3px 10px;
  margin: 6px 0px 0px 0px;
  border-bottom: 4px double #FFFFFF;
  border-top: 4px double #FFFFFF;
}

div#shortnews ul {
  margin: 5px 0px 0px -3px;
  padding: 0;
  color: #fff;
  list-style-position: outside;
}

div#shortnews ul li {
  margin: 0px 0px 5px 10px;
  padding: 0;
  color: #333333;
}

div#shortnews ul li a, .shortnews_titel {
  font-weight: bold;
  color: #015440;
  font-size: 100%;
}

.shortnews_date {
  font-size: 90%;
}

/*----------- Sidebar ------------------*/

td#sidebar {
  background-color: #dddddd;
  background-image: url(../images/design/sidebar_bottom.gif);
  background-repeat: no-repeat;
  background-position: bottom left;
  width: 180px;
  padding: 5px 4px;
  vertical-align: top;
  border-right: 10px solid #015440;
  padding-bottom: 220px;
}


td#sidebar a.sidebar_link {
  color: #004D9F;
  background-color: transparent;
  text-indent: 10px;
  padding: 2px;
  display: block;
  text-decoration: none;
  margin: 1px 5px;
}

td#sidebar a.sidebar_link img {
  border: 0px;
  margin: 1px 5px;
  padding: 1px;
  max-width: 100px;
}

td#sidebar a.sidebar_link:hover {
  color: #fff;
  background-color: #004D9F;

  background-image: none;
  background-repeat: repeat-y;
  background-position: right;
  text-decoration: none;
}

td#sidebar h1 {
  display: block;
  background-color: #015440;
  color: #FFFFFF;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  padding: 3px 3px 3px 3px;
  margin: 3px 5px;
  border-bottom: 6px double #dddddd;
  border-top: 6px double #dddddd;
}

.sidebarcontent {
  display: block;
  margin: 0px;
  padding: 0px;
}

.sidebarcontent li {
  margin-top: 4px;
  padding-left: 0px !important;
  padding-left: 5px;
}

.scoreboard {
  background-color: #dddddd;
  width: 170px;
  text-align: left;
  border-left: 1px solid #dddddd;
  margin: auto;
}

.scoreboard td {
  background-color: #fff;
  border-top: 1px solid #dddddd;
  border-right: 1px solid #dddddd;
  text-align: center;
  padding: 0px 6px;
}

.scoreboard th {
  color: #000;
  border-bottom: 3px solid #dddddd;
}

.nextgame {
  color: #000000;
  background-color: #FFFFFF;
  border: 1px solid #015440;
  margin-bottom: 8px;
  text-align: center;
  margin: 3px 5px;
  padding-bottom: 20px;
}

a.tabellen_link {
  color: #000000;
  text-decoration: none;
  margin: 1px 5px;
}

a.tabellen_link:hover {
  color: #004D9F;
  text-decoration: none;
  margin: 1px 5px;
}


/*----------- Hauptzelle ------------------*/


td#maincell {
  width: 735px;
  padding: 0px;
  vertical-align: top;
  background-color: #fff;
}

td.maincell {
  width: 735px;
  padding: 0px;
  vertical-align: bottom;
  background-color: #fff;
}

td#rightcolumn {
  width: 5px;
  background-color: #ddd;
  border-left: 1px solid #333333;
}

table#contenttable {
  padding-top: 10px;
  padding-left: 5px;
  padding-right: 5px;
}

div.rightbox {
  float: right;
  width: 180px;
  border: 4px double #FFFFFF;
  padding: 3px;
  color: #fff;
  background-color: #004D9F;
  background-image: url(../images/design/rightbox_bg.gif);
  background-repeat: repeat-x;
  background-position: bottom;
  border-bottom: none;
  margin: 0px 4px 4px 4px;

}

div.rightbox_content {
  padding: 2px;
  margin-bottom: 20px;
}

div.rightbox_content h1 {
  background-color: #FFFFFF;
  color: #004D9F;
  margin-top: 2px;
  font-weight: bold;
  font-size: 1.1em;
  padding: 2px;
  border-bottom: 6px double #004D9F;
  border-top: 6px double #004D9F;
}

div.rightbox_content a {
  color: #dddddd;
  display: block;
  padding: 0px 4px;
}

div.rightbox_content a:hover {
  background-color: #004D9F;
  color: #fff;
}

div.flexiBox {
  padding: 2px;
  border: 4px double #FFFFFF;
  padding: 3px;
  color: #fff;
  background-color: #004D9F;
  background-image: url(../images/design/rightbox_bg.gif);
  background-repeat: repeat-x;
  background-position: bottom;
  border-bottom: none;
  float: left;
}

.titel, .flexiBox h1, .titelsmall {
  background-color: #015440;
  color: #FFFFFF;
  font-weight: bold;
  padding: 2px;
  font-size: 1em;
  margin: 0px;
  border-bottom: 4px double #FFFFFF;
  border-top: 4px double #FFFFFF;
}

.titel a, .titel a:visited, .titel a:active, .titelsmall a, .titelsmall a:visited, .titelsmall a:active {
  color: #FFFFFF;
}

.titel a:hover, .titelsmall a:hover {
  color: #FFFFFF;
  text-decoration: none;
}

.tablerow_home {
  background-color: #FFFFFF;
  //background-image: url(../images/po09/finale_bg_home.gif);
  color: #015440;
  height: 34px;
  border-bottom: 1px solid #dddddd;
}

.tablerow_away {
  background-color: #fff;
  height: 34px;
  //background-image: url(../images/po09/finale_bg_away.gif);
  border-bottom: 1px solid #dddddd;
}

.tablerow2, .tablerow1, .tablerowmarked {
  color: #000;
}

.tablerow1, .tablerow1marked {
  background-color: #fff;
}

.tablerowgreen, .tablerowgreenmarked {
  background-color: #015440;
  font-weight: bold;
  color: #ffffff;
}

.tablerow2, .tablerow2marked {
  background-color: #dddddd;
}

.tablerow1marked, .tablerow2marked {
  font-weight: bold;
  color: #015440;
}

.kasten, .kasten2, mainkasten {
  padding: 2px;
  margin: 2px;
}

.kastenTab {
  padding: 2px;
  margin: 0px 2px 2px 2px;
  border: 1px solid #015440;
}

.activeTab, .inactiveTab {
  background-color: #015440;
  border: 1px solid #015440;
  color: #fff;
  margin: 2px 2px 0px 2px;
  padding: 2px 6px;
  font-size: 1em;

}

.inactiveTab {
  background-color: #dddddd;
  border: 1px solid #015440;
  color: #004D9F;
  text-decoration: underline;
}

.inactiveTab span {
  cursor: pointer;
}

.inactiveTabDiv, .activeTabDiv {
  display: none;
  visibility: hidden;
  padding: 10px 10px;
}

.activeTabDiv {
  display: block;
  visibility: visible;
}
.box {
  padding: 25px;
}

.kasten h3, .flexiBox h2, .kasten h3 a, .box h3  {
  color: #004D9F;
  font-size: 120%;
  margin: 3px 0px;
  text-decoration: none;
}

.flexiBox h3  {
  color: #004D9F;
  font-size: 100%;
  font-weight: bold;
  text-align: center;
}

.mainkasten {
  padding: 0px;
  background-color: #015440;
  color: #FFFFFF;
  background-image: url(../images/design/mainkasten_bg.jpg);
}

.mainkasten a, .mainkasten a:visited, .mainkasten_a {
  color: #FFFFFF;
  text-decoration: underline;
}

.mainkasten .ueberschrift {
  color: #FFFFFF;
  font-size: 2em;
}

.mainkasten .titel {
  color: #FFFFFF;
  border: none;
  font-weight: bold;
  padding: 2px;
  font-size: 1em;
  margin-top: 5px;
  margin-left: 15px;
  padding-left: 20px;
  line-height: 20px;
  font-style: italic;
  background: none;
}

.mainkasten .newstext {
  padding: 0px 5px 10px 10px;
}


.smallnewsimage {
  border: 1px solid #333333;
  padding: 1px;
  float: left;
  width: 118px;
  height: 77px;
  margin: 3px;
  background-image: url(../images/design/steelers_logo_bg.gif);
  background-position: center;
  background-repeat: no-repeat;
  text-align: center;
  vertical-align: middle;
}

.mainkasten img, img.bigimage {
  border: 1px solid #dddddd;
  padding: 3px;
  float: right;
  width: 233px;
  height: 150px;
  margin: 5px;
  background-image: url(../images/design/steelers_logo_bg.gif);
  background-position: center;
  background-repeat: no-repeat;
}



.ueberschrift, a.ueberschrift {
  font-size: 1.8em;
  font-weight: bold;
  line-height: 1.8em;
  color: #004D9F;
  text-decoration: none !important;
}

.newstext {
  line-height: 1.4em;
  text-align: justify;
  padding: 2px;
}



.statstext, .statsnumbers {
  text-align: left;
  border-bottom: 1px solid #dddddd;

}

.statsnumbers {
  text-align: right;
}

div.biglogo {
  background-color: #fff;
  background-position: center;
  background-repeat: no-repeat;
  float: left;
  width: 220px;
  margin: 1px 0px;
  height: 30px;
  border: 1px solid #dddddd;
}

div.smalllogo {
  background-color: #fff;
  background-position: center;
  background-repeat: no-repeat;
  float: left;
  width: 40px;
  margin: 1px;
  height: 40px;
  border: 1px solid #dddddd;
}

.listBericht {
  border-bottom: 1px dashed #fff;
}

.listBerichtTitel {
  border-bottom: 2px dashed #015440}

.history_form {
  font-size: 11px;
  font-family: Arial, sans-serif;
}

  .bildlink {
    border: 1px solid #EEEEEE;
    padding: 7px;
    font-size: 10px;
    background-color: white;
    text-decoration: none;
  }
  .bildlink:hover {
    border: 1px solid #000000;
    padding: 7px;
    font-size: 10px;
    text-decoration: none;
  }

    a.nostyle:link, a.nostyle:visited, a.nostyle:active {
     color: #000000;
     font-family: Tahoma;
     text-decoration: none;
     border-bottom: none;
  }

  div.scorebox {
    border: 3px solid #eee;
    margin-left: 3px;
    background-color: #eee;
  }

  div.scorebox div table {
    margin-left: 3px;
    width: 235px;
  }

  div.scorebox div h1 {
  background-color: #004D9F;
  color: #FFFFFF;
  margin-top: 2px;
  font-weight: bold;
  font-size: 1.1em;
  padding: 2px;
  border-bottom: 6px double #eee;
  border-top: 6px double #eee;
}

div.scorebox div dl {
margin-left: 3px;
}

div.scorebox div dt {
color: #004D9F;
}

div.scorebox div dl dd {
margin-left: 8px;
}

div.spielbericht_head {
 text-align: center;
 padding-left: 2px;
}

div.spielbericht_head_text {
  clear: both;
  width: 462px;
  height: 25px;
  float: left;
  border: 1px solid black;
  margin: 3px;
  vertical-align: middle;
  text-align: center;
  font-weight: bold;
  font-size: 1.5em;
  background-color:#dddddd;
}

div.spielbericht_head_logo {
  width: 227px;
  height: 50px;
  float: left;
  border: 1px solid black;
  margin: 3px;
  background-repeat: no-repeat;
  background-position: center;
}

  /* odd table rows 1,3,5,7,... */
table tr.odd th,
table tr.odd {
    background-color:   #fff;
    text-align:         left;
    height: 20px;
}

/* even table rows 2,4,6,8,... */
table tr.even th,
table tr.even {
    background-color:   #eee;
    text-align:         left;
    height: 20px;
}

/* hovered table rows */
table tr.odd:hover,
table tr.even:hover,
table tr.odd:hover th,
table tr.even:hover th,
table tr.hover th,
table tr.hover {
    background-color:   #dddddd;
}

#tab-nav {
    margin: 0;
    padding: 0 0 0 10px;
    background: url(../images/design/tab_bg.gif) repeat-x;
    height: 40px;
    position: relative;
    line-height:normal;
}

#tab-nav ul#tab-nav-list {
   margin:0;
   padding:0;
   list-style:none;
   padding-top: 5px;
   font-size: 1em;
   font-family: Arial, Helvetica, Verdana, sans-serif;
}

#tab-nav ul#tab-nav-list li {
  float:left;
  margin:0;
  padding:0;
  background: none;
}

#tab-nav ul#tab-nav-list li a {
  float:left;
  background:url(../images/design/tab_bg_right.gif) no-repeat right top;
  margin:0;
  padding:0;
  text-decoration: none;
}

#tab-nav ul#tab-nav-list a.first span {
  padding:11px 40px 0px 20px;
  padding-left:40px;
  color: #015440;
  text-decoration: none;
  display:block;
  float: left;
  height: 25px;
  background:url(../images/design/tab_bg_left.gif) no-repeat left top;
}

#tab-nav ul#tab-nav-list a span {
  color: #015440;
  display:block;
  float: left;
  height: 25px;
  padding:11px 30px 0px 20px;
  background:url(../images/design/tab_bg_left.gif) no-repeat left top;
  cursor: pointer;
}

#tab-nav ul#tab-nav-list li a:hover  {
  background-position: 100% -150px;
}

#tab-nav ul#tab-nav-list li a:hover span {
  background-position: 0% -150px;
}

#tab-nav ul#tab-nav-list li a#current {
  background-image:url(../images/design/tab_bg_right_active.gif);
}

#tab-nav ul#tab-nav-list li a#current span {
  background-image:url(../images/design/tab_bg_left_active.gif);
  font-weight: bold;
}

#tab-nav ul#tab-nav-list li a:hover#current  {
  background-position: right top;
}

#tab-nav ul#tab-nav-list li a:hover#current span {
  background-position: left top;
}

/*----------- usefull classes ------------------*/

.clear {
    clear: both;
}

.empty {
    width: 100%;
    height: 0px;
    clear: both;
    display: block;
    background-color: transparent !important;
    background-color: red;
    padding: 0px;
    margin: 0px;
    font-size: 0px;
    line-height:0px;
}

.line {
    clear: both;
    text-align: center;
    background-color: #dddddd;
    height: 1px;
    font-size: 1px;
    margin: 8px 20px;
}

.green, a.green {
  color: #015440;
}

.blue, a.blue {
  color: #004D9F;
}

.signal, a.signal {
  color: #F4ED47;
}

.bigline {
    clear: both;
    text-align: center;
    border-top: 4px solid #015440;
    border-bottom: 4px solid #004D9F;
    background-color: #ffffff;
    height: 4px;
    font-size: 4px;
    margin: 8px 0px;
}

/*----------- Footer ------------------*/

div#footer {
   width: 100%;
   float: left;
   background-color: #000;
   color: #dddddd;
   border-bottom: 5px solid #000;
}

#footer a, #footer a:visited {
   color: #dddddd;
}

#footertable {
  width: 935px;
  margin: auto;
}



/*CSS Digg style pagination*/
	div.pagination {
		padding: 3px;
		margin: 3px;
		text-align:center;
	}

	div.pagination a {
		padding: 2px 5px 2px 5px;
		margin: 2px;
		border: 1px solid #004D9F;

		text-decoration: none; /* no underline */
		color: #000099;
	}
	div.pagination a:hover, div.digg a:active {
		border: 1px solid #015440;

		color: #000;
	}
	div.pagination span.current {
		padding: 2px 5px 2px 5px;
		margin: 2px;
		border: 1px solid #004D9F;

		font-weight: bold;
		background-color: #004D9F;
		color: #FFF;
	}
	div.pagination span.disabled {
		padding: 2px 5px 2px 5px;
		margin: 2px;
		border: 1px solid #dddddd;

		color: #DDD;
	}

/*----------- ADMIN ------------------*/

.dontshow {
  visibility: hidden;
  display: none;
}

.show {
  visibility: visible;
  display: block;
}

div.dash_button {
  border: 1px solid #dddddd;
  margin: 2px;
  padding: 10px;
  text-align: center;
  font-size: 0.7em;
  font-weight: bold;
  width: 90px;
  height: 75px;
  float: left;
  cursor: pointer;
}

div.dash_button:hover {
  border: 1px solid #000000;
}

ul.common_subnavi {
  background-image: url(http://www.steelers.de/images/design/menu_back.gif);
  display: block;
  height: 28px;
  margin: 0px;
  padding: 0px;
  list-style-type: none;
}

ul.common_subnavi li {
  color: #ccc;
}

ul.common_subnavi a {
  background-color: #eee;
  border: 1px solid #ccc;
  display: block;
  float: left;
  margin: 3px;
  padding: 2px 6px;
}

ul.common_subnavi a:hover {
  background-color: #eaeaea;
  border: 1px solid #bbb;
  text-decoration: underline;
}

dl.chronik {
  margin-left: 10px;
}

dl.chronik dt {
  margin: 10px 30px 5px 10px;
  padding: 2px 0px 2px 5px;
  border-top: 1px solid #333333;
  background-color: #dddddd;
  font-weight: bold;
  color: #015440}

dl.chronik li {
  line-height: 150%;
  list-style-image:url(/images/design/list_stern.png);
}

/*** Blog ***/

#rap {
  padding-top: 0px;
}

#content {
	margin-top: 0px;
	padding: 0px 0px 0px 15px;
	float: left;
	width: 500px;
}

.meta {
  background-color: #F4F4F4;
  padding: 2px;
  color: #333333}

.storytitle {
  background: url(../images/blog/blog_title_bg_new.png) no-repeat;
  background-position: left;
  padding: 6px 4px 6px 50px;
  height: 34px;
}

.storytitle a {
  font-size: 1.8em;
  font-weight: bold;
  color: #FFFFFF;
  text-decoration: none;
}

.storycontent {
  font-size: 1.1em;
}

div.wp_rightbox {
  float: right;
  width: 190px;
  padding: 0px;
  color: #000000;
  border-left: 1px solid #dddddd;
  border-bottom: none;
  margin: 0px 4px 4px 4px;

}

div.wp_rightbox_content {
  padding: 10px;
  margin-bottom: 0px;
}

div.wp_rightbox_content ul {
  margin: 0px 0px 12px 5px;
  padding: 0px;
  list-style: none;
}

div.wp_rightbox_content li {
  font-weight: bold;
  font-size: 1.2em;
  color: #015440;
}

div.wp_rightbox_content li ul li {
  font-weight: normal;
  font-size: 1.0em;
}

div.wp_rightbox_content a {
  color: #004D9F;
}

.titelsmall_blue {
  background-color: #004D9F;
  color: #FFFFFF;
  font-weight: bold;
  padding: 2px;
  font-size: 1em;
  margin: 0px;
  border-bottom: 4px double #FFFFFF;
  border-top: 4px double #FFFFFF;
}

li#archives {
  margin-top: 15px;
}

li#archives ul, li.linkcat ul, li.categories ul {
  list-style-image:url(/images/design/list_stern.png);
  padding: 2px 0px 2px 13px;
}

.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.alignleft {
	float: left;
	margin: 2px;
}

.alignright {
	float: right;
	margin: 2px;
}

.wp_navigation {
  width: 100%;
  margin: auto;
  height: 15px;
}

blockquote p {
  border: 1px dashed #DDDDDD;
  background-color: #FBFBFB;
  padding: 4px;
}