/*
Theme Name: Leon Thau
Theme URI: http://www.leon-thau.de
Description: The leonthau Wordpress Theme from Dennis Winter, Germany
Version: 1.1
Author: Dennis Winter
Author URI: http://www.joeybottle.com/
Tags: white, cms-usage, scrollable width
Copyright: Dennis Winter, 2010
*/

/*////////////////////////////////////////////////////GENERAL STUFF*/
* {
	padding: 0;
	margin: 0;
}

html {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
}
body {
	font-family: Helvetica;
	font-size: 0.8em;
	text-align: center;
	position: relative;
	height: 100%;
	min-height: 550px;
	min-width: 3582px;
	margin: 0;
	padding: 0;
}
/* min-height fŸr den IE */
* html #page_margins {
 	height: 550px;
/* das selbe Ma§ wie oben bei min-height */
}
/*////////////////////////////////////////////////////GENERAL TEXT AND HEADING STYLES*/
a {
	color: black;
	text-decoration: none;	
}

a:hover {
	color: gray;
}
.dennis_link a:hover {
	color: #b5d32b !important;
}
.dennis_link {
	padding-bottom: 8px;
}
h2 {
	font-size: 1.3em;
}
.hiddenpic {
	display: none;
}
/*////////////////////////////////////////////////////SOCIAL CONTAINERS*/
#social {
	position: relative;
	height: 60px;
}
.behancelink, .facebooklink, .blogspotlink {
	width: 40px;
	height: 40px;
	position: absolute;
	top:  20px;
}
.behancelink:hover, .facebooklink:hover, .blogspotlink:hover {
	opacity: 0.8;
}

.blogspotlink {
	background-image: url(images/blogspot_bg.jpg);
	left: 0px;
}
.facebooklink {
	background-image: url(images/vimeo_bg.jpg);
	left: 100px;
}
.behancelink {
	background-image: url(images/behance_bg.jpg);
	left: 50px;
}

/*////////////////////////////////////////////////////GENERAL CONTAINERS*/

#wrapper{
	width: 3582px;
	min-width: 3582px;
	height: 550px;
	position: absolute;
	top: 47%;
	left: 50%;
	margin-top: -255px;
	margin-left: -1791px;
}
#illustration,#artdirection,#photography,#contact {
	height: 550px;
	float: left;
}
#illustration{
	width: 1014px;
	background-image: url(images/bg_1.jpg);
}
#artdirection {
	width: 1190px;
	background-image: url(images/bg_2.jpg);
}
#photography {
	width: 858px;
	background-image: url(images/bg_3.jpg);
}
#contact {
	width: 520px;
	background-image: url(images/bg_4.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
}
#contact_container {
	width: 240px;
	position: relative;
	left: 300px;
	text-align: left;
}
#contact_container h2{
	margin: 25px 0 15px 0;
}
#contact_container a{
	line-height: 1.4em;
}
/*////////////////////////////////////////////////////Picture_Container*/
.illu_pic, .art_pic, .photo_pic {
	border: 1.5px solid grey;
	background-color: white;
	overflow: hidden;
}
.illu_pic:hover, .art_pic:hover, .photo_pic:hover {
	background-color: lightgray;
}
/*//////////////////////////////////////Illu Pics////////////////////////*/
.illu_pic1 {
	width: 63px;
	height: 63px;
	position: absolute;
	left: 453px;
	top: 139px;
}
.illu_pic1 a {
	display: block;
	width: 63px;
	height: 63px;
	background-position: -63px 0;
}
.illu_pic1 a:hover {
	background-position: 0px 0;
}
/*Illu_Pic1 ENDE*/

.illu_pic2 {
	width: 63px;
	height: 89px;
	position: absolute;
	left: 525px;
	top: 127px;
}
.illu_pic2 a {
	display: block;
	width: 63px;
	height: 89px;
	background-position: -63px 0;
}
.illu_pic2 a:hover {
	background-position: 0px 0;
}
/*Illu_Pic2 ENDE*/

.illu_pic3 {
	width: 51px;
	height: 51px;
	position: absolute;
	left: 537px;
	top: 222px;
}
.illu_pic3 a {
	display: block;
	width: 51px;
	height: 51px;
	background-position: -51px 0;
}
.illu_pic3 a:hover {
	background-position: 0px 0;
}
/*Illu_Pic3 ENDE*/

