/*  

Theme Name: Evidens [White]

Theme URI: http://designdisease.com/

Description: Designed by <a href="http://designdisease.com">Design Disease</a> for <a href="http://premiumthemes.com">Premium Themes</a>. You may use this theme and make any changes you like as long you leave the credits link on. <a href="http://creativecommons.org/licenses/by-sa/3.0/">Creative Commons Attribution-Share Alike 3.0 License.</a>

Version: 1

Author: Design Disease

Author URI: http://designdisease.com/

Tags: white, grey, orange, three columns, fluid width, widgets

*/





/* Begin Typography & Colors */

* { margin: 0; padding: 0; }

body { background: #999; font: normal 13px 'segoe ui', sans-serif; margin: 0px; color:#4c4c4c; }

input, button, textarea, select {  font: normal 13px/13px 'segoe ui', sans-serif; color:#2d3538; vertical-align: middle; }

legend { display: none; }

fieldset { border: none; }

ul, ol { list-style: none; }

ol { list-style-type: decimal;}

table { border-collapse: collapse; width: 100%; }

hr { display: none; }

img { padding: 0px; margin: 0px; border: none; text-align: center;}

div#themeSelectContainer{
	position:absolute;
    top:50%;
    left:50%;
    margin-top:-102px;
    margin-left:-202px;
	width:404px;
	height:204px;
	background:url('images/themeselectbg.gif') no-repeat 50%;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	-webkit-box-shadow:0px 0px 30px #111;
	-moz-box-shadow:0px 0px 30px #111;
	box-shadow:0px 0px 30px #111;
}
div#themeSelectContainer a{
	display:block;
	clear:both;
	padding:30px;
	padding-top:20px;
	width:340px;
	height:50px !important;
}
div#themeSelectContainer a:hover{
	text-decoration:underline;
}
div#themeSelectContainer a#fotofolio p{
	font-size:16px;
	color:#777;
}
div#themeSelectContainer a#fotofolio h1{
	color:#EEE;
}
div#themeSelectContainer a#bloggen h1{
	color:#444;
}
div#themeSelectContainer a#bloggen p{
	font-size:16px;
	color:#777;
}
div#bg{

	max-width:1280px;

	min-width:1024px;

	margin:0 auto;

	border-left:5px solid #666;

	border-right:5px solid #666;

	background-color:#FFF;

	padding:10px;

}



