/**
 *
 * OPENDOVER THEME
 *
 * Check out http://support.mashery.com/public/Mashery/styles/masherycssfw.src.css to see the base structural defaults.
 * You can find documentation on customizing your portal at http://support.mashery.com/docs/Customizing_Your_Portal
 * We discourage making major changes to the layout since it has a standard structure to it which is easy for users
 * to use.
 *
 */

    body {
        border-top: 20px solid #ccc;
        background: #fff url(http://developer.opendover.nl/public/Mashery/images/clients/opendover/opendover.png) repeat-x 0 -172px;
        font-family: Verdana, Geneva, sans-serif;
        color: #4A4A4A;
        overflow-y: scroll;
    }

    h1,h2,h3,h4,h5,h6 {
        color: #FFB000;
    }
    
    h1 {
        font-size: 17px;
    }
    
    h2 {
        font-size: 13px;
    }

    p {}
    
    a {
        color: #FFB000;
    }
    
    a:link,
    a:visited {}
    
    a:hover,
    a:active {
        text-decoration: underline;
    }
    
    /* All the input fields (text input, textareas, selects) */
    input.input-text,
    input.input-password,
    input[type^=text],
    textarea,
    select {}
    
    table {}
    
    table thead th {}
    
    table th a {}
    
    table th a:hover {}
    
    table td {}
    
    table tr.even td {}
    
    div#page {
        width: auto;
    }
    
    /* Set the overall width */
    div#header,
    div#content,
    div#user,
    div#user-menu {
        width: 830px;
        margin: 0 auto;
    }
    
    /* For pages without navigation (you can set which pages you do not want to have navigation on, for whatever reason) */
    div#page.no_local div#main {}
    
    div#page.no_local div#sub {}
    
    /* For pages without a side column, you can set which pages do or do not have side columns. */
    div#page.no_sub div#main {
        width: 810px;
    }

    /** 
     * 
     * HEADER
     * 
     * The header is where your logo, login links, search, and user control links should go.
     *
     */
    
        div#header {
            height: 48px;
        }

        /* Here is where you put your logo! Yes, it is the background of a div. This div is special because Javascript makes it behave
           like a Home link by default, you can change this in the settings if you absolutely must.
           
           You must change the width and height of this div to the same size as your logo. */
        div#branding-logo {
            background: transparent url(http://developer.opendover.nl/public/Mashery/images/clients/opendover/opendover.png) no-repeat 0 0;
            margin: 0;
            width: 141px;
            height: 48px;
        }
        
            div#branding-logo:hover {
                background-position: 0 -48px;
            }
            
        div#branding-mashery {
            top: 4px;
        }

    /* END HEADER */
        
    /**
     *
     * USER
     *
     * User information and actions
     *
     */
     
        div#user {
