/*
Theme Name: Martini
Theme URI: http://www.daanrijpkema.com/martini
Author: Daan Rijpkema
Author URI: http://www.daanrijpkema.com/
Description: Een wordpress-thema voor Martini-advocaten, gemaakt door Daan Rijpkema, code-skelet gebaseerd op een CSS-Toolbox
Version: 0.1
License: GNU General Public License
License URI: license.txt
Tags: martini, daan, rijpkema

*/

/* =Structure
-------------------------------------------------------------- */

#page {
	display: block;
	margin: 1em;
}
#primary {
	float: left;
	margin: 0 -240px 0 0;
	width: 100%;
}
#content {
	margin: 0 280px 0 0;
}
#main .widget-area {
	float: right;
	overflow: hidden;
	width: 220px;
}
#colophon {
	clear: both;
	display: block;
	width: 100%;
}

/* meer content zonder sidebar */
.full-width #content,
.image-attachment #content,
.error404 #content {
	margin: 0;
}

/* screen readers */
.screen-reader-text,
.assistive-text {
	position: absolute !important;
	clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
	clip: rect(1px, 1px, 1px, 1px);
}

/* goed uitlijnen */
.alignleft {
	display: inline;
	float: left;
}
.alignright {
	display: inline;
	float: right;
}
.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}


/* =Header
-------------------------------------------------------------- */

#site-title {
	font-size: 2em;
	font-weight: bold;
	margin: .67em 0;
}
#site-description {
	font-size: 1em;
	font-weight: normal;
	margin: 0 0 1em;
}


/* =Menu
-------------------------------------------------------------- */

#access {
	background: #eee;
	display: block;
	float: left;
	margin: 0 auto 1em;
	width: 100%;
}
#access ul {
	list-style: none;
	margin: 0;
	padding-left: 0;
}
#access li {
	float: left;
	position: relative;
}
#access a {
	display: block;
	line-height: 2em;
	padding: 0 1em;
	text-decoration: none;
}
#access ul ul {
	box-shadow: 0 3px 3px rgba(0,0,0,0.2);
	-moz-box-shadow: 0 3px 3px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0 3px 3px rgba(0,0,0,0.2);
	display: none;
	float: left;
	position: absolute;
	top: 2em;
	left: 0;
	z-index: 99999;
}
#access ul ul ul {
	left: 100%;
	top: 0;
}
#access ul ul a {
	background: #dedede;
	line-height: 1em;
	padding: .5em .5em .5em 1em;
	width: 10em;
	height: auto;
}
#access li:hover > a,
#access ul ul :hover > a {
	background: #dedede;
}
#access ul ul a:hover {
	background: #cecece;
}
#access ul li:hover > ul {
	display: block;
}


/* =Content
-------------------------------------------------------------- */

.sticky {
}
.entry-meta {
	clear: both;
	display: block;
}
.single-author .entry-meta .byline {
	display: none;
}
#content nav {
	display: block;
	overflow: hidden;
}
#content nav .nav-previous {
	float: left;
	width: 50%;
}
#content nav .nav-next {
	float: right;
	text-align: right;
	width: 50%;
}
#content #nav-above {
	display: none;
}
.paged #content #nav-above,
.single #content #nav-above {
	display: block;
}
#nav-below {
	margin: 1em 0 0;
}
.page-link {
	clear: both;
	margin: 0 0 1em;
}
.page .edit-link {
	clear: both;
	display: block;
}

/* 404 page */
.error404 .widget {
	float: left;
	width: 33%;
}
.error404 .widget .widgettitle,
.error404 .widget ul {
	margin-right: 1em;
}
.error404 .widget_tag_cloud {
	clear: both;
	float: none;
	width: 100%;
}

/* Notices */
.post .notice,
.error404 #searchform {
	background: #eee;
	display: block;
	padding: 1em;
}

