/*
Theme Name: Hairatelier.de
Theme URI: http://hairatelier.de/
Description: Themen for hairatelier.de
Version: 1.0pre
Author: Markus Tacker <m@tacker.org>
Author URI: http://m.tacker.org/blog/

See http://phark.typepad.com/phark/2003/08/accessible_imag.html for information about the reason for "text-indent: -9000px;".

*/
body {
    margin: 0 0 0 247px;
    background: url(./images/bg.png) repeat-x 0 0;
    background-color: #720b09;
    font-family: 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
}
img { border: 0; }
/* Anchors */
a {
    color: #79120e;
}
/* Left column */
#mainmenu a, #footer a {
    color: #7f7c6f;
    text-decoration: none;
}
#mainmenu a:hover {
    color: #000;
}
#left p a.link:after {
    content: " >";
}
#left a.mailto { color: #000; text-decoration: none; }
#left {
    position: absolute;
    top: 0;
    left: 0;
    margin: 0 20px 0 0;
    font-size: 0.75em;
    height: 100%;
    width: 247px;
}
#left p, #left h2, #left dl {
    margin: 0 30px 10px 20px;
}
#left h2 {
    font-size: 1em;
}
#left dt {
    float: left;
    clear: left;
    white-space: nowrap;
}
#left dd {
    float: right;
    clear: right;
    white-space: nowrap;
}
#left .iphone { background: url(./images/icon-phone.gif) no-repeat 0 50%; padding-left: 8px; }
h1 {
    margin: 28px 0 62px 20px;
    background: url(./images/hairatelierdamaria.gif) no-repeat 0 0;
    text-indent: -9000px;
    height: 20px;
    width: 225px;
    line-height: 20px;
}
#mainmenu {
    height: 170px;
}
#mainmenu ul {
    margin: 0;
    padding: 30px 0 0 0;
    width: 235px;
}
#mainmenu li {
    border-bottom: 1px solid #e4e0c7;
    padding: 0 0 1px 20px;
    margin: 0;
}
#mood-left img {
    margin: 20px 0 0 0;
}
/* Content column */
#right {
    float: left;
    margin: 20px 0 0 20px;
    width: 663px;
    font-size: 0.9em;
}
div.box {
}
div.box div.head {
    height: 25px;
    background: url(./images/content_bg.png) no-repeat 0 0;
}
div.box div.foot {
    height: 25px;
    background: url(./images/content_bg.png) no-repeat 0 -59px;
}
div.content {
    padding: 0 25px 0 25px;
    background: url(./images/content_bg_center.png) repeat-y 0 0;
}
/* Content formatting */
div.content p, div.content dl {
    font-size: 0.9em;
}
div.content p {
    margin: 0;
    padding: 0 0 5px 0;
    line-height: 1.5em;
}
div.content h2, div.content h3, div.content h4 {
    margin: 0;
    padding: 0;
    font-family: Arial, Helvetica, sans-serif;
}
div.content h2 {
    margin-bottom: 10px;
}
div.content h3, div.content h4 {
    padding: 10px 0 5px 0;
}
div.content img.right, div.content img.alignright {
    float: right;
    margin: 0 0 0 10px;
}
div.content dl {
    padding: 0 0 5px 0; margin: 0;
}
div.content ul {
    padding: 0 0 5px 0; margin: 0 0 0 25px;
}
div.content img.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
div.content dt { color: #7f7c6f; font-weight: bold; }
/* Footer */
#footer {
    font-size: 0.75em;
    color: #b09e9d;
    text-align: center;
    margin: 20px 0 0 0;
}
#footer li {
    display: inline;
}
#footer li:after {
    content: " |";
}
#footer li.last:after {
    content: "";
}

#likeastar { float:right; margin:0 0 0 10px; }
#likeastar img { border: 0; }
.clear { clear: both; }