body
{

  color: #333;
  background: #fafafa;
  font-family: Verand, Arial, Helvetica, san-sarif;
  font-size: 0.75em;
}

h1
{
  background-image:url('http://phpweb20/images/openid/openid-icon-small.gif') no-repeat;
  font-size: 1.7em;
  margin-top: 0;
}

h2
{
  font-size: 1.5em;
}

h3
{
  font-size: 1.3em;
}

h4
{
  font-size: 1.3em;
}

h5
{
  font-size: 0.8em;
  color: #ccc;
}

h1, h2, h3, h4
{
  font-family: Georgia, serif;
  color: #000ff2;
}

.pager
{
  text-align: center;
  border-top: 1px dashed #eee;
  padding-top: 5px;
  font-size: 85%;
}

.center
{
  text-align: center;
}

div.status
{
  padding: 5px;
  margin: 5px 0;
}

.status.live
{
  color: #fff;
  background: #070;
}
/**
* Green
*/
.status.active
{
  margin: 5px 0;
  color: #fff;
  background: #070;
}
/**
* Yellow
*/
.status.expiring
{
  color: #fff;
  background: #fa0;
}
/**
* Orange
*/
.status.expired
{
  color: #fff;
  background: #FF6600;
}
/**
* Red
*/
.status.archived
{
  color: #fff;
  background: #660000;
}

.status.draft
{
  color: #fff;
  background: #fa0;
}


/**
* Previewing of blog posts
*/

.preview-status form
{
  margin-top: 5px;
}

.preview-status
{
  margin-bottom: 10px;
}

.preview-date
{
  font-size: 0.9em;
  color: #999;
}

#month-preview .status
{
  font-weight: normal;
  font-size: 0.9em;
}

#month-preview dt
{
  font-weight: bold;
  padding: 10px;
}

.wysiwyg
{
  margin: 10px 0;
}

#location-manager
{
  height: 400px;
}

#preview-locations
{
  margin: 5px 0;
  padding: 5px;
}

#preview-locations input, #preview-locations li
{
  font-size: 0.95em;
}

div.error
{
  background: #a00;
  padding: 5px;
  margin: 5px 0;
  color: #fff;
}

form .row div.error
{
  font-size: 0.8em;
  line-height: 1em;
}

form .row
{
  margin: 10px 0;
  clear: both;
}

form .row label
{
  width: 150px;
  float: left;
  display: block;
  font-weight: bold;
}

form .row input[type=text]
{
  width: 230px;
}

form .row input[type=password]
{
  width: 230px;
}

form .captcha
{
  margin-left: 150px;
}

form .submit
{
  padding: 5px;
  margin-top: 10px;
  background: #eee;
}
#openid label
{
  width: 150px;
  float: inherit;
  font-weight: bold;
}

#openid input
{
  background: #FFFFFF url('/images/openid/openid-icon-small.gif') no-repeat scroll 0pt 50%;
  padding-left: 18px;
  width: 230px;
}

.teaser
{
  border-top: 1px dashed #eee;
  padding: 5px 0;
  margin: 10px 0;
}

.teaser h3
{
  margin: 0;
}

.teaser-date
{
  font-size: 0.8em;
  color: #666;
  margin: 0 0 10px 0;
}

.teaser-links
{
  font-size: 0.9em;
  background: #f7f7f7;
  padding: 5px;
  line-height: 1em;
  margin-top: 5p;
  clear: both;
}

.teaser-image
{
  float: left;
  margin: 0 5px 5px 0;
}

#preview-tags
{
  background: #f7f7f7;
  padding: 5px;
}

#preview-tags input
{
  font-size: 0.95em;
}

#preview-tags a
{
  font-size: 0.95em;
}

#preview-tags ul
{
  margin: 0;
  padding: 0;
}

#preview-tags li
{
  margin: 0;
  padding: 0 5px;
  display: inline;
}

#preview-tags form, #preview-tags div
{
  display: inline;
}

 #search
{
  position: relative;
}

#search-query
{
  width: 170px;
  border: 1px solid #707070;
  padding: 2px;
}

#search ul
{
  position: absolute;
  list-style-type: none;
  width: 174px;
  margin: -2px 0 0 0;
  padding: 0;
  background: #f7f7f7;
  border: 1px solid #707070;
  font-size: 85%;
}

#search li
{
  padding: 2px;
  margin: 0;
}

#search li.active
{
  background: #f22;
  color: #fff;
  cursor: pointer;
}

#preview-locations
{
  margin: 5px 0;
  padding: 5px;
}

#preview-locations input, #preview-locations li
{
  font-size: 0.95em;
}

#location-manager
{
  height: 400px;
}

#post-locations .map
{
  height: 400px;
/*
  clear: both;
  */
}
#preview-images
{
  margin: 5px 0;
  padding: 5px;
}

