/*
new color theme "das boot" (kuler.adobe.com)

dark blueish grey: #2F3540
lighter blueish grey: #666A73

almost white: #F2EDE4

sand light: #D9D1C7
sand dark: #8C8681

*/

/* Generated by Font Squirrel (http://www.fontsquirrel.com) on March 28, 2010 */

@font-face {
	font-family: 'FertigoProRegular';
	src: url('fonts/Fertigo_PRO.eot');
	src: local('fonts/Fertigo Pro'), local('fonts/FertigoPro-Regular'), url('fonts/Fertigo_PRO.woff') format('woff'), url('fonts/Fertigo_PRO.ttf') format('truetype');
}


/*permanent scrollbar in firefox to prevent jumping*/
body { min-height: 101%; }

body, html{
    background:#666A73;
}

body.blank{
    background:#D9D1C7
}

#main{
    background:white;
    border-top:15px solid #2F3540;
}

#breadcrumb{
    z-index:999;
    position:relative;
}

#breadcrumb_bkg{
    line-height:1.8em;
    position:absolute;
    top:265px;
    width:100%;
    text-align:center;
    z-index:10;

    background:#8C8681;
    border:1px solid #D9D1C7;
/*
    background:#828387;
    border:1px solid #6f7076;
  */
    border-width:1px 0px;
}

#breadcrumb ul{
    margin-right:0px;
    list-style:none;
    background:#D9D1C7;
    color:black;
    border:1px solid #8C8681;
    border-width:1px 0px;
    line-height:1.8em;
}

#breadcrumb ul li{
    display:inline;
}

#breadcrumb ul li.sound{
    display:block;
    float:right;
    line-height:1.8em;
}
#breadcrumb ul li.sound a{
    text-decoration:none;
    background:url('../images/icons/sound_none.png') no-repeat 0px -2px;
    padding-left:18px;
    padding-right:10px;
}
#breadcrumb ul li.sound a:hover{
    background-image:url('../images/icons/sound.png');
}

#breadcrumb a{
    color:black;
    text-decoration:underline;
}
#breadcrumb a:hover{
    text-decoration:none;
}

#footer{
    background:#2F3540;
    color:#F2EDE4;
    padding:2px 0px;
    line-height:1.8em;
    text-align:center;
    font-variant:small-caps;
    font-weight:bold;
    margin-bottom:10px;
}
#footer a{
    color:#F2EDE4;
    font-weight:bold;
    text-decoration:none;
}

#nav{
    height:250px;
}

#nav #bar{
    position:absolute;
    top:215px;
}

#nav #bar .entry{
    text-align:center;
    font-size:160%;
    letter-spacing:5px;
}
#nav #bar .active{
    color:#2F3540;
    background:#F2EDE4;
    border:1px solid #2F3540;
}

#nav #bar .entry a{
    display:block;
    color:#2F3540;
    text-decoration:none;
    font-family: FertigoProRegular, Georgia, Verdana;
}

#nav #bar .active a{
    color:#2F3540;
}

.box{
    background:#F2EDE4;
    color:#2F3540;
}
.box a{
    color:#2F3540;
    text-decoration:underline;
    font-weight:bold;
}
.box a:hover{
    color:#2F3540;
    text-decoration:none;
}

.dark{
    background:#8C8681;
    color:#F2EDE4;
}
.dark a{
    color:#F2EDE4;
    text-decoration:underline;
}
.dark h2, .dark h3, .dark h4{
    color:#F2EDE4;
}

.bluedark{
    background:#2F3540;
    color:#F2EDE4;
}
.bluedark a{
    color:#F2EDE4;
    text-decoration:underline;
}
.bluedark h2, .bluedark h3, .bluedark h4{
    color:#F2EDE4;
}

.black{
    background:black;
    color:#F2EDE4;
}
.black a{
    color:#F2EDE4;
    text-decoration:underline;
}

.black h2, .black h3, .black h4{
    color:#F2EDE4;
}


/*jquery-ui customizations*/
/*.ui-accordion-header{
    font-size:100%;
    line-height:100%;
}*/
.ui-widget-content a{
    line-height:1.5em;
    color:#2F3540;
    text-decoration:none;
    background:#F2EDE4;
    padding:2px 5px;
    display:block;
    margin-bottom:5px;
    text-align:center;
}
.ui-widget-content a:hover{
}
.ui-widget-content a.active{
    background:#8C8681;
    color:#F2EDE4;
}

#portfolio-content{
    /*background:#F2EDE4;*/
    margin-bottom:10px;
}
.portfolio-image{
    float:left;
    margin:3px 5px;
/*    padding:10px;*/
    width:100px;
    height:100px;
/*    background:#e5e5e5;*/
}
.portfolio-image a img{
/*    display:none;*/
}
.portfolio-image:hover{
/*    background:#d5d5d5;*/
}
.portfolio-image .portfolio-image-bu{
    background:white;
    height:80px;
    padding:10px;
    overflow: hidden;
    text-align: right;
    position:absolute;
    margin-left:100px;
    font-family: FertigoProRegular, Georgia, Verdana;
    border:1px solid #dedede;
    border-width: 1px 1px 1px 0px;
    width:180px;
    color:gray;
    -moz-box-shadow: 3px 3px 3px #666;
    -webkit-box-shadow: 3px 3px 3px #666;
    box-shadow: 3px 3px 3px #666;

}
.box h2.fancy{
    margin-left:-18px;
    margin-right:10%;
    border-bottom:1px solid #2F3540;
    padding-left:18px;
    letter-spacing:5px;
    font-style:italic;
}

.dark h2.fancy,
.bluedark h2.fancy{
    border-color:#F2EDE4;
}


.box h2, .box h3{
    font-family: FertigoProRegular, Georgia, Verdana;
}