/*   
Theme Name: Slimme-Handen.nl
Theme URI: http://www.slimme-handen.nl
Description: Een thema voor Wordpress voor Slimme Handen.
Author: Floris Nicolai - florisnicolai.com
Author URI: http://florisnicolai.com
Version: 1.0 (2011)
*/

/*
	HTML5 Reset Wordpress Theme :: style.css
	----------------------------------------------------------
	We have learned much from/been inspired by/taken code where offered from:
	
	Eric Meyer					:: http://ericmeyer.com
	HTML5 Doctor				:: http://html5doctor.com
	and the HTML5 Boilerplate	:: http://html5boilerplate.com
	
	Special thanks: The Wordpress theme owes its start to an empty theme authored 
		by Chris Coyier & Jeff Starr: http://digwp.com
		
-------------------------------------------------------------------------------*/

/* Let's default this puppy out
-------------------------------------------------------------------------------*/

html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}									

article, aside, figure, footer, header, hgroup, nav, section {display: block;}

/* Responsive images and other embedded objects
   Note: keeping IMG here will cause problems if you're using foreground images as sprites, like, say for Google Maps custom placemarkers. 
   There has been a report of problems with standard Google maps as well, but we haven't been able to duplicate or diagnose the issue. */
img,
object,
embed {max-width: 100%;}

/* force a vertical scrollbar to prevent a jumpy page */
html {overflow-y: scroll;}

/* we use a lot of ULs that aren't bulleted. 
	don't forget to restore the bullets within content. */
ul {list-style: none;}

blockquote, q {quotes: none;}

blockquote:before, 
blockquote:after, 
q:before, 
q:after {content: ''; content: none;}

a {
    margin: 0; 
    padding: 0; 
    font-size: 100%; 
    vertical-align: baseline; 
    background: transparent;
}

del {text-decoration: line-through;}

abbr[title], dfn[title] {border-bottom: 1px dotted #000; cursor: help;}

/* tables still need cellspacing="0" in the markup */
table {border-collapse: collapse; border-spacing: 0;}
th {font-weight: bold; vertical-align: bottom;}
td {font-weight: normal; vertical-align: top;}

hr {display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0;}

input, select {vertical-align: middle;}

pre {
	white-space: pre; /* CSS2 */
	white-space: pre-wrap; /* CSS 2.1 */
	white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
	word-wrap: break-word; /* IE */
}

input[type="radio"] {vertical-align: text-bottom;}
input[type="checkbox"] {vertical-align: bottom; *vertical-align: baseline;}
.ie6 input {vertical-align: text-bottom;}

select, input, textarea {font: 99% sans-serif;}

table {font-size: inherit; font: 100%;}
 
/* Accessible focus treatment
	people.opera.com/patrickl/experiments/keyboard/test */
a:hover, a:active {
    outline: none;
}

small {font-size: 85%;}

strong, th {font-weight: bold;}

td, td img {vertical-align: top;} 

/* Make sure sup and sub don't screw with your line-heights
	gist.github.com/413930 */
sub, sup {font-size: 75%; line-height: 0; position: relative;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}

/* standardize any monospaced elements */
pre, code, kbd, samp {font-family: monospace, sans-serif;}

/* hand cursor on clickable elements */
.clickable,
label, 
input[type=button], 
input[type=submit], 
button {cursor: pointer;}

/* Webkit browsers add a 2px margin outside the chrome of form elements */
button, input, select, textarea {margin: 0;}

/* make buttons play nice in IE */
button {width: auto; overflow: visible;}
 
/* scale images in IE7 more attractively */
.ie7 img {-ms-interpolation-mode: bicubic;}

/* prevent BG image flicker upon hover */
.ie6 html {filter: expression(document.execCommand("BackgroundImageCache", false, true));}

/* let's clear some floats */
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }  
.clearfix:after { clear: both; }  
.clearfix { zoom: 1; }  

