/* CSS Document */

*{
margin:0;
padding:0;
}

html,body{height:100%;position:relative;}

body{
background-color:#111;
color:#EEE;
font-family:Helvetica, Arial, sans-serif;

}

h1{
color:#EEE;
font-size:25px;
text-transform:lowercase;
padding-top:40px;
}

h2{
color:#ccc;
font-size:18px;
}

h4{
color:#ccc;
font-size:40px;
padding:30px 0 40px 0;
}

#header h2{
color:#FFF;
font-size:50px;
text-transform:lowercase;
margin-bottom:10px;
margin:0;
padding:0;
line-height:50px;
}

h2.bordered{
color:#444;
border-bottom:1px solid #666;
margin-bottom:4px;
text-align:left;
border-top:none;
}

h3{
font-weight:normal;
text-transform:lowercase;
margin:5px;
font-size:15px;
}

.body_text h3{
color:#555;
font-size:16px;
margin-bottom:15px;
padding-bottom:4px;
border-bottom:1px solid #666;
font-weight:bold;
}

.project_container h3{

border-top: 1px solid #666;
color:#666;
font-size:18px;
text-transform:lowercase;
padding: 4px 0;
margin: 5px 0;
}

#header h3{
font-weight:bold;
color:#ccc;
font-size:16px;
margin:0;
text-transform:none;
padding:0;
line-height:18px;
}

.region h3{
font-weight:bold;
padding:5px 0;
text-transform:none;
}

h5{
color:#666;
font-size:18px;
text-transform:lowercase;
}

h5 em{
font-style:normal;
font-weight:normal;
}

a,a:visited{
color:#999;
text-decoration:none;
}

a:hover{
color:#EEE;
}

a img{
border:none;
}

ul.big_list{
list-style:none;
list-style-type:none;
font-size:30px;
text-transform:lowercase;
font-weight:bold;
}

ul.big_list li{
margin-bottom:5px;
}

ul.big_list ul{
display:none}

ul.related{
font-size:12px;
list-style:none;
list-style-type:none;
text-align:right;
padding-bottom:20px;
}

ul.related li{
display:inline;
margin:2px;
}

#container{
/*width:964px;
margin:15px;
background-image:url(/images/ffm_bg.jpg);
background-attachment:fixed;
background-repeat:repeat-y;*/
background:#222;
}

.region{
margin:0;
/*background-image:url(/images/tile.png);*/
margin-bottom:1px;
}

.center{
width:980px;
margin:0 auto;
position:relative;

}

.masthead .center{
/*height:345px;*/
}

.wide{
margin:0 auto;
position:relative;
text-align:center;
}

#header{
margin-bottom:1px;
padding-top:30px;
padding-bottom:30px;
/*background-image:url(/images/tile.png);*/
background:#111;
height:auto !important;
height:100px;
min-height:100px;
}

#logo{
background-image:url(/images/ffm_logo.png);
background-position:top left;
background-repeat:no-repeat;
height:100px;
padding-left:100px;
padding-top:15px;

}

#nav{
font-size:18px;
font-weight:bold;
color:#333;
text-transform:lowercase;
margin-bottom:85px;
position:absolute;
top:27px;
right:0;
}

#nav a, #nav a:visited{
color:#FFF;
text-decoration:none;
}

#nav a:hover{
color:#999;
}

#nav ul{
list-style:none;
list-style-type:none;
width:300px;
}

#nav ul li{
float:left;
width:150px;
}

#content{
background-color:transparent;
margin:0;
position:relative;
}

.pagination{
text-align:right;

}

.list_container{
margin-bottom:15px;
text-transform:lowercase;
}

.masthead{
padding:40px 0;
width:100%;
/*background-image:url(/images/tile.png);*/
background:#CCC;
position:relative;
margin-bottom:1px;

}

.masthead h1{
padding-right:10px;
text-transform:uppercase;
text-align:right;
font-size:44px;
font-weight:bold;
line-height:85%;
color:#FFF;
padding-left:230px;
margin-bottom:40px;
padding-top:0;
}

.masthead h1 em{
color:#FFF;
font-style:normal;
}

.masthead h2{
padding-right:10px;
text-transform:none;
text-align:right;
font-size:35px;
font-weight:bold;
line-height:85%;
color:#666;
padding-left:230px;
margin:0;
}
.masthead h3{
padding-right:10px;
text-transform:none;
text-align:right;
font-size:20px;
font-weight:bold;
line-height:85%;
color:#666;
padding-left:200px;
padding-bottom:0;
margin:0;
margin-top:10px;
}



.list{
list-style:none;
list-style-type:none;
padding:0;
margin:0;
text-align:center;
padding-top:4px;
}

.listing{
background-color:transparent;
text-align:left;
width:241px;
margin: 0 4px 4px 0;
float:left;
/*height:157px;*/
position:relative;
padding-bottom:4px;
/*font-family:"Courier New", Courier, monospace;*/
height:225px;
}

.listing img{
background:#222;
padding:2px;
}

.listing a:hover img{
background:#EEE;
}

.listing span.label,.listing span.desc{
font-weight:bold;
text-transform:none;
font-size:11px;
display:block;
padding:0;
margin:0;
padding-left:5px;
}

.listing span.label{
margin-top:8px;

}

.listing span.desc{
font-weight:normal;
}

.listing a{
padding:0;
margin:0;
display:block;
width:241px;
height:229px;
background:#222;
color:#666;
border-bottom:1px solid #333;
}

.listing a:hover{
color:#666;
background:#EEE;
border-bottom:1px solid #FFF;
}

.listing a:hover .overlay{
display:none;
}



.overlay{
position:absolute;
top:2px;
left:2px;
display:block;
width:237px;
height:157px;
background-image:url(/images/thumb_overlay.png);
}

.arrow{
position:absolute;
top:145px;
left:5px;
display:block;
width:34px;
height:17px;
background-image:url(/images/arrow.png);
display:none;
}

.listing a:hover .arrow{
display:none;
}

.feature_list{
list-style:none;
list-style-type:none;
width:100%;
padding-top:1px;
margin:0;
}

.feature_listing{
list-style:none;
text-align:right;
width:20%;
height:auto !important;
height:12%;
min-height:12%;

margin: 0 1px 1px 0;
float:left;
position:relative;
padding:0;
}

.feature_listing a{
margin:0;
padding:0;
}

.feature_listing img{
border:none;
margin:0;
}

.featured,
.featured *,
.featured img,
.featured a{
font-size:0;
padding:0;
margin:0;
line-height:0;
}

.featured img{
margin: 0 1px 1px 0;
}

.prev_next{
text-align:right;
color:#666;
font-size:40px;
font-weight:bold;
line-height:40px;
}

.credits, .bordered{
text-align:right;
margin-bottom:40px;
margin-top:15px;
border-top: 1px solid #666;
padding-top:15px;
}

.project_container, .content_container{
/*border-top: 1px solid #333;
padding-top:4px;
margin-top:4px;*/
}

div.left{
float:left;
width:564px;
}

.content_container div.left{
width:395px;
}

div.right{
float:right;
width:395px;
text-align:right;
}

.content_container div.right{
width:564px;
padding-top:5px;
}

.project_img{
margin-bottom:4px;
}
.body_text p{
color:#FFF;
font-size:14px;
line-height:120%;
margin-bottom:24px;
}

.float_fix{
clear:both;
}

#footer{
clear:both;
margin-top: 0;
padding:20px 20px 20px 20px;
font-size:10px;
/*background-image:url(/images/tile.png);*/
background:#111;
}

.center.padded{
padding:30px 0;
}