/* @override 
	http://localhost:8888/_mamp_wordpress/html/wp-content/themes/boxxed/style.css
	http://visuelleanomalie.de/wp-content/themes/boxxed/style.css */

/*  
Theme Name: Boxxed
Theme Author: Martin Wolf
Theme URI: 
*/



/* Layout */

* {
	margin: 0px;
	padding: 0px;
}

BODY {
	margin: 0px;
	padding: 0px;
	font-family: Arial, Verdana, sans-serif;
	font-size: 12px;
	line-height: 21px;
	color: #000;
	background-color: #b08859;
	background-image: url(images/body_bg.jpg);
	background-repeat: repeat;
}

#container {
	margin: 0 auto;
	width: 940px;
}

#head {
	height: 80px;
}

#topnavi {
	margin-bottom: 43px;
	padding-right: 10px;
	width: 930px;
	height: 30px;
	background-color: none;
	border-bottom: 0px solid #000;
	opacity: 0.5;
	-webkit-opacity: 0.5;
	-moz-opacity: 0.5;
	/*box-shadow: 1px 1px 1px #000;
	-moz-box-shadow: 1px 1px 1px #000;
	-webkit-box-shadow: 1px 1px 1px #000;*/
}

#wrapper {
	clear: both;
}

#content {
	float: left;
	width: 640px;
}

#sidebar {
	margin-top: -4px;
	float: right;
	width: 250px;
	text-shadow: 0 1px 1px #eee;
	-moz-text-shadow: 0 1px 1px #fff;
	-webkit-text-shadow: 0 1px 1px red;
}

#footer {
	margin: 50px 0px 20px 0px;
	padding: 0px 10px;
	width: 880px;
	height: 20px;
	font-size: 11px;
	line-height: 20px;
	text-align: center;
	text-shadow: 0 1px 1px #fff;
	-moz-text-shadow: 0 1px 1px #fff;
	-webkit-text-shadow: 0 1px 1px #fff;
}

/* Allgemeines */

P {
	margin-bottom: 15px;
}

A, A:VISITED {
	color: #cd0000;
	text-decoration: none;
}

A:HOVER {
	color: #000;
	text-decoration: underline;
}

A:ACTIVE {
	position: relative;
	top: 1px;
}

A.post-edit-link, A:VISITED.post-edit-link {
	color: #bababa;
	text-decoration: none;
}

A:HOVER.post-edit-link {
	color: #000;
}

A:ACTIVE.post-edit-link {
	position: relative;
	top: 1px;
}

A IMG {
	border: none;
}

.border {
	border: 1px solid #ebebeb;
}

/* Header */

H1 {
	margin-top: 90px;
	font-size: 40px;
	font-weight: bold;
	color: #000;
}

H1 A, H1 A:VISITED {
	color: #000;
	text-decoration: none;
	text-shadow: 0 1px 1px #fff;
	-moz-text-shadow: 0 1px 1px #fff;
	-webkit-text-shadow: 0 1px 1px #fff;
}

H1 A:HOVER, H1 A:ACTIVE {
	color: #fff;
	text-decoration: none;
	text-shadow: 0 1px 1px #000;
	-moz-text-shadow: 0 1px 1px #000;
	-webkit-text-shadow: 0 1px 1px #000;
}

IMG.logo {
	margin-top: 60px;
}

/* Topnavi */

#topnavi UL {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	list-style-position: inside;
}

#topnavi UL LI {
	float: left;
	margin-right: 1px;
}

#topnavi UL LI A, #topnavi UL LI A:VISITED {
	display: block;
	padding: 0px 10px;
	line-height: 30px;
	color: #000;
	background-color: #fff;
	font-size: 11px;
	letter-spacing: 1px;
	text-decoration: none;
}

#topnavi UL LI A:HOVER, #topnavi UL LI A:ACTIVE, #topnavi UL LI.current_page_item A {
	color: #fff;
	background-color: #000;
	position: static;
	top: 0px;
}
		
/* Content */