/*	Elements		*/
#page-wrap {
	background: #ffffff;
	width: 960px; 
	margin: 0px auto;
	position: relative;
       /* border: 1px #333 solid; */
}

#header {
/*	background: url(_/img/headerbg.png) repeat-x top left; */
	color: #fff;
        background-color: #95b9b9;
         
	height: 150px;
}
#header_contents {
/*    background-color: #b5d9d9; */
	margin: 0 auto;
	width: 960px;
/*        height: 140px; */
	/* position: relative; */
     /*   border: 1px #333 solid; */
}

#logo {
    margin-left: 70px;
    margin-top: 40px;
}

#header a {
	color: #fff;	
}
#header a:hover {
	background: none!important;	
}
#navigation {
        background-color: #cc3366;
	width: 100%;
        height: 33px;
/*	position: absolute;
	top: -73px; 
	left: 0;
	
	width: 960px;
*/
}
#footer {
	background-color: #999999 ;
}

.footermenu ul {
    list-style-type: none;
}

.footermenu li {
    clear: both;
    
}
.thirdColumn .footermenu li a {
    padding:0;
    
}
#footer .thirdColumn {
    background-color: transparent;
    border: none;
}
#footer_contents {
	margin: 0 auto;
	padding: 48px 0;
	width: 960px;
	position: relative;	
}
#footer_contents * {
	color: #fff;	
}
#footer_contents p {
	margin-bottom: 0;	
}
#footer_contents a:hover {
	background: #fff;
	color: #077bd9;
}

#social_header {
    clear: both;
}
/*
#social {
	position: absolute;
	top: 36px;
	right: 0;
}
#social_header {
	position: absolute;
	top: 46px;
	right: 0;
}
#social_header * {
	color: #fff;	
}
#social_header ul li, #social ul li {
	display: block;
	float: left;
	margin-left: 13px;
}
#social_header ul li:first-child, #social ul li:first-child {
	margin-left: 0;	
}
#social_header ul li a:hover, #social ul li a:hover {
	background: none;	
}
#social_header p {
	margin-bottom: 8px;
}
*/

/*	 Navigation	*/
div.navigation {
	position: relative;
	top: 24px;
}
div.navigation div.prev-posts {
	position: absolute;
	top: 0;
	right: 0;
}

/*	Columns		*/
#intro {
/*
padding-bottom: 24px;
	padding-right: 24px;
	/*width: 608px;	*/
}
#content {
	min-height: 300px;
	padding-bottom: 40px;
	/*padding-right: 24px;
	width: 632px;*/
	
	position: relative;
}
#content.single_post, body.category #content, body.tag #content {
	min-height: 1150px;	
}
#sidebar {
	/*position: absolute; 
	top: 0px;
	right: 0; */
	
	background: #f7f7f7 ;
	border: 1px solid #dddddd;
	/* padding: 24px; */
	width: 100%;
}

#sidebar aside {
    padding: 10px;
}
html.ie8 #sidebar {
	top: 9px;	
}

/*	Homepage 	*/
#news_wrapper {
	/* position: absolute;
	top: 0;
	right: 0; */
	
	min-height: 300px;
	width: 326px;
}
#show {
	background: #29577a;
	padding: 24px;
	width: 304px;
}
#show * {
	color: #fff;
}
#show p.last {
	margin-bottom: 0;	
}
#show h2 a {
	text-decoration: none;	
}
#show h2 a:hover {
	background: none;
	text-decoration: underline;
}
#show img.alignleft {
	margin: 3px 20px 10px 0;	
}

#refs_wrapper {
	border-bottom: 1px solid #29577a;
	clear: both;
}
#refs_wrapper div.column {
	border-top: 1px solid #29577a;
	float: left;
	margin-right: 12px;
	min-height: 150px;
	padding: 24px 0;
	width: 304px;
}
#refs_wrapper div.column#first {
}
#refs_wrapper div.column#second {
	margin-left: 12px;
}
#refs_wrapper div.column#third {
	margin-left: 12px;
	margin-right: 0;
}