.illu_pic4 {
	width: 85px;
	height: 123px;
	position: absolute;
	left: 597px;
	top: 150px;
}
.illu_pic4 a {
	display: block;
	width: 85px;
	height: 123px;
	background-position: -85px 0;
}
.illu_pic4 a:hover {
	background-position: 0px 0;
}
/*Illu_Pic3 ENDE*/

.illu_pic5 {
	width: 63px;
	height: 63px;
	position: absolute;
	left: 690px;
	top: 127px;
}
.illu_pic5 a {
	display: block;
	width: 63px;
	height: 63px;
	background-position: -63px 0;
}
.illu_pic5 a:hover {
	background-position: 0px 0;
}
/*Illu_Pic5 ENDE*/

.illu_pic6 {
	width: 113px;
	height: 65px;
	position: absolute;
	left: 690px;
	top: 198px;
}
.illu_pic6 a {
	display: block;
	width: 113px;
	height: 65px;
	background-position: -113px 0;
}
.illu_pic6 a:hover {
	background-position: 0px 0;
}
/*Illu_Pic6 ENDE*/

.illu_pic7 {
	width: 76px;
	height: 63px;
	position: absolute;
	left: 763px;
	top: 127px;
}
.illu_pic7 a {
	display: block;
	width: 76px;
	height: 63px;
	background-position: -76px 0;
}
.illu_pic7 a:hover {
	background-position: 0px 0;
}
/*Illu_Pic7 ENDE*/

.illu_pic8 {
	width: 50px;
	height: 91px;
	position: absolute;
	left: 810px;
	top: 221px;
}
.illu_pic8 a {
	display: block;
	width: 50px;
	height: 91px;
	background-position: -50px 0;
}
.illu_pic8 a:hover {
	background-position: 0px 0;
}
/*Illu_Pic8 ENDE*/

/*///////////////////////////////////////Art Pics////////////////////////*/
.art_pic1 {
	width: 63px;
	height: 89px;
	position: absolute;
	left: 1210px;
	top: 83px;
}
.art_pic1 a {
	display: block;
	width: 63px;
	height: 89px;
	background-position: -63px 0;
}
.art_pic1 a:hover {
	background-position: 0px 0;
}
/*Art_Pic1 ENDE*/

.art_pic2 {
	width: 85px;
	height: 123px;
	position: absolute;
	left: 1282px;
	top: 49px;
}
.art_pic2 a {
	display: block;
	width: 85px;
	height: 123px;
	background-position: -85px 0;
}
.art_pic2 a:hover {
	background-position: 0px 0;
}
/*Art_Pic2 ENDE*/

.art_pic3 {
	width: 51px;
	height: 51px;
	position: absolute;
	left: 1316px;
	top: 180px;
}
.art_pic3 a {
	display: block;
	width: 51px;
	height: 51px;
	background-position: -51px 0;
}
.art_pic3 a:hover {
	background-position: 0px 0;
}
/*Art_Pic3 ENDE*/

.art_pic4 {
	width: 63px;
	height: 63px;
	position: absolute;
	left: 1375px;
	top: 85px;
}
.art_pic4 a {
	display: block;
	width: 63px;
	height: 63px;
	background-position: -63px 0;
}
.art_pic4 a:hover {
	background-position: 0px 0;
}
/*Art_Pic4 ENDE*/

.art_pic5 {
	width: 113px;
	height: 65px;
	position: absolute;
	left: 1375px;
	top: 155px;
}
.art_pic5 a {
	display: block;
	width: 113px;
	height: 65px;
	background-position: -113px 0;
}
.art_pic5 a:hover {
	background-position: 0px 0;
}
/*Art_Pic5 ENDE*/

.art_pic6 {
	width: 76px;
	height: 63px;
	position: absolute;
	left: 1447px;
	top: 85px;
}
.art_pic6 a {
	display: block;
	width: 76px;
	height: 63px;
	background-position: -76px 0;
}
.art_pic6 a:hover {
	background-position: 0px 0;
}
/*Art_Pic6 ENDE*/

