/* CSS Document */

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
  /* iPhone, Android rules here */ 
  

  #main {
	  border-color: #FFFFFF;
	  border: 2px;
	  color: #553143;
  }

  #random_image {
	  display:none;
  }
  #header {
	  width: 100%;
	  /*display: none;*/
  }

  #navbar li a{
	  font-size: 80%;
  }

  #wrapper {
	  width: 100%;
  }
  body {
	  /*background-color: #D9C59B;*/
  }
  h1 {
	  color: #553143;
	  font-family: Times, serif;
	  font-size: 20px;
  }
  #index_center {
	  font-family: Arial, Helvetica, sans-serif;
	  font-size:14px;
	  line-height: 16px;
	  color: #333333;
	  background: #FFF;
	  margin-left: 10px;
	  margin-right: 5px;
	  margin-bottom: 5px;
	  margin-top: 10px;
	  padding-top: 10px;
	  width: 88%;
	  height: auto;
  }
  #content_center {
	
	  font-family: Arial, Helvetica, sans-serif;
	  font-size:14px;
	  color: #333333;
	  margin-left: 10px;
	  margin-right: 5px;
	  margin-bottom: 5px;
	  margin-top: 5px;
	  padding-top: 5px;
	  overflow: scroll;
	  width: 85%;
	  height: auto;	
  }
  #content_center a:link, #content_center a:visited {
	  color:#000099;
	  text-decoration: underline;
  }
  #content_center a:hover, a:active {
	  color: #336699;
	  text-decoration: none;
  }
  #content_detail_img {
	  font-family: Arial, Helvetica, sans-serif;
	  font-size:14px;
	  color: #333333;
	  margin-left: 10px;
	  margin-right: 2px;
	  margin-bottom: 0px;
	  margin-top: 10px;
	  padding-top: 0px;

	  width: 88%;
	  float: left;
  }
  #content_detail_info {
	  width: 88%;
	  margin: 0px 5px 5px 10px;
  }
  #detail {
	  width: 88%;
	  float: left;
  }
  .main {
	  font-family: Arial, Helvetica, sans-serif, Tahoma;
	  font-size: 12px;
	  font-style: normal;
	  line-height: normal;
	  font-weight: normal;
	  text-decoration: none;
  }
  #content_title {
	  position: inherit;
	  margin-left: 7px;
	  margin-right: 7px;
	  margin-bottom: 4px;
	  margin-top: 10px;
	  padding-left: 10px;
	  padding-top: 4px;
	  padding-bottom: 4px;
	  background: #FFF;	
	  color: #553143;
	  font-family: Times, serif;
	  font-size: 18px;
	  min-height: 40px;
	  width: 85%;
  }
  #content_title a:link,#content_title a:visited {
	  color: #336699;
	  text-decoration: underline;
	  font: 2.0 em;
  }
  #content_title a:hover, #content_titlea:active {
	  color: #553143;
	  text-decoration: none;
  }

  #Nav_left p {
	  width: 100%;
	  font-family: Arial, Helvetica, sans-serif, Tahoma;
	  font-size: 16px;
	  font-style: normal;
	  font-weight: normal;
	  font-variant: normal;
	  line-height: 2.3 em;
	  color: #333333;
	  text-decoration: none;
	  border: medium #EAC880;
	  display: block;
  }
  .leftnav a {
	  border: medium #EAC880;
	  font-style: normal;
	  font-weight: bold;
	  text-transform: uppercase;
	  color: #FFFFFF;
	  text-decoration: none;
  }
  .leftnav a:link, a:visited {
	  color: #EAC880;
	  font: inherit;
	  font-style: normal;
	  text-decoration: none;	
  }
  .leftnav a:hover, a:active {
	  color:#EAC880;
	  font-style: normal;
  }	
  .title {
	  color: #553143;
	  font-family: tahoma, Arial;
	  font-size: 18px;
	  text-transform: capitalize;
  }

  .title2 {
	  color: #553143;
	  text-transform: capitalize;
	  font-size: 12px;
  }
  .pub {
	  color: #553143;
	  font-family: tahoma, Arial;
	  font-size: 18px;
	  text-transform:uppercase;
  }

  #Table_01 #Nav_left {
	  margin-left: 10px;
	  margin-top: 10px;
	  display: block;
	  border-width: thin;
	  border-color: #553143;
  }
  .issue_list {
	  font-family: Arial, Helvetica, sans-serif;
	  font-size: 2.0 em;
	  text-transform: uppercase;
	  font-weight: bold;
	  color: #553143;
  }
  #footer {
	  width: 90%;
	  color: #EAC880;
	  height: auto;
	  text-align: center;
  }
  .copyright {
	  color: #553143;
	  font-size: 11px;
	  font-family:Arial, Helvetica, sans-serif;
	
  }
}