#first {
}

/*	Twitter on homepage		*/
ol.tweets {
	list-style: none;	
}
ol.tweets li {
}
div.avatar, div.msg {
	float: left;
}
div.avatar {
	height: 48px;
	margin-right: 12px;
	width: 48px;
}
div.avatar a:hover {
	background: none;	
}
div.msg {
	width: 244px;	
}
div.info {
	content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

/*	Typography	*/
h1, h2, h3, h4, h5, h6 {
	color: #333;	
	font-weight: normal;
}
h1 {
	font-size: 24px;
	line-height: 32px;
	margin-bottom: 18px;
}
h2 {
	font-size: 18px;
	margin-bottom: 14px;
}
h3 {
	font-size: 16px;
	margin-bottom: 10px;
}
h4, h5, h6 {
	font-size: 14px;
	margin-bottom: 10px;
}
p, ol, ul, ol li, ul li, footer.meta i, footer.meta time {
	font-size: 16px;
	line-height: 24px;
	margin-bottom: 21px;
}
ul li, ol li {
	margin-bottom: 0;
}
td {
	font-size: 14px;
	line-height: 21px;	
}

div.entry-content ul {
	list-style: disc outside none;
	margin-left: 14px;
}
div.entry-content ol {
	list-style: auto outside none;
	margin-left: 14px;
}
div.entry-content ul li {
	padding-left: 6px;	
}
hr {
	color: #333;
	height: 1px;	
}

/*	Sidebar elements	*/
#sidebar h2.widget-title {
	color: #000;
	line-height: 28px;
	margin-bottom: 18px;
}
#sidebar h3 {
	line-height: 26px;	
}

#sidebar div.menu ul li {
}
#sidebar div.menu ul li a {
	background: url(_/img/icons/lampje.png) no-repeat 230px 0;
	border-bottom: 1px solid #dddddd;
	display: block;
	padding: 8px 0;
	text-decoration: none;
	width: 100%;
}
#sidebar div.menu ul li a:hover, #sidebar div.menu ul li.current_page_item a {
	color: #cc5510;
	font-weight: bold;
}
#sidebar div.menu ul li.current_page_item a {
	text-decoration: none;	
}

/*	Deep elements 	*/
#news *, #refs * {
	color: #fff;
}

#navigation_contents {
        width: 960px;
        
        margin: 0 auto;
}

.menu-hoofdmenu_v2-container {
    display: block;
    width: 700px;
    
    float: left;
    /* height: 33px; */
}

#navigation ul {
	border-left: 1px solid #fff;
	height: 33px;
	list-style: none;
        
        /*margin-right: auto; */
}
#navigation ul li {
	display: block;
	float: left;
}
#navigation li a {
	border-right: 1px solid #fff;
	color:  #fff;
	display: block;
	float: left;
	font-size: 14px;
	line-height: 14px;
	padding: 10px 24px 9px 24px;
	text-decoration: none;
}

#navigation ul li.current-menu-item a{
    background-color: #fff;
    color: #333;
        
}

#navigation ul li a:hover  {
/*	background: #1f435f; /*1f435f*/ 
    background-color: #fff;
    color: #333;
    text-decoration: underline;
}
#navigation ul li.current_page_item a, #navigation ul li.current-page-ancestor a, body.home #navigation ul li#menu-item-72 a, body.page-id-61 #navigation ul li#menu-item-69 a, body.single-post #navigation ul li#menu-item-69 a, #navigation ul li.current-menu-parent a, body.category #navigation ul li#menu-item-69 a {
	background: #fff;
	color: #29577a; /*29577a*/
	cursor: default;
}
body.category.category-89 #navigation ul li#menu-item-69 a {
	background: none;
	color: #fff;
	cursor: pointer;
}

