/* ----------------------------------------
    SHORTCODES
---------------------------------------- */

/* ----- Boxes ----- */

.content_box {
 background-color: #FCF8E3;
 border: 1px solid #FBEED5;
 clear: both;
 color: #C09853;
 margin-top: 20px;
 padding: 20px 20px;
 text-shadow: none;
 border-radius: 5px;
 -moz-border-radius: 5px;∂
 -webkit-border-radius: 5px;
}

 .content_box a {
  color: #C09853 !important;
  font-weight: 700;
 }

 .content_box a:hover { text-decoration: underline }

/* Green box */

.green_box {
 background-color: #DFF0D8;
 border-color: #D6E9C6;
 color: #468847;
}

 .green_box a { color: #468847 !important }

/* Red box */

.red_box {
 background-color: #F2DEDE;
 border-color: #EED3D7;
 color: #B94A48;
}

 .red_box a { color: #B94A48 !important }

/* Blue box */

.blue_box {
 background-color: #D9EDF7;
 border-color: #BCE8F1;
 color: #3A87AD;
}

 .blue_box a { color: #3A87AD !important }

/* ---- Textbox ---- */

.textbox {
    -webkit-box-shadow:rgba(0, 0, 0, 0.027451) 0 2px 0 0;
    background-color:#FCFCFC;
    border:1px solid #ddd;
    box-shadow:rgba(0, 0, 0, 0.027451) 0 2px 0 0;
    padding:32px;
}


/* ---- Clearboth ---- */

.clearboth {
 clear: both;
 font-size: 0;
 height: 12px;
 line-height: 0;
 width: 100%;
 zoom: 1;
}

.clearboth:before,
.clearboth:after {
  content: '\0020';
  display: block;
  overflow: hidden; }

.clearboth:after {
  clear: both; }

/* ----- Columns ----- */

.fourth,
.third,
.half,
.two-thirds {
  position:relative;
  float: left;
  margin: 0;
}

.half { 
  width:48%; 
  margin-right:4%; }

.third { 
  width:30%; 
  margin-right:4%; }

.two-thirds { 
  width:66%; 
  margin-right:4%; }

.fourth { 
  width:22%; 
  margin-right:4%; }

.end, .last { margin-right: 0 !important }

/* ----- Dividers ----- */

.hr {
 border-bottom: 1px dotted #DDD;
 clear: both;
 display: block;
 margin: 20px 0;
 width: 100%;
}

.hr.top {
 background: none;
 height: auto;
 clear: both;
}

.top {
 font-size: 0.833em;
 line-height: 10px;
 position: relative;
 text-align: right;

}

.top a {
 color: #999 !important;
 display: block;
 height: 20px;
 padding-left: 17px;
 position: absolute;
 right: 0px;
 top: -5px;
 width: 20px;
 background:#fff;
}

.top a:hover { color: #666 !important }

/* ----- Emphasis ----- */

.emphasis {
  clear: both;
  display: block;
  font-size:24px;
  font-style:normal;
  font-variant:normal;
  font-weight: 400;
  line-height:39px;
  padding:20px 0 40px;
  margin:0 0 30px 0;
  text-align:left;
  border-bottom:1px solid #ddd;
}

.emphasis * { margin-top: 0 }

.emphasis.left { text-align: left }

.emphasis.right { text-align: right }

.emphasis.center { text-align: center }

/* ----- Google map ----- */

.google-map { margin: 20px 0 }

/* ----- Highlight ----- */

.highlight {
 background-color: #FFFF00;
 color: #111111;
 padding: 5px;
}

/* ----- List styles ----- */

ul.check,
ul.cross,
ul.arrow,
ul.check ul,
ul.arrow ul,
ul.cross ul { padding: 0 0 0 5px; margin:0; }

  ul.check li:before {
    content: "\2713 \00a0\00a0";
  }

  ul.check li {
    list-style: none;
    margin-left: 0;
  }

  ul.cross li:before {
    content: "\03a7 \00a0\00a0";
  }

  ul.cross li {
    list-style: none;
    margin-left: 0;
  }

  ul.arrow li:before {
    content: "→ \00a0\00a0";
  }

  ul.arrow li {
    list-style: none;
    margin-left: 0;
  }

ul.square li { list-style-type: square }

/* ----- Quotes ----- */

blockquote.alignright, blockquote.alignleft { width: 40%; padding:0; margin:0 0 10px 0; }

blockquote.alignright { margin-left:20px; text-align: right; float:right; }

blockquote.alignleft { margin-right:20px; text-align: left; float:left; }

blockquote p { margin-top:0; font-weight: 300; font-size:24px; line-height: 150%;  }

/* ----- Postlist ----- */

.postlist { margin: 0; }

article.postlist-post {
 margin: 0 !important;
 position: relative;
}

article.postlist-post .postlist-post-date { position: absolute }

article.postlist-post .postlist-post-title { padding-left: 140px; margin:0;}

/* ----- Toggle content ----- */

.toggle-content {
  background: #EFEFEF;
  border: 1px solid #e3e3e3;
 clear: both;
 display: block;
 margin: 20px 0 8px;
}

.toggle-content:hover { background: #ffc; }

.toggle-content + .toggle-content { margin: 0 }

.toggle-content .expand-button {
 background: url(/wp-content/themes/timewarp/images/toggle-bg.png) left top no-repeat;
 cursor: pointer;
 font-weight: 700;
 overflow: hidden;
}

.toggle-content .expand-button.close {  background: url(/wp-content/themes/timewarp/images/toggle-bg-close.png) left top no-repeat; }

.toggle-content .expand-button p {
 line-height: 40px;
 margin: 0;
 padding-left: 40px;
}

.toggle-content .expand {
 margin: 0;
 background: #fff;
 line-height: 160%;
 padding: 20px 20px 20px;
}

.toggle-content .expand { display: none }

.no-js .toggle-content .expand { display: block }

/* ----- Tabs ----- */

.tabs li a {
  margin-top: 10px;
  background: #EFEFEF;
  border: 1px solid #e3e3e3;
  height: 32px;
  line-height: 31px;
  color: #888;
  font-size: 13px;
  padding: 0 14px 0 44px;
  margin:0;
  cursor: pointer;
}
.tabs_table { clear: both; margin:12px 0; }
.tabs { padding: 0 0 0 1px !important; margin-bottom:-1px !important; margin-left:0; height: 34px; }
.tabs li {
  float: left;
  list-style-type: none !important;
  list-style-position: outside !important;
  cursor: pointer;
  white-space: nowrap;
  margin-left: -1px;
  padding: 0 !important;
}
.tabs li a {
  display: block;
  float: left;
  padding-left: 14px;
  background: #EFEFEF;
  margin: 0;
}
.tabs li a:hover { text-decoration: none; background: #ffc; color:#444; }
.tabs li a.selected { background: #fff; border-bottom: #fff 1px solid; position: relative; color:#444; }
.panes { border: 1px solid #e3e3e3; padding: 17px; line-height: 1.7em; }

/* Contact Form ----------------------------*/ 

form#contactform fieldset {
  padding:12px 0;
  border: none;
}

form#contactform fieldset div {
  padding:8px 0;
}

form#contactform fieldset div label {
  display: inline-block;
  vertical-align: top;
  width: 100px;
}

form#contactform .error { 
  display:none;
  padding:8px;
  margin:0 0 12px 0; }

form#contactform .error ul { 
  padding:0;
  margin:0;
  list-style:none; }
  
form#contactform .error ul li {
  padding:0;
  margin:0; }

form#contactform input[type=submit] {
 margin-left:103px;
}

/*
     
     
     

     
     
*/