/*   
Theme Name: Abstractum pro Concreto
Theme URI: http://denbeke.be/abstractumwordpress
Description: A Wordpress theme with some abstract backgrounds, to give some design to your website with concrete content. The theme includes a widespread Options Panel, which makes your site very adaptable to your needs. You can preset a background, logo, Twitter account, Facebook link, ... And MUCH MORE! This theme has also a ajax powered pagination, powered with nice effects. (that you can turn on or off.)
Author: Mathias Beke
Author URI: http://denbeke.be/
Version: 1.0
Tags: Right-sidebar, Blue, White, Fixed-width, Theme-options, Sticky-post, Threaded-comments, featured-images, custom-background, custom-header, custom-menu
License: GNU General Public License v2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

body {
	font-family: verdana;
	font-size: 16px;
	margin: 0;
	padding: 0;
	/*background-image: url(images/d_wall01.jpg);*/
	background-image: url(images/sandstone-canvas.jpg);
}


/* Defines the backgrounds chose in the theme's option page */
body.Cavern_Walls {
	background-image: url(images/backgrounds/cavern-walls.jpg) !important;
}

body.Melted_Rainforest {
	background-image: url(images/backgrounds/melted-rainforest.jpg) !important;
}

body.Sandstone_Canvas {
	background-image: url(images/backgrounds/sandstone-canvas.jpg) !important;
}

body.Water_Sheets {
	background-image: url(images/backgrounds/water-sheets.jpg) !important;
}

body.None {
	background-image: none;
	background-color: #cccccc;
}

#page-wrap {
	min-width: 1010px;
}

img {
	border: 0px;
}
 
@font-face {
  font-family: 'Cagliostro';
  font-style: normal;
  font-weight: 400;
  src: local('Cagliostro Regular'), local('Cagliostro-Regular'), url('cagliostro.woff') format('woff');
}

/***************** HEADER **************/


div#header {
	width: 950px;
	margin-left: auto;
	margin-right: auto;
}

div#blog-info-container {
	padding-top: 10px;
	padding-bottom: 20px;
}

div#blog-info-container div#logo {
	float: left;
}

div#logo img {
	max-width: 100px;
	max-height: 100px;
}

div#logo.shadow img {
	box-shadow: 0px 0px 10px #000;
	-o-box-shadow: 0px 0px 10px #000;
	-moz-box-shadow: 0px 0px 10px #000;
	-webkit-box-shadow: 0px 0px 10px #000;
}

div#logo.round img {
	border-radius: 8px;
	-o-border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
}

div#blog-info.float_true{
	float: right;
	width: 830px;
	vertical-align: middle;
}



div#header h1 {
	font-size: 50px;
	margin-top: 0px;
	margin-bottom: 0px;
	text-shadow: 0 0 4px #000;
}

div#header h1 a {
	color: #fff;
	text-decoration: none;
}

div.description {
	font-size: 18px;
	color: #fff;
	margin-bottom: 20px;
	text-shadow: 0 0 3px #000/*#0D5F88*/;
}

div#menu {
	background-color: #fff;
	background-image: url(images/box-verlooptint.png);
	background-repeat: repeat-x;
	background-position: 0 -25px;
	
	color: #000;
	text-shadow: 0 0 5px gray;
	
	margin-left: auto;
	margin-right: auto;
	
	width: 950px;
	
	border-radius: 10px;
	-o-border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	
	box-shadow: 0px 0px 10px #000;
	-o-box-shadow: 0px 0px 10px #000;
	-moz-box-shadow: 0px 0px 10px #000;
	-webkit-box-shadow: 0px 0px 10px #000;
}

div#menu ul {
	list-style: none;
	padding-left: 0;
}

div#menu ul li {
	display: inline-block;
	margin: 10px;
	}

div#menu ul li ul {
	display: none;
	position: absolute;
	
	border-width: 1px;
	border-color: gray;
	border-style: solid;
	border-radius: 5px;
	-o-border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	
	box-shadow: 0px 0px 10px #000;
	-o-box-shadow: 0px 0px 10px #000;
	-moz-box-shadow: 0px 0px 10px #000;
	-webkit-box-shadow: 0px 0px 10px #000;
	
}

div#menu ul li:hover ul {
	/*background-color: #fff;*/
	background-image: url(images/opacity.png);
	display: block;
	position: absolute;
	padding: 10px;
}

div#menu ul a {
	display: block;
}

div#menu ul li li {
	display: block;
	
}