/*            position: relative; This causes issues in IE6 */
        }

        /**
         *
         * USER NAV
         *
         * Login, logout, register, and My Account links.
         *
         */
         
            div#user-nav {
                top: 0;
                margin: -68px 0 0; /* Use top margin to move this around when you can. */
                font-size: 11px;
            }
         
            div#user-nav ul li {}
            
            /* The user's name, "Signed in as Wally Wombat" */
            div#user-nav ul li span.name {}
            
            div#user-nav ul li a {
                font-weight: 700;
                color: #4a4a4a;
            }

        /* END USER NAV */

    /* END USER */

    /**
     *
     * LOCAL NAV
     *
     * This is the main navigation bar. You can customize your links in the Settings page.
     *
     * The div#local appears AFTER the content for accessbility reasons. Please see
     * http: //www.contentwithstyle.co.uk/Articles/17/ for details.
     *
     * Because the navigation is placed below the content, you will most likely need
     * to use absolute positioning. Please make sure you understand positioning before
     * trying to customize it!
     *
     */

        div#local {
            left: auto;
            right: 0;
            top: -48px;
            width: 689px;
            height: 48px;
        }
        
        div#local li {
            margin: 0;
        }
        
        div#local li a {
            color: #8D8D8D;
            font-weight: 700;
            line-height: 48px;
            text-transform: uppercase;
            background: transparent;
            padding: 0 16px;
        }
        
        div#local a:hover {
            color: #FFB000;
            background-color: #fff;
            text-decoration: none;
        }
        
        div#local li.active a,
        div#local li.active a:hover {
            color: #fff;
            background: transparent url(http://developer.opendover.nl/public/Mashery/images/clients/opendover/opendover.png) repeat-x 0 -96px;
        }
        
    /* END LOCAL NAV */

    /**
     *
     * USER MENU
     *
     * The User Menu contains actions for the user: Start New Entry, New Post, etc.
     * 
     */

        /**
         *
         * SUB LOCAL NAVIGATION
         *
         * Links under each primary navigation section.
         *
         */
         
            div#user-menu {
                background: transparent url(http://developer.opendover.nl/public/Mashery/images/clients/opendover/opendover.png) no-repeat 100% -145px;
                top: 48px;
                left: 0;
                height: 47px;
            }
            
            div#user-menu li a {
            }
            
            div#user-menu li.active a,
            div#user-menu li.active a:hover {
            }
        
        /* END SUBLOCAL NAV */

    /* END USER MENU */

    /**
     *
     * CONTENT 
     *
     * Where the magic happens (Content of page)
     *
     */
     
        div#content {
            overflow: visible;
        }
        
        div#content:after {
            content: "."; display: block; height: 0; font-size:0; clear: both; visibility:hidden;
        }

        /**
         *
         * MAIN
         *
         * This is where almost all the content for every page is.
         *
         */

            div#main {
                border-right:1px solid #DFDDDA;
                float:left;
                line-height:18px;
                margin-right:-1px;
                min-height:250px;
                padding:0 30px 0 10px;
                width:460px;
            }
            /*div#page.no_sub div#main {
              width:460px;
            }*/

            /**
             *
             * BLOG, WIKI, FORUM, and DOCS
             *
             * Styling for the sections, meta info, file tables, and other parts of these apps.
             *
             * Remember, there are usually different states of each app type! For example, when browsing the forum the body will have
             * an id of #page-forum and a class of .browse. If you click on a forum post to view it, the body will still have the same
             * id, but the class will change to .read. This way you can control the different views of each app.
             *
             */
             
                /* Comments in all sections except the forum. */
                div#main div.comments ol li.comment {
                    border: 1px solid #ccc;
                }

                /**
                 *
                 * FORUM
                 *
                 * The forum is very different than the blog, wiki, docs, etc. Be sure to check out the markup, the default styling
                 * should be ok for most people, but you may need to override some of your list (ul, ol) rules that you set in this
                 * stylesheet.
                 *
                 */
                 
                    /* The "Start new topic" button */
                    body.page-forum a.create-new {}
                 
                    body.page-forum ol.categories {}
                    
                    body.page-forum ol.topics {}
                    
                    body.page-forum ol.comments {}
                    
                    /* Subject of a thread */
                    body.page-forum h3.subject{}
                    
                    /* The "original post" in each thread looks different by default */
                    body.page-forum ol.comments li.comment.first {}
                 
                /* END FORUM */

            /* END BLOG, WIKI, FORUM, and DOCS */

        /* END MAIN */
        
        /**
         *
         * SUB
         *
         * The sub div is usually the small sidebar on the blog/wiki/forum, although some may prefer to hide it altogether.
         *
         * In the Dashboard, the sub is also where the form lives to add new content in the Content page.
         *
         */
                 
            div#sub {
                border-left:1px solid #DFDDDA;
                float:left;
                min-height:375px;
                padding:10px 5px 0 15px;
                width:279px;
            }
            
            div#sub h2 {
                color:#FFB000;
            }
            
            div#sub a.active {
                color: #444;
            }

        /* END SUB */

    /* END CONTENT */
        
    /**
     *
     * FOOTER
     *
     * Contains your site-info as well as your footer links.
     * 
     */
    
        div#footer {
            border-bottom: 20px solid #9E9E9E;
            padding-top: 50px;
            width: auto;
            background: #9E9E9E url(http://developer.opendover.nl/public/Mashery/images/clients/opendover/bgfooter.gif) repeat-x 0 0;
            color: #fff;
        }
        
        div#footer a {
            color: #fff;
        }
        
        div#footer ul {
          background:url("http://opendover.nl/sites/opendover.nl/themes/opendover/images/bg-subcontent.jpg") repeat-x scroll 0 0 transparent;
          height:95px;
          margin:-20px auto 0;
          padding-top:9px;
          text-align:center;
          width:100%;
        }
        
        div#footer ul li {}
        
        div#footer ul li a { color:#4D4D4D; font-size: 11px; }

        /**
         *
         * SITEINFO
         *
         * The siteinfo you can edit from the Settings page in the Dashboard.
         * Usually this contains copyright stuff and credits.
         *
         */
            
            div#siteinfo {
                width: 830px;
                margin: 10px auto 0;
                padding: 0;
            }
            
            div#siteinfo p { margin-bottom: 0px; text-align:center;}
        
        /* END SITEINFO */
    
    /* END FOOTER */
    
