/*
Theme Name: DeliveryMan-WPT
Theme URI: http://www.deliveryman.nl/
Description: DeliveryMan WordPress theme.
Version: 0.41
Author: Peter Mitchell
Author URI: http://www.deliveryman.nl/
Tags: HTML5, custom header, fixed width, two columns, widgets

*/
@font-face {
   font-family: "VRB";
   src: url(http://liveamsterdam.nl/css/vrb.ttf) format("truetype");
}
@font-face {
   font-family: "VRL";
   src: url(http://liveamsterdam.nl/css/vrl.ttf) format("truetype");
}
body {
   font-family: "VRB", Helvetica;
   color: black;
   background: #c9d1f6;
   background-repeat: no-repeat;
   width: 97%;
   display: block;
   margin-left: auto;
   margin-right: auto;
}
article, aside, figure, header, footer, hgroup, menu, nav, section {
   display: block;
}

         #theatre {
            width: 100%;
            display: block;
            margin-left: auto;
            margin-right: auto;
         }
         #stage {
            width: 100%;
            display: block;
            margin-left: auto;
            margin-right: auto;
         }

        #page {
            vertical-align: top;
            width: 100%; 
         }

        .page {
            background-color: white;
            margin-bottom: 5px;
            width: 100%;
           -webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
           -moz-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
           box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
           -webkit-border-radius: 5px 5px 0px 0px;
           -moz-border-radius: 5px 5px 0px 0px;
           border-radius: 5px 5px 0px 0px;
        }
        .page-content a{
            color: black;
            text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
        }
        .page-title {
            background: #416ca3;
            color: white;
            padding-top: 2px;
            padding-bottom: 4px;
            text-align: center;
            font-size: 18px;
            width: 100%;
            text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
           -webkit-border-radius: 5px 5px 0px 0px;
           -moz-border-radius: 5px 5px 0px 0px;
           border-radius: 5px 5px 0px 0px;

        }
        .page-content {
            font-family: "VRL", Helvetica;
            background-color: white;
            color: black;
            text-align: left;
            display: block;
            margin-left: auto;
            margin-right: auto;
            font-size: 14px;
            width: 95%;
           -webkit-border-radius: 0px 0px 5px 5px;
           -moz-border-radius: 0px 0px 5px 5px;
           border-radius: 0px 0px 5px 5px;

        }
        .page-footer {
            background-color:#416ca3;   
            color: white;
            text-align: center;
            font-size: 12px;
            width: 100%;
            text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);

        }        .widget {
            font-family: "VRL", Helvetica;
            font-size: 12px;
            color: black;
            background-color:white;
            text-align: left;
            padding: 0px;
            padding-bottom: 5px;
            width: 200px;
           -webkit-border-radius: 5px;
           -moz-border-radius: 5px;
           border-radius: 5px;
           -webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
           -moz-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
           box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
            margin-bottom: 5px;
           list-style-type: none;
        }
        .widget-title {
            font-family: "VRB", Helvetica;
            color: white;
            background-color:#416ca3;
            text-align: center;
            font-size: 18px;
            margin: 0px;
            padding: 2px;
           -webkit-border-radius: 5px 5px 0px 0px;
           -moz-border-radius: 5px 5px 0px 0px;
           border-radius: 5px 5px 0px 0px;
            text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
           list-style-type: none;
        }
        .widget-title a{
            color: white;
            }
        .widget a{
            color: black;
            text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
            }

        .widget-content {
           background-color: #c9d1f6;
        }
        .widget ul {
           list-style-type: none;
           margin-left: 10px;
           padding-left: 0px;
        }
        .widget_sphoto_body {
        text-align: center;
        }
        .widget_sphoto_body img{
            -webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
            -moz-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
            box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
            border-style: none;
        }



         a {
            color: black;
            text-decoration: none;
         }
         h1 {
            text-align: center;
         }
         h6 {
            text-align: center;
         }
         #site-header {
           background-color:#416ca3;
            margin-left: auto;
            margin-right: auto;
            margin-bottom: 5px;
            text-align: center;
            padding: 5px;
            text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
           -webkit-border-radius: 5px;
           -moz-border-radius: 5px;
           border-radius: 5px;
           -webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
           -moz-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
           box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
         }
         #site-title {
            text-decoration: none;
            color: black;
            font-size: 24px;
            text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
         }
         #site-title a {
            color: white;
            text-decoration: none;
         }
         #site-description {
            font-size: 14px;
         }
         #site-footer {
            background-color:#416ca3;
            color: white;
            margin-left: auto;
            margin-right: auto;
            text-align: center;
            padding: 2px;
            text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
           -webkit-border-radius: 5px;
           -moz-border-radius: 5px;
           border-radius: 5px;
           -webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
           -moz-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
           box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
         }
         #site-title {
            color: white;
         }
         #site-description {
            color: white;
         }
         #site-copyright {
            color: white;
         }
         #site-footer a {
            color: white;
            text-decoration: none;
         }
         .two-column {
            margin: 5px;
            text-align: justify;
            -moz-column-count: 2;
            -moz-column-gap: 1.5em;
            -moz-column-rule: 1px solid #dedede;
            -webkit-column-count: 2;
            -webkit-column-gap: 1.5em;
            -webkit-column-rule: 1px solid #dedede;
        }
        .three-column {
            margin: 5px;
            text-align: justify;
            -moz-column-count: 3;
            -moz-column-gap: 1.5em;
            -moz-column-rule: 1px solid #dedede;
            -webkit-column-count: 3;
            -webkit-column-gap: 1.5em;
            -webkit-column-rule: 1px solid #dedede;
        }
        .content-left {
           text-align: left;
           margin: 5px;
        }
        .content-center {
           display: block;
           margin-left: auto;
           margin-right: auto;
           text-align: center;
        }
        #content {
           -webkit-box-orient: horizontal;
        }
        /* hbox and vbox classes */
 
        .hbox {
        	display: -webkit-box;
        	-webkit-box-orient: horizontal;
        	-webkit-box-align: stretch;
         
        	display: -moz-box;
        	-moz-box-orient: horizontal;
        	-moz-box-align: stretch;
         
        	display: box;
        	box-orient: horizontal;
        	box-align: stretch;
        }
         
        .hbox > * {
        	-webkit-box-flex: 0;
        	-moz-box-flex: 0;
        	box-flex: 0;
        	display: block;
        }
         
        .vbox {
        	display: -webkit-box;
        	-webkit-box-orient: vertical;
        	-webkit-box-align: stretch;
         
        	display: -moz-box;
        	-moz-box-orient: vertical;
        	-moz-box-align: stretch;
         
        	display: box;
        	box-orient: vertical;
        	box-align: stretch;
        }
         
        .vbox > * {
        	-webkit-box-flex: 0;
        	-moz-box-flex: 0;
        	box-flex: 0;
        	display: block;
        }
        .spacer {
        	-webkit-box-flex: 1;
        	-moz-box-flex: 1;
        	box-flex: 1;
        }
         
        .reverse {
        	-webkit-box-direction: reverse;
        	-moz-box-direction: reverse;
        	box-direction: reverse;
        }
         
        .boxFlex0 {
        	-webkit-box-flex: 0;
        	-moz-box-flex: 0;
        	box-flex: 0;
        }
         
        .boxFlex1, .boxFlex {
        	-webkit-box-flex: 1;
        	-moz-box-flex: 1;
        	box-flex: 1;
        }
         
        .boxFlex2 {
        	-webkit-box-flex: 2;
        	-moz-box-flex: 2;
        	box-flex: 2;
        }
         
        .boxGroup1 {
        	-webkit-box-flex-group: 1;
        	-moz-box-flex-group: 1;
        	box-flex-group: 1;
        }
         
        .boxGroup2 {
        	-webkit-box-flex-group: 2;
        	-moz-box-flex-group: 2;
        	box-flex-group: 2;
        }
         
        .start {
        	-webkit-box-pack: start;
        	-moz-box-pack: start;
        	box-pack: start;
        }
         
        .end {
        	-webkit-box-pack: end;
        	-moz-box-pack: end;
        	box-pack: end;
        }
         
        .center {
        	-webkit-box-pack: center;
        	-moz-box-pack: center;
        	box-pack: center;
        }
        #sidebar-left {
            vertical-align: top;
        }
        #sidebar-right {
            vertical-align: top;
        }
        .stage-body {
            width: 100%;
        }
        .blog {
            width: 100%;
        }
        .blog-post {
            margin-bottom: 5px;
            width: 100%;
            background-color: white;
           -webkit-border-radius: 5px;
           -moz-border-radius: 5px;
           border-radius: 5px;
           -webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
           -moz-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
           box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
        }
        .blog-post a{
            color: white;
        }
        .blog-post-title {
            background-color:#416ca3;
            color: white;
            padding-top: 2px;
            padding-bottom: 4px;
            text-align: center;
            font-size: 18px;
            width: 100%;
            text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
           -webkit-border-radius: 5px 5px 0px 0px;
           -moz-border-radius: 5px 5px 0px 0px;
           border-radius: 5px 5px 0px 0px;

        }
        .blog-post-content {
            font-family: "VRL", Helvetica;
            color: black;
            padding: 0px;
            margin-top: 0px;
            text-align: left;
            margin-left: auto;
            margin-right: auto;
            font-size: 14px;
            width: 95%;
        }
        .blog-post-content a {
           color: darkblue;
            text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);

        }
        .blog-post-content p {
           margin: 12px;
        }
        .blog-post-footer {
            background: #416ca3;
            color: white;
            text-align: center;
            font-size: 12px;
            padding-top: 4px;
            width: 100%;
            text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
           -webkit-border-radius: 0px 0px 5px 5px;
           -moz-border-radius: 0px 0px 5px 5px;
           border-radius: 0px 0px 5px 5px;

        }

        .media-type {
           text-align: center;
           color: white;
           font-size: 12px;
           padding: 1px;
        
        }
        .form-page {
           background-color: white;
           -webkit-border-radius: 9px;
           -moz-border-radius: 9px;
           -webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
           -moz-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
        }
        .form {
           margin-bottom: 5px;
           background-color: white;
           width: 100%;
           -webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
           -moz-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
        }
        fieldset {
           border: 0px;
		   height: 100%;
        }
        .form-title {
           text-align: center;
           color: white;
           font-size: 24px;
           padding: 3px;
           background: black url(http://www.badamsterdam.nl/content/deliveryman/form.png) no-repeat top right;
        }
        .form-description {
           color: white;
           background-color: black;
           font-size: 14px;
           padding: 3px;
        }

        .video-title {
           text-align: center;
           color: white;
           font-size: 24px;
           padding: 3px;
           background: black url(http://www.badamsterdam.nl/content/deliveryman/video.png) no-repeat top right;
        }
        .video-cover {
           width: 100%;
           cursor: pointer;
        }
        .video-cover-hd {
           width: 100%;
           cursor: pointer;
        }
        .video-start {
           color: white;
           background-color: black;
           font-size: 12px;
           height: 16px;
           text-align: center;
           cursor: pointer;
        }
        .video-description {
           color: white;
           background-color: black;
           font-size: 14px;
           padding: 3px;
        }
        .video-content {
           display: block;
           width: 100%;
        }
        .album {
           margin-bottom: 5px;
           border: 1px solid lightgrey;
           background-color: black;
           width: 99%;
           -webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
           -moz-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
        }
        .album-title {
           text-align: center;
           color: white;
           font-size: 24px;
           padding: 3px;
           background: black url(http://www.badamsterdam.nl/content/deliveryman/album.png) no-repeat top right;
        }
        .image {
           margin-bottom: 5px;
           border: 1px solid lightgrey;
           background-color: black;
           width: 99%;
           -webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
           -moz-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
        }
        .image-title {
           text-align: center;
           color: white;
           font-size: 24px;
           padding: 3px;
           background: black url(http://www.badamsterdam.nl/content/deliveryman/image.png) no-repeat top right;
        }
        .image-cover {
           width: 100%;
           cursor: pointer;
           }
        .image-description {
           color: white;
           background-color: black;
           font-size: 14px;
           padding: 3px;
        }
        .image-content {
           
        }
        .slideshow {
           margin-bottom: 5px;
           border: 1px solid lightgrey;
           background-color: black;
           width: 99%;
           -webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
           -moz-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
        }
        .slideshow-title {
           text-align: center;
           color: white;
           font-size: 24px;
           padding: 3px;
           background: black url(http://www.badamsterdam.nl/content/deliveryman/slideshow.png) no-repeat top right;
        }
        .slideshow-cover {
           width: 100%;
           cursor: pointer;
           }
        .slideshow-description {
           color: white;
           background-color: black;
           font-size: 14px;
           padding: 3px;
        }
        .slideshow-content {
           
        }
        .deliveryman-widget {
           width: 180px;
        }
        .deliveryman-widget-icon-title {
           text-align: center;
        }
        .deliveryman-widget-icon {
           display: block;
           margin-left: auto;
           margin-right: auto;
        }
        .itunes-albums {
           list-style-type: none;
           background-color: white;
           margin: 0px;
           padding: 0px;
        }
        .itunes-albums img {
           -webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
           margin-bottom: 4px;
        }
        .loading {
           display: block;
           margin-left: auto;
           margin-right: auto;
        }
        .image-center {
           width: 96%;
           display: block;
           margin-left: auto;
           margin-right: auto;
           border:5px solid white;
           -webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
        }
        .sidebar-image-center {
           display: block;
           margin-left: auto;
           margin-right: auto;
        }

         .archive-title {
            background: #416ca3;
            color: white;
            padding-top: 2px;
            padding-bottom: 4px;
            text-align: center;
            font-size: 18px;
            width: 100%;
            text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
           -webkit-border-radius: 5px 5px 0px 0px;
           -moz-border-radius: 5px 5px 0px 0px;
           border-radius: 5px 5px 0px 0px;
            }
            .menu-custom-menu-container {
   float:left;
   width:100%;
   background: transparent;
   overflow:hidden;
   position:relative;
   margin-top: 2px;
}
.menu-custom-menu-container ul {
   clear:left;
   float:left;
   list-style:none;
   margin:0;
   padding:0;
   position:relative;
   left:50%;
   text-align:center;
}
.menu-custom-menu-container ul li {
   display:block;
   float:left;
   list-style:none;
   margin:0;
   padding:0;
   position:relative;
   right:50%;
   background:#416ca3;
}
.menu-custom-menu-container ul li a {
   display:block;
   margin:0 0 0 1px;
   padding:3px 10px;
   color:#000;
   text-decoration:none;
   line-height:1.3em;
}
.menu-custom-menu-container ul li a:hover {
   background:#369;
   color:#fff;
}
.menu-custom-menu-container ul li a.active,
.menu-custom-menu-container ul li a.active:hover {
   color:#fff;
   background:#000;
   font-weight:bold;
}

.centered {
     display: block;
     margin-left: auto;
     margin-right: auto;
  }