.art_pic7 {
	width: 50px;
	height: 91px;
	position: absolute;
	left: 1497px;
	top: 178px;
}
.art_pic7 a {
	display: block;
	width: 50px;
	height: 91px;
	background-position: -50px 0;
}
.art_pic7 a:hover {
	background-position: 0px 0;
}
/*Art_Pic7 ENDE*/

.art_pic8 {
	width: 63px;
	height: 63px;
	position: absolute;
	left:1535px;
	top: 101px;
}
.art_pic8 a {
	display: block;
	width: 63px;
	height: 63px;
	background-position: -63px 0;
}
.art_pic8 a:hover {
	background-position: 0px 0;
}
/*Art_Pic8 ENDE*/

/*///////////////////////////////////////photo Pics////////////////////////*/
.photo_pic1 {
	width: 103px;
	height: 72px;
	position: absolute;
	left: 2542px;
	top: 144px;
}
.photo_pic1 a {
	display: block;
	width: 103px;
	height: 72px;
	background-position: -103px 0;
}
.photo_pic1 a:hover {
	background-position: 0px 0;
}
/*Photo_Pic1 ENDE*/

.photo_pic2 {
	width: 85px;
	height: 123px;
	position: absolute;
	left: 2654px;
	top: 93px;
}
.photo_pic2 a {
	display: block;
	width: 85px;
	height: 123px;
	background-position: -85px 0;
}
.photo_pic2 a:hover {
	background-position: 0px 0;
}
/*Photo_Pic2 ENDE*/

.photo_pic3 {
	width: 51px;
	height: 51px;
	position: absolute;
	left: 2688px;
	top: 223px;
}
.photo_pic3 a {
	display: block;
	width: 51px;
	height: 51px;
	background-position: -51px 0;
}
.photo_pic3 a:hover {
	background-position: 0px 0;
}
/*Photo_Pic3 ENDE*/

.photo_pic4 {
	width: 75px;
	height: 61px;
	position: absolute;
	left: 2749px;
	top: 127px;
}
.photo_pic4 a {
	display: block;
	width: 75px;
	height: 61px;
	background-position: -75px 0;
}
.photo_pic4 a:hover {
	background-position: 0px 0;
}
/*Photo_Pic4 ENDE*/

.photo_pic5 {
	width: 110px;
	height: 65px;
	position: absolute;
	left: 2749px;
	top: 198px;
}
.photo_pic5 a {
	display: block;
	width: 110px;
	height: 65px;
	background-position: -110px 0;
}
.photo_pic5 a:hover {
	background-position: 0px 0;
}
/*Photo_Pic5 ENDE*/

.photo_pic6 {
	width: 61px;
	height: 71px;
	position: absolute;
	left: 2835px;
	top: 119px;
}
.photo_pic6 a {
	display: block;
	width: 61px;
	height: 71px;
	background-position: -61px 0;
}
.photo_pic6 a:hover {
	background-position: 0px 0;
}
/*Photo_Pic6 ENDE*/

.photo_pic7 {
	width: 110px;
	height: 63px;
	position: absolute;
	left: 2907px;
	top: 144px;
}
.photo_pic7 a {
	display: block;
	width: 110px;
	height: 63px;
	background-position: -110px 0;
}
.photo_pic7 a:hover {
	background-position: 0px 0;
}
/*Photo_Pic7 ENDE*/

.photo_pic8 {
	width: 101px;
	height: 68px;
	position: absolute;
	left:2869px;
	top: 223px;
}
.photo_pic8 a {
	display: block;
	width: 101px;
	height: 68px;
	background-position: -101px 0;
}
.photo_pic8 a:hover {
	background-position: 0px 0;
}
/*Photo_Pic8 ENDE*/

/* Titles h2 /////////////*/
.illu_title {
	position: absolute;
	left: 512px;
	top: 301px;
	text-transform: uppercase;
}
.art_title {
	position: absolute;
	left: 1298px;
	top: 301px;
	text-transform: uppercase;
}
.art_title2 {
	position: absolute;
	left: 2102px;
	top: 302px;
	text-transform: uppercase;
}
.photo_title {
	position: absolute;
	left: 2855px;
	top: 337px;
	text-transform: uppercase;
}