a:link { text-decoration: none; color:#d14b40; border: 0px; -moz-outline-style: none;}

a:active { text-decoration: underline; color:#d14b40; border: 0px; -moz-outline-style: none;}

a:visited { text-decoration: none; color:#d14b40; border: 0px; -moz-outline-style: none;}

a:hover	{ text-decoration: underline; color:#992820; border: 0px; -moz-outline-style: none;} 

a:focus { outline: none;-moz-outline-style: none;}



h1, h2, h3, h4 { font-family: Arial, Helvetica, sans-serif; }



/* Header 

############################################################################################################## */

#header { overflow: hidden;}

* html #header { height: 1%;}





/* Menu

++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.head { overflow: hidden; background: -webkit-gradient(linear, center top, center bottom, from(#444), to(#999));border-bottom:1px solid #666;padding:10px;}

* html .head { height: 1%;}



/* Logo

++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.head .logo { float: left;}

.head .logo .txt{line-height:30px;}

.head .logo .txt h1 { font: bold 50px/50px "Arial Black"; letter-spacing: -5px; text-transform: uppercase; text-shadow: 1px 1px 1px #666; margin-left:-3px;}

.head .logo .txt h1 a, .head .logo .txt h1 a:visited,.head .logo .txt h1 a:hover { text-decoration: none; color:#FFF;}

.head .logo .txt p.desc { font: bold 15px/15px "Arial Black"; letter-spacing: -2px; display: block; text-transform: uppercase; color:#444; text-shadow: 1px 1px 1px #999;}

.head .logo .img {}

.head .logo .img img { margin-bottom: 5px; }





/* Search

++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.head .search { float: right; width: 260px; height: 45px; background: #e0e3e4 url(images/widget-dotted.png) repeat-y left; padding: 10px 15px 15px 25px;}

.head .search h2 { font: bold 14px/14px "Arial"; padding-bottom:4px; color:#000; letter-spacing: -1px;}

.head .search form { border: 1px solid #dfe2e3; }

.head .search fieldset { overflow: hidden; }

.head .search input { float: left; margin-right: 4px; background: #fff; border: 1px #b3b6b7 solid; padding: 4px; width: 180px; color:#666;}

.head .search #searchsubmit { float: left; background: #000; width: 55px; cursor: pointer; font: bold 11px/11px "Arial"; color:#fff; border: inset 1px #000; padding: 4px;}



/* Date

++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.head .date { float: right; width: 125px; height: 40px; background: #f0f2f3 url(images/widget-dotted.png) repeat-y left; padding: 15px 15px 15px 20px; margin-right: 25px;  }

.head .date span.day { font: bold 21px/24px 'segoe ui'; display: block; text-transform: uppercase; letter-spacing: -1px; color:#333;}

.head .date span.time { font: normal 13px/13px 'segoe ui'; color:#999; }





/* Menu

++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.menu{
	border-top:2px solid #CCC;
	display: block;
	height:70px;
	width:100%;
}

.menu, .menu ul.top {
	list-style: none;
}

.menu a ,.menu a:hover{
	border:none;
	display: block;
	text-decoration: none;
}

.menu ul.top li {
	float: left;
	list-style:none;
	display:block;
	margin-right:10px;
	width:148px;
	border-bottom:2px solid #EDEDED;
	overflow:visible;
}

.menu ul.top li a,.menu ul.top li a:visited {
	color:#666;
	font-weight:bold;
	font-size:14px;
	margin:6px 12px;
}

.menu ul.top li a span{
	font-size:9px;
	font-weight:normal;
}

.menu ul.top li:hover{
	text-decoration:none;
	border-bottom:2px solid #333;
}	
.menu ul.top li:hover a{
	color:#000;
}

.menu ul.top li.current_page_item{
	border-bottom:2px solid #333;
}
.menu ul.top li.current_page_item a{
	color:#000;
}

.menu ul.top li div {
	display:none;
}

.menu ul.top li.current_page_item div{
	display:block;
}

.menu ul.top li.current_page_item div ul li.current_page_item a{
	text-decoration:underline;
}

.menu ul.top li.current_page_item div ul li.current_page_item a:hover{
	text-decoration:none;
}

.menu ul.top li div.sub {
	color:#333;
	position: absolute;
	z-index:80;
	padding-top:3px;
}
.menu ul.top li div.sub ul li {
	float:left;
	display:inline;
	width:inherit;
	border-bottom:0px none;
	margin:0px;
}

.menu ul.top li div.sub li a,.menu ul.top li div.sub li a:visited {
	color:#333;
	font-weight:normal;
	font-size:10px;
	padding:3px;
	text-decoration:none;
	margin:0px;
}

.menu ul.top li div.sub li a:hover,.menu ul.top li div.sub li a:active {
	color:#000;
	background-color:#EEE;
	
}	

.menu li:hover ul, .menu li li:hover ul, .menu li li li:hover ul, .menu li.sfhover ul, .menu li li.sfhover ul, .menu li li li.sfhover ul {
	display:block;
}
.menu ul.top li.rss{float:right;border-bottom:0px none;text-align:right;margin-right:0px;}
.menu ul.top li.rss a{font: normal 12px/12px 'segoe ui'; letter-spacing: -1px;color:#d14b40;}
.menu ul.top li.rss a:hover{text-decoration:underline;}
.menu .pages .current_page_item a, .menu .pages .current_page_item a:visited, .menu .pages .current_page_item a:hover {color:#333;text-decoration:underline}

.menu .pages .current_page_item .page_item a, .menu .pages .current_page_item .page_item a:visited {color:#333;}

.menu .pages .current_page_item .page_item a:hover {color:#333;text-decoration:underline}


/* Feed

++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.menu .feed { float: right;}

.menu .feed li { display: inline; font: normal 14px/14px 'segoe ui'; letter-spacing: -1px; float: left; height: 24px;}

.menu .feed li a { color:#d14b40; float:left; padding: 5px 10px 5px 10px;}

.menu .feed li a:hover {color:#992820;text-decoration:underline;}







/* Center 

############################################################################################################## */

#container { overflow: hidden; padding: 0px; width: 100%;}

* html #container { height: 1%; }



/* Center 

############################################################################################################## */

#center { margin-right:515px; height:auto !important;}

#center-wap { float: left; width: 100%; }

.center-attachment { margin-right: 0px; height:auto !important;}



.border {overflow:hidden;}

.title { color:#d14b40; font: bold 34px/38px "Arial"; letter-spacing: -1px; padding-bottom: 15px; margin-bottom: 15px; border-bottom: solid 1px #ccc;}



/* Post Single

++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.post, .attachment { width: 100%;clear:both;float:none;overflow:hidden;}

/**/ * html .post, .attachment { width: 99%;} /**/ 



.p-head { position: relative; padding-right: 100px;}

.p-head h1, .p-head h1 a, .p-head h1 a:visited { color:#d14b40; font: bold 34px/34px "Arial"; letter-spacing: -1px; }

.p-head h1 a:hover { color:#d14b40; text-decoration: none; }



.p-head h2 { color:#d14b40; font: bold 34px/34px "Arial"; letter-spacing: -1px; }

.p-head h2 a, .p-head h2 a:visited { color:#d14b40; }

.p-head h2 a:hover { color:#992820; text-decoration: none; }



.p-head h3 { color:#000; font: bold 26px/26px "Arial"; letter-spacing: -1px; }

.p-head h3 a, .p-head h3 a:visited { color:#000;}

.p-head h3 a:hover { color:#ff7e00; text-decoration: none;}



.p-time { position: absolute; right: 0px; top: 5px; border-left: solid 4px #adadad; padding-left: 7px; width: 80px; }

.p-time strong { letter-spacing: -1px; float: left;}

.p-time .day { font: bold 34px/30px 'segoe ui'; color:#000; padding-right: 7px; }

.p-time .month-year { font: bold 14px/15px 'segoe ui'; text-transform: lowercase; color:#ccc;}



.p-con {}

.p-con p { font: normal 13px/19px 'segoe ui'; padding: 5px 0px; margin: 5px 0px;}

.p-con ol { list-style: decimal inside; }

.p-con ol { padding: 10px 0px 10px 25px; margin: 0px; }

.p-con ol li { padding: 2px 0px 2px 0px; }

.p-con ul { padding: 10px 0px 10px 20px; margin: 0px; }

.p-con ul li { padding: 2px 0px 2px 13px; list-style-type: none; background: url("images/p-con-li.png") no-repeat left 2px; color:#666; }

.p-con blockquote { font: italic 14px/19px Georgia, "Times New Roman", Times, serif; padding: 10px 20px; margin: 10px 0px; background: #f4f4f4; color:#666; }

.p-con blockquote p { font: italic 14px/19px Georgia, "Times New Roman", Times, serif; color:#666; }

.p-con blockquote li { padding: 2px 0px 2px 13px; list-style-type: none; font-size: 13px; line-height: 17px;}



.p-det { margin: 5px 0px; text-align: left;}

.p-det li { color:#7f7f7f; display: inline; padding: 4px 0px 6px 17px; margin-right: 5px;}

.p-det li.p-det-cat { background: url("images/p-det-cat-ico.png") left center no-repeat; }

.p-det li.p-det-tag { background: url("images/p-det-tag-ico.png") left center no-repeat; }

.p-det li a, .p-det li a:visited, .p-det li a:hover { color:#7f7f7f; text-decoration: underline; margin-right: 3px;}



.p-more { padding-top: 10px; text-align: right;}

.p-more li { color:#7f7f7f; display: inline; padding: 4px 0px 6px 20px; margin-right: 5px;}

.p-more li.p-more-read { background: url("images/p-more-read-ico.png") left center no-repeat; }

.p-more li.p-more-com { background: url("images/p-more-com-ico.png") left center no-repeat; }

.p-more li a,.p-more li a:visited { color:#d14b40; font: normal 14px/18px 'segoe ui'; letter-spacing: -1px; margin-right: 3px;}

.p-more li a:hover { color:#992820; }



.p-con .wpunlimited_bookmarks strong { font-weight: normal; color:#999; padding-bottom: 2px; font-size: 10px; text-transform:uppercase; }

.p-con .wpunlimited_bookmarks a img { display:inline; border:none; padding:0; margin:0; margin-top: 5px; }



/* Images

+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++  */

.p-con img { padding: 0; max-width: 100%; }

.p-con img.centered { display: block; margin-left: auto; margin-right: auto; padding: 1px; border: solid 1px #9b9792;}

.p-con img.alignright { margin: 5px 0 10px 20px; display: inline; border: solid 4px #eee; padding: 1px; }

.p-con img.alignleft { margin: 5px 20px 10px 0; display: inline; border: solid 4px #eee; padding: 1px;}

.p-con .alignright { float: right; }

.p-con .alignleft { float: left }



/* Navigation

+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++  */

.nav { overflow: hidden; padding-bottom: 20px;}

.nav .left a { float: left; background:url(images/nav-left.png) no-repeat left 0px; padding-left: 20px; }

.nav .right a { float: right; background:url(images/nav-right.png) no-repeat right 0px; padding-right: 20px; }

.nav a, .nav a:visited { color:#d14b40; cursor: hand; font: normal 14px/16px 'segoe ui'; letter-spacing: -1px; }

.nav a:hover { color:#992820; }





/* Side Right 

############################################################################################################## */

.comments-list {}

.comments-list h2 { color:#000; font: bold 26px/30px 'segoe ui'; letter-spacing: -1px; padding-bottom: 20px;}

.comments-list div.entry { margin-bottom: 25px; padding: 25px; border: 1px solid #e5e5e5; background: #ffffff;}

.comments-list div.alt { border: 1px solid #e5e5e5; background: #f4f4f4;}

.comments-list p.name { font: bold 14px/14px 'segoe ui' sans-serif; letter-spacing: -1px; color:#000;}

.comments-list p.avt { padding: 0px; margin: 0px; float: right;}

.comments-list p.avt img { border: solid 1px #ccc;}

* html .comments-list p.avt { left: -60px; }

.comments-list p.date { font-size: 11px; margin-bottom: 5px;}

.comments-list p.date a, .comments-list p.date a:visited, .comments-list p.date a:hover { color:#999; text-decoration: underline;}



.comments-list .con { font: normal 13px/17px 'segoe ui'; margin-right: 90px; color:#333;}

.comments-list .con p { font: normal 13px/17px 'segoe ui'; padding: 5px 0px; margin: 0px; color:#333;}

.comments-list .con blockquote { font: italic 14px/19px Georgia, "Times New Roman", Times, serif; color:#666; margin: 10px 20px; }

.comments-list .con blockquote p { font: italic 14px/19px Georgia, "Times New Roman", Times, serif; color:#666; }





/* Comments Form

++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.comments-form { border: 1px solid #e5e5e5; background: #f4f4f4; padding: 20px; color: #333333;}

.comments-form h3 { color:#000; font: bold 26px/30px "Arial"; letter-spacing: -1px; padding-bottom: 5px; margin-bottom: 5px; border-bottom: solid 1px #e5e5e5; }

.comments-form p { padding: 7px 0px; color:#808080;}

.comments-form .required { font-weight: normal; color:#cc0000;}

.comments-form input { border: 1px solid #ccc; background: #ffffff; padding: 5px; width: 250px; margin-right: 7px; }

.comments-form textarea { border: 1px solid #ccc; background: #ffffff; padding: 4px; width: 98%;}

.comments-form .button { border: outset 1px #000; background: #666; color:#fff; width: auto; font-size: 11px; font-weight: bold; padding: 4px 5px;}







/* Side Right 

############################################################################################################## */

#right { float: right; width:485px; height:auto !important;}



/* R1

+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++  */

.r1 { float: left; width: 160px;}

.r1 .widget { width: 160px; margin-bottom: 20px;}

.r1 .widget h3 { color:#000; font-size: 14px; letter-spacing: -1px; background: #f0f2f3; padding: 3px 4px; }

.r1 .widget label { font: bold 14px/14px "Arial"; letter-spacing: -1px; display: block; color:#000; background: #f0f2f3; padding: 3px 4px; margin-bottom: 3px; }

.r1 .widget li { padding: 2px 0px 2px 7px; color:#999; background: url(images/r1-widget-li.png) no-repeat left 7px; }

.r1 .widget li ul li { padding-bottom: 0px;}





.r1 .widget_flickrRSS { overflow: hidden; margin-bottom: 10px;}

* html .r1 .widget_flickrRSS { height: 1%;}

.r1 .widget_flickrRSS h3 { margin-bottom: 10px;}

.r1 .widget_flickrRSS li { background: none; list-style-type: none; padding: 0px; margin: 0px 10px 10px 0px; float: left; }

.r1 .widget_flickrRSS li a img, .r1 .widget_flickrRSS li a:visited img { border: solid 1px #999; padding: 1px; background: #fff; width: 53px; height: 53px;}

.r1 .widget_flickrRSS li a:hover img { border: solid 1px #000;}



.r1 .widget_text { font: normal 13px/17px 'segoe ui';}

.r1 .widget_text p { font: normal 13px/17px 'segoe ui'; padding: 5px 0px; margin: 0px;}

.r1 .widget_text blockquote { font: italic 13px/17px "Georgia"; padding: 10px; margin: 0px; background: #e4e4e4;}



.r1 .widget_recent_entries ul li { border-bottom: solid 1px #dadada; padding: 3px 0px 5px 7px;}

.r1 .widget_recent_comments ul li { border-bottom: solid 1px #dadada; padding: 3px 0px 5px 7px;}



.r1 .widget_tag_cloud { font-family: Arial, Helvetica, sans-serif; line-height: 22px;}



.r1 .widget_calendar table { width: 100%;}

.r1 .widget_calendar table td { text-align: center; padding: 4px 3px; font-size: 11px; }

.r1 .widget_calendar caption { background: #f0f2f3; padding: 5px 0px; margin-bottom: 5px;}

.r1 .widget_calendar #today { background: #f0f2f3; font-weight: bold;}



.r1 .widget_search #s { border: 1px solid #ccc; padding: 2px; margin-right: 0px; }

.r1 .widget_search #searchsubmit { border: outset 1px #000; background: #666; color:#fff; width: auto; font-weight: bold; padding: 2px;}





/* R2

+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++  */

.r2 { float: right; width: 300px;}

.r2 .widget { margin-bottom: 20px;}

.r2 .widget h3 { font-weight: bold; color:#000; font-size: 19px; letter-spacing: -1px; padding-bottom: 6px; border-bottom: solid 1px #c3c4c5;}

.r2 .widget label { font: bold 19px/19px "Arial"; letter-spacing: -1px; display: block; color:#000; background: #f0f2f3; padding: 3px 4px; margin-bottom: 3px; }

.r2 .widget a { text-decoration: underline;}



.r2 .widget li { padding: 2px 0px 2px 7px; color:#999; background: url(images/r1-widget-li.png) no-repeat left 7px;  color:#000; }

.r2 .widget li ul li { padding-bottom: 0px;}

	

.r2 .widget_flickrRSS { padding: 15px 0px 5px 25px; overflow: hidden}

.r2 .widget_flickrRSS h3 { width: 260px;}

* html .r2 .widget_flickrRSS { height: 1%;}

.r2 .widget_flickrRSS ul { padding: 0px; margin: 5px 0px 10px 0px; float: left;}

.r2 .widget_flickrRSS li { list-style-type: none; padding: 0px; margin: 0px 10px 10px 0px; float: left; }

.r2 .widget_flickrRSS li a img, .r2 .widget_flickrRSS li a:visited img { border: solid 1px #999; padding: 1px; background: #fff; width: 53px; height: 53px;}

.r2 .widget_flickrRSS li a:hover img { border: solid 1px #000;}



.r2 .widget_text { font: normal 13px/17px 'segoe ui';}

.r2 .widget_text p { font: normal 13px/17px 'segoe ui'; padding: 5px 0px; margin: 0px;}

.r2 .widget_text blockquote { font: italic 13px/17px "Georgia"; padding: 10px; margin: 0px; background: #e4e4e4;}



.r2 .widget_recent_entries ul li { border-bottom: solid 1px #dadada; padding: 3px 0px 5px 7px;}

.r2 .widget_recent_comments ul li { border-bottom: solid 1px #dadada; padding: 3px 0px 5px 7px;}



.r2 .widget_tag_cloud { font-family: Arial, Helvetica, sans-serif; line-height: 22px;}



.r2 .widget_calendar table { width: 100%;}

.r2 .widget_calendar table td { text-align: center; padding: 5px 3px; }

.r2 .widget_calendar caption { background: #f0f2f3; padding: 5px 0px; margin-bottom: 5px;}

.r2 .widget_calendar #today { background: #f0f2f3; font-weight: bold;}



.r2 .widget_search #s { border: 1px solid #ccc; padding: 2px; margin-right: 0px; }

.r2 .widget_search label { font-weight: normal; color:#000; font-size: 19px; letter-spacing: -1px; padding-bottom: 6px; margin-bottom: 6px; border-bottom: solid 1px #c3c4c5; background: none;}

.r2 .widget_search #searchsubmit { border: outset 1px #000; background: #666; color:#fff; width: auto; font-weight: bold; padding: 2px;}



.r1 .widget h3, .r2 .widget h3{

	font-size:14px !important;

	display:block !important;

	letter-spacing: -1px !important;

	background: -webkit-gradient(linear, center top, center bottom, from(#444), to(#999)) !important;

	padding:10px !important;

	font-weight:bold !important;

	text-transform:uppercase !important;

	color:#FFF !important;

	border-bottom:1px solid #666 !important;

	text-shadow:1px 1px 1px #333 !important;

}

.r1 .widget ul,.r2 .widget ul {border-top:2px solid #CCC;}

.r1 .widget ul.children,.r2 .widget ul.children {border-top:0px none;}

.r2 div#wp-spotify h3{background:none !important;}

.r2 div#wp-spotify ul{border-top:0px none !important;}







/* Top

############################################################################################################## */

#b-top { clear:both; padding-bottom: 20px;}

#b-top span { background: #EEE; color:#d14b40; font: bold 14px/14px "Arial"; letter-spacing: -1px; padding: 3px 7px 3px 7px;}

#b-top span a, #b-top span a:visited, #b-top span a:hover { color:#992820; text-decoration: none;}





/* Footer

############################################################################################################## */

#footer { clear:both; color:#FFF; background: -webkit-gradient(linear, center top, center bottom, from(#444), to(#999));border-bottom:1px solid #666;padding:10px;}

#footer p.by { color:#999; padding: 2px 0px;}

#footer p.by a { text-decoration: underline; color:#999; }

#footer p.copy { padding: 2px 0px; }