#menu a,
#menu a:visited {
	color: #000;
	text-decoration: none;
	padding: 11px;
}

#menu a:active,
#menu a:hover {
	background-color: #eeeeee;
	/* eerste achtergrond background-color: #ddddde */
	border-width: 1px;
	border-color: gray;
	border-style: solid;
	padding: 10px;
	
	-webkit-transition-property: background;
	-webkit-transition-duration: 0.5s;
	
	border-radius: 4px;
	-o-border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

#menu li.current_page_item a,
#menu li.current_page_item a:visited {
	background-color: #eeeeee;
	border-width: 1px;
	border-color: gray;
	border-style: solid;
	padding: 10px;
	
	border-radius: 4px;
	-o-border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}


/***************** CONTENT ***********************/

div#content-wrapper {
	width: 950px;
	margin-left: auto;
	margin-right: auto;
}

div#page-content {
	background-color: #fff;
	background-image: url(images/box-verlooptint.png);
	background-repeat: repeat-x;
	background-position: 0 -25px;
	
	padding: 15px;
	
	border-radius: 10px;
	-o-border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	
	box-shadow: 0px 0px 10px #000;
	-o-box-shadow: 0px 0px 10px #000;
	-moz-box-shadow: 0px 0px 10px #000;
	-webkit-box-shadow: 0px 0px 10px #000;
}

div#page-content.twocolumn {
	float: left;
	width: 600px;
}


div#page-content.onecolumn {
	width: 920px;
}

div#content-wrapper div.widget-area {
	background-color: #fff;
	background-image: url(images/box-verlooptint.png);
	background-repeat: repeat-x;
	background-position: 0 -25px;

	float: right;
	width: 260px;
	padding: 10px 5px;
	
	border-radius: 10px;
	-o-border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	
	box-shadow: 0px 0px 10px #000;
	-o-box-shadow: 0px 0px 10px #000;
	-moz-box-shadow: 0px 0px 10px #000;
	-webkit-box-shadow: 0px 0px 10px #000;
}

div.post-info {
	border-bottom-width: 1px;
	border-bottom-color: gray;
	border-bottom-style: dotted;
}

div.post-info h2,
div.single-info h2,
div.page-info h2 {
	color: #0d5f88;
	margin: 0;
	font-family: 'Cagliostro';
	font-size: 28px;
}

div.post-info h2 a,
div.single-info h2 a,
div.page-info h2 a {
	color: #0d5f88;
	margin: 0;
	text-decoration: none;
}

div.post-info h2 a:hover,
div.single-info h2 a:hover,
div.page-info h2 a:hover {
	text-decoration: underline;
}

div.meta {
	color: gray;
	font-size: small;
}

div.postmetadata {
	color: gray;
	font-size: small;
	text-align: right;
	margin-bottom: 20px;
}

div.meta a,
div.meta a:visited,
div.postmetadata a,
div.postmetadata a:visited {
	color: #344d74;
	text-decoration: none;
}

div.meta a:hover,
div.meta a:active,
div.postmetadata a:hover,
div.postmetadata a:active {
	text-decoration: underline;
}

div.post_thumbnail {
	width: 150px;
	height: 150px;
	float: left;
	margin-right: 5px;
	margin-bottom: 5px;
	
	border-style: double;
	border-color: gray;
	border-radius: 4px;
	-o-border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

div.entry a,
div.entry a:visited {
	color: #344d74;
	text-decoration: underline;
}

div.entry a:active,
div.entry a:hover {
	color: #0d5f88;
}

div.entry p {
	text-align: justify;
	margin-top: 3px;
	margin-bottom: 3px;
}

a.more-link,
a.more-link:visited {
	background-color: silver;
	padding: 3px;
	color: black !important;
	text-decoration: none !important;
	font-size: 12px;
	
	border-color: gray;
	border-width: 1px;
	border-style: solid;
	border-radius: 4px;
	-o-border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	
	box-shadow: 0px 0px 5px gray;
	-o-box-shadow: 0px 0px 5px gray;
	-moz-box-shadow: 0px 0px 5px gray;
	-webkit-box-shadow: 0px 0px 5px gray;
	
}

a.more-link:active,
a.more-link:hover {
	background-color: #d6d5d5;
}

h2#search_results_title,
h2#archive-title {
	font-family: 'Cagliostro';
	font-size: 32px;
	color: #0D5F88;
	margin-top: 0px;
	border-bottom-width: 3px;
	border-bottom-color: #0D5F88;
	border-bottom-style: solid;
}


