/*  Blog CSS
    2008 / vonautomatisch werkstaetten / vonautomatisch.at
------------------------------------------------------------------------------------------------------ */



/*  Structures
------------------------------------------------------------------------------------------------------ */

body.blog #header.detail .box  {
    margin-bottom: 48px;
}


body.blog #content > .span-24 {
    margin-bottom: 32px;
}

body.blog.archive .header .box  {
    margin: 9px 0 0 0 !important;
}
body.blog.detail #content .box {
    padding-top: 6px;
    padding-bottom: 18px;
}

/* 	Headings
------------------------------------------------------------------------------------------------------ */



.body h2, .body h3, .body h4 {
    margin: 0; padding: 0;
    text-transform: uppercase;
}

.body h2 {
    font-size: 15px; line-height: 15px;

}

.body h3, .body h4 {
    font-size: 12px; line-height:  12px;
}

/*.body h2 { display: inline; background: #40403d; color: #fff !important; padding: 3px 20px 3px 0px !important; font-weight: normal; font-size: 15px; line-height: 17px; }*/

h2.subtitle a { background: transparent; color: #c0c700 !important; padding: 0 !important; font-weight: bold; }

.body div.h2 {
	margin: 20px 0 0 !important;
}

.body div.h3 {
	margin: 20px 0 0 !important;
}

.body div.h4 {
	margin: 20px 0 0 !important;
}


/*  Components
------------------------------------------------------------------------------------------------------ */

li .additional-info {
    position: absolute; top: 8px; right: 2px;
    color: #ccccc0; font-size: 12px;
}
li a:hover .additional-info, li a:active .additional-info {
    color: #2d2e1d;
}

/*  Navigator ----------------------------------------------- */
.blog #content ul.navigator a:link, .blog #content ul.navigator a:visited {
    color: #bdbfac;
}
.blog #content ul.navigator a:hover, .blog #content ul.navigator a:active {
    color: #65665c !important;
}
.blog #content ul.navigator a.category:link, .blog #content ul.navigator a.category:visited {
    color: #98998a;
}

/*  Chronology ----------------------------------------------- */
ul.chronology {
    position: relative; float: left; clear: both;
    margin: 0; padding: 0 0 12px;
    background: url('/media/site/img/border_dashed_bright.gif') 0 100% repeat-x;
    list-style-type: none;
}
ul.chronology li {
    position: relative; float: left;
    margin-top: 3px; padding: 6px 0 2px;
    background: url('/media/site/img/border_dotted_bright.gif') 0 0 repeat-x;
}
ul.chronology a {
    font-size: 14px; line-height: 18px; font-weight: bold;
}
ul.chronology li span {
    position: relative; float: left;
    margin: 0;
    width: 100%;
    color: #ccccc0; font-size: 14px; line-height: 18px;
}

/*  Tags ----------------------------------------------- */
ul.tags {
    position: relative; float: left;
    margin: 0; padding: 0;
    font-size: 11px; font-weight: bold;
    list-style-type: none;
}
ul.tags li {
    position: relative; float: left;
    margin: 0 9px 0 0; padding: 0;
}



/*  Typography
------------------------------------------------------------------------------------------------------ */

p.summary {
    font-size: 13px; line-height: 19px;
}
p.metadata {
    margin: 0 0 3px 0;
    color: #98998a; font-size: 10px; font-weight: bold;
}

.blog .comments p.metadata {
    margin: 9px 0 3px 0;
    color: #98998a; font-size: 11px; font-weight: bold;
}
.blog .comments p.metadata span.username {
    color: #65665c; font-size: 14px; line-height: 21px; font-weight: normal; _font-weight: bold;
}

.summary .image {
    margin-top: 17px !important;
}
.summary p.summary {
    font-size: 11px; line-height: 16px;
}


.archive #content .box {
    padding: 0 !important;
}

.archive #content h2 {
    margin: 2px 0 0; padding: 18px 0 36px;
    background: url('/media/site/img/border_dashed_bright.gif') 0 0 repeat-x;
}
/*
.blog #content a:link, .blog #content a:visited { color: #50b7c7; }
.blog #content a:hover, .blog #content a:active { color: #2d2e1d; }
*/