/*
Theme Name: TMportfolio
Theme URI: http://www.thomasmailaender.com/
Version: 1.0
Author: Raphael Bastide
*/

*{
margin:0;
padding:0;
font-family:arial, verdana, sans;
font-size:16px;
font-weight:normal;
}

.load{
display:none;
}

/*.......................SUM......*/

body{
padding:20px;
}

p{
margin:0 0 15px 0;
line-height:20px;
}

/*.......................HEADER......*/
#header{
position:fixed;
}

#header h1{
display:block;
float:left;
width:180px;
}

#header a {
text-decoration:none;
padding:0 0 1px 0;
border-bottom: 1px solid;
}

#header ul{
float:left;
list-style-type:none;
}

#header li{
position:absolute;
text-align:center;
}

#header .cat-item-3{left:273px;}
#header .cat-item-3 a{color:blue;}
#header .cat-item-3 a:hover{color:grey;}

#header .cat-item-4{left:405px;
display:none;
}
#header .cat-item-4 a{color:red;}
#header .cat-item-4 a:hover{color:grey;}

#header .cat-item-5{left:572px;
display:none;

}
#header .cat-item-5 a{color:green;}
#header .cat-item-5 a:hover{color:grey;}

#header .page-item-2{left:405px;}
/*#header .page-item-2{left:725px;}*/
#header .page-item-2 a{color:#6400c8;}
#header .page-item-2 a:hover{color:grey;}

/*.......................CONTENT......*/

#content{
position:relative;
margin:40px 0 50px 0;
clear:both;
background:white;
}

#content img{
margin:0 10px 10px 0;
display:block;
}

.post{
padding:30px 0 0 0;
width:440px;
}

#content li{
display:block;
list-style-type:none;
float:left;
width:290px;
height:290px;
margin:0 10px 10px 0;
background:white;
}

#content li a{
display:block;
width:290px;
height:290px;
}

#content li a:hover{
display:block;
width:290px;
height:290px;
background:url(img/hover44.gif);
}

#content li a:active{
background:white;
filter:alpha(opacity=30);
-moz-opacity:0.3;
-khtml-opacity: 0.3;
opacity: 0.3;
}

alt{
display:none;
}

#content h2,.center{
display:block;
margin-top:-30px;
width:290px;
text-align:center;
position:fixed;
}

#content .center{
margin-top:40px;
}

.category-works h2, .category-works .center{
color:blue;
margin-left:150px;
}
.category-publication h2, .category-publication .center{
color:red;
margin-left:300px;
}

.category-books h2, .category-books .center{
color:green;
margin-left:450px;
}

 
/*.......................ABOUT......*/

#news, #bio, #contact{
float:left;
width:290px;
padding:0 10px 0 0;
}

#news{
color:#6400c8;
}
#news p{
margin:0 0 20px 0;}

h3{
margin:0 0 20px 0;
text-decoration:underline;
}

h4{
text-decoration:underline;
}

#contact{
}

/*.......................NAV......*/

.navigation{
position:fixed;
bottom:15px;
display:block;
width:295px;
padding:0;
}

.navigation a{
float:left;
display:block;
width:142px;
text-align:center;
text-decoration:none;
font-weight:bold;
color:blue;
border:none;
}
.navigation a:hover{
color:black;
}

/*.......................FOOTER......*/

a{
padding:0 0 1px 0;
text-decoration:none;
border-bottom:1px solid;
color:black;
}

a:hover{
color:grey;
}

a img, li a {
border:none;
}

a:active{
outline: none;
text-decoration:none;
}

:-moz-any-link:focus {
outline: none;
color:grey;
}

::selection {
color:white;
background: #0000ff;
}

::-moz-selection {
color:white;
background: #0000ff;
}