/* common */
body { background-color: #fff; color: #000; font-family: Helvetica, Arial, sans-serif; font-size: 16px; line-height: 1.4; }

/* img */
img { border: 0; vertical-align: top; }

/* hyperlink */
a { color: #0000ff; transition: background-color .2s ease-out, color .2s ease-out; }
a:hover { color: #ffa500; }

/* container */
.container { margin-left: auto; margin-right: auto; width: 920px; }

/* clearfix */
.clearfix:after, .clearfix:before { content: " "; display: table; }
.clearfix:after { clear: both; }

/* header */
.header { padding: 10px 0; }
.header:after, .header:before { content: " "; display: table; }
.header:after { clear: both; }
.header-search, .header-register, .header-logo { float: left; }
.header-search, .header-logo  { width: 35%; }
.header-search-form { font-size: 14px; }
.header-logo { text-align: right; }
.header-logo-image { display: block; }
.header-logo-text { font-size: 13px; }
.header-register{ width: 30%; }
.header-register { text-align: center; }

/* footer */
.footer { font-size: 13px; padding: 35px 0; text-align: center;  }
.footer p, .footer ul { margin: 0; padding: 0; }
.menu { list-style: none; }
.menu li { display: inline-block; border-left: 1px solid #000; line-height: 1; margin: 0; padding: 0 3px 0 8px; }
.menu li:first-child { border-left: 0; }

/* main */
.main { overflow: hidden; }
.content { float: left; width: 605px; }
.sidebar { float: right; width: 305px; }
.page-title, .ownership { float: left; }
.page-title { color: #000080; font-size: 24px; line-height: 2.3; margin: 0; padding: 0; width: 68%; }
.ownership { font-size: 15px; font-weight: bold; padding-top: 3px; width: 32%; }

/* row */
.row:after, .row:before { content: " "; display: table; }
.row:after { clear: both; }
.column { width: 300px; }
.pull-left { float: left; }
.pull-right { float: right; }

/* widget */
.widget { border: 1px solid #808080; border-radius: 7px; margin-bottom: 9px; padding: 10px; }
.widget.gutter-top-large { margin-top: 15px; }
.widget-header { overflow: hidden; }
.widget-title { font-size: 16px; line-height: 1.75; margin: 0; padding: 0; }
.widget-body { font-size: 13px; padding-top: 8px; }
.widget-body p { margin: 0; padding: 0; }

/* social */
.social { display: inline-block; margin-left: 10px; }

/* info */
.info { list-style: none; margin: 0 -10px; padding: 0; }
.info-item { margin: 0; padding: 5px 10px; overflow: hidden; }
.info-item.odd { background-color: #eff8ff; }
.info-item.even { background-color: #fff; }
.info-item-title, .info-item-content { float: left; }
.info-item-title { width: 30%; }
.info-item-title h3 { font-size: 12px; margin: 0; padding: 0; }
.info-item-content { width: 70%; }

/* time */
.time { overflow: hidden; }
.time-title, .time-local, .time-code { float: left; }
.time-title, .time-code { width: 30%; }
.time-title { margin-top: 13px; }
.time-local { width: 40%; }
.time-local, .time-code { font-size: 14px; font-weight: bold; line-height: 1.15; text-align: center; }
.time-local span, .time-code span { display: block; font-size: 24px; font-weight: normal; }

/* nearby */
.nearby { overflow: hidden; }
.nearby-column { float: left; width: 50%; }
.nearby-list { list-style: none; margin: 0; padding: 0; }
.nearby-item { margin: 0 0 8px; }

/* advertisement */
.advertisement { margin: 10px 0; }

/* mobile */
@media screen and (max-width: 480px){

  /* container */
  .container { min-width: 300px; padding: 10px; width: auto; }

  /* header */
  .header-search, .header-register, .header-logo { float: none; text-align: center; width: 100%; }
  .header-register { margin: 15px 0; }

  /* footer */
  .footer { font-size: 12px; padding: 20px 0; }
  .menu li { font-size: 14px; border-left: 0; display: block; margin: 8px 0; padding: 0; }

  /* main */
  .content, .sidebar, .page-title, .ownership { float: none; width: 100%; }
  .sidebar { margin-top: 20px; }
  .page-title { font-size: 20px; }
  .ownership { font-size: 13px; }

  /* widget */
  .widget { margin-top: 20px; }
  .widget-title { line-height: 1.5; }

  /* row */
  .column { width: 100%; }
  .pull-left, .pull-right { float: none; }
  
  /* time */
  .time-title { margin-top: 8px; }
  .time-local, .time-code { font-size: 13px; line-height: 1.3; }
  .time-local span, .time-code span { font-size: 20px; }

  /* nearby */
  .nearby-column { float: none; width: 100%; }

}