#search {
/*	position: absolute; */
        float: right;

	margin-top: 3px;
/*	right: 0; */
}
#searchform div {
	margin-right: -4px;
}
#search #s {
	border: none;
	font-size: 13px;
	height: 16px;
	margin-right: 3px;
	padding: 2px 0 2px 6px;
	width: 128px;
}
#search #searchsubmit {
	background: #fff url(_/img/search.png) no-repeat top left; 
	border: none;
	height: 20px;
	position: relative;
	left: -4px;
	overflow: hidden;
	text-indent: -999em;
	width: 21px;
	
	font-size: 0;
	line-height: 0;
}
html.ie7 #search #s {
	border: none!important;	
	padding-top: 0px!important;
	position: relative;
	top: -3px;
}
html.ie7 #search #searchsubmit {
	top: -3px;	
}

/* Ok, this is where the fun starts.
-------------------------------------------------------------------------------*/

/* new Linux- and Windows-friendly sans-serif font stack: http://mky.be/fontstack */
*, body {
	background-position: center 170px;
	background-repeat: no-repeat;
	font-size: 14px;
        font-weight: 400;
        line-height: 1.5;
        color: #707070;
        font-family: "Helvetica Neue",Helvetica,Arial,"Liberation Sans",FreeSans,sans-serif;
        //font-family: Helvetica, Arial, sans-serif;
}

/* using local fonts? make sure to read up on Paul Irish's 
	Bulletproof @font-face syntax: http://mky.be/font-face/bulletproof/ */

/* we like off-black for text */
body, select, input, textarea {
    color: #333;
    
}

a {
    color : #cc3366;
    text-decoration: none;
/*    color: #cc5510; */
}
a:hover {
    text-decoration: underline;
    /*
    background:#cc5510; color: #fff; text-decoration: none; */
}