.eintrag_wrapper {
	-webkit-transform: rotate(1deg) scale(0.95);
	/*-moz-transform: rotate(1deg) scale(0.95);*/
	-webkit-transition: -webkit-transform .15s linear;
}

.eintrag, .eintrag_single, .eintrag_page {
	position: relative;
	z-index: 1;
	padding: 20px;
	margin-bottom: 85px;
	background-color: #fff;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	box-shadow: 0 0 4px #444;
	-moz-box-shadow: 0 0 4px #444;
	-webkit-box-shadow: 0 0 4px #444;
}

.eintrag_wrapper:nth-child(even) {
    -webkit-transform: rotate(-1.5deg) scale(0.95);
    /*-moz-transform: rotate(-1.5deg) scale(0.95);*/
    -webkit-transition: -webkit-transform .15s linear;
}

.eintrag_wrapper:nth-child(3n) {
	-webkit-transform: rotate(0.6deg) scale(0.95);
	/*-moz-transform: rotate(0.6deg) scale(0.95);*/
	-webkit-transition: -webkit-transform .15s linear;
}

.eintrag_wrapper:hover {
	-webkit-transform: scale(1);
	/*-moz-transform: scale(1);*/
	-webkit-transition: -webkit-transform .15s linear;
	/*position: relative;
	z-index: 1000;*/
}

.eintrag_single {
	margin-bottom: 70px;
}

.eintrag_page {
	padding-bottom: 5px;
}

H2.archiv {
	margin-bottom: 40px;
	font-size: 25px;
	letter-spacing: 1px;
	color: #2d1708;
	font-weight: normal;
	text-shadow: 0 1px 1px #fff;
	-moz-text-shadow: 0 1px 1px #fff;
	-webkit-text-shadow: 0 1px 1px #fff;
}

.eintrag H2 {
	margin-bottom: 20px;
}

.eintrag H2 A, .eintrag H2 A:VISITED, .eintrag_single H2, H2.page {
	margin-bottom: 20px;
	padding-left: 7px;
	padding-top: 0px;
	font-size: 15px;
	color: #000;
	font-weight: bold;
	text-decoration: none;
	border-left: 7px solid #000;
	/*background-image: url(images/h2_borderleft.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;*/
}

.eintrag H2 A:HOVER, .eintrag_single H2 A:HOVER {
	
}

.eintrag H2 A:ACTIVE, .eintrag_single H2 A:ACTIVE {
	position: relative;
	top: 1px;
}

.eintrag_details SPAN.kategorien A, .eintrag_details SPAN.kategorien A:VISITED {
	margin-right: 3px;
	padding: 4px;
	background-color: #000;
	color: #fff;
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

.eintrag_details SPAN.kategorien A:ACTIVE {
	position: relative;
	top: 1px;
}

.eintrag_details SPAN.tags A, .eintrag_details SPAN.tags A:VISITED {
	color: #bababa;
	text-decoration: none;
}

.eintrag_details SPAN.tags A:HOVER {
	color: #000;
}

.eintrag_details SPAN.tags A:ACTIVE {
	position: relative;
}

.index_comments A, .index_comments A:VISITED {
	position: absolute;
	z-index: 0;
	width: 120px;
	height: 30px;
	margin-top: -22px;
	margin-left: 470px;
	padding: 0px 0px 0px 10px;
	text-align: left;
	color: #fff;
	font-size: 11px;
	line-height: 22px;
	text-decoration: none;
	background-color: #000;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	opacity: 0.8;
	-webkit-opacity: 0.8;
	-moz-opacity: 0.8;
	-webkit-transform: rotate(-1.5deg);
	-moz-transform: rotate(-1.5deg);
}

.eintrag_wrapper:nth-child(3n) .index_comments A {
	-webkit-transform: rotate(1deg);
	-moz-transform: rotate(1deg);
}

.index_comments A:ACTIVE {
	position: relative;
	top: 1px;
}

#content UL {
	margin-bottom: 15px;
	margin-left: 30px;
}

/* Sidebar */

#sidebar P {
	margin-bottom: 0px;
}

