/* 

Theme Name: YourFolio

Description: A Personal Blog & Portfolio Theme

Author: Maximus

Author URI: http://themeforest.net?ref=Maximus

*/



* {

	margin: 0px;

	padding: 0px;

}



body, html {

	height: 100%;

}



body {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 62.5%;

}



a {

	outline: none;

	text-decoration: none;

}



a:hover {

	text-decoration: underline;



}





a img {

	border: none;

}



.clearfix:after {

	content: ".";

	visibility: hidden;

	display: block;

	height: 0px;

	clear: both;

}



* html .clearfix {

	height: 1%;

}



*+html .clearfix {

	height: 1%;

}



#container {

	width: 100%;

	min-height: 100%;

	height: auto !important;

	height: 100%;

	margin: 0px 0px -70px;

	min-width: 970px;

}



#header_wrap, #project_wrap, #content_wrap, #footer_wrap {

	font-size: 1em;

	width: 100%;

	position: relative;

}



#header, #project, #content, #footer {

	width: 960px;

	margin: 0px auto;

	font-size: 1.1em;

}



#header_wrap {

	padding-top: 6px;

}



#header {

	padding: 30px 0px 30px 5px;

	position: relative;

	

}



#project {

	position: relative;

	z-index: 101;

}



#content_wrap {

	padding: 35px 0px;

}



#home #content_wrap {

	padding: 75px 0px 35px;

}



#sidebar {

	width: 350px;

	float: left;

}



#main {

	margin-top:0px;

	width: 565px;

	float: right;

}



#footer_wrap, .push {

	height: 69px;

	min-width: 970px;

}



#footer {

	padding: 28px 0px 0px;

}



.logoarea {

	float: left;

	display:block;

	position:relative;

}



h1.logo {

	width: auto;

	font-size: 2.85em;

	font-weight: bold;

	letter-spacing: -1px;

	position: relative;

	z-index: 20;

}



h1.logo a {

	text-decoration: none;

}



p.description {

	text-transform: uppercase;

	letter-spacing: 1px;

}



ul.main_nav {

	width: 650px;

	text-align: right;

	position: absolute;

	top: 40px;

	right: -12px;

	text-transform: uppercase;

	float: right;

}



body#home ul.main_nav {

	top: 26px;

}



ul.main_nav li {

	display: inline;

	list-style: none;

	padding: 0px 15px;

	position: relative;

}



ul.main_nav li a {

	padding-bottom: 3px;

	text-decoration: none;

	text-transform:uppercase;

	color:#FFF;

}



.info {

	width: 350px;

	float: left;

	padding: 35px 0px;

	min-height: 185px;

	line-height: 22px;

	font-size: 1em;

}



.info h2 {

	font-size: 1.95em;

	font-weight: bold;

        margin-bottom: 5px;

}



a.nextproject {

	width: 110px;

	height: 32px;

	display: block;

	float: left;

	padding: 6px 0px 0px 35px;

	font-size: 0.95em;

	margin-top: 25px;

}



.info a.view {

	display: block;

	width: 170px;

	float: left;

	padding: 6px 0px 0px 0px;

	margin: 25px 0px 0px 25px;

}



.project_screen {

	height: 350px;

	width: 565px;

	float: right;

	margin: -35px 0px -35px 0px;

	position: relative;

	z-index: 100;

	overflow: hidden;

}





h3.pagetitle {

	width: 100%;

}

.top_h3{

	text-align:left;

	margin-left:-450px;

}



.pagetitle span {

	display: block;

	width: 960px;

	margin: 0px auto;

}



.text_left {

	width: auto;

	float: left;

	text-transform: uppercase;

	margin-bottom: 25px;

}



.text_right {

	width: auto;

	float: right;

	text-align: right;

	margin-bottom: 25px;

}



.crop_image {

	width: 565px;

	overflow: hidden;

	border: 1px solid #DADADA;

	margin: 5px 0;

	margin-bottom:20px;

}

.crop_image_big {

	width: 565px;

	overflow: hidden;

	margin: 5px 0;

	margin-bottom:20px;

}



.no-crop {

	width: 565px;

	overflow: hidden;

	border: 1px solid #DADADA;

	margin: 5px 0;

		margin-bottom:20px;

}

.image_blog{

		overflow: hidden;

	border: 0px solid #DADADA;

	margin: 15px 0;

	margin-bottom:6px;

	}

	

.video {

	display:block;

	padding: 30px 0;

	margin-bottom:-20px;

	}



hr {

	clear: both;

	height: 0px;

	border: none;

	background: none;

}



#sidebar hr {

	margin-bottom: 25px;

}







.post {

	clear: both;

	margin: 20px 0px 10px 0px;

}



.post h2.posttitle, h4.title {

	font-size: 18px;

	font-weight: bold;

	width: auto;

	float: left;

}