/* Image Attachments */
.image-attachment div.entry-meta {
	float: left;
}
.image-attachment nav {
	float: right;
	margin: 0 0 1em 0;
}
.image-attachment .entry-content {
	clear: both;
}
.image-attachment .entry-content .entry-attachment {
	background: #eee;
	margin: 0 0 1em;
	padding: 1em;
	text-align: center;
}
.image-attachment .entry-content .attachment {
	display: block;
	margin: 0 auto;
	text-align: center;
}

/* Aside Posts */
.format-aside .entry-header {
	display: none;
}
.single .format-aside .entry-header {
	display: block;
}
.format-aside .entry-content,
.format-aside .entry-summary {
	padding-top: 1em;
}
.single .format-aside .entry-content,
.single .format-aside .entry-summary {
	padding-top: 0;
}

/* Gallery Posts */
.format-gallery .gallery-thumb {
	float: left;
	margin: 0 1em 0 0;
}

/* Image Posts */
.format-image .entry-header {
	display: none;
}
.single .format-image .entry-header {
	display: block;
}
.format-image .entry-content,
.format-image .entry-summary {
	padding-top: 1em;
}
.single .format-image .entry-content,
.single .format-image .entry-summary {
	padding-top: 0;
}


/* =Plaatjes
-------------------------------------------------------------- */

a img {
	border: none;
}
p img {
	margin-bottom: 0.5em; /* a small bottom margin prevents content floating under images */
}
/*
Resize images to fit the main content area.
- Applies only to images uploaded via WordPress by targeting size-* classes.
- Other images will be left alone. Use "size-auto" class to apply to other images.
*/
img.size-auto,
img.size-full,
img.size-large,
img.size-medium,
.attachment img,
.widget-area img,
.wp-caption {
	max-width: 100%; /* When images are too wide for containing element, force them to fit. */
	height: auto; /* Override height to match resized width for correct aspect ratio. */
}
img.alignleft {
	margin-right: 1em;
}
img.alignright {
	margin-left: 1em;
}
.wp-caption {
	padding: .5em;
	text-align: center;
}
.wp-caption img {
	margin: .25em;
}
.wp-caption .wp-caption-text {
	margin: .5em;
}
.gallery-caption {
}
.wp-smiley {
	margin: 0;
}


/* =Forms
-------------------------------------------------------------- */

#searchform label {
	display: none;
}
#searchform input#s {
	width: 60%;
}
input[type=text],
input#s {
	margin: 0 1em 0 0;
	width: 60%;
}
textarea {
	width: 80%;
}

/* Class for labelling required form items */
.required {
	color: #cc0033;
}


/* =Comments
-------------------------------------------------------------- */

article.comment {
	display: block;
}
#respond input[type=text] {
	display: block;
	width: 60%;
}
#respond textarea {
	display: block;
	margin: 0 0 1em;
	width: 80%;
}
#respond .form-allowed-tags {
	clear: both;
	width: 80%;
}
#respond .form-allowed-tags code {
	display: block;
}


/* =Widgets
-------------------------------------------------------------- */

.widget {
	display: block;
}
.widget-area .widget_search {
	overflow: hidden;
}
.widget-area .widget_search input {
	float: left;
}


/* =Footer
-------------------------------------------------------------- */

#colophon {
	padding: 1em 0 0;
}

/*
-------------------------------------------------------------
nog te verwerken*/

a {
    color: #990643;
    text-decoration: none;
}

body {
    margin: 0.5em 0;
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 12px;
    font-style: normal;
    font-weight: normal;
    text-align: justify;
}
/*---------------------------------------==============================================*/
/*nav*/
#access {
    float: right;
    width: auto;
    clear: both;
    background: none;
    position: absolute;
    bottom: 0;
    right: 0;
    margin: 0 30px 0 0;
}

#content article {
    margin-left: 260px;
    margin-top: 70px;
}

#colophon {
    display: none;
}

#page {
    width: 1000px;
    margin: 0 auto;
}

.menu ul li a {
    padding: 1px 5px 0 5px;
    background-color: #dc006b;
    color: #fff;
    margin-right: 3px;
}