div.navigation a {
	background-color: silver;
	padding: 3px;
	color: black;
	text-decoration: none;
	font-size: 12px;
		
	border-color: gray;
	border-width: 1px;
	border-style: solid;
	border-radius: 4px;
	-o-border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	
	box-shadow: 0px 0px 5px gray;
	-o-box-shadow: 0px 0px 5px gray;
	-moz-box-shadow: 0px 0px 5px gray;
	-webkit-box-shadow: 0px 0px 5px gray;
}

div.navigation a:active,
div.navigation a:hover {
	background-color: #d6d5d5;
}

.prev-posts {
	float: right;
}

.next-posts {
	float: left;
}

div.clear {
	clear: both;
}

div.navigation {
	margin-top: 10px;
	margin-bottom: 10px;
}


a.post-edit-link,
a.post-edit-link:visited {
	clear: both;
	background-color: silver;
	padding: 5px;
	color: black;
	text-decoration: none;
	font-size: 11px;
	
	border-color: gray;
	border-width: 1px;
	border-style: solid;
	border-radius: 4px;
	-o-border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	
	box-shadow: 0px 0px 5px gray;
	-o-box-shadow: 0px 0px 5px gray;
	-moz-box-shadow: 0px 0px 5px gray;
	-webkit-box-shadow: 0px 0px 5px gray;
}

a.post-edit-link:hover,
a.post-edit-link:active {
	background-color: #d6d5d5;
}

div#edit_post_link {
	margin-top: 10px;
}

blockquote p {
	padding: 2px;
	background-color: #E3E3E3;
	border-color: #d6d5d5;
	border-width: 1px;
	border-style: solid;
	border-radius: 4px;
	-o-border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}


/**************** COMMENTS *******************/


h2#comments {
	font-family: 'Cagliostro';
	color: #0D5F88;
}

p.comments_closed {
	text-align: center;
	font-style: italic;
	color: gray;
	font-size: 12px;
}


ol.commentlist {
	list-style: none;
	padding-left: 0;
	width: 600px;
}

div#comments_container_onecolumn {
	width: 600px;
	margin-left: auto;
	margin-right: auto;
}

ol.commentlist li {
	clear: both;
	margin-bottom: 20px;
	
}

div.comment-author {
	background-color: #e3e3e3;
	width: 120px;
	float: left;
	
	border-radius: 6px;
	-o-border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}

div.comment_box {
	float: right;
	width: 458px;
}

div.comment-body {
	padding: 10px;
	
	border-width: 2px;
	border-color: #E3E3E3;
	border-style: solid;
	border-radius: 6px;
	-o-border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}

div.comment-body p {
	margin-top: 0;
	margin-bottom: 3px;
	font-size: 15px;
}


div.comment-body a,
div.comment-body a:visited {
	text-decoration: underline;
	color: #344D74;
}

div.comment-body a:active,
div.comment-body a:hover {
	color: #0D5F88;
}

span.fn {
	font-size: 13px;
}

span.fn a,
span.fn a:visited {
	color: #344D74;
	text-decoration: none;
}

span.fn a:active,
span.fn a:hover {
	text-decoration: underline;
}

div.comment-meta {
	font-size: 11px;
}


ul.children {
	padding-left: 40px;
	list-style: none;
}

ul.children div.comment_box {
	float: right;
	width: 75%;
}

ul.children div.comment-author {
	background-color: #e3e3e3;
	width: 20%;
	float: left;
	
	border-radius: 6px;
	-o-border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}

ul.children li {
	margin-top: 5px;
}

li.pingback.post a,
li.pingback.post a:visited {
	color: #344D74;
	text-decoration: none;
}

li.pingback.post a:active,
li.pingback.post a:hover {
	text-decoration: underline;
}


a.comment-edit-link,
a.comment-edit-link:visited {
	font-size: 13px;
	background-color: silver;
	padding: 2px;
	color: black !important;
	text-decoration: none !important;
	border-width: 1px;
	border-color: gray;
	border-style: solid;
	border-radius: 4px;
	-o-border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	box-shadow: 0px 0px 5px gray;
	-o-box-shadow: 0px 0px 5px gray;
	-moz-box-shadow: 0px 0px 5px gray;
	-webkit-box-shadow: 0px 0px 5px gray;
	
}

a.comment-edit-linl:active,
a.comment-edit-link:hover {
	background-color: #d6d5d5;
}