#preview-images li
{
  float: left;
  font-size: 0.85em;
  text-align: center;
  margin: 3px;
  padding: 2px;
  border: 1px solid #ddd;
  background: #fff;
}

#preview-images img
{
  display: block;
}

#preview-images ul
{
  list-style-type:none;
  margin: 0;
  padding: 0;
}

#preview-images input
{
  font-size: 0.95em;
}

.post-image2
{
  background-image: url('');
  background-position:top;
  background-repeat:no-repeat;
}

.post-image2 a
{
  display:block;
  text-align:center;
  text-decoration:none;
  background-image: url('');
  background-position:bottom;
  background-repeat:no-repeat;
}

.post-image
{
  float: left;
  margin: 0 5px 5px 0;
}

.post-image a
{
  display: block;
  width: 117; /*158*/
  margin: 0;
  margin-right: 10px;
  margin-bottom: 10px;
  padding: 4px 4px 9px 4px;
  border: 1px solid #ccc;
  border-top-color: #eee;
  border-right-color: #ddd;
  border-bottom-color: #bbb;
  background-color: #fff;
}

.post-image a:hover
{
  border: 1px solid #ccc;
  background-color: #eee;
}

.post-image2 a img
{
  padding: 10px 10px 10px 10px;
  border-top: 1px solid #C0C0CO;
  border-left: 1px solid #C0C0CO;
  border-right: 2px solid black;
  border-bottom: 2px solid black;
}

.teaser-image a
{
  display:block;
  width: 108;
  margin: 0;
  margin-right: 10px;
  margin-bottom: 10px;
  padding: 4px 4px 9px 4px;
  border: 1px solid #ccc;
  border-top-color: #eee;
  border-right-color: #ddd;
  border-bottom-color: #bbb;
  background-color: #fff;
}

.teaser-image a img,.post-image a img
{
   border: 1px solid #ccc;
}

.teaser-image a:hover
{
  border: 1px solid #ccc;
  background-color: #eee;
}

h1 a img
{
  border: none;
}

#nav
{
  position:relative;        /* establish a menu-relative positioning context */
  float:left;                                    /* play nicely with others */
  border:0;
}

#nav ul
{
  list-style: none;        /*   we don't want to view the list as a list */
  margin:0;
  padding:0;
}

#nav li    /* Removed the dots */
{
  border-bottom: 1px solid #ED9F9F;
/*  list-style-type: none;           we don't want to view the list as a list */
}

#nav li a:link, #nav li a:visited
{
  font-size: 90%;
  display: block;
  padding: 0.4em 0 0.4em 0.5em;
  border-left: 12px solid #711515;
  border-right: 1PX solid #711515;
  background-color: #B51032;
  color: #FFFFFF;
  text-decoration: none;
}

#nav li a:hover
{
  background-color: #711515;
  color: #FFFFFF;
}

#nav ul ul
{
  margin-left: 12px;
}

#nav ul ul li
{
  border-bottom: 1px solid #711515;
  margin: 0;
}

#nav ul ul a:link, #nav ul ul a:visited
{
  background-color: #ED9F9F;
  color: #711515;
}

#nav ul ul a:hover
{
  background-color: #711515;
  color: #FFFFFF;
}

#breadcrumbs
{
  font-size: 0.8em;
  color: #ccc;
}

#breadcrumbs a
{
  color: #aaa;
}

#breadcrumbs a:hover
{
  background: #aaa;
  color: #fff;
}

#wrapper
{
  width: 100%;
}

#main
{
  display: table;
  border-collapse: collapse;
  width: 100%;
}

#left-container
{

  width: 300px;
}

#content-container
{

  padding: 0 50px 0 10px;
}

#right-container
{

  width: 300px;
}

#left-container .box,#right-container .box
{
  margin: 0 10px 10px 10px;
  padding: 10px;
  border: 1px solid #eee;
  background: #fff;
}

.column
{
  display: table-cell;
}

.data .vcard
{
  display: table;
}

.data .vcard .fn
{
  display: table-header-group;
  text-align: center;
}

.data .vcard .image_map
{
  display: table-cell;
}

.data .vcard .adr
{
    display: table-cell;
}

.data .vcard .tag
{
  text-align: center;
  display: table-footer-group;
}

#control-panel li
{
  list-style: none;
  padding: 0;
  margin: 0;
 }


.vcard
{
display: table;
border-collapse: collapse;
width: 100%;
  margin: 5px 0;
 padding-top: 5px;
}


.vcard .map
{
display: table-cell;
padding: 5px 5px 14px 5px;
border: 1px solid #ccc;
border-top-color: #eee;
border-right-color: #ddd;
border-bottom-color: #bbb;
float:right;

}

.vcard .location
{
display: table-cell;
position:relative;        /* establish a menu-relative positioning context */
float:left;
padding: 0;
margin: 0;
}