.menu ul li a:hover {
    background-color: #dc006b !important;
    color: #000;
}

.menu li a {
    padding: 0 5px !important;
    margin: 0 3px 0 0 !important;
}



.menu ul li.current_page_item a {
    color: #000;
}

#branding {
    position: relative;
}

#logo {
    margin: 35px 0 10px 0;
}

div.entry-content h2 {
    color: #c06;
    font-size: 12pt;
}

div.entry-content ul {
    /*list-style: none;*/
    list-style: square;
    margin: 12px 0 15px 0;
    padding: 0 0 0 17px;
}

div.entry-content ul li {
    margin-bottom: 4px;
}

.sidefoto {
    margin: 0 20px 0 0 ;
    position: absolute;
    top: 0;
    left: 0;
}

div.full-width {
    margin: 0;
    padding: 0;
    border-top: 2px solid #666;
    border-left: 2px solid #666;
    width: 1000px !important;
    min-height: 600px;
    position: relative;
}

h1.entry-title {
    color: #c06;
    font-size: 12pt;
}

a.post-edit-link {
    float: right;
    font-size: 12pt;
}

.picto {
    position: absolute;
    top: -80px;
    left: 230px;
}
p {text-align:left;}

div.entry-content h2 {
    margin-bottom: -10px;
}

/*submenu's en blockquote persoonlijke pagina's*/
ul.children li a {
    padding: 8px 5px !important;
    background: #eee;
	margin-top:2px;
    color: #fff;
}

ul.children li a:hover {
    color: #000;
}

li.page_item > a {
    background-color: #dc006b !important;
}

div.entry-content blockquote {
    margin: 0 0 5px 0;
    padding: 0 0 0 8px;
    border-left: 8px solid #eee;
}


/*contactform*/
form.wpcf7-form {
    border: 10px solid #dc006b;
    padding: 15px 10px 65px 10px;
    width: 320px;
}

div.entry-content h2.contact-title {
    color: #fff;
    background-color: #dc006b;
    width: auto;
    display: inline-block;
    padding: 25px 25px 10px 25px;
    margin: 0;
}

input.wpcf7-form-control[type=submit] {
    background: #dc006b;
    color: #fff;
    margin: 50px 5px 20px 5px;
    float: none;
    border: 0;
    padding: 8px 117px;
}

input.wpcf7-form-control[type=submit]:hover {
    color: #000 ;
    cursor: pointer;
}

form.wpcf7-form input, textarea {
    padding: 5px;
    float: right;
    border: 1px solid #bbb;
    border-radius: 3px;
    margin: 0 0 5px 0;
    margin-top: -30px;
}

form.wpcf7-form textarea {
    width: 181px;
    height: 60px;
}

form.wpcf7-form p {
    display: inline-block;
    margin: 0 5px;
    line-height: 32px;
    width: 300px;
    height: 30px;
}

div.wpcf7-response-output {
    position: absolute;
    background-color:#333;
    padding: 12px;
    color: #fff;
    border: 1px solid black;
    box-shadow: 0 0 20px #f00;
    width: 100px;
    text-align: left;
    font-weight: bold;
    left: 590px;
    top: 345px;
}


/*dossiermappen*/
a.dossier {
    position: absolute;
    left: 0;
    top: 0;
}

.dossier.ageeth {
    top: 405px ;
}

.dossier.arianne {
    top: 70px ;
}

.dossier.leo {
    top: 230px;
}

.dossier h4 {
    position: absolute;
    left: 98px;
    width: 130px;
    font-size: 12px;
    color: #f06;
}


.dossier {
    width: 105px;
}
.dossier img {margin-left:-13px;}

.margintop {
    margin-top: 24px;
}


/*fixen plaatjes 3-7-2012*/
img.attachment-post-thumbnail.wp-post-image {
    position:absolute;
	top:0; left:0;
}

#content article {
    margin-top: 50px;
}