div.reply {
	font-size: 13px;
	text-align: right;
}

div.reply a {
	background-color: silver;
	padding: 2px;
	color: black;
	text-decoration: none;

	border-width: 1px;
	border-color: gray;
	border-style: solid;
	border-radius: 4px;
	-o-border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	
	box-shadow: 0px 0px 5px gray;
	-o-box-shadow: 0px 0px 5px gray;
	-moz-box-shadow: 0px 0px 5px gray;
	-webkit-box-shadow: 0px 0px 5px gray;
}

div.reply a:active,
div.reply a:hover {
	background-color: #d6d5d5;
}


div#respond {
	clear: both;
	padding-right: 10px;
}

div#respond a,
div#respond a:visited {
	color: #344D74;
	text-decoration: none;
}

div#respond a:active,
div#respond a:hover {
	text-decoration: underline;
}

div#respond p {
	font-size: 14px;
}

div#respond label[for=comment] {
	display: none;
}

div#respond input {
	outline: none;
	
	
	border-width: 1px;
	border-color: gray;
	border-style: solid;
	border-radius: 4px;
	-o-border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

input#author,
input#email,
input#url {
	border-width: 2px !important;
	border-color: #E3E3E3 !important;
	height: 25px;
	margin-bottom: 5px;
}

div#respond label {
	font-size: 14px;
}


div#respond textarea {
	outline: none;
	/*width: 595px;*/
	width: 600px;
	/*max-width: 595px;*/
	max-width: 100%;
	
	border-width: 2px;
	border-color: #E3E3E3;
	border-style: solid;
	border-radius: 4px;
	-o-border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

input#submit {
	background-color: silver;
	padding: 4px;
	color: black;
	text-decoration: none;
	
	
	
	box-shadow: 0px 0px 5px gray;
	-o-box-shadow: 0px 0px 5px gray;
	-moz-box-shadow: 0px 0px 5px gray;
	-webkit-box-shadow: 0px 0px 5px gray;
}

input#submit:hover {
	background-color: #d6d5d5;
}

span.req {
	font-size: 12px;
	color: gray;
}

a#cancel-comment-reply-link,
a#cancel-comment-reply-link:visited {
	background-color: silver;
	padding: 4px;
	color: black !important;
	text-decoration: none;
	font-size: 11px;
	height: 23px;
	text-decoration: none;
	
	border-width: 1px;
	border-color: gray;
	border-style: solid;
	border-radius: 4px;
	-o-border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	
	box-shadow: 0px 0px 5px gray;
	-o-box-shadow: 0px 0px 5px gray;
	-moz-box-shadow: 0px 0px 5px gray;
	-webkit-box-shadow: 0px 0px 5px gray;
}

a#cancel-comment-reply-link:hover {
	background-color: #d6d5d5;
	text-decoration: none !important;
}


div#respond h3 {
	font-family: 'Cagliostro';
	font-size: 24px;
	color: #0D5F88;
	margin-bottom: 0;
	margin-top: 5px;
}

div#respond h3 small {
	display: none;
}

div#respond p {
	margin: 0;
}

.bypostauthor .comment-body {
	background-color: #dde3e9;
}


/**************** SIDEBAR *********************/


ul.sidebar {
	padding-left: 0;
	margin-top: 0;
	list-style: none;
}

.widget-title {
	font-family: 'Cagliostro';
	font-size: 24px;
	color: #0D5F88;
	margin: 0;
}

li.widget-container {
	margin-bottom: 15px;
}

ul.sidebar a,
ul.sidebar a:visited {
	color: #344d74;
	text-decoration: underline;
}

ul.sidebar a:active,
ul.sidebar a:hover {
	color: #0d5f88;
}


li.widget_meta a,
li.widget_meta a:visited {
	text-decoration: none;
	color: #344D74;
	
	-webkit-transition-property: margin;
	-webkit-transition-duration: 0.5s;
}

li.widget_meta a:active,
li.widget_meta a:hover {
	margin-left: 8px;
}

li.widget_meta ul {
	list-style-image: url(images/list_arrow.png);
	padding-left: 20px;
}


input#s {
	color: #000;
	height: 25px;
	outline: none;
	border-width: 2px;
	border-style: solid;
	border-color: silver;
	width: 190px;
	margin-left: 5px;
	
	border-radius: 4px;
	-o-border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}


