/*
Theme Name: Muro Media 1.0
Theme URI: http://www.muromedia.nl/
Description: Het standaard thema wat speciaal ontworpen is voor Muro Media.
Version: 1.0
Author: Murat Zeytin
Author URI: http://www.muratje.nl/
Tags: widgets
*/


/*
 * WP-Paginate - WordPress Pagination Function
 * Revision: $Id: wp-paginate.css 153537 2009-09-10 13:26:24Z emartin24 $
 * Copyright (c) 2009 Eric Martin http://www.ericmmartin.com/projects/wp-paginate/
 */
 
 
#navipage { padding: 10px 0 15px 0; margin: 0 auto; text-align: center; clear: both; }
.wp-paginate a {background:#000; border:1px solid #ccc; color:#666; margin-right:4px; padding:3px 6px; text-align:center; text-decoration:none;}
.wp-paginate a:hover, .wp-paginate a:active {background:#ccc; color:#888;}

.thumbnail  { width : 211px; height : 152px; padding : 6px 10px; margin : 5px 0 0px -5px; background : #fff url(img/thumbshadow.gif) no-repeat left top; float: left; } 
	.thumbnail  img { width : 203px; height : 146px; } 

.gallery-icon { padding : 10px 5px; margin: -10px 0 -10px 0; background : #fff url(img/thumbshadowbig.gif) no-repeat center top; }
	.gallery-caption { font-size: 12px; padding: 0 10px; }

body { font : 0.80em/1.4 Verdana, Arial, Helvetica, sans-serif;  color: #000; background: #fff url('img/bg.gif'); background-attachment: fixed; background-position: center; background-repeat: repeat-y; margin: 0; padding: 0; }

.clearfix:after  { content : "."; display : block; height : 0; clear : both; visibility : hidden; }
.clearfix  { display : inline-block; display : block; }
* html .clearfix  { height : 1%; }
img, a { border: 0; outline: 0; }

p { margin-top: 0px; }

#totalwrapper { background: url('img/bg_top.jpg'); background-repeat: repeat-x; margin: 0 0 20px 0; }

#header { width: 950px; height: 105px; margin: 0 auto; padding: 10px 0 0 0; }
	#logo { width: 355px; height: 88px; background: url('img/muromedia_logo.png'); }
	
	
	
#twitterwrapper { width:515px; height: 18px; float: right; }
.twittericon { float: left; }
#twitterstatus { color: #ccc; font-size: 10px; float: right; text-align: left; line-height: 18px; }
#twitterstatus a { color: #ccc; text-decoration: underline; }

#twitterstatus ul, #twitterstatus li{ margin:0;	padding:0; list-style:none; }
#twitterstatus, #twitterstatus li { width:500px; height:18px; overflow:hidden; }
	
	
	
#contentwrapper { width: 930px; background: #f2f1ef; margin: 0 auto; padding: 0 10px 0 10px; border-left: 1px solid #666; border-right: 1px solid #666; }

#inleiding { font-size: 1.1em; background: #fff url('img/info.png'); border-left: 1px solid #d6d6d6; border-right: 1px solid #d6d6d6; color: #007fe1; background-repeat: no-repeat; padding: 0 0 0 55px; background-position: 8px 0; }
	#inleiding_top { background:  url('img/inleiding_top.gif'); height: 11px; }
	#inleiding_bottom { background: url('img/inleiding_bottom.gif'); height: 11px; margin: 0 0 10px 0; }
	
	.waarom { background: #fff url('img/vraagteken.png'); background-repeat: no-repeat; padding: 0 0 0 47px; }
	.partners { background: #fff url('img/partners.png'); background-repeat: no-repeat; padding: 0 0 0 47px; }
	.recent { background: #fff url('img/recent.gif'); background-repeat: no-repeat; padding: 0 0 0 47px; }
	.vcard { background: url('img/vcard.png'); background-repeat: no-repeat; padding: 2px 0 2px 35px; margin: 5px 0 0 0; }

.headerpage { border: 1px solid #d6d6d6; margin: 0 0 0 0; }

#content { width: 580px; float: left; background: #fff; margin: 0 0 10px 0; padding: 10px 10px 0 10px; border: 1px solid #d6d6d6; }
	#content h2 { font-family : Arial, Helvetica, Verdana, Tahoma, sans-serif; font-weight : normal; font-size : 18pt; color : #4390d1; padding: 0; margin: 0; line-height: 40px; } 
		#content h2 a { text-decoration: none; color : #4390d1; }
		#content h2 a:hover { text-decoration: underline; color: #ff7704; }
		
		#content h3 { font-family : Arial, Helvetica, Verdana, Tahoma, sans-serif; font-weight : bold; font-size : 14px; color : #4390d1; padding: 0; margin: 0; line-height: 20px; }
		
			.postmetadata a { text-decoration: none; color : #ee7006; }
			.postmetadata a:hover { color: #007fe1; }
				.leesverder a { border-top: 1px solid #d6d6d6;border-left: 1px solid #d6d6d6;border-right: 1px solid #000;border-bottom: 1px solid #000;background: #ff7704; color: #fff; font-size: 14px; padding: 5px 10px; text-decoration: none; float: right; margin: 0 0 10px 0; }
				.leesverder a:hover { color: #000; }
				.metatop { background: url('img/date.png'); padding: 0 0 0 18px; margin: 0 0 5px 0; color: #666; background-repeat: no-repeat; background-position: 0 1px; font-style:italic; }
				
				.zendknop {  border-top: 1px solid #d6d6d6;border-left: 1px solid #d6d6d6;border-right: 1px solid #000;border-bottom: 1px solid #000;background: #ff7704; color: #fff; font-size: 14px; padding: 5px 10px; text-decoration: none; }
.zendknop:hover { color: #000; cursor: pointer; }
	
	#content_top { background: url('img/content_top.gif'); width: 952px; height: 11px; margin: 0 auto; }
	#content_bottom { background: url('img/content_bottom.gif'); width: 952px; height: 11px; margin: 0 auto; }
	

	
.onderdeel { margin: 0 0 10px 0; padding: 0; border-bottom: 1px dotted #d6d6d6; }
.onderdeel ul { margin: 0 0 12px 18px; padding: 0; }
		.onderdeel ul li { list-style-image: url('img/check.gif');  margin: 0 0 0 20px; padding: 0;}
			.orangelink { color: #ee7006; text-decoration: none; }
			.orangelink:hover { color: #007fe1; }
				.listje ul { margin: 0 0 12px 18px; padding: 0; }
				.listje ul li { list-style-image: url('img/check.gif');  margin: 0 0 0 20px; padding: 0;}
	
	#sidebar { width: 320px; float: right; margin: 0; }
	#sidebar ul, #sidebar ul ol { margin: 0; padding: 0; }
	#sidebar ul li { list-style-type: none; list-style-image: none; }
	
		.widget { background: #f6f6f6; padding: 10px; border: 1px solid #d6d6d6; margin-bottom: 15px; }
			.widget a { color: #007fe1; text-decoration: none; }
			.widget a:hover { color: #ee7006; }
			.ganaaroverzicht { font-size: 12px; }
			
		.widget h2 { font-family : Arial, Helvetica, Verdana, Tahoma, sans-serif; font-weight : normal; font-size : 18pt; color : #7bd503; padding: 0; margin: 0; }
		.widget ul li { background: url('img/icon-list.png'); background-repeat: no-repeat; background-position: 0 3px; padding: 0 0 0 16px; }

/* Navigatie Menu */
#mainnav  { float: right; width : 570px; margin : 18px 0 0 0; }
ul.navigation, ul.navigation li  { display : inline; padding: 0; margin: 0; }
ul.navigation li a { float: left; height : 28px; margin : 0 0 0 10px; cursor : pointer; text-indent : -9999px; }
	  
ul.navigation li.home a  { background : transparent url('/wp-content/themes/muromedia/img/menu-buttons.png') no-repeat 0% 0%; width : 62px; }
ul.navigation li.overons a { background : transparent url('/wp-content/themes/muromedia/img/menu-buttons.png') no-repeat 0% -28px; width : 93px; }
ul.navigation li.diensten a { background : transparent url('/wp-content/themes/muromedia/img/menu-buttons.png') no-repeat 0% -56px; width : 89px; }
ul.navigation li.portfolio a { background : transparent url('/wp-content/themes/muromedia/img/menu-buttons.png') no-repeat 0% -84px; width : 99px; }
ul.navigation li.blog a { background : transparent url('/wp-content/themes/muromedia/img/menu-buttons.png') no-repeat 0% -112px; width : 62px; }
ul.navigation li.contact a { background : transparent url('/wp-content/themes/muromedia/img/menu-buttons.png') no-repeat 0% -140px; width : 87px; }

ul.navigation li.home a:hover { background-position : -62px 0%; }
ul.navigation li.overons a:hover { background-position : -93px -28px; }
ul.navigation li.diensten a:hover { background-position : -89px -56px; }
ul.navigation li.portfolio a:hover { background-position : -99px -84px; } 
ul.navigation li.blog a:hover { background-position : -62px -112px; }
ul.navigation li.contact a:hover { background-position : -87px -140px; } 

ul.navigation li.home-on a { background : transparent url('/wp-content/themes/muromedia/img/menu-buttons.png') no-repeat -62px 0%; width : 62px; }
ul.navigation li.overons-on a { background : transparent url('/wp-content/themes/muromedia/img/menu-buttons.png') no-repeat -93px -28px; width : 93px; }
ul.navigation li.diensten-on a { background : transparent url('/wp-content/themes/muromedia/img/menu-buttons.png') no-repeat -89px -56px; width : 89px; }
ul.navigation li.portfolio-on a { background : transparent url('/wp-content/themes/muromedia/img/menu-buttons.png') no-repeat -99px -84px; width : 99px; } 
ul.navigation li.blog-on a { background : transparent url('/wp-content/themes/muromedia/img/menu-buttons.png') no-repeat -62px -112px; width : 62px; }
ul.navigation li.contact-on a { background : transparent url('/wp-content/themes/muromedia/img/menu-buttons.png') no-repeat -87px -140px; width : 87px; } 


/* start captions en aligns */
.aligncenter  { margin-left: auto; margin-right: auto; }
.alignleft { float: left; margin: 3px 10px 0 0; }
.alignright { float: right; margin: 3px 0 0 10px; }



.wp-caption.alignleft { border: 1px solid #ccc; text-align: center; background-color: #edeff0; padding-top: 4px; margin: 10px 10px 5px 0; }

.wp-caption.alignright { border: 1px solid #ccc; text-align: center; background-color: #edeff0; padding-top: 4px; margin: 10px 10px 5px 10px; }

.wp-caption.aligncenter { border: 1px solid #ccc; margin: 10px 0 10px 0; text-align: center; background-color: #edeff0; padding-top: 4px; }

.wp-caption img { border: 1px solid #ccc; }
.wp-caption p.wp-caption-text { font-weight: bold; font-size: 11px; line-height: 17px; padding: 5px 4px 5px 4px; margin: 0; color: #4390d1; }
/* einde captions en aligns */


#footer { width: 930px; background: url('img/achtergrondbar.gif'); margin: 10px auto 0 auto; border: 1px solid #ccc; text-align: center; line-height: 25px; /* color: #555; */ color: #eee; clear: both; -webkit-text-size-adjust: none; }
#footer a { color: #eee; }
