@import url(default-reset.css);

/* ------------------------------------------------------
				Tepper EDV
				main stylesheet
				v1 - October 2009
				domenica lucifora  - kontakt@deeluxe.de
----------------------------------------------------------*/
html {
	background: url(../images/layout/bg_main2.jpg) no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

/* --- base --- */
body {
	color: #484848;
	font: 100% "Calibri", "Lucida Grande", "Verdana", Arial, Helvetica, sans-serif;	
	text-align: center;
}

p {
	margin-bottom: 10px;
}

a {
	color: #f8b333;
	text-decoration: underline;
}
		a:hover {
			text-decoration: none;
		}


/* --- grid --- */
img.grid-bg {
	/* Set rules to fill background */
	min-height: 100%;
	min-width: 1024px;
	
	/* Set up proportionate scaling */
	width: 100%;
	height: auto;
	
	/* Set up positioning */
	position: fixed;
	top: 0;
	left: 0;
}

@media screen and (max-width: 1024px) { /* Specific to this particular image */
	img.grid-bg {
		left: 50%;
		margin-left: -512px;   /* 50% */
	}
}

.grid {
	margin: 22px auto 5px;
	position: relative;
	text-align: left;
	width: 960px;
	z-index: 1;
}

.grid-head {
	background: #fff;
	margin: 0 0 88px 0;
	opacity: .95;
	padding: 12px 10px 12px 40px;
	width: 212px;
}

.grid-content {
	padding: 0 30px;
}
		.grid-content-main {
			float: left;
			margin-bottom: 20px;
			width: 580px;
		}
		.grid-content-side {
			float: right;
			margin-bottom: 20px;
			width: 300px;
		}
.grid-footer {
	background: #c5c7c8;
	clear: both;
	padding: 3px 40px;
	opacity: .9;
}


/* --- navigation --- */
.navigation-main {
	background: url(../images/layout/bg_mainnavi.png) repeat-x left top;
	height: 36px;
	padding-left: 388px;
}
		.navigation-main li {
			float: left;
			width: 134px;
		}
		.navigation-main li a {
			background: url(../images/layout/mainnavi_spr.png) no-repeat left top;
			color: #0d0d0d;
			display: block;
			line-height: 36px;
			padding-left: 10px;
			text-decoration: none;
			width: 134px;
		}
				.navigation-main li a:hover {
					background: url(../images/layout/mainnavi_spr.png) no-repeat -164px top;
					color: #fff;
				}
				.navigation-main li a.current {
					background: url(../images/layout/mainnavi_spr.png) no-repeat -339px top;
					color: #fff;
				}


/* --- headlines --- */
/* - logo - */
h1 {
	background: url(../images/layout/el_logo.gif);
	display: block;
	height: 20px;
	text-indent: -8000px;
	width: 161px;
}
		h1 a {
			display: block;
			height: 20px;
			width: 161px;
		}
h2,
.grid-content-main h3 {
	background: #585858;
	color: #fff;
	float: left;
	line-height: 32px;
	margin: 20px 0 10px;
	padding: 0 20px;
}
.grid-content-side h2,
.grid-content-main h3 {
	background: #c5c7c8;
	color: #000;
}
.box h3 {
	background: #fff;
	float: none;
	margin: 0 0 5px;
	padding: 0;
}

.box h4 {
	color: #585858;
	margin: 5px 0;
}

/* --- content elements --- */
.box,
#txpCommentInputForm { /* id is for moderating state. No possibility wrap a box there... */
	background: #fff;
	clear: both;
	margin-top: 10px;
	/*overflow: auto;*/
	padding: 25px 40px;
	position: relative;
}
		.grid-content-main .box {
			background: url(../images/layout/bg_entries.png) repeat-x left bottom #fff;
		}
		.grid-content-side .contact {
			background: #585858;
			color: #fff;
		}


/* - content elements */
/* blogging images */
.box img.position1 {
	float: left;
	margin: 5px 10px 2px 0;
}
.box img.position2 {
	float: right;
	margin: 5px 0 2px 10px;
}

blockquote {
	border: 1px solid #b9bcbd;
	color: #666;
	font-style: italic;
	margin: 10px;
	padding: 10px;
}

code {
	display: block;
	font-family: "Courier New", "Courier", monotype;
}

/* listitems */
.grid-content-main .box ul {
	margin: 0 10px 20px 10px;
}
		.grid-content-main .box li,
		.grid-content-side .box li {
			background: url(../images/layout/icons_spr.png) no-repeat left -102px;
			padding-left: 25px;
			/*overflow: auto;*/
		}