div.entry-content {
    padding-top: 20px;
}


/*dossiers fixen 24-7-2012*/
div.dossier.arianne {
    top: 40px;
}

div.dossier.leo {
    top: 220px;
}

div.dossier.ageeth {
    top: 410px;
}

div.dossier a h4 {
    margin: 0;
    top: 30px;
}

div.dossier {
    position: absolute;
    top: 0;
    left: 0;
}

div.dossier h4 {
    top:0;
margin-top:30px;
}


input[type=email].wpcf7-form-control.wpcf7-email {
    width: 180px;
}



/*mobiele site*/

@media screen and (max-width: 960px) {
    div.full-width {
    width:inherit!important;
    margin-top:60px;
    }

    * {
    box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    margin:0!important;
    padding:0;
    }

    li.page-item a {
    display:inline-block;
    }

    nav#access {
    top:0;
    }

    body {
    max-width:100%;
    }

    .wp-post-image,img.sidefoto {
    display:none!important;
    }

    div.entry-content {
    float:none;
    width:100%!important;
    padding:32px;
    }

    .menu li {
    margin:4px;
    }

    #access {
    display:block!important;
    left:0!important;
    width:100%!important;
    position:relative!important;
    height:140px;
    margin:0!important;
    padding:0 32px 32px;
    }

    .menu li a {
    height:32px;
    line-height:32px;
    margin:5px;
    }

    #branding {
    width:100%!important;
    height:auto;
    }

    #logo {
    display:block;
    position:static;
    left:0;
    margin:20px auto!important;
    }

    img.picto {
    display:block;
    position:static;
    float:right;
    }

    div.entry-content h2 {
    line-height:auto;
    margin:0 0 20px;
    }

    div.entry-content p {
    width:inherit;
    margin:15px 0!important;
    }

    .entry-content ul {
    margin:12px;
    }

    body.home.page.page-template {
    width:100%!important;
    }

    #access .menu ul li a {
    line-height:32px;
    height:32px;
    margin-top:5px!important;
    }

    #responsive-page-tester-frames-inner {
    background:#fff;
    }

    h2.contact-title {
    margin-top:20px!important;
    }

    div.wpcf7 form input {
    width:150px!important;
    }

    form.wpcf7-form p {
    width:80px;
    display:inline;
    }

    form.wpcf7-form {
    height:290px;
    }

    input.wpcf7-form-control.wpcf7-submit {
    margin-top:20px!important;
    margin-bottom:0!important;
    width:280px;
    }

    #content h2 {
    text-align:left;
    margin:15px 5px 10px!important;
    }

    #content ul {
    margin-left:20px!important;
    }

    

    #access ul ul {
    display:block;
    position:absolute;
    top:48px;
    left:32px;
    width:250px;
    text-align:center;
    box-shadow:none;
    }

    #access ul ul li {
    display:block;
    }

    #access ul ul li a {
    line-height:6px!important;
    width:100px!important;
    height:20px!important;
    font-size:9px!important;
    color:#fff!important;
    }

    #access ul ul li a:hover {
    color:#000;
    }

    #entry div ul li, #content div ul li a {
    text-align:left !important;
    }

    .page,#primary,#main,#page {
    width:100%;
    }

    div.hfeed,body.home.page,html,.menu,#branding a {
    width:inherit;
    }

    input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required,input.wpcf7-form-control.wpcf7-text,textarea.wpcf7-form-control.wpcf7-textarea {
    margin-top:-30px!important;
    }

    #access ul,#access li {
    position:static;
    }


    div.dossier {
    position: static;
    float: left;
    width: 125px;
    height: 190px;
}

div.dossier h4, div.dossier p, div.dossier img {
    margin: 0 !important;
    position: static;
}

.picto.nomobile {
    display: none;
}


}
@media screen and (max-width: 640px) {#access ul ul {top: 77px;} #access {height:160px;}}
@media screen and (max-width: 480px) {#access ul ul {top: 110px;} #access {height:193px;}}