#sidebar INPUT#s {
	margin-bottom: 45px;
	padding: 10px 10px;
	width: 228px;
	color: #fff;
	text-align: center;
	border: 1px solid #000;
	background-color: #000;
	opacity: 0.3;
	-webkit-opacity: 0.3;
	-moz-opacity: 0.3;
	border-top: 1px solid #6f6f6f;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	border-left: 1px solid #6f6f6f;
	/*box-shadow: 1px 1px 1px #fff;
	-moz-box-shadow: 1px 1px 1px #fff;
	-webkit-box-shadow: 1px 1px 1px #fff;*/
}

#sidebar H2 {
	margin-bottom: 16px;
	font-size: 20px;
	letter-spacing: 1px;
	color: #2d1708;
	font-weight: normal;
	text-shadow: 0 1px 1px #fff;
	-moz-text-shadow: 0 1px 1px #fff;
	-webkit-text-shadow: 0 1px 1px #fff;
}

#sidebar UL {
	margin-left: 20px;
	margin-bottom: 45px;
	list-style-type: none;
}

#sidebar UL LI {
	margin-bottom: 7px;
	padding-left: 0px;
}

#sidebar A, #sidebar A:VISITED {
	color: #222;
}

#sidebar A:HOVER {
	color: #000;
	text-decoration: none;
}

/* Kommentare */

H3#respond {
	margin-bottom: 10px;
	font-size: 17px;
	color: #000;
	font-weight: normal;
	text-shadow: 0 1px 1px #fff;
	-moz-text-shadow: 0 1px 1px #fff;
	-webkit-text-shadow: 0 1px 1px #fff;
}

TEXTAREA#comment {
	padding: 5px;
	width: 385px;
	height: 140px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 20px;
	color: #000;
	border-top: 1px solid #6f6f6f;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	border-left: 1px solid #6f6f6f;
	background-color: #fff;
	opacity: 0.5;
	-webkit-opacity: 0.5;
	-moz-opacity: 0.5;
	/*box-shadow: 1px 1px 1px #000;
	-moz-box-shadow: 1px 1px 1px #000;
	-webkit-box-shadow: 1px 1px 1px #000;*/
}

INPUT {
	padding: 5px;
	width: 213px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 18px;
	color: #000;
	border-top: 1px solid #6f6f6f;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	border-left: 1px solid #6f6f6f;
	background-color: #fff;
	opacity: 0.5;
	-webkit-opacity: 0.5;
	-moz-opacity: 0.5;
	/*box-shadow: 1px 1px 1px #000;
	-moz-box-shadow: 1px 1px 1px #000;
	-webkit-box-shadow: 1px 1px 1px #000;*/
}

INPUT#submit {
	margin-top: 0px;
	color: #fff;
	background-color: #cd0000;
	border: none;
	opacity: 1;
	-moz-opacity: 1;
	-webkit-opacity: 1;
	box-shadow: 1px 1px 1px #000;
	-moz-box-shadow: 1px 1px 1px #000;
	-webkit-box-shadow: 1px 1px 1px #000;
	background: 
		-webkit-gradient(
		    linear,
		    left bottom,
		    left top,
		    color-stop(0.10, rgb(205,0,0)),
		    color-stop(0.83, rgb(255,69,69))
		);
	background:
		-moz-linear-gradient(
		    center bottom,
		    rgb(205,0,0) 28%,
		    rgb(255,69,69) 73%
		);
}

INPUT#submit:HOVER, INPUT#submit:ACTIVE {
	box-shadow: -1px -1px 1px #0e0e0e;
	-moz-box-shadow: -1px -1px 1px #0e0e0e;
	-webkit-box-shadow: -1px -1px 1px #0e0e0e;
	background: 
		-webkit-gradient(
		    linear,
		    left bottom,
		    left top,
		    color-stop(0.10, rgb(255,69,69)),
		    color-stop(0.83, rgb(205,0,0))
		);
		-moz-linear-gradient(
		    center bottom,
		    rgb(255,69,69) 28%,
		    rgb(205,0,0) 73%
		);
}