/* Custom text-selection colors (remove any text shadows: twitter.com/miketaylr/status/12228805301) */
::-moz-selection{background: #077bd9; color: #fff; text-shadow: none;}
::selection {background: #077bd9; color: #fff; text-shadow: none;} 

/*	j.mp/webkit-tap-highlight-color */
a:link {
    -webkit-tap-highlight-color: #077bd9;
} 

ins {background-color: #077bd9; color: #000; text-decoration: none;}
mark {background-color: #077bd9; color: #000; font-style: italic; font-weight: bold;}



/* And here begins the Wordpress fun.
-------------------------------------------------------------------------------*/
/*	WP aligns */
.alignleft {
	float: left;
	margin: 0 20px 20px 0;
}
.alignright {
	float: right;
	margin: 0 0 20px 20px;
}
.aligncenter {
	margin: 0 auto;	
}

article {
	clear: both;	
}

/*	Captions	*/
.wp-caption-text {
	font-size: 12px;
	line-height: 23px;
	text-align: center;
}

.post, .wpdmpro {
/*    background-color: #f7f7f7; */
    background-color: #f7f7f7; 
    margin-bottom: 10px;
/*    border: 1px solid #dddddd; */
    background-color: #f8ffff;

}

ul.children {
    margin-bottom: 0px;
}
/*
ul.children li:before {
     content: "- "; 
}
*/
ul.children li:before {
     content: "- "; 
}

.entry * {
}
.entry {
  	/*border: 1px solid #dddddd; */
  
        margin-top:0px;
        margin-right: 10px;
}

.post h2, .post h1, .wpdmpro h2, .wpdmpro h1 {
    
   /* background-color: #cc3366; 
    display: block;
    width: 100%;
    color: #fff;
     margin-bottom: 0px; */
/*    padding: 5px; */
    
}

.post h2 a {
   /* margin: 0px 5px ; */
    padding: 5px;
    display: block;
    color: #fff;
}

.entry-content {
    padding: 5px 25px;
}

.entry-content p {
}

.entry-content a {}
.entry-content a:hover {}

#meta {}
.postmetadata {}

.navigation {
	clear: both;
	font-size: 14px;
	line-height: 21px;
	padding-bottom: 24px;
}
.next-posts {}
.prev-posts {}

#content #searchform {
	margin-bottom: 24px;
}
#s {}
#searchsubmt {}

/*
#comments {
    background-color: #7f7f7f;
}

#comments h2, #respond h2 {
	margin-top: 24px;	
}
ol.commentlist {list-style: none;}
ol.commentlist li {}
ol.commentlist li.alt {}
ol.commentlist li.bypostauthor {}
ol.commentlist li.byuser {}
ol.commentlist li.comment-author-admin {}
ol.commentlist li.comment {border-bottom: 1px dotted #666; padding: 10px;}
ol.commentlist li.comment div.comment-author {}
ol.commentlist li.comment div.vcard {}
ol.commentlist li.comment div.vcard cite.fn {font-style: normal;}
ol.commentlist li.comment div.vcard cite.fn a.url {}
ol.commentlist li.comment div.vcard img.avatar {float:right; margin: 0 0 10px 10px;}
ol.commentlist li.comment div.vcard img.avatar-32 {}
ol.commentlist li.comment div.vcard img.photo {}
ol.commentlist li.comment div.vcard span.says {}
ol.commentlist li.comment div.commentmetadata {}
ol.commentlist li.comment div.comment-meta {font-size: 10px;}
ol.commentlist li.comment div.comment-meta a {color: #ccc;}
ol.commentlist li.comment p {}
ol.commentlist li.comment ul {}
ol.commentlist li.comment div.reply {font-size: 11px;}
ol.commentlist li.comment div.reply a {font-weight: bold;}
ol.commentlist li.comment ul.children {list-style: none; margin: 10px 0 0;}
ol.commentlist li.comment ul.children li {}
ol.commentlist li.comment ul.children li.alt {}
ol.commentlist li.comment ul.children li.bypostauthor {}
ol.commentlist li.comment ul.children li.byuser {}
ol.commentlist li.comment ul.children li.comment {}
ol.commentlist li.comment ul.children li.comment-author-admin {}
ol.commentlist li.comment ul.children li.depth-2 {border-left: 5px solid #555; margin: 0 0 10px 10px;}
ol.commentlist li.comment ul.children li.depth-3 {border-left: 5px solid #999; margin: 0 0 10px 10px;}
ol.commentlist li.comment ul.children li.depth-4 {border-left: 5px solid #bbb; margin: 0 0 10px 10px;}
ol.commentlist li.comment ul.children li.depth-5 {}
ol.commentlist li.comment ul.children li.odd {}
ol.commentlist li.even {background: #fff;}
ol.commentlist li.odd {background: #f6f6f6;}
ol.commentlist li.parent {border-left: 5px solid #111;}
ol.commentlist li.thread-alt {}
ol.commentlist li.thread-even {}
ol.commentlist li.thread-odd {}

.commentlist .comment-body {
    background-color: #ccc;
}

.comments-area article header {
	margin: 0 0 48px;
	overflow: hidden;
	position: relative;
	background-color:#55737D;
	color:#FFFFFF;
	padding: 10px;
}
*/

.comments-area {
	background-color: #fff;
	border-top: 1px solid #eaeaea;
	border-top: 1px solid rgba(51, 51, 51, 0.1);
	padding: 7.6923%;
}

.comments-area > :last-child {
	margin-bottom: 0;
}

.comment-list + .comment-respond {
	border-top: 1px solid #eaeaea;
	border-top: 1px solid rgba(51, 51, 51, 0.1);
        clear: both;
        margin-top: 10px;
}

.comment-list + .comment-respond,
.comment-navigation + .comment-respond {
	padding-top: 1.6em;
}

.comments-title,
.comment-reply-title {
    /*
	font-family: "Noto Serif", serif;
	font-size: 18px;
	font-size: 1.8rem;
	line-height: 1.3333; */
}

.comments-title {
	margin-bottom: 1.3333em;
}

.comment-list {
	list-style: none;
	margin: 0;
}

.comment-list article,
.comment-list .pingback,
.comment-list .trackback {
	border-top: 1px solid #eaeaea;
	border-top: 1px solid rgba(51, 51, 51, 0.1);
	padding: 1.6em 0;
}

.comment-list .children {
	list-style: none;
	margin: 0;
}

.comment-list .children > li {
	padding-left: 0.8em;
}

.comment-author {
	color: #707070;
	color: rgba(51, 51, 51, 0.7);
	margin-bottom: 0.4em;
}

.comment-author a:hover {
	border-bottom: 1px solid #707070;
	border-bottom: 1px solid rgba(51, 51, 51, 0.7);
}

.comment-author .avatar {
	float: left;
	height: 24px;
	margin-right: 0.8em;
	width: 24px;
}

.bypostauthor > article .fn:after {
	content: "\f304";
	position: relative;
	top: 5px;
	left: 3px;
}

.comment-metadata,
.pingback .edit-link {
	color: #707070;
	color: rgba(51, 51, 51, 0.7);
/*	font-family: "Noto Sans", sans-serif; */
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 1.5;
}

.comment-metadata a,
.pingback .edit-link a {
	color: #707070;
	color: rgba(51, 51, 51, 0.7);
}

.comment-metadata a:hover,
.pingback .edit-link a:hover {
	border-bottom: 1px solid #333;
}

.comment-metadata a:hover,
.comment-metadata a:focus,
.pingback .edit-link a:hover,
.pingback .edit-link a:focus {
	color: #333;
}

.comment-metadata {
	margin-bottom: 1.6em;
}

.comment-metadata .edit-link {
	margin-left: 1em;
}

.pingback .edit-link {
	margin-left: 1em;
}

.pingback .edit-link:before {
	top: 5px;
}

.comment-content ul,
.comment-content ol {
	margin: 0 0 1.6em 1.3333em;
}

.comment-content li > ul,
.comment-content li > ol {
	margin-bottom: 0;
}

.comment-content > :last-child {
	margin-bottom: 0;
}

.comment-list .reply {
	font-size: 12px;
	font-size: 1.2rem;
        float :right;
}

.comment-list .reply a {
	border: 1px solid #eaeaea;
	border: 1px solid rgba(51, 51, 51, 0.1);
	color: #707070;
	color: rgba(51, 51, 51, 0.7);
	display: inline-block;
/*	font-family: "Noto Sans", sans-serif;
	font-weight: 700; */
	line-height: 1;
	margin-top: 2em;
	padding: 0.4167em 0.8333em;
	text-transform: uppercase;
}

.comment-list .reply a:hover,
.comment-list .reply a:focus {
	border-color: #333;
	color: #333;
	outline: 0;
}

.comment-form {
	padding-top: 1.6em;
}

.comment-form label {
	color: #707070;
	color: rgba(51, 51, 51, 0.7);
/*	font-family: "Noto Sans", sans-serif; */
	font-size: 12px;
	font-size: 1.2rem;
	font-weight: 700;
	display: block;
	letter-spacing: 0.04em;
	line-height: 1.5;
	text-transform: uppercase;
}

.comment-form input[type="text"],
.comment-form input[type="email"],
.comment-form input[type="url"],
.comment-form input[type="submit"] {
	width: 100%;
}

.comment-notes,
.comment-awaiting-moderation,
.logged-in-as,
.form-allowed-tags {
	color: #707070;
	color: rgba(51, 51, 51, 0.7);
	font-family: "Noto Sans", sans-serif;
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 1.5;
	margin-bottom: 2em;
}

.logged-in-as a:hover {
	border-bottom: 1px solid #333;
}

.no-comments {
	border-top: 1px solid #eaeaea;
	border-top: 1px solid rgba(51, 51, 51, 0.1);
	color: #707070;
	color: rgba(51, 51, 51, 0.7);
	font-family: "Noto Sans", sans-serif;
	font-weight: 700;
	padding-top: 1.6em;
}

.comment-navigation + .no-comments {
	border-top: 0;
}

.form-allowed-tags code {
	font-family: Inconsolata, monospace;
}

.form-submit {
	margin-bottom: 0;
}

.required {
	color: #c0392b;
}

.comment-reply-title small {
	font-size: 100%;
}

.comment-reply-title small a {
	border: 0;
	float: right;
	height: 32px;
	overflow: hidden;
	width: 26px;
}

.comment-reply-title small a:before {
	content: "\f405";
	font-size: 32px;
	position: relative;
	top: -3px;
}

.hidden {
	position: absolute;
	top: -999em;
	left: -999em;
}

.comment-body {
    margin: 10px;
    background-color: #f7f7f7;
}

.odd .comment-body  {
    background-color: #ffffff;
    
}

/* TEACKELE */
.leftThreeQuart {
    display: block;
    width: 74%;
    float:left;
}

.fullWidth {
    display: block;
    width: 74%;
}

.rightThreeQuart {
    display: block;
    width: 74%;
    float:right;
}

.rightQuart {
    display: block;
    width: 24%;
    float:right;
}

.leftQuart {
    display: block;
    width: 24%;
    float:left;
}
.thirdColumn {
    width: 32%;
    height: 300px;
    display: inline-block;
   /* float: left; */
    background-color: #f7f7f7;
   /* border: 1px solid #888; */
     
}

.quartColumn {
    width: 24%;
    min-height: 300px;
    display: inline-block;
   /* float: left; */
    background-color: #f7f7f7;
}

.colLeft {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border: 1px solid #dddddd;
    float: left;
    margin-right:1%;
}
.colRight {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border: 1px solid #dddddd;
    float: right;
    margin-left:1%;
}
.colMiddle {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border: 1px solid #dddddd;
    margin-left:0.37%;
    margin-right:0.37%;
}

.columnTitle {
    background-color: #7ac4c5;
    color: #ffffff;
    font-weight: bold;
    text-align: center;
      height :30px;
      padding-top: 5px;
      font-size: 16px;
}

.columnTitle a {
}

.quartColumn ul {
    margin: 0;
}
.quartColumn li a {
    color: #cc5510;
    padding: 10px 10px 10px 5px; 
    display: block;
    float: left;
}

.cat-item .children {
    margin-left: 10px;
}

.artlist img {
     width:50px;
    height: 50px; 
    display: inline-block; 
    float: left; 
    /* background-color:#999; */
}

.titlediv {
    float:left;
    display: inline; 
    overflow:hidden; 
    width: 155px; 
    padding-left: 5px;
}

.post .entry-title, .wpdmpro .entry-title {
        box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    display: block;

    background-color: #7ac4c5; 
    color:white; 
 /*  background-color: #f7f7f7; 
   color: #000; */
    width: 100%; 
    min-height: 40px; 
    padding: 5px;

}

.post .entry {
    padding: 5px;
}

.tagcloud {
    text-align: center;
}

.metaslider .caption {
  color: #ffffff;
}

#socialdiv {
    margin: 10px 10px 0px 10px; 
    border-bottom: 1px solid #dddddd;
}

#socialdiv a, #socialdiv span {
    padding-right: 10px;
}
/* Print styles!
-------------------------------------------------------------------------------*/
@media print {



}


/* Media queries!
-------------------------------------------------------------------------------*/

/* Consider this: www.cloudfour.com/css-media-query-for-mobile-is-fools-gold/ */
@media screen and (max-device-width: 480px) {
	
		
}

@media all and (orientation: portrait) {
	
}

@media all and (orientation: landscape) {
	
}