.post p.comments {

	width: auto;

	float: right;

	text-align: right;

	text-transform: uppercase;

	line-height:13px;

}



.post .entry {

	clear: both;

	padding-top: 10px;

	padding-bottom:10px;

	line-height: 19px;

}

#postalan p{
	margin:0 0 28px 0}




.post .entry h1, .post .entry h2, .post .entry h3,

.post .entry h4, .post .entry h5, .post .entry h6 {

	font-weight: bold;

	margin-bottom: 20px;

}



.post .entry h1 {

	font-size: 2.5em;

}

.post .entry h2 {

	font-size: 2.25em;

}

.post .entry h3 {

	font-size: 2.0em;

}

.post .entry h4 {

	font-size: 1.75em;

}

.post .entry h5 {

	font-size: 1.5em;

}

.post .entry h6 {

	font-size: 1.25em;

}



.post .entry p {

	margin-bottom: 0px;

}



.post .entry blockquote {

	padding-top: 24px;

	padding-right: 25px;

	padding-bottom: 0px;

	padding-left: 90px;

	margin-top: 20px;

        margin-bottom: 20px;

	background-image: url(http://www.alanvalek.com/wp-content/uploads/2009/09/blockquote_bg.png);

	background-repeat: no-repeat;

	background-position: 4% 22%;        



background-color: #efefef;

	border: 1px solid #CCCCCC;

}



.post .entry blockquote p {

	margin: 0px 0;

}



.post .entry cite {

	font-style: italic;

	margin-left: 25px;

}



.post .entry img.alignleft {

	margin-right: 20px;

	float:left;

}



.thumb_work{

	display:block;

	float:left;

	padding:10px  10px 0 0;

}

	

#thumb_work ul {

	display:block;

	padding:0;

	margin:0;

	width:565px;

	clear:both;

} 





#thumb_work li {

	list-style-type:none;

	display:block;

	float:left;

	position:relative;

	padding:10px  10px 0 0 ;

	text-align:left;

	}







.post .entry img.alignright {

	margin-left: 20px;

	float:right;

}



.post .entry img.aligncenter {

	display: block;

	margin-left: auto;

	margin-right: auto;

}



.post .entry ul, .post .entry ol {

	margin: 0px 0px 20px 0px;

}



.post .entry ul li {

	list-style: disc outside;

}



.post .entry ol li {

	list-style: decimal outside;

}



h4.title {

	width: auto;

	float: none;

	margin-bottom: 25px;

}



.navigation {

	margin-top: 25px;

}



.navigation a {

	display: block;

	width: auto;

	font-size: 1.5em;

	text-decoration: none;

	padding: 5px 15px;

}



.navigation .alignleft a {

	float: left;

}



.navigation .alignright a {

	float: right;

}



.commentarea {

	margin-top: 25px;

}



.commentlist {

	margin-bottom: 25px;

}



.comment .name {

	width: 170px;

	float: left;

	padding-top: 20px;

	font-size: 0.9em;

}



.comment .name a {

	font-size: 1.2em;

}



.comment .text {

	width: 354px;

	margin-left: -1px;

	padding: 20px;

	float: left;

	line-height: 19px;

}



.commentarea p {

	margin-bottom: 10px;

}

#comment{

	background-color:#e0e0e0;

	width: 100%;

	overflow: auto;	

	} 



.comment_contact{

		background-color:#e0e0e0;

	width: 100%;

	overflow: auto;	

}



.module {

	margin-bottom: 25px;

	line-height: 16px;

	width:350px;

}



.module h4 {

	font-size: 18px;

}



.flickr a img {

	margin: 0 6px 6px 0;

}



.about .thumb {

	float: left;

	margin-right: 20px;

}



.about h4 {

	font-size:18px;

	margin-bottom: 15px;

}

.about p {

	margin-top: -10px;

}



.list {

	line-height: 23px;

}



.list ul {

	list-style: none;

	padding: 10px;

	text-transform: uppercase;

	font-size: 0.9em;

	

}



.list h4 {

	padding: 0px;

	font-weight: bold;

}



input.text {

	padding: 10px;

	border: none;

	font-size: 1.1em;

	float: none;

	margin-bottom: 20px;

	display: block;

	width: 300px;

}



textarea {

	padding: 10px;

	border: 1px solid #e0e0e0;

	font-size: 1.1em;

	width: 545px !important;

	height: 150px !important;

	margin-bottom: 20px;

	

}

#pageSurround {

	border: 0px solid red;

	margin-bottom: 0px;

	display:block;

	width: 100%;

	overflow: hidden;

	position:relative;

	float:left;

}



#submit{

	display:block;

	position:relative;

	float:left}





input.submit {

	display: block;

	width: auto;

	padding: 7px 40px;

	text-transform: uppercase;

	border: none;

	cursor: pointer;

}



#searchform {

	padding: 7px 5px 5px 12px;

}



#searchform input#s {

	border: none;

	width: 300px;

	float: left;

	padding: 2px 0px;

	font-size: 1.1em;

}



