/*
Theme Name: Mediashakers
Theme URI: http://www.emazing.nl/
Description: 3 column widget ready liquid layout design. XHTML 1.0 Strict and optimised for Search Engines.
Version: 1.0a
Author: Emazing B.V.
Author URI: http://www.emazing.nl/

The CSS, XHTML and design is released under GPL:
http://www.opensource.org/licenses/gpl-license.php
*/

/*
paars: #701471
roze: #EC008C
groen: #D9D7C3
achtergrond navigatie: #F8F9F5
*/

/* Begin Base Elements */
* {margin: 0; padding: 0; border: 0; list-style: none;}

body {
	color: #666666;
	background: #D9D7C3 url(images/background.gif);
	padding: 0 335px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 75%;
	line-height: 150%;
}

#sizer {margin: 0 auto; width: 100%; text-align: left; max-width: 100%;}
#expander {
	margin: 0 -335px;
	min-width: 650px;
	position: relative;
	background: url(images/logo.gif) no-repeat 20px 55px;
}

/*\*/
* html #expander {height: 0;}
/* */


a {text-decoration: none; color: #701471; background: transparent;}
a:hover {text-decoration: none; color: #EC008C;}

small {text-align: right; margin: 1em 0;}

h1 {font-size: 1.5em;}
h2, h3, h4 {font-size: 1.2em; border-bottom: 1px solid #D9D7C3;}

hr {margin: 0 auto; clear: both; border-top: 1px solid #ddd;}
.date {color: #D9D7C3; padding: 0.5em 1em; text-align: right; float: right; background: #FFFFFF;}
.date1 {font-size: 2.5em; display: block;}
.date2 {font-size: 1.5em; display: block;}
.date3 {font-size: 1.5em; display: block; font-weight: bold;}

.more-link {display: block; text-align: right;}
.pageInfo {font-size: 0.8em; color: #aaa; text-align: right; border-top: 1px dashed #ccc; border-bottom: 1px dashed #ccc; padding: 1em; margin-bottom: 1.5em; clear: both;}

.fifty {width: 40%; text-align: center;}

.boxedup {background: #fff url('images/gradient.png') top repeat-x; border: 1px solid #eee; padding: 0.5em; margin: 0.5em;}
.boxedin {background: #fff url('images/gradient.png') 0 -20px repeat-x; border-top: 1px solid #eee; padding: 0 1em; margin: 0 120px 0 0.5em; text-align: right;}

.hide {display:none;}
#disclaimer {text-align:center; padding:5px 0px;}
/* End Base Elements */

/* Begin Layout Elements */

#wrapper {padding: 1px; clear: left; /*margin-top: 30px;*/}
.outer {margin-left: 235px; margin-right: 230px;}
.float-wrap {float: left; width: 96%; margin: 0;}

#column1 {float: right; width: 96%; position: relative; background: #FFFFFF url(images/bg_column.gif) no-repeat left top;}
#column1 p {line-height: 1.5em; padding: 0.4em 0;}
#column1 h1, #column1 h2, #column1 h3 {color: #666666; border-bottom: 1px solid #D9D7C3; text-align: left; padding: 0.5em 0;}
#column1 h2 {font-size: 1.5em;}
#column1 h2.firstheading {color: #701471; padding: 0px 0px 15px 25px; margin: 0px 0px 15px -25px;}
#column1 h2 a {color: #701471;}
#column1 h2 a:hover {color: #EC008C;}
#column1 ul, #column1 ol {margin: 0.5em; padding: 0.5em;}
#column1 ul li {margin: 0 1em; padding: 0.2em; list-style-position: inside; list-style-type: disc;}
#column1 ol li {margin: 0 3em; padding: 0.2em; list-style: decimal outside;}
#column1 blockquote {margin: 15px; padding: 0 0 10px 30px; font-style: italic; background: url('images/blockquote.png') 0 0 no-repeat;}
#column1 blockquote p {margin: 1em 2em 0 0;}
.centerbox {padding:25px;}
#column1 .entry a {color: #EC008C;}
#column1 .entry a:hover {color: #701471; text-decoration:underline;}

#column2 {float: left; position: relative; width: 205px; margin-left: -205px; font-size: 0.9em; /*padding-top: 230px;*/}
.container-left {padding: 10px;}
#colpadding {background: #FFFFFF url(images/bg_column.gif) no-repeat left top; margin-top:230px;}
#column3 {float: right; position: relative; width: 205px; margin-right: -205px; font-size: 0.9em; background: #FFFFFF url(images/bg_column.gif) no-repeat left top;}
.container-right {padding: 10px;}

#footer {font-size: 0.8em; clear: both; color: #FFFFFF; position: relative; text-align: center; padding: 0.5em; line-height:1em;}
#footer a {color: #FFFFFF;}
#footer a:hover {color: #FFFFFF;}
#home {
	position: absolute;
	left: 30px;
	top: 100px;
}

#back {clear: both; font-size: 0.8em; text-align: right; clear: both; margin-top: 20px;}
#back a {font-weight: normal;}
#back span {float: left;}
#back strong {color: #006;}

/* End Layout Elements */

/* Begin Navigation Elements */

/* -------------------------------------- begin main menu styles -------------------------------------- */
#navigation {z-index: 10; background: #F8F9F5 url(images/bg_nav.gif) no-repeat left top; height: 2em; margin: 40px 25px 30px 216px;}
#nav ul {padding: 0; margin: 0; list-style: none; position: relative; z-index: 11; }
#nav a {display: block; color: #65006A; text-decoration: none; padding: 0 0.6em; margin: 0.2em 0; border-left: solid 1px #65006A; /*text-transform: uppercase;*/ font-weight: bold;}
#nav li:first-child a {border:none;}
#nav a:hover { color: #EC008C; }
#nav li {float: left; list-style: none;}
#nav li ul {position: absolute; width: 180px; left: -999em; }
#nav ul li {border-top: 1px solid #F8F9F5; border-right: 1px solid #D9D7C3; border-bottom: 1px solid #D9D7C3; border-left: 1px solid #D9D7C3;}
#nav ul li a {text-transform: lowercase; font-weight: normal; color: #65006A; padding: 0.2em 5px; margin:0; width: 170px; background: #F8F9F5; border:none;}
#nav ul li a:hover {color: #EC008C; background: #F8F9F5; }
#nav li:hover, #nav li.sfhover { background: url(images/spacer.gif);} 
/* third-and-above-level lists */
#nav li ul ul {margin: -2em 0 0 180px;}
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {left: -999em;}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}
/* huidige pagina */
#nav li.current_page_item a {color: #EC008C;}
#nav li.current_page_item li a {color: #65006A;}
#nav li.current_page_item li a:hover {color: #EC008C;}
/* -------------------------------------- end main menu styles -------------------------------------- */

#page_nav a {display: block; color: #999; padding: 2px 6px; border: 1px solid #eee;}
#page_nav a:hover {color: #EC008C; border: 1px solid #ddd;}
/*
#page_nav a {display: block; padding: 2px 6px; border: 1px solid #eee;}
#page_nav a:hover {color: #999; border: 1px solid #ddd; background: #eee;}
*/
#breadcrumbs {position: absolute; font-size: 0.9em; top: 1em; text-align: left; text-transform: lowercase; color: #FFFFFF; margin-left: 216px;}
#breadcrumbs a {color: #FFFFFF;}
#breadcrumbs a:hover {}
/* End Navigation Elements */


/* Begin Form Elements */
#zoekkader {background: url(images/kader_zoek.gif) no-repeat; padding: 3px; margin-top: 4px;}
#zoekform {text-align: right;}
#zoekform #s {width: 115px; font-size: 12px; padding: 0px; border: 1px solid #FFFFFF;}
#zoeksubmit {color: #D9D7C3; background: #FFFFFF; font-size: 11px; font-weight: bold; border: 1px solid #D9D7C3;}

#searchform {text-align: center;}
#searchform #s {width: 115px; padding:2px; border:1px solid #D9D7C3; color:#666666; background:#ffffff url(images/field-bg-top.gif) repeat-x top left;	vertical-align:top;}
#searchform #s:hover {border: 1px solid #A6B500; background:#ffffff url(images/field-bg-bottom.gif) repeat-x bottom left;}
#searchform #s:focus {color:#666; background:#ffffff url(images/field-bg-bottom.gif) repeat-x bottom left;}
#searchsubmit {
	padding:2px; 
	font-size:0.9em;
	background:url(images/button-bg.gif) repeat-x; 
	border:1px solid #adadad!important;
	border-left-color:#ececec!important; 
	border-top-color:#ececec!important;
}

.entry form {text-align: center;}
select {width: 140px;}

#commentform #submit {
	padding:2px; 
	font-size:0.9em;
	background:url(images/button-bg.gif) repeat-x; 
	border:1px solid #adadad!important;
	border-left-color:#ececec!important; 
	border-top-color:#ececec!important;
}
#commentform input {width: 170px; margin: 5px 5px 1px 0;}
#commentform textarea {width: 95%;}
#commentform input,
#commentform textarea,
#commentform select {
	padding:2px;
	border:1px solid #D9D7C3;
	color:#666666;
	background:#ffffff url(images/field-bg-top.gif) repeat-x top left;
	vertical-align:top;
}
#commentform input:hover,
#commentform textarea:hover,
#commentform select:hover {
	border: 1px solid #A6B500;
	background:#ffffff url(images/field-bg-bottom.gif) repeat-x bottom left;
}

#commentform input:focus,
#commentform textarea:focus,
#commentform select:focus { 
	color:#666;
	background:#ffffff url(images/field-bg-bottom.gif) repeat-x bottom left; 
}

#commentform textarea {
	font-family: arial;
	overflow:auto;
}