/* END OPENDOVER THEME */

/* EXTENDED OPENDOVER STYLES */
#primary-features{
background:url("http://opendover.nl/sites/opendover.nl/themes/opendover/images/feature-listicon-bg.jpg") no-repeat scroll 0 0 transparent;
font-size:13px;
font-weight:bold;
list-style:none outside none;
margin-bottom:10px;
margin-top:-10px;
padding-bottom:1px;
padding-left:32px;
padding-top:4px;
}
#primary-features li{
  background:none repeat scroll 0 0 transparent;
  margin:0 0 15px;
  padding:0;
}
#content #secondary-features{
border:1px solid #CCCCCC;
margin: -10px 0 0;
padding:10px 20px 2px 14px;
}
#secondary-features li {
background:url("http://opendover.nl/sites/opendover.nl/themes/opendover/images/link_pijltje.gif") no-repeat scroll left 5px transparent;
display:block;
line-height:14px;
margin-left:0;
padding:0 0 9px 13px;
}
#sub .block {
clear:both;
margin-bottom:0px;
padding-left:0;
font-size: 10px;
}
#sub #block-block-2 h2 {
background:url("http://opendover.nl/sites/opendover.nl/themes/opendover/images/feature-header.gif") no-repeat scroll 0 0 transparent;
}

