/* Screen.css for Markus-Schlegel.com
   by Markus Schlegel, markus-schlegel.com */
   
/* CSS Reset by famous Eric Meyer (edited by me) */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

:focus {
	outline: 0;
}

body {
	line-height: 1;
	color: black;
	background: white;
}

ol,
ul {
	list-style: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

caption,
th,
td {
	text-align: left;
	font-weight: normal;
}

/* Standard Layout */
/* =============== */

#wrapper {
	width: 960px;
	margin: 72px auto;
}

#header {
	height: 48px;
	position: relative;
	border-bottom: 1px solid #bababa;
}

#logo {
	width: 100%;
	height: 60px;
	margin-top: -53px;
	padding-top: 53px;
	position: absolute;
	bottom: -12px;
	left: 0;
	background: none;
	z-index: 100;
}

/* Backgrounds depending on section (managed by body-class) */

.profil #logo {
	background: url(../img/layout/tribune/profil_top.png) 310px 12px no-repeat;
}

.portfolio #logo {
	background: url(../img/layout/tribune/portfolio_top.png) 427px 0 no-repeat;
}

.essays #logo {
	background: url(../img/layout/tribune/essays_top.png) 269px 60px no-repeat;
}

.weblog #logo {
	background: none;
}

.kontakt #logo {
	background: url(../img/layout/tribune/kontakt_top.png) 336px 12px no-repeat;
}

#menu {
	position: absolute;
	bottom: 8px;
	right: 0;
	z-index: 1000;
}

#menu ul {
	font: bold 11px/11px "Lucida Grande", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", Verdana, sans-serif;
	text-transform: uppercase;
	list-style-type: none;
}

#menu ul li {
	float: left;
	margin-left: 0.5em;
}

#menu ul li a {
	text-decoration: none;
}

/* Backgrounds depending on section (managed by body-class) */

#tribune {
	height: 268px;
	border-bottom: 1px solid #bababa;
	background: none;
	position: relative;
}

.profil #tribune {
	background-image: url(../img/layout/tribune/profil_main.jpg);
}

.portfolio #tribune {
	background-image: url(../img/layout/tribune/portfolio_main.jpg);
}

.essays #tribune {
	background-image: url(../img/layout/tribune/essays_main.jpg);
}

.weblog #tribune {
	background-image: url(../img/layout/tribune/weblog_main.jpg);
}

.kontakt #tribune {
	background-image: url(../img/layout/tribune/kontakt_main.jpg);
}

#main {
	margin-top: 40px;
	font: 14px/20px "Lucida Grande", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", Verdana, sans-serif;
}

/* Grid System */

.row {
	clear: both;
}

.portfolio .g1,
.portfolio .g2,
.portfolio .g3,
.portfolio .g4 {
	margin-bottom: 40px;
}

.g1,
.g2,
.g3,
.g4 {
	margin: 0 20px 40px;
	float: left;
}

.g1:first-child,
.g2:first-child,
.g3:first-child,
.g4:first-child {
	margin-left: 0;
}

.g1:last-child,
.g2:last-child,
.g3:last-child,
.g4:last-child {
	margin-right: 0;
}

.g1 {
	width: 210px;
}

.g2 {
	width: 460px;
}

.g3 {
	width: 710px;
}

.g4 {
	width: 960px;
}

.g1 > *:first-child,
.g2 > *:first-child,
.g3 > *:first-child,
.g4 > *:first-child {
	margin-top: 0;
}

/* Semantic Text Elements */
/* ====================== */

a {
	color: #8d7353;
}

a:hover,
a:focus,
a:active {
	color: #e4932e;
	text-decoration: none;
}

a:active,
a:focus {
	outline: 1px dashed #a58967;
}

a:visited {
}

a[href=^'http://'] {
}

a[href=^'http://domain.tld'] {
}

abbr,
acronym {
	border-bottom: 1px dotted #808080;
}

blockquote,
pre {
	margin: 20px;
	padding-left: 10px;
	border-left: 1px solid #bababa;
}

cite {
	font-style: italic;
	color: #808080;
	text-align: right;
}

cite:before {
	content: "\2013";
}

code {
	font: 14px/20px "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Courier New", Courier, monospace;
}

del {
	text-decoration: line-through;
}

dfn {
}

em {
	font-style: italic;
}

h1 {
	font: 34px/40px "Lucida Grande", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", Verdana, sans-serif;
	color: #8D7353;
	margin: 40px 0 40px;	
	border-bottom: 1px solid #bababa;
}

h2 {
	font: 32px/40px "Lucida Grande", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", Verdana, sans-serif;
	color: #8D7353;
	margin: 40px 0 40px;
}

.g1 h2 {
	font: 18px/20px "Lucida Grande", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", Verdana, sans-serif;
	color: #8D7353;
	margin: 40px 0 20px;
}

h3 {
	font: bold 14px/20px "Lucida Grande", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", Verdana, sans-serif;
	color: #8D7353;
	margin: 20px 0 20px;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
	text-decoration: none;
}

