/*
Theme Name: foto_theme 
Theme URI: http://web.rhizom.nl/
Description: Custom theme for Emmely van Mierlo
Version: 1.6
Author: Volkan Florchinger
Author URI: http://web.rhizom.nl/
Tags: 

	foto 0.2 

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/


body {
    font:0;
    font-size: 12px;
    font-family: Helvetica, Arial, Verdana, "Lucida Grande", sans-serif;
    background:0;
    background-color: #FFFFFF;
    border:0;
    margin:0;
    padding:0;
    line-height:1.3;
    text-align:left;
    color:#AAA;
    text-transform:lowercase;
}
table h4{
    margin:0;
    color:#fe6db4;
}
table tr td{
    padding:3px;
}
a {
    color: #000;
}
img{
    border:none;
}
#menu, #menu2 {
    list-style-type:none;
    margin:0;
    padding:0;
    position:absolute;
}

#menu   .active{
    color:#6fd2ac;
}

.active2{
    color:#fe6db4 !important;
}
#menu2{
    margin:20px 0px 0 0;
}
#menu  li, #menu2 li{  
    display:block;
    float:left;
    margin:0 4px 0 0px; /*use negative margin-left to hide the background image*/
    padding:0px 3px 0px 0px;
    margin: 0;
    position:relative;
    letter-spacing: 1.0pt;
}

.menu a, .menu2 a{
    text-decoration:none;
    padding-right: 6px;
    margin: 0;
    color:#AAA;
    font-size:10pt;
    letter-spacing: 1.1pt;
}

#centerer {
    padding:0 25px 20px 25px;
    border: 0px solid #000;
    margin: 20px auto;
    min-height:750px;
    height:750px;
    height:auto;
    width:940px;
    position:relative;
    z-index:10;
}
.page-id-20{
    
}
* html #centerer { height:500px; }
#header {
    position:relative;
    display:block;
    left:-2px;
    padding:0px 0 15px 0;
    background:0;
}
#top {
    position:relative;
    display:block;
    height:65px;
}
#content {
    height:540px;
    width:940px;
    overflow:hidden;
    margin:0;
    padding:0;
}
#contentscroll {
    height:100%;
    width:940px;
    overflow:hidden;
    float:left;
    position:relative;
}
#bottom {
    padding:25px 0 0 0 ;
    letter-spacing: 1.1pt;
    color:#AAA;
font-size:12px;
}

.scrollme div p,
.text {
    margin: 10px;
}

#portfolio_wrapper {
    height:518px;
    width:100%;
    overflow:auto;
    overflow-x:hidden;
    overflow-y:hidden;
}
#portfolio_content {
    width:15000px;
    height:518px;
    overflow:hidden;
}
#portfolio_center {
    float:left;
    width:0px;
}
.img_wrapper {
    float:left;
    margin-right:8px;
    display:block;
}
.img_wrapper img {
    height:500px;
}

table {
}

#text_only{
    width:700px;
}
#closure{
    position:absolute;
    bottom:5px;
    margin-top:25px;
    font-size: 9px;
}
#video{
    width:650px;
}
    /* these selector names are based on what you provide to the class */
    
    /* example 1 */
    #box            { border:1px solid #ccc; width:200px; height:20px; }
    #perc           { background:#ccc; height:20px; }
    
    /* example 2 */
    #box2           { background:url(progress-bar-back.gif) right center no-repeat; width:200px; height:20px; float:left; }
    #perc2          { background:url(progress-bar.gif) right center no-repeat; height:20px; }
    #text           { font-family:tahoma, arial, sans-serif; font-size:11px; color:#000; float:left; padding:3px 0 0 10px; }