body {font: 500 14px/21px 'Open Sans'}

.blue {background: #3C8DC4}
.yellow {color: #ffbc00}
.blue-opacity {background: rgba(60,141,196, 0.8)}

.wrap {width:320px;margin:0 auto;box-sizing: border-box;padding: 0 15px}
#log a {font-size:1.8em;font-weight:700;color:#FFF;text-shadow: 0 1px 1px #555;padding: 0 15px}
#search {background: #eee;padding: 10px 0}
#search input[type="text"] {border-width: 0 0 2px 0;border-color:#aaa;border-style:solid;padding: 10px 10px 10px 15px;border-radius:5px;max-width:400px;width:calc(100% - 103px);margin-right:10px}
#search input[type="submit"] {background: #8ac53e;border-width: 0 0 2px 0; border-color: #093;border-style:solid;padding: 9px 10px;border-radius:5px;color:#FFF}
#search input[type="submit"]:hover {background:#093}
#head {line-height:60px}
#nav {text-align:center}
#menu {list-style-type:none}
#menu > li {display:inline-block;margin: 0 10px}
#menu > li > a {display:block;color:#FFF;font-size:0.9em}
.separator {margin: 0 10px}

*[class^='c-'], *[class*=' c-'] {width:100%;float:left;box-sizing:border-box}
#breadcrumbs {padding: 3px 0;color:#FFF} 
#breadcrumbs ul li {display:inline-block;color:#EEE}
#breadcrumbs a {color:#FFF}
.list-box {padding: 8px;box-shadow: 0 0  2px #3C8DC4;display:block;margin: 8px;position:relative}
.list-box-img {width:150px;height:90px}
.list-box-city {background: #3c8dc4;max-width:80px;color:#FFF;padding: 5px;position:absolute;right:-1px;top:20px}
.list-box h2 {color:#3c8dc4;padding-top:10px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;text-align:center;font-weight:600;font-size:1.1em}

h1 {color:#3C8DC4;padding: 20px 0;margin-bottom:20px;border-bottom: 1px #b5d4ee solid;font-weight:400;font-size:1.6em}
h1:first-letter {font-weight:600}

h2.box {color:#FFF;font-weight:600;font-size:1.2em;padding: 5px 10px}
.box-under {color:#3C8DC4;background:#d8d8d8;display:block;padding: 10px;margin-bottom: 1px}

#foot {background: #252525;padding: 40px 0}


#main {margin-bottom: 30px}
#right-page {margin-bottom:20px}
#menub {width:140px;margin: auto;text-align:center}
#menub a {color:#888}
#menub li.b {color:#FFF;font-weight:bold}
#copy {width:180px;margin:30px auto;text-align:center;color:#888}

#entry:after, .form-table-row:after, .entry-table-row:after, #list:after, #head:after, #main:after, #foot:after {clear:both;display:table;content:""}


#pager {text-align:center;margin: 20px 0}

#pager li:first-child a {border-radius: 5px 0 0 5px}
#pager li:last-child a {border-radius: 0 5px 5px 0}
#pager li {display:inline-block}
#pager li a {border: 1px #b5d4ee solid;color: #3c8dc4;padding:8px}
#pager li.page-active a {background: #3c8dc4; color:#FFF}

#pagelist {list-style-type:none}
#entry-image {height:257px;background-clip: content-box;padding-right:15px}

#entry-table {background:#ccc}
#entry-table a {color:#444}
.entry-table-row {margin-bottom: 1px}
.entry-table-row:first-child {margin-top: 1px}
#entry-table .table-label {background: #3c8dc4;color:#FFF;padding:5px;box-sizing:border-box;border-left: 1px #ccc solid}
#entry-table .table-value {background: #eee; padding:5px;;border-left: 1px #ccc solid;border-right: 1px #ccc solid}
#entry-map {height:257px;background-clip: content-box}
#edit-link {color: #3c8dc4;font-size:0.9em}



#form-table {background:#ccc}
.form-table-row {padding-bottom: 1px}
.form-table-row:first-child {padding-top: 1px}
.form-label {background: #3c8dc4;color:#FFF;padding:12px;box-sizing:border-box;border-left: 1px #ccc solid}
.form-value {background: #eee; padding:5px;;border-left: 1px #ccc solid;border-right: 1px #ccc solid}


#form-table input[type="text"] {padding:8px; border: 1px #b5d4ee solid;width:calc(100% - 20px) }
#form-submit {background: #8ac53e;border-width: 0 0 2px 0; border-color: #093;border-style:solid;padding: 9px 10px;border-radius:5px;color:#FFF;margin: 5px}
#form-submit:hover {background:#093}
#form-table textarea {padding:8px; border: 1px #b5d4ee solid;width:calc(100% - 20px);resize:none;height:70px}







h3 {color: #3c8dc4;font-size:1.2em}
.justified {margin-bottom: 30px}
.justified p{margin-bottom:5px}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .list-box-img {width:250px;height:140px}
.list-box-city {max-width:120px}
  .wrap {width: 480px}
  #head {line-height:80px}
  .c-1 {width: 16.6666%}
  .c-2 {width: 33.3333%}
  .c-3 {width: 50%}
  .c-4 {width: 66.6666%}
  .c-5 {width: 83.3333%}
  .c-6 {width: 100%}
  .c-7 {width: 100%}
  .c-8 {width: 100%}
  .c-9 {width: 100%}
  .c-10 {width: 100%}
  .c-11 {width: 100%}
  .c-12 {width: 100%}
}



@media only screen and (min-width: 768px) and (max-width: 1139px) {
  .high {height:100px}
  .wrap {width: 768px}
  #head {line-height:80px}
  #search {text-align:right}
  
  #right-page {float:right}
  #left-page {float:left;padding-right:20px}
  #menub {text-align:left}
  .c-1 {width: 8.3333%}
  .c-2 {width: 16.6666%}
  .c-3 {width: 25%}
  .c-4 {width: 33.3333%}
  .c-5 {width: 41.6666%}
  .c-6 {width: 50%}
  .c-7 {width: 58.3333%}
  .c-8 {width: 66.6666%}
  .c-9 {width: 75%}
  .c-10 {width: 83.3333%}
  .c-11 {width: 91.6666%}
  .c-12 {width: 100%}
  .box-under {font-size:0.9em}
}





@media only screen and (min-width: 1140px) {
  .high {height:100px}
  #entry-table .table-label {text-align:right}
  .list-box-img {width:250px;height:140px}
.list-box-city {max-width:120px}
  .wrap {width: 1140px;padding:0}
  #log a {padding: 0}
  #search {text-align:right}
  #head {line-height:80px}
  #right-page {float:right}
  #left-page {float:left;padding-right:20px}
  #menub {text-align:left}
  
  .c-1 {width: 8.3333%}
  .c-2 {width: 16.6666%}
  .c-3 {width: 25%}
  .c-4 {width: 33.3333%}
  .c-5 {width: 41.6666%}
  .c-6 {width: 50%}
  .c-7 {width: 58.3333%}
  .c-8 {width: 66.6666%}
  .c-9 {width: 75%}
  .c-10 {width: 83.3333%}
  .c-11 {width: 91.6666%}
  .c-12 {width: 100%}
}