.sub {
	font: 18px/20px "Lucida Grande", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", Verdana, sans-serif;
	color: #343434;
	margin: -20px 0 20px;
}

.posted {
	font: 14px/20px "Lucida Grande", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", Verdana, sans-serif;
	color: #808080;
	margin: 20px 0 -40px;
}

h4 {
	font: bold 14px/20px "Lucida Grande", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", Verdana, sans-serif;
	color: #a58967;
	margin: 20px 0 20px;
}

h5 {
	font: 14px/20px "Lucida Grande", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", Verdana, sans-serif;
	color: #a58967;
	margin: 20px 0 20px;
}

h6 {
	font: 14px/20px "Lucida Grande", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", Verdana, sans-serif;
	color: #a58967;
	margin: 20px 0 20px;
}

hr {
}

ins {
}

kbd {
}

p {
	margin: 20px 0;
}

pre {
}

q {
	font-style: italic;
}

q:before {
	content: open-quote;
}

q:after {
	content: close-quote;
}

samp {
}

sub,
sup {
	line-height: 0;
	font-size: .75em;
}

sub {
	vertical-align: sub;
}

sup {
	vertical-align: sup;
}

strong {
	font-weight: bold;
}

var {
}

/* Lists */
/* ===== */

ul, ol, dl {
	margin: 20px 0;
}

ul {
	list-style-type: square;
}

.g1 ul {
	list-style-type: none;
}

.g1 ul li {
	margin: 20px 0;
}

.g1 ul li a {
	color: #8d7353;
	text-decoration: none;
}

.g1 ul li a:hover,
.g1 ul li a:focus,
.g1 ul li a:active {
	color: #e4932e;
	text-decoration: none;
}

.g1 ul li a:focus,
.g1 ul li a:active {
	outline: 1px dashed #a58967;
}

ol {
	list-style-type: decimal;
}

dt {
	font-weight: bold;
}

dd {
	margin-left: 1em;
}

ul ul,
ol ul {
	margin: 0 3ex;
}

ul ol,
ol ol {
	margin: 0 3ex;
}

/* Tables */
/* ====== */

table {
	margin: 20px 0;
}

th {
	font-weight: bold;
	border-bottom: 2px solid #a58967;
	padding: 0 2em 0.2em 0;
}

td {
	border-bottom: 1px solid silver;
	padding: 0.4em 1em 0.4em 0;
}

/* Forms */
/* ===== */

#txpCommentInputForm {
}

#txpCommentInputForm textarea {
	float: left;
	width: 56%;
	height: 200px;
}

#txpCommentInputForm .help {
	float: right;
	width: 36%;
	height: 200px;
}

#txpCommentInputForm .help > * {
	margin-top: 0;
}

#txpCommentInputForm .help ul {
	list-style-type: none;
}

#txpCommentInputForm fieldset {
	clear: both;
	padding-top: 20px;
}

#txpCommentInputForm .group {
	width: 33%;
	float: left;
}

#txpCommentInputForm .group input {
	width: 90%;
}

/* Misc */
/* ==== */

.clearfix {
	clear: both;
}

.comments_invite {
	text-align: right;
}

#cpreview {
	-moz-opacity: 0.5;
	-webkit-opacity: 0.5;
	-opera-opacity: 0.5;
	opacity: 0.5;
}

.browser {
	margin-top: 40px;
}

.older {
	float: right;
}

.newer {
	float: left;
}

#tweet {
	font: 15px/20px Georgia, serif;
	color: #808080;
	width: 240px;
	position: absolute;
	top: 60px;
	left: 220px;
}

#krifitze {
	position: absolute;
	top: 50px;
	left: 520px;
	width: 215px;
	height: 105px;
}

#krifitze a {
	text-decoration: none;
	background: none;
	display: block;
	width: 100%;
	height: 100%;
	text-indent: -1337em;
}

/* ==== Privsorisches Suchfeld ==== */
#search {
	height: 1em;
}

#search input {
	margin: 0;
	padding: 0;
	width: 40px;
	height: 11px;
	outline: 1px solid #808080;
	border: 0;
	font: bold 10px/11px "Lucida Grande", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", Verdana, sans-serif;
	text-transform: uppercase;
	color: #a58967;
}

#search input[type='submit'] {
	width: 16px;
	height: 16px;
	margin: -2px 0 -2px 2px;
	outline: 0;
	text-indent: -1337em;
	background: url(../img/layout/icons/search-16.png) top right no-repeat;
}

.left {
	float: left;
}

.right {
	float: right;
}

.full {
	margin: inherit 0;
}

p > img {
	display: block;
	margin: 20px 0;
}

p > img:first-child {
	margin-top: 0;
}

img.left {
	margin-right: 20px;
}

img.right {
	margin-left: 20px;
}

img.preview {
	display: block;
	border: 1px solid #bababa;
	padding: -1px;
}

/* === Initiale === */

hr {
	display: none;
}

hr + p:first-letter {
	float: left;
	font: 80px/80px Georgia, serif;
	margin: 0 8px 0 0;
}

.footnote {
	font-size: 12px;
	line-height: 20px;
}