#searchform input#searchsubmit {

	float: right;

	margin: 2px 8px 0px 0px;

}



#home #categories {

	display: none;

}

.categories {

	display: none;

}





#home_cat {

	display: none;

}



#footer p.credits {

	width: 600px;

	float: left;

}



#footer a.feed {

	display: block;

	width: 150px;

	height: 16px;

	padding-left: 25px;

	float: right;

	background-repeat: no-repeat;

}



#home .singles {

	display: none;

}



*+html hr {

	margin-top: -7px;

	margin-bottom: -21px;

}



.autohide {

	display:none;

}



/* Begin Calendar */

#wp-calendar {

	empty-cells: show;

	margin: 10px auto 0;

	width: 250px;

}



#wp-calendar #next a {

	padding-right: 10px;

	text-align: right;

}



#wp-calendar #prev a {

	padding-left: 10px;

	text-align: left;

}



#wp-calendar a {

	display: block;

}



#wp-calendar caption {

	text-align: center;

	width: 100%;

}



#wp-calendar td {

	padding: 3px 0;

	text-align: center;

}



#wp-calendar td.pad:hover {

	background-color: #fff;

}



/*	| NAVIGATION

	------------------------------------- */

div#willem{

	width:450px;

	display:block;

	margin-left:514px;

	text-align:left;

	margin-top:-49px;

	float:left;

	position:relative;

	z-index:20;

	}



        .lavaLamp {

            position: relative;

            width: 450px;

            background: url("images/dfsdfgsdfg.png") no-repeat top;

            padding: 0px;

			padding-left:0px;

            margin: 0px 0;

            overflow: hidden;

        }

                .lavaLamp li {

                    float: left;

                    list-style: none;

                }

                    .lavaLamp li.back {

                        background: url("images/lava.png") no-repeat right -30px;

                        width: 9px; height: 30px;

                        z-index: 8;

                        position: absolute;

                    }

                        .lavaLamp li.back .left {

                            background: url("images/lava.png") no-repeat top left;

                            height: 30px;

                            margin-right: 9px; /* 7px is the width of the rounded shape */

                        }

                    .lavaLamp li a {

                        font: bold 14px arial;

                        text-decoration: none;

                        color: #fff;

                        outline: none;

                        text-align: center;

                        top: 0px;

                        text-transform: uppercase;

                        letter-spacing: 0;

                        z-index: 10;

                        display: block;

                        float: left;

                        height: 30px;

                        position: relative;

                        overflow: hidden;

                        margin: auto 10px;    

                    }

                        .lavaLamp li a:hover, .lavaLamp li a:active, .lavaLamp li a:visited {

                            border: none;

                        }



#nav_home a {

	width: 55px;

	background: url('images/top_menu/home.png') no-repeat center !important;

	background: url('images/lava/nav_home.gif') no-repeat center;

	}

#nav_portfolio a {

	width: 96px;

	background: url('images/top_menu/portfolio.png') no-repeat center !important;

	background: url('images/top_menu/nav_books.gif') no-repeat center;

	} 

#nav_blog a {

	width: 52px;

	background: url('images/top_menu/blog.png') no-repeat center !important;

	background: url('images/top_menu/nav_dvds.gif') no-repeat center;

	} 

#nav_about a {

	width: 63px;

	background: url('images/top_menu/about.png') no-repeat center !important;

	background: url('images/top_menu/nav_seminars.gif') no-repeat center;

	}	

#nav_contact a {

	width: 79px;

	background: url('images/top_menu/contact.png') no-repeat center !important;

	background: url('images/top_menu/nav_otrain.gif') no-repeat center;

	}



pre{

	display:block;

	font:100% "Courier New", Courier, monospace;

	padding:10px;

	border:1px solid #bae2f0;

	background:#e3f4f9;	

	margin:.5em 0;

	overflow:auto;

	width:800px;

}





/*  */



#tooltip{

	position:absolute;

	border:0px solid #333;

	background:#4c7f68;

	padding:4px 10px;

	color:#fff;

	display:none;

	}	



.execphpwidget {

	padding-top:10px;

	text-indent:5px;	

	background-color:#747474;

	}



.module .execphpwidget h4 {

	color:#FFF;

	padding-bottom:5px;

	border-bottom:1px solid #e0e0e0;

	text-indent:8px

	}

	

	.module .execphpwidget a {

	color:#FFF;

	}

	

	.project_txt{

		color:#b4b4b4

		}

		

.bubbleInfo {

            position: relative;height:44px; width:327px; display:block;float:left;

        }

.trigger {

            position: absolute;

        }

     

        /* Bubble pop-up */



.popup {

        	position: absolute;

        	display: none;

        	z-index: 102;

        	border-collapse: collapse;

        }





.wpcf7-response-output{

	margin-top:30px;

	padding:30px;

	border:none}