/*

Theme Name: Jürgen Taverniers Portfolio v2

Theme URI: http://jurgentaverniers.be

Description: Mijn eigen portfolio template.

Version: 0.1

Author: Jürgen Taverniers

Author URI: http://www.jurgentaverniers.be

Tags: portfolio

*/



body {

	margin: 100px 0 0 0;

	padding: 0;

	background: #FFFFFF url(images/img01.gif) repeat-x;

	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;

	font-size: 13px;

	color: #333333;

}



h1, h2, h3 {

	margin: 0;

	text-transform: lowercase;

	font-weight: normal;

	color: #3E3E3E;

}



h1 {

	font-size: 32px;

}



h2 {

	font-size: 23px;

}



.page p{

	line-height: 16px;

        margin: 0;

        margin-bottom: 12px;

}



.page h1{

	color: #7BAA0F;

	font-size: 20px;



}



.page li{

        margin: 0;

	line-height: 16px;

}



.page ul{

        margin: 0;

        margin-bottom: 12px;

}



.page img{

        float: right;

        margin: 0;

        margin-top: -12px;

        margin-right: 330px;

        height: 10px;

}



p, ul, ol {

	margin: 0 0 2em 0;

	text-align: justify;

	line-height: 26px;

	font-size: 11px;

}



a:link {

	color: #7BAA0F;

}



a:hover, a:active {

	text-decoration: none;

	color: #003448;

}



a:visited {

	color: #7BAA0F;

}



img {

	border: none;

}



img.left {

	float: left;

	margin-right: 15px;

}



img.right {

	float: right;

	margin-left: 15px;

}



/* Form */



form {

	margin: 0;

	padding: 0;

}



fieldset {

	margin: 0;

	padding: 0;

	border: none;

}



legend {

	display: none;

}



input, textarea, select {

	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;

	font-size: 13px;

	color: #333333;

}



/* Header */



#header {

	width: 850px;

	height: 82px;

	margin: 0 auto 40px auto;

	background: url(images/img03.gif) repeat-x left bottom;

}



#logo {

	float: left;

}



#logo h1 {

	font-size: 38px;

	color: #494949;

}



#logo h1 sup {

	vertical-align: text-top;

	font-size: 24px;

}



#logo h1 a {

	color: #494949;

}



#logo h2 {

	margin-top: -10px;

	margin-left: 245px;

	font-size: 12px;

	color: #A0A0A0;

}



#logo a {

	text-decoration: none;

}



/* Menu */



#menu {

	float: right;

}



#menu ul {

	margin: 0;

	padding: 15px 0 0 0;

	list-style: none;

}



#menu li {

	display: inline;

}



#menu a {

	display: block;

	float: left;

	margin-left: 30px;

	padding: 7px;

	text-decoration: none;

	font-size: 13px;

	color: #000000;

}



#menu a:hover {

	text-decoration: underline;

}



#menu .active a {

	background: url(images/img02.gif) repeat-x left bottom;

}



#menu .current_page_item a{

	background: url(images/img02.gif) repeat-x left bottom;

}

/* Page */



#page {

	width: 850px;

	margin: 0 auto;

}



/* Content */



#content {

	float: left;

	width: 575px;

}



/* Post */



.post {

}



.post .title {

	margin-bottom: 20px;

	padding-bottom: 5px;

	background: url(images/img03.gif) repeat-x left bottom;

}



.post .entry p{

	line-height: 16px;

	margin: 0 0 10px 0;

}



.post .meta {

	padding: 15px 0 60px 0;

	background: url(images/img03.gif) repeat-x;

}



.post .meta p {

	margin: 0;

	line-height: normal;

	color: #999999;

}



.post .meta .byline {

	float: left;

}



.post .meta .links {

	float: right;

}



.post .meta .more {

	padding: 0 20px 0 18px;

	background: url(images/img06.gif) no-repeat left center;

}



.post .meta .comments {

	padding-left: 22px;

	background: url(images/img07.gif) no-repeat left center;

}



.post .meta b {

	display: none;

}



.post .meta a {

	color: #7BAA0F;

}



.post a {

	color: #7BAA0F;

}



#comments {

	margin-bottom: 20px;

}



.navigation {

	display: block;

	text-align: center;

	margin-top: 10px;

	margin-bottom: 20px;

}

pre {
       border: solid 1px black;
       font-size: 11px; 
       color: #333333; 
       margin: -8px 8px 10px 8px; 
       padding: 3px; 
       background: #EEEEEE;
}


/* Sidebar */



#sidebar {

	float: right;

	width: 195px;

}



#sidebar ul {

	margin: 0;

	padding: 0;

	list-style: none;

}



#sidebar li {

	margin-bottom: 40px;



}



#sidebar li ul {




}



#sidebar li li {


	margin: 0;

}




#sidebar h2 {

	margin-bottom: 10px;

	background: url(images/img03.gif) repeat-x left bottom;

	font-size: 16px;

}






#sidebar a {

	color: #000000;

}



#sidebar p {

	font-size: 10px;

	line-height: 14px;

}



#sidebar .cloud a{

	color: #000000;

	text-decoration: none;

}



#quote {

	font-style: italic;

	line-height: 12px;

	color:#999999;

}



#quote small{

	font-style: normal;

}



#twitter a{

	color: #7BAA0F;

}



#twitter_follow {

	float: right;

}



#twitter_update_list {

	line-height: 12px;

}



/* Search */



#search {

}



#search h2 {

	margin-bottom: 20px;

}



#s {





	width: 115px;

	margin-right: 5px;

	padding: 3px;

	border: 1px solid #F0F0F0;



}



#x {

	padding: 3px;

	background: #ECECEC url(images/img08.gif) repeat-x left bottom;

	border: none;

	text-transform: lowercase;

	font-size: 11px;

	color: #4F4F4F;

}



/* Boxes */



.box1 {

	padding: 20px;

	background: url(images/img05.gif) no-repeat;

}



.box1 p{

	line-height: 20px;

}



.box1 a:link, .box1 a:hover, .box1 a:active, .box1 a:visited  {

	color: #7BAA0F;

}



.box2 {

	color: #BABABA;

}



.box2 h2 {

	margin-bottom: 15px;

	background: url(images/img10.gif) repeat-x left bottom;

	font-size: 16px;

	color: #FFFFFF;

}



.box2 ul {

	margin: 0;

	padding: 0;

	list-style: none;

}



.box2 a:link, .box2 a:hover, .box2 a:active, .box2 a:visited  {

	color: #EDEDED;

}



/* Footer */



#footer {

	height: 400px;

	min-height: 400px;

	padding: 130px 0 0 0;

	background: #003448 url(images/img09.gif) repeat-x;

}



html>body #footer {

	height: auto;

}



#footer .wrap {

	width: 850px;

	margin: 0 auto;

}



#legal {

	clear: both;

	padding-top: 20px;

	text-align: center;

	color: #375C69;

}



#legal a {

	color: #476B77;

}



#fbox1, #fbox2, #fbox3 {

	float: left;

}



#fbox1 {

	width: 310px;

	height:250px;

}



#fbox2 {

	width: 200px;

	padding-left: 70px;

}



#fbox3 {

	width: 200px;

	padding-left: 70px;

}



/* Flickr */



#flick {

	color: #0064E0;

}



#r {

	color: #FF0183;

}



#fbox1 img {

   float:left;

   margin:0 0px 8px 8px;

   background:#3f4e4e;

   padding:4px;

   width:85px;

   height:60px;

}

#fbox1 img[src*="http://geo.yahoo.com"] {
   display: none;
}

.side_img {
	margin-right: 5px;
	vertical-align: middle;
}