.comment_no {padding: 10px 0; float: right; font-size: 3em; color: #ccc;}

.commentlist {padding: 20px; margin: 0;}
ol.commentlist {margin: 0 !important; padding: 0 !important;}
.commentlist li {clear: both;  list-style-type: none !important; padding: 10px !important; background: #fff url('images/gradient.png') 0 -10px repeat-x;  margin: 10px !important;}
.commentlist li:hover {background-position: 0 0;}

.commentmetadata {border-top: 1px dashed #ec5; clear: both; text-align: right; font-size: 0.8em; font-weight: normal; color: #ca5; margin-top: 20px !important;}

#column1 blockquote.commented {margin-left: 5px; padding: 0 10px 10px 20px; font-style: italic; color: #963; background: url('images/blockquote.gif') 0 0 no-repeat !important;}
#column1 blockquote.commented blockquote, #column1 blockquote.commented ul, #column1 blockquote.commented ul li {background: none !important; margin: 0 !important; padding: 0 !important;}

.commentlist .gravatar {display: block; float:left; padding: 3px; margin: 0 20px 5px 0; border: 2px solid #ccc; background: #eee;}

.alt {clear: both;}


/* phplist */
/*.phplist {font-size:1em;}*/
.phplist #subscribe {
	padding:2px;
	margin-top: 5px;
	font-size:1em;
	background:url(images/button-bg.gif) repeat-x;
	border:1px solid #adadad!important;
	border-left-color:#ececec!important;
	border-top-color:#ececec!important;
	width: 98%;
}

.phplist input {width: 95%; /*margin: 5px 5px 1px 0;*/}
.phplist textarea {width: 95%;}
.phplist input,
.phplist textarea,
.phplist select {
	padding:2px;
	border:1px solid #D9D7C3;
	color:#666666;
	background:#ffffff url(images/field-bg-top.gif) repeat-x top left;
	vertical-align:top;
}
.phplist input:hover,
.phplist textarea:hover,
.phplist select:hover {
	border: 1px solid #A6B500;
	background:#ffffff url(images/field-bg-bottom.gif) repeat-x bottom left;
}

.phplist input:focus,
.phplist textarea:focus,
.phplist select:focus { 
	color:#666;
	background:#ffffff url(images/field-bg-bottom.gif) repeat-x bottom left; 
}

.phplist textarea {font-family: arial; overflow:auto;}
.phplist .required {
	color: #CC0000;
	font-weight: bold;
}
.phplist .requiredOutline {
	border: 1px solid #CC0000;
}

.nieuwsbrief #subscribe, .nieuwsbrief #unsubscribe, #resubmit, #forward {
	padding:2px;
	margin-top: 5px;
	font-size:1em;
	background:url(images/button-bg.gif) repeat-x;
	border:1px solid #adadad!important;
	border-left-color:#ececec!important;
	border-top-color:#ececec!important;
}

.nieuwsbrief input,
.nieuwsbrief textarea,
.nieuwsbrief select {
	padding:2px;
	border:1px solid #D9D7C3;
	color:#666666;
	background:#ffffff url(images/field-bg-top.gif) repeat-x top left;
	vertical-align:top;
}
.nieuwsbrief input:hover,
.nieuwsbrief textarea:hover,
.nieuwsbrief select:hover {
	border: 1px solid #A6B500;
	background:#ffffff url(images/field-bg-bottom.gif) repeat-x bottom left;
}

.nieuwsbrief input:focus,
.nieuwsbrief textarea:focus,
.nieuwsbrief select:focus { 
	color:#666;
	background:#ffffff url(images/field-bg-bottom.gif) repeat-x bottom left; 
}

.nieuwsbrief textarea {font-family: arial; overflow:auto;}
.nieuwsbrief .required, .nieuwsbrief .error {
	color: #CC0000;
	font-weight: bold;
}
.nieuwsbrief .requiredOutline {
	border: 1px solid #CC0000;
}

.nieuwsbrief p.btn {
	text-align: left;
	padding-left: 80px;
}
/* End Form Elements */

/* Begin Images */
p img {padding: 0;}
p img[alt="an image"] {float: left; margin: 0 7px 2px 0;}
img.alignright {padding: 4px; margin: 0 0 2px 7px; display: inline;}
img.alignleft {padding: 4px; margin: 0 7px 2px 0; display: inline;}

.center {display: block; margin-left: auto; margin-right: auto;}
.alignright {float: right;}
.alignleft {float: left;}

.images {width: 95%; text-align: center;}
.images img {float: left; clear: both; margin: 0 auto;}
/* End Images */

/* Begin Portlets */
#wp-calendar {text-align: center; color: #999;}
#wp-calendar {width: 100%; background: #fff;}
#wp-calendar caption {background: #ddd; font-weight: bold;}
#wp-calendar thead {background: #eee;}
#wp-calendar #today {background: #eef;}
#wp-calendar a {text-decoration: underline; margin: 0 !important; background: none;}

#column2 ul, #column3 ul {margin-bottom: 1em; padding-bottom: 20px; padding-top: 10px; background: url('images/portlet_header.png') bottom left no-repeat;}
#column2 ul li, #column3 ul li {margin: 0; padding: 5px; background: #f9f9f9 url(images/bull.gif) no-repeat 5px 8px;}
#column2 ul li a, #column3 ul li a {margin-left: 20px; display: block; border-bottom: 1px dashed #D9D7C3;}
#column2 ul li a:hover, #column3 ul li a:hover {border-color: #D9D7C3;}
#column2 ul li.listHeader, #column3 ul li.listHeader {background: transparent; padding: 0;}
#column2 ul li h2, #column2 ul li h3, #column3 ul li h2, #column3 ul li h3 {margin: 0; padding: 0.5em 0 0.5em 1em; color: #666666; background: url('images/portlet_header.png'); font-size:1.1em;}
#column2 ul li.calendar {padding: 5px; background: #f9f9f9;}

#column2 .phplist ul li, #column3 .phplist ul li {margin: 0; padding: 2px; background: #f9f9f9 url(none) no-repeat 5px 8px;}
#column2 .phplist ul li.listHeader, #column3 .phplist ul li.listHeader {background: transparent; padding: 0;}

/* End Portlets */

/* tagcloud */
#tagcloud {border-top: 1px solid #D9D7C3; margin-right: 25px; padding-top: 2em; padding-left: 25px; margin-top: 2em; padding-bottom: 2em;}
#tagcloud a {margin-right:1em; margin-bottom:1em; color: #D9D7C3;}
#tagcloud a:hover {color: #D9D7C3;}

/* Begin Icons and Stuff */
#column3 .icons {background: #f9f9f9; margin-bottom: 1em; padding-bottom: 5px; margin-top: 1em;}
#column3 dl dd {border-bottom: 1px dashed #D9D7C3; margin: 0 10px 5px 0; padding: 0.5em 1em;}

.icons dt {margin: 0; padding: 1em 0 0.5em 1.2em; font-size: 1.1em; font-weight: bold; color: #999; background: url('images/portlet_header.png') !important;}
.icons a {display: block; height: 16px; padding-left: 25px !important;}
.icons a:hover {background-position: left bottom ;}

.icons .s_delicious {background: url('icons/delicious.gif') no-repeat;}
.icons .s_digg {background: url('icons/digg.gif') no-repeat;}
.icons .s_technorati {background: url('icons/technorati.gif') no-repeat;}
.icons .s_reddit {background: url('icons/reddit.gif') no-repeat;}
.icons .s_magnolia {background: url('icons/magnolia.gif') no-repeat;}
.icons .s_stumbleupon {background: url('icons/stumbleupon.gif') no-repeat;}
.icons .s_yahoo {background: url('icons/yahoo.gif') no-repeat;}
.icons .s_google {background: url('icons/google.gif') no-repeat;}

.iconComment a {padding-left: 20px; background: url('icons/icon_comment.gif') top left no-repeat;}
.iconEdit {background: url('icons/icon_edit.gif') top left no-repeat; padding: 1px 0 5px 20px;}
.rss {text-align: right;}
/* End Icons and Stuff */

/* Special Fixes */
img {max-width: 100%;}
.fixalignment{width: 98%;float: right;}

/* \*/
* html #wrapper, * html .outer a, * html .container-left, * html .container-right, * html .outer, * html h2 {height: 1%;}
* html .outer p {margin-right: -4px;}
#column2 {margin-right: -1px;}
#column3 {margin-left: -1px;}
* html #column2 {margin-right: -2px;}
/* Holly Hack */