input#searchsubmit {
	background-color: silver;
	outline: none;
	border-width: 1px;
	border-color: gray;
	border-style: solid;
	border-radius: 4px;
	-o-border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	
	padding: 4px;
	color: black;
	text-decoration: none;
	box-shadow: 0px 0px 5px gray;
	-o-box-shadow: 0px 0px 5px gray;
	-moz-box-shadow: 0px 0px 5px gray;
	-webkit-box-shadow: 0px 0px 5px gray;
}

input#searchsubmit:hover {
	background-color: #d6d5d5;
}

li.widget_pages a,
li.widget_pages a:visited,
li.widget_categories a,
li.widget_categories a:visited,
li.widget_archive a,
li.widget_archive a:visited {
	text-decoration: none;
	color: #344D74;
	
	-webkit-transition-property: margin;
	-webkit-transition-duration: 0.5s;
}

li.widget_pages a:active,
li.widget_pages a:hover,
li.widget_categories a:active,
li.widget_categories a:hover,
li.widget_archive a:active,
li.widget_archive a:hover {
	margin-left: 8px;
}

li.widget_archive ul {
	list-style-image: url(images/list_arrow.png);
	padding-left: 20px;
}

ul.sidebar ul {
	list-style-image: url(images/list_arrow.png);
	padding-left: 20px;
}

ul.sidebar ul a,
ul.sidebar ul a:visited {
	text-decoration: none;
	color: #344D74;
	
	-webkit-transition-property: margin;
	-webkit-transition-duration: 0.5s;
}

ul.sidebar ul a:active,
ul.sidebar ul a:hover {
	margin-left: 8px;
}

/*************** MISC ************************/

.size-thumbnail {
	max-width: 150px;
	max-height: 150px;
	
}

.size-medium {
	max-height:300px;
	max-width:300px
}


.size-large {
	max-height:500px;
	max-width:500px
}


#page-content img {
	margin: 0;
	height: auto;
	max-width: 595px;
	width: auto;
}
#page-content .attachment img {
	max-width: 595px;
}
#page-content .alignleft,
#page-content img.alignleft {
	display: inline;
	float: left;
	margin-right: 15px;
	margin-top: 4px;
}
#page-content .alignright,
#page-content img.alignright {
	display: inline;
	float: right;
	margin-left: 15px;
	margin-top: 4px;
}
#page-content .aligncenter,
#page-content img.aligncenter {
	clear:  both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
#page-content img.alignleft,
#page-content img.alignright,
#page-content img.aligncenter {
	margin-bottom: 10px;
}

dd {
	font-size: 12px;
	color: gray;
}

.error404 h2 {
	font-family: 'Cagliostro';
	font-size: 30px;
	color: #0D5F88;
}

.wp-caption-text {
	max-width: 595px;
}

p.wp-caption-text {
	color: gray;
	font-size: 12px;
	font-style: italic;
}

div.sticky {
	background-color: #dde3e9;
	padding: 10px;
	box-shadow: inset 0 3px 5px #9aacbe;
	border-radius: 4px;
	-o-border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

.gallery-caption {
	font-family: 10px;
	font-style: italic;
}



/**************** FOOTER *********************/

div#footer {
	text-align: center;
	color: #fff;
	font-size: small;
	clear: both;
	text-shadow: 0 0 3px #000;
	padding: 20px 0;
}

div#footer a,
div#footer a:visited {
	color: #94d4f4;
}

div#footer a:active,
div#footer a:hover {
	color: #b8c9d2;
}

div#footer_social ul {
	padding-left: 0;
	list-style: none;
}

div#footer_social ul li {
	display: inline;
}


div#footer_menu ul {
	list-style: none;	
}

div#footer_menu li {
	display: inline-block;
	padding-left: 10px;
	padding-right: 10px;
}

.page-id-8 img {
	box-shadow: 0px 0px 10px #000;
	-o-box-shadow: 0px 0px 10px #000;
	-moz-box-shadow: 0px 0px 10px #000;
	-webkit-box-shadow: 0px 0px 10px #000;

	border-radius: 6px;
	-o-border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;

	max-height:200px;
}

.page-id-8 h2 {
	color: #0D5F88;
	font-family: 'Cagliostro';
}

img.denbeke {
	box-shadow: 0px 0px 10px #000;
	-o-box-shadow: 0px 0px 10px #000;
	-moz-box-shadow: 0px 0px 10px #000;
	-webkit-box-shadow: 0px 0px 10px #000;

	border-radius: 4px;
	-o-border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}