#sub h2 {
height:44px;
margin-bottom:-6px;
overflow:hidden;
/*text-indent:-9000px;*/
font-size:1.3em;
line-height:1.3em;
margin:0 0 0.5em;
}
#sub .block h2{
  text-indent:-9000px;
}
#sub #block-block-2 .content {
background-color:#E4E4E4;
font-size: 11px;
}
#sub #block-block-2 p {
background:url("http://opendover.nl/sites/opendover.nl/themes/opendover/images/feature-footer.png") no-repeat scroll -1px 0 transparent;
position:absolute;
width:281px;
}
#sub .block p {
margin:0;
}
#sub #block-block-2 ul {
border: none;
margin-bottom:0;
}
#sub #block-block-2 ul li.feature1 {
background:url("http://opendover.nl/sites/opendover.nl/themes/opendover/images/feature-1.png") no-repeat scroll left 4px transparent;
padding-top:0;
}
#sub #block-block-2 ul li.feature2 {
background:url("http://opendover.nl/sites/opendover.nl/themes/opendover//images/feature-2.png") no-repeat scroll left 6px transparent;
}
#sub #block-block-2 ul li.feature3 {
background:url("http://opendover.nl/sites/opendover.nl/themes/opendover/images/feature-3.png") no-repeat scroll left 15px transparent;
border-bottom:medium none;
padding-bottom:1px;
}
#sub #block-block-2 ul li {
border-bottom:1px solid #DFDDDA;
clear:both;
display:block;
margin-bottom:0;
padding:10px 16px 10px 35px;
}
#domains{
padding:10px 20px 2px 14px;
border:1px solid #CCCCCC;
margin:-6px 0 18px;
width:460px;
}
#domains ul{
margin-bottom:3px;
padding:8px 0 0 11px;
}
#domains ul li {
background:url("http://opendover.nl/sites/opendover.nl/themes/opendover/images/link_pijltje.gif") no-repeat scroll left 5px transparent;
display:block;
line-height:14px;
margin-left:0;
padding:0 0 9px 13px;
list-style: none;
}
#block-views-BlockView-block_5 {
background: url("http://opendover.nl/sites/opendover.nl/themes/opendover/images/block_live_demo.gif") no-repeat scroll 0 0 transparent;
height: 114px;
margin-bottom: 22px !important;
width: 279px;
}
#block-views-BlockView-block_5 .view-header {
height:35px;
padding:4px 4px 0;
}
#block-views-BlockView-block_5 .view-header a {
display:block;
height:32px;
overflow:hidden;
text-indent:-9000px;
width:270px;
}
#block-views-BlockView-block_5 .view-content {
line-height:15px;
padding:3px 5px 5px 14px;
}
#posts,
#sub ul li:last-child{
/*background:url("http://opendover.nl/sites/opendover.nl/themes/opendover/images/blog-bottom.png") no-repeat scroll 0 bottom transparent;*/
padding:0 0 1px;
margin-bottom: 12px;
}
.page-docs #sub ul li:last-child{
/*background:url("http://opendover.nl/sites/opendover.nl/themes/opendover/images/blog-bottom-smaller.png") no-repeat scroll 0 bottom transparent;*/
margin-bottom:0;
margin-left:-15px;
padding-bottom:0px;
padding-left:15px;
width:201px;
}
.page-docs #sub ul{
 border-bottom: 1px solid #E5E5E5;
}
#posts h3,
#sub h2{
background:url("http://opendover.nl/sites/opendover.nl/themes/opendover/images/blog-top.png") no-repeat scroll 0 top transparent;
display:block;
height:27px;
margin-bottom:-8px;
padding:6px 15px 2px;
}
.page-docs #sub h2{
  background:url("http://opendover.nl/sites/opendover.nl/themes/opendover/images/blog-top-smaller.png") no-repeat scroll 0 top transparent;
}
#posts ol,
#sub ul{
background:url("http://opendover.nl/sites/opendover.nl/themes/opendover/images/blog-bg.png") repeat-x scroll 0 0 transparent;
border-left:1px solid #E5E5E5;
border-right:2px solid #F1F1F1;
margin-bottom:10px;
padding-left:3px;
padding-top:6px;
}
#sub ul,
#sub ol{
font-size:11px;
padding-left:14px;
-moz-border-radius:0 0 12px 12px;
-webkit-border-radius:0 0 12px 12px;
border-radius:0 0 12px 12px;
padding-bottom:14px;
border-bottom: 1px solid #E5E5E5;
behavior: url(/files/PIE.htc);


}
#sub .block{
  border: none;
}
#sub .block h2{
  background: none;
  height: auto;
  height:43px;
padding:4px 4px 0;
}
#sub .block ul{
  background: none;
  padding-bottom: 0px;
}
#sub .block ul li{
  margin-left: 0px;
  list-style: none;
}
#page-member #sub p{
background:url("http://opendover.nl/sites/opendover.nl/themes/opendover/images/blog-bottom-no-repeat.png") no-repeat scroll 0 bottom transparent;
float:left;
font-size:11px;
padding-bottom:12px;
padding-left:15px;
padding-top:2px;
width:264px;
}
div.sign-in-method {
clear:both;
margin-bottom:15px;
}
#posts .date{
  font-size: 10px;
}
#page-blog .section {
float: none;
margin-top:6px;
width:auto;
}
#page-blog .section  {
border:1px solid #CCCCCC;
margin:-10px 0 14px;
padding:10px 20px 2px 8px;
}
#page-blog .paging {
font-size: 10px;
}
#page-blog h1{
  border-bottom:1px solid #CCCCCC;
  padding-bottom:16px;
}
#page-blog h1.first{
  margin-bottom:9px;
}
#page-blog .section {
border-top:none;
margin-bottom:9px;
padding-bottom:7px;
}
#page-blog .section.first {
border-top: 1px solid #CCCCCC;
font-size: 11px;
}
div.section-meta ul li{
	display: block;
}
#page-blog h2{
  display:block;