/* - links within entries */
.link-deep {
	background: url(../images/layout/icons_spr.png) no-repeat right -217px;
	display: block;
	float: left;
	line-height: 14px;
	margin-top: -5px;
	padding-right: 25px;
}
.link-extern {
	background: url(../images/layout/icons_spr.png) no-repeat right -268px;
	padding-right: 22px;
}


/* - maillinks within entries - */
.link-mail {
	background: url(../images/layout/icons_spr.png) no-repeat left 2px;
	display: block;
	float: left;
	line-height: 14px;
	margin-top: -5px;
	padding-left: 20px;
}


/* blog comments */
.grid-content-main input,
.grid-content-main textarea {
	border: 1px solid #0d0d0d;
	background: #e5e7e8;
	font-family: "Calibri", "Lucida Grande", "Verdana", Arial, Helvetica, sans-serif;
	margin-bottom: 6px;
	padding: 1px 2px;
	width: 400px;
}
.grid-content-main .label {
	display: block;
	font-weight: 700;
}
		.grid-content-main .label span {
			font-weight: 400;
		}
.grid-content-main .checkbox {
	border: none;
	background: none;
	clear: both;
	width: auto;
}

.grid-content-main .button {
	border: none;
	background: #585858;
	color: #fff;
	float: right;
	margin-left: 10px;
	padding: 3px 10px;
	width: auto;
}

/* team */
.entry {
	overflow: auto;
}
.image-column {
	clear: left;
	float: left;
	margin: 12px 10px 0 0;
	width: 60px;
}
.text-column {
	float: right;
	width: 420px;
}


/* entry footer */
.entry-footer {
	clear: both;
	display: inline-block;
}

.entry-footer li {
	color: #b9bcbd;
	float: left;
	margin-right: 10px;
	padding-left: 20px !important;
}
.entry-footer a,
.entry-footer span {
	background: url(../images/layout/bg_entryfooter.gif) repeat-y right top;
	color: #b9bcbd;
	/*display: block;*/
	padding-right: 15px;
}
.entry-footer .link-permanent {
	background: url(../images/layout/icons_spr.png) no-repeat left -316px !important;
}
.entry-footer .link-date {
	background: url(../images/layout/icons_spr.png) no-repeat left -370px !important;
}
.entry-footer .link-comment {
	background: url(../images/layout/icons_spr.png) no-repeat left -429px !important;
}


/* blocky date foot of entry */
.date {
	background: url(../images/layout/bg_date.png) no-repeat left bottom;
	bottom: 0;
	color: #fff;
	line-height: 30px;
	padding: 18px 9px 0;
	position: absolute;
	right: 0;
}


/* - side elements */
/* contact box - vCard */
.org,
.street-address,
.country-name,
.tel,
.email {
	display: block;
}
.mail,
.card {
	background-image: url(../images/layout/icons_spr.png);
	background-repeat: no-repeat;
	display: block;
	float: left;
	height: 14px;
	margin-right: 5px;
	width: 14px;
	text-indent: -8000px;
}
		.mail { background-position: left 5px; }
		.card { background-position: left -54px; }


/* search */
input.text {
	border: 1px solid;
	float: left;
	font: 12px "Calibri", "Verdana", "Lucida Grande", sans-serif;
	height: 21px;
	padding: 7px 5px 0;
}
input.submit {
	background: #f8b333;
	border: none;
	color: #fff;
	height: 30px;
	margin-left: 2px;
	line-height: 30px;
}


/* tag cloud */
.tagcloud a {
	text-decoration: none;
}

/* - footer - */
.grid-footer a {
	color: #646464;
	padding-right: 40px;
}


/* --- fontsizes --- */
.tagSize1										{ font-size: 75% !important; }

.grid-content-main .date,
.link-deep,
.link-mail,
.grid-footer,
.tagSize2										{ font-size: 80%; }

.grid-content-main .box p,
.grid-content-side .box p,
.grid-content-main .box li,
.grid-content-side .box li,
#txpCommentInputForm,
input, textarea,
.label, label,
#comments-help,
.tagSize3										{ font-size: 90%; }

.contact,
.tagSize4										{ font-size: 90%; }

.navigation-main,
.tagSize5,
h4												{ font-size: 95%; }

.tagSize6										{ font-size: 100%; }

h3,
.intro,
h2,
.tagSize7 										{ font-size: 105%; }