TD.kommentarfeld {
	width: 415px;
}

IMG.avatar {
	float: left;
	margin-left: 3px;
	padding: 5px;
	background-color: #fff;
	border: 1px solid #eee;
	border-radius: 7px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	box-shadow: 0 0 4px #444;
	-webkit-box-shadow: 0 0 4px #444;
	-moz-box-shadow: 0 0 4px #444;
	-webkit-transform: rotate(3deg);
	-moz-transform: rotate(3deg);
}

OL.commentlist LI:nth-child(even) IMG.avatar {
	-webkit-transform: rotate(-1deg);
	-moz-transform: rotate(-1deg);
}
OL.commentlist LI:nth-child(3n) IMG.avatar {
	-webkit-transform: rotate(5deg);
	-moz-transform: rotate(5deg);
}

.comment_content {
	float: right;
	width: 530px;
}

OL.commentlist {
	margin-bottom: 50px;
	list-style-type: none;
	text-shadow: 0 1px 1px #eee;
	-moz-text-shadow: 0 1px 1px #eee;
	-webkit-text-shadow: 0 1px 1px #eee;
}

OL.commentlist LI {
	margin: 0px 0px 40px 0px;
	border-bottom: none;
}

OL.commentlist LI P {
	margin-bottom: 0px;
}

OL.commentlist LI.author {

}

OL.commentlist LI.alt {
	/*background-color: #fff;*/
}

DIV.comment_content {
	margin-top: 5px;
}

SPAN.commentname {
	font-size: 13px;
	font-weight: bold;
}

OL.commentlist A:HOVER, OL.commentlist A:ACTIVE {
	text-decoration: none;
}

.comment_edit {
	font-size: 10px;
	color: #373737;
}

#atr_tt {
	padding: 2px 4px !important;
	background-color: #000 !important;
	border: none !important;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	opacity: 0.6;
	-webkit-opacity: 0.6;
	-moz-opacity: 0.6;
}

#atr_tt DIV {
	color: #fff;
}

/* Smilies */

#smilies_hidden {
	display: none;
}

IMG.wp-smiley-select {
	margin-right: 8px;
	margin-bottom: 4px;
}

A.thickbox, A.thickbox:VISITED {
	padding: 5px;
	color: #fff;
	background-color: #cd0000;
	border: none;
	opacity: 1;
	-moz-opacity: 1;
	-webkit-opacity: 1;
	box-shadow: 1px 1px 1px #000;
	-moz-box-shadow: 1px 1px 1px #000;
	-webkit-box-shadow: 1px 1px 1px #000;
	background: 
		-webkit-gradient(
		    linear,
		    left bottom,
		    left top,
		    color-stop(0.10, rgb(205,0,0)),
		    color-stop(0.83, rgb(255,69,69))
		);
		-moz-linear-gradient(
		    center bottom,
		    rgb(205,0,0) 28%,
		    rgb(255,69,69) 73%
		);
}

A.thickbox:HOVER, A.thickbox:ACTIVE {
	color: #fff;
	position: relative;
	top: 0;
	text-decoration: none;
	box-shadow: -1px -1px 1px #0e0e0e;
	-moz-box-shadow: -1px -1px 1px #0e0e0e;
	-webkit-box-shadow: -1px -1px 1px #0e0e0e;
	background: 
		-webkit-gradient(
		    linear,
		    left bottom,
		    left top,
		    color-stop(0.10, rgb(255,69,69)),
		    color-stop(0.83, rgb(205,0,0))
		);
		-moz-linear-gradient(
		    center bottom,
		    rgb(255,69,69) 28%,
		    rgb(205,0,0) 73%
		);
}

A.thickbox IMG {
	vertical-align: text-bottom;
}

/* Footer */

#footer P {
	margin-bottom: 0px;
}

#footer A {
	color: #cd0000;
}

/* braucht man immer*/

acronym, abbr, span.caps {
	cursor: help;
}
	
.clear {
	clear: both;
}

.alignright {
	float: right;
	text-align: right;
}

.alignleft {
	float: left;
	text-align: left;
}