float:right;
margin-top:-2px;
padding-left:14px;
width:600px;
font-size: 12px;
}
#page-blog h2 + .section-meta {
   background: url("http://opendover.nl/sites/opendover.nl/themes/opendover/images/feature-1.png") no-repeat scroll 0px 37px transparent;
    border-right: 1px dotted #64AEE1;
    color: #64AEE1;
    float: left;
    font-size: 10px;
    font-weight: bold;
    line-height: 13px;
    padding-bottom: 42px;
    padding-right: 10px;
    text-align: left;
    width: 112px;
}
body.page-blog div.section-meta li.comment-count{
  font-size: 10px;
}
#page-blog  .section-body{
float:right;
padding-left:16px;
width: 599px;
font-size: 12px;
}
#page-blog  .section-body + .section-meta {
float:right;
text-align:right;
width:160px;
margin-bottom:0;
}
#page-blog .user-reference{
  color: #FFB000;
}
#page-blog .timestamp{
   clear: both;
    float: none;
    padding-top: 0;
}
.abbr{
	border-bottom: 0px;
}
/* forum */
#page-forum div#page.no_sub div#main,
#page-blog div#page.no_sub div#main,
#page.no_sub div#main{
  border:medium none;
padding-right:8px;
width:768px;
}


/* get started */
#get-started{
  width: 436px;
  background: url("http://opendover.nl/sites/opendover.nl/themes/opendover/images/icon_developer.gif") no-repeat scroll 250px 60px transparent;
}
#get-started td{
  padding-bottom:18px;
padding-left:40px;
padding-top:8px;
}
#get-started #get-started-1{
  background:url("http://opendover.nl/sites/opendover.nl/themes/opendover/images/star1.png") no-repeat scroll 0 0 transparent;
}
#get-started #get-started-2{
  background:url("http://opendover.nl/sites/opendover.nl/themes/opendover/images/star2.png") no-repeat scroll 0 0 transparent;
}
#get-started #get-started-3{
  background:url("http://opendover.nl/sites/opendover.nl/themes/opendover/images/star3.png") no-repeat scroll 0 0 transparent;
}
#get-started #get-started-4{
  background:url("http://opendover.nl/sites/opendover.nl/themes/opendover/images/star4.png") no-repeat scroll 0 0 transparent;
}
div#local li a {
font-size:10px;
}
#page-blog div.comments{
  float: none;
margin-top:24px;
width:auto;
}
div#footer ul li.last a{
background:url("http://opendover.nl/sites/opendover.nl/themes/opendover/images/keepmeinformed.png") no-repeat scroll 0 0 transparent;
border:medium none;
display:inline-block;
font-size:1px;
height:36px;
margin-bottom:-20px;
overflow:hidden;
text-indent:-9000px;
width:280px;
}
div#footer ul li.first{
  margin-left:74px;
}
div#footer ul li.last {
border-left:1px solid #FFFFFF;
display:inline-block;
height:80px;
margin-left:61px;
margin-right:0;
padding-left:14px;
}
form fieldset {
padding:0 0 10px;
}
fieldset legend {
background:none repeat scroll 0 0 transparent;
color:#333333;
margin:0 7px;
}
form fieldset dl{
  padding:0 20px;
}
/* Documentation override */
/*ul.pun-nav li.next {
text-align:left;
}
ul.pun-nav li.previous {
text-align: right;
}
ul.pun-nav li {
float:left;
list-style:none outside none;
margin:0;
width:30%;
}
ul.pun-nav li.up {
padding:0 5%;
text-align:center;
}
ul.pun-nav li {
float:left;
list-style:none outside none;
margin:0;
width:30%;
}*/
#rss_block li{
  margin-left: 21px;
}

/* Sergey Gafurov code */
body#page-docs div#main ul.pun-nav,
body#page-docs div#main div.section div.section-meta,
body#page-docs div#main div.comments { display: none; }
/*body#page-docs div#sub h2 { background-color: transparent; color: #FFB000; font-weight: bold; padding: 0px; text-transform: none; text-indent: 0; font-size: 18px; }*/
body#page-docs div#main { width: 523px; }
body#page-docs div#sub { width: 216px; }