/*  
Theme Name: Zachte G Theme
Theme URI: http://zachteg.nl
Description: 
Version: 3,60


*/

/*	
	----------------------------------------------------------------------------------------------

	Color

	---------------------------------------------------------------------------------------------- 
*/

.lightblue				{color: 			#BEDCE7;}
.blue					{color: 			#97C7DB;}

.bordeaux				{color: 			#7F2B43;}

.lightyellow			{color: 			#FFFCA9;}
.yellow					{color: 			#FFFF01;}

.lightgrey				{color: 			#E2E2E2;}
.grey					{color: 			#808080;}

.black					{color: 			#201C19;}

.pink					{color: 			#DD0069;}


/*	
	----------------------------------------------------------------------------------------------

	Generic stuff

	---------------------------------------------------------------------------------------------- 
*/
html 					{min-height: 			100%;
						height: 				auto;}

*						{margin:			0;
						padding:			0}
						

body 					{font: 				76% arial,sans-serif; 
						background: 		#7E2A42 url("images/ZG_background.gif") repeat-x bottom;
						text-align:			center;} 

p						{margin:			10px;
						text-align: 		left;}

abbr, acronym 			{border-bottom: 	1px dotted #527cff;
						cursor: 			help;}
	
blockquote		 		{border-left: 		1px solid #cccccc;
						background: 		#f1f1f1;
						padding: 			5px;}

code, pre		 		{font-family: 		"Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;}


/**img.reageer, a img.reageer{					
						padding:			0px;
						margin:				0px;
						border:				0px;
}**/
img.afb_reageer{		/**float:				left;**/
				border:				none;
				padding:			0;
				background:			#b7d8e4;
				margin:				0;
}

reageer.a:link{		        /**float:				left;**/
				border:				none;
				padding:			0;
				background:			#b7d8e4;
				margin:				0;}
					
reageer.a:visited{		/**float:				left;**/
				border:				none;
				padding:			0;
				background:			#b7d8e4;
				margin:				0;}
						

reageer.a:hover{		/**float:				left;**/
				border:				none;
				padding:			0;
				background:			#b7d8e4;
				margin:				0;}
						
reageer.a:active{		/**float:				left;**/
				border:				none;
				padding:			0;
				background:			#b7d8e4;
				margin:				0;}
						

						
.losse_reacties{
color: 			#7e2a42;
font-family:Courier New; 
font-color:#FFFFFF; 
font-style: bold;
font-size: 8pt;
margin-top:-20px;
}

	
img,a img 				{float:				left;
						border:				none;
						padding:			0;
						background:			#fff;
						margin:				0;
						border:				1px solid #fff;}

img.borderless,a img.borderless
						{background:		transparent;	
						border:				none;}


/**a img:hover 			{border: 			1px dotted #666}**/

a img.bordless:hover	{background:		transparent;	
						border:				none}						
.form_block form div input.inputSubmit, .form_block form div input.inputButton, .form_block input.inputSubmit
						{color: 			#ffffff;
						background:			#dd0069;
  						font-size: 			10px;
  						border: 			none;
  						cursor: 			pointer;
  						padding: 			1px;
  						margin: 			0;
  						letter-spacing: 	0.075em;
						padding-left:       15px;
						padding-right:      15px;
						padding-top:        3px;
						padding-bottom:     3px;}
								
.respond 				{color:						#ffffff;
						font-family:				"Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;;
						background:					url("images/top2.png") no-repeat;
						height:						22px;
						font-size:					18px;
						padding:                    2px;
						margin-bottom:				5px;
						padding-left:	     		5px;
						width:						693px;}

#content .respond a, #content .respond a:link, #content .respond a:active, #content .respond a:visited  	
						{font-color: #ffffff;
						font-weight: normal;
						text-decoration: none;}


/*	
	----------------------------------------------------------------------------------------------

	Basic Layout

	---------------------------------------------------------------------------------------------- 
*/
#wrapper 		{margin: 			0 auto;
 				width: 				880px;
 				text-align: 		center;
 				background: 		transparent;}

#top			{width:				704px;
				height:				17px;
				padding-top:    	5px;
				background:			url("images/top.png") no-repeat;
				behavior: 			url(iepngfix.htc);
				text-align:			left;
				text-indent:        15px;
				font-size:			10px;
				color:				#fff;
				position:			relative;
				margin-left:		176px;
				margin-top:			10px;}
#top a, #top a:link, #top a:hover{
	color: #ffffff;
	text-decoration: none;
}
#container		{color: 			#333;
				background: 		#fff;
				margin: 			0;
				padding: 			0 2px 2px;
				float:				right;
				width: 				700px;}

#header,#menu,#footer 
				{width:				100%;}

/* safari and opera need this */


#content,#sub-section 
				{float:				left;}

#sub-section 	{width:				100%;
				border: 			1px solid #000;
				text-align: 		left;}

#footer 		{clear:				left}

#header			{position:			relative;
				margin:				0;
				float: 				left;
				color: 				#000; 
				width:				701px;
				text-align: 		left;}



#content		{border: 			none;
				text-align: 		left;
				width: 100%;
				margin:				0;
				padding: 			0;}
				
#contentsmall	{width:				71.3%;
				border: 			1px solid #000;}

#footer			{border: 			1px solid #000; 		
				margin:				0 auto; 
				width:				100%;}

.entry			{margin: 			0;
				padding: 			0;
				background-color: 	#ffffff}
				
.entry	p		{text-align:		justify;
				padding:            0 10px 0 0;}

.entry img		{padding:       	5px;}

.entry a img	{padding:       	5px;}

/*	Entry 2 uneven Columns	*/ 	
.entry #unevenleft 	{border: 			none;
				 	padding: 			0;
				 	width: 				74%;
				 	background-color: 	f1f1f1;
				 	float: 				left;
					margin-right: 		0px;
					margin-left: 		0px;
					border-top:		1px solid #CCC;}
					
.entry:firstchild #unevenleft {border-top:		1px solid #CCC;}
				 
.entry #unevenright  {float: 			right;
				 	border: 			none;
					padding: 			0 0 0 5px;
				 	width: 				25%;
                                        height:                         100%;
					display: 			inline;
					position: 			relative;
					margin-right: 		0px;
                                        margin-left: 		0px;
                                        background: url(images/background.png) repeat-y right;


}

					
.entry #unevenleft .block_head
					{width: 			520px;
					margin-top:			-1px;
					border-top:			1px solid white;}

.entry #unevenright .block_head
					{width: 			167px; 
					margin-left: 		        0px;
					background-color: 	        bedce7;
                                        margin-top:			-1px;
					border-top:			1px solid white;}

					
.entry #unevenright p {text-align: left;}

					
.archivepost		{background: url(images/background.png) repeat-y right;}
.archivepost .block_head {margin-top:	-10px;}

#tagcloud .entry 	{background:		#FFFCA9;
					color:				#7F2B43;
					width:				100%;}
					
#tagcloud .block_head 
					{border-top:		1px solid white;
					text-align:			left;
					height:				20px;}
				
/*	
	----------------------------------------------------------------------------------------------

	Div Columns

	---------------------------------------------------------------------------------------------- 
*/
.lightyellowblock 	{background:	 	#FFFCA9;
					padding: 			0;
					margin: 			0;
					display: 			block;}	
								
.faux 				{background: 		none;
 					margin-bottom: 		0px;
 					overflow: 			auto; /* Fix for IE */
					width: 				100%}

/*	4 Col	*/
#fourleftcolumn  {color: 			#333;
				 border-bottom: 	1px solid #fff;
				 border-top: 		1px solid #fff;
				 border-right: 		1px solid #fff;
				 border-left-color: none;
				 margin: 			10px 0px 0px 0px;
				 padding: 			0;
				 width: 			174px;
				 float: 			left;}
				 
#fourleftmiddle  {color: 			#333;
				 border-bottom: 	1px solid #fff;
				 border-top: 		1px solid #fff;
				 border-right: 		1px solid #fff;
				 border-left-color: none;
				 margin: 			10px 0px 0px 0px;
				 padding: 			0;
				 width: 			174px;
				 float: 			left;}
				 
#fourrightmiddle {color: 			#333;
				 border-bottom: 	1px solid #fff;
				 border-top: 		1px solid #fff;
				 border-right: 		1px solid #fff;
				 border-left-color: none;
				 margin: 			10px 0px 0px 0px;
				 padding: 			0;
				 width: 			174px;
				 float: 			left;}
				 
#fourrightcolumn {color: 			#333;
				 border-bottom: 	1px solid #fff;
				 border-top: 		1px solid #fff;
				 border-right: 		none;
				 border-left-color: none;
				 margin: 			10px 0px 0px 0px;
				 padding: 			0;
				 width: 			175px;
				 float: 			left;}							
 						
/*	2 Col	*/ 	
#columnwrap_yellow			{background:		#FFFCA9 url(images/columnbg_yellow.png) repeat-y;
							width:				100%;
							height:				auto;
							float:				left;}

#twoleftcolumn 	 {color: 			#333;
			
				 margin: 			0 0px 10px;
				 padding: 			0;
				 width: 			350px;

				 float: 			left;}
				 
#tworightcolumn  {float: 			right;
				 color: 			#333;
				 border: 			none;
				 margin: 0 0px 10px;
				 padding: 			0;
				 width: 			349px;

				 display: 			inline;
				 position: 			relative;}
					 
.medium_block_content{
	
				height: 			100%;
				line-height: 		130%;
				padding: 			5px;
				font-size: 			98%;
				color: #666666;}	
				
.medium_block_content p{
				font-size: 11px;
				padding: 5px;}				 
 				
/*	1 Col	*/ 				
#onecol 			{color: 		#333; 
					border: 		1px solid #000; 
	 				margin: 		10px 0px 10px 0px; 
	 				padding: 		10px; 
	 				float: 			left;
	 				width: 			675px;}
				
#onecol_smallright 	{color: 		#333; 
					border: 		1px solid #000; 
	 				margin: 		10px 0px 10px 0px; 
	 				padding: 		10px;
	 				width: 			500px; 
	 				float: 			left;}			
 				
#onecol_sideright 	{color: 		#333; 
					border: 		1px solid #000; 
 					margin: 		10px 0px 10px 0px; 
 					padding: 		10px; 
 					width: 			153px;
 					float: 			right;}
 					
#onecol_smallleft 	{color: 		#333; 
					border: 		1px solid #000; 
	 				margin: 		10px 0px 10px 0px; 
	 				padding: 		10px;
	 				width: 			500px; 
	 				float: 			right;}

#onecol_sideleft 	{color: 		#333; 
					border: 		1px solid #000; 
 					margin: 		10px 0px 10px 0px; 
 					padding: 		10px; 
 					width: 			153px;
 					float: 			left;}
 				
 				
/*	
	----------------------------------------------------------------------------------------------

	Clearfix	

	---------------------------------------------------------------------------------------------- 
*/
.clear 					{float: left; 
						width: 1px; /* Fix IE */ }
									
.clearfix:after 		{content: 		".";
						clear: 			both;
						height: 		0;
						visibility: 	hidden;
					 	display: 		block;}
						
.clearfix 				{display: 		inline-block; 
						/* Fixes IE/Mac */}

						/* Hides from IE-mac \*/
* html .clearfix,
* html .clearfix * 		{height: 		1%;}
.clearfix 				{display: 		block;}
						/* End hide from IE-mac */
						

/*	
	----------------------------------------------------------------------------------------------

	Blocks	

	---------------------------------------------------------------------------------------------- 
*/



						
.blockleft{
	float: 					left;
	width: 					44%;
	padding-left: 			0.25em;
	text-align: 			left;}

.blockleft-inside
	{float: 				left;
	width: 					44%;
  	margin: 				0;
	padding: 				5px;
	line-height:			150%;}

	
.blockright 
	{float: 				right;
	width: 					44%;
  	margin: 				0 ;}	
	


	
#blockleft
	{padding:				0;
	line-height: 			150%;
	letter-spacing: 		0.05em;
	display:				inline;}


#blockleft.twocol-stories .story
	{float:					left;
	width:					50%;
	margin:					0;
	display:				inline;}
	
#blockleft.twocol-stories .first
	{margin:				0 0 0 0;
	clear: 					both;
	padding: 0;}		
	
					

									

/*	
	----------------------------------------------------------------------------------------------

	Navigation

	---------------------------------------------------------------------------------------------- 
*/

#menu 			{margin-top:		0px;
				margin: 			0;
				display: block;
				text-align: 		left;
				font-weight:		bold;
				list-style-type:	none;}

#menu li		{margin:			0 0 0 0;
				padding:			0 0 0 0;
				display:			inline;}
				
#menu a.head,
#menu a.head:link,
#menu a.head:visited	
				{display: 			block;
				height:				18px;
				width:				700px;
				border-top:			1px solid #fff;
				text-indent:    	10px;
				text-decoration:	none;
				padding:            0px;
				padding-top:    	2px;}

#menu a.head:hover,
#menu a.head:active	{background-color:	#ffff01;
				color:				#771631;}

#menu .red		{background-color:	#771631;
				color:				#fff;}
									
#menu .blue		{background-color:	#5fa8c6;
				color:				#fff;}

#menu .dropout 	{background-color:	#ffffff;
				color:				#e01e77;
				height:				18px;
				width:				700px;
				border-top:			1px solid #fff;
				padding-top:        2px;
				text-indent:    	10px;}	

#menu .dropout a {padding:            0;
				 text-decoration:	none;
				 margin-right:		20px;
				 font-size:			11px;}				

#menu .dropout a:link,
#menu .dropout a:visited {color:	#e01e77;}


#menu .dropout a:hover,
#menu .dropout a:active {color:		#5fa8c6;}	


/*	
	----------------------------------------------------------------------------------------------

	Content

	---------------------------------------------------------------------------------------------- 
*/
		
.contentblock		{}	
					
#narrow				{width: 				63.5%;}
.half				{width: 				49%;}
#content .block_head_small			
					{background:		#201C19 url("images/corner_right_white.gif") no-repeat top right;
					color: 				#FFFFFF;
					border-bottom: 		1px solid #FFFFFF;
					border-top: 		1px solid #ffffff;
					font-family: 		"Courier New", Courier, mono;
					font-weight: 		bold;
					font-size: 			15px;
					height: 			20px;
					padding-top: 		5px;
					padding-left: 		10px;
					text-align: 		left;
					width: 				339px;}	
					
#content .block_head_small a, #content .block_head_small a:visited, #content .block_head_small a:hover  
					{color: 			#FFFFFF;
					font-family: 		"Courier New", Courier, mono;
					font-weight: 		bold;
					border: 			none;}	

#content .block_head			
					{background:		#201C19 url("images/corner_right_white.gif") no-repeat top right;
					color: 				#FFFFFF;
					border-bottom: 		1px solid #FFFFFF;
					border-top: 1px solid #ffffff;
					font-family: 		"Courier New", Courier, mono;
					font-weight: 		bold;
					font-size: 			15px;
					height: 			20px;
					padding-top: 		5px;
					padding-left: 		10px;
					text-align: 		left;
					width: 				690px;}	
					
#content .block_head a, #content .block_head a:visited, #content .block_head a:hover  
					{color: 			#FFFFFF;
					font-family: 		"Courier New", Courier, mono;
					font-weight: 		bold;
					border: 			none;}						
.block_head_page		
					{background:		#201C19 url("images/corner_right_white.gif") no-repeat top right;
					color: 				#FFFFFF;
					border-bottom: 		1px solid #FFFFFF;
					border-top: 1px solid #ffffff;
					font-family: 		"Courier New", Courier, mono;
					font-weight: 		bold;
					font-size: 			15px;
					width: 				690px;
					height: 			20px;
					padding-top: 		5px;
					padding-left: 		10px;
					text-align: 		left;}					
#unevenright .block_head			
					{background:		#201C19 url("images/corner_right_white.gif") no-repeat top right;
					color: 				#FFFFFF;
					border-bottom: 		1px solid #FFFFFF;
					border-top: 1px solid #ffffff;
					font-family: 		"Courier New", Courier, mono;
					font-weight: 		bold;
					font-size: 			15px;
					
					height: 			20px;
					padding-top: 		5px;
					padding-left: 		10px;
					width: 30px;
					text-align: 		left;}						
/*
	Generic copy and typography
	
*/

#content.widecolumn	{
					padding: 				0;
					margin: 				0;}

#content			{padding:               0;
					color: 					#505050;}

#content  a			{text-decoration: 		none; 
					font-weight: 			normal; 
					color: 					#8f8f8f;
					border-bottom:			1px dotted #CCCCCC; }
					
#content a:link		{						}
#content a:visited	{						}
#content a:active	{						}
#content  a:hover	{border-bottom: 		1px solid #000;}

#content h1	{color: #000000; font-size: 2.4em; margin: 0.8em 0em; letter-spacing: -0.04em;	font-weight: normal;}
#content h2	{color: #999999; font-size: 2.0em; margin: 0.8em 0em; letter-spacing: -0.04em;	font-weight: normal;}
#content h3	{color: #666666; font-size: 1.6em; margin: 1.2em 0em; letter-spacing: -0.02em;	font-weight: normal;}
#content h4	{color: #771631; font-size: 1.4em; margin: 1.2em 0em; letter-spacing: -0.01em;	font-weight: normal;}
#content h5	{color: #5fa8c6; font-size: 1.2em; margin: 1.2em 0em;							font-weight: normal;}
#content h6	{color: #999999; font-size: 1.0em; margin: 1.2em 0em;							font-weight: normal;}

#content h1 a,
#content h2 a		{border: none;
					margin-left: -10px;}

#content h1 a:hover,
#content h2 a:hover	{border: none}

#content h1 a em,
#content h2 a em,
#content h1 em,
#content h2 em,
#content h3 em,
#content h4 em,
#content h5 em,
#content h6 em			{color: 		#3e6f8e; 
						background: 	transparent;
						font-family: 	"Courier New", Courier, mono;}
#content h1 a,
#content h2 a,
#content h1,
#content h2,
#content h3,
#content h4,
#content h5,
#content h6			{font-family: 	"Courier New", Courier, mono;
					padding-left: 10px;
					padding-right: 10px;}

#content ol,
#content ul,
#content li				{font-size: 	1.0em;	
						line-height: 	1.8em;	
						margin: 		0.2em 0 0.1em 1em;}

#content ul 			{}

#content p				{font-size: 	1em;	
						line-height: 	1.5em;	}

#content .intro			{font-size: 	1.1em;	
						font-weight:	bold; 
						line-height: 	1.8em;}

#content li > .copy p	{margin-top:	0.2em}

#content pre			{font: 			1em monospace}

#content strong, 
#content b				{font-weight: 	bold}

#content em				{background:	#f1f1f1; 
						font-style: 	italic; 
						padding: 		0.1em}

.postmetadata a:link,
.postmetadata a:visited	{text-decoration:	none;
						padding:            2px;}

/* Some Classes */

#content .readlink		{text-transform: 			uppercase; 
						letter-spacing: 			0.1em; 
						float: 						right; 
						text-align: 				right;}
						
#content span.readlink 	{font-weight:				normal;}

#content ul.details,
#content ul.details  li {display: 					inline; 
						margin: 					0; 
						padding:					0; 
						font-size: 					0.95em;}
						
#content ul.details  li {margin: 					0 1em 0 0;}


/*	
	----------------------------------------------------------------------------------------------

	post lists

	---------------------------------------------------------------------------------------------- 
*/

#postlists					{width:  			100%;
							display:  			inline;
							border: 			none;
							text-align: 		left;}														
							
#postlists ul 				{list-style-position:	inside; 
							background:				#BEDCE7;
							margin:					0;
							line-height:			200%;
							font-size:				0.90em;}

#postlists ul,
#postlists ul li 			{margin-left:			0}

#postlists ul li 			{border-bottom:			0.1em solid #97C7DB;
							list-style-type:		none;
							list-style-position:	outside;
							margin:					0;
							padding:				0}

#postlists ul li a,
#postlists ul li a:visited	{color:					#000;	
							text-decoration:		none; 
							font-weight:			bold;
							display:				block;
							width:					96%;
							padding:				0 2%;}

#postlists ul li a:hover	{color: 				#888;
							background: 			#97C7DB;
							border-bottom:			0.1em solid #97C7DB;}

#postlists .block_head			
							{background:		#201C19 url("images/corner_right_white.gif") no-repeat top right;
							color: 				#FFFFFF;
							border-top: 		1px solid #FFFFFF;
							font-family: 		"Courier New", Courier, mono;
							font-weight: 		bold;
							font-size: 			15px;
							height: 			20px;
							padding-top: 		5px;
							padding-left: 		5px;
							text-align: 		left;}	



/*	4 Col Postlists 	*/
#columnwrap					{background:		#BEDCE7 url(images/columnbg.png) repeat-y;
							behavior: 			url(iepngfix.htc);
							width:				100%;
							height:				auto;
							float:				left;}

#fourleft_postlists  		 {color: 			#333;
							 margin: 			1px;
							 margin-left:		0px;
							 padding: 			10px;
							 width: 			154px;
							 float: 			left;}
				 
#fourleftmiddle_postlists 	 {color: 			#333;
							 margin: 			1px;
							 margin-left:		0px;
							 padding: 			10px;
							 width: 			154px;
							 float: 			left;}
				 
#fourrightmiddle_postlists 	 {color: 			#333;
							 margin: 			1px;
							 margin-left:		0px;
							 padding: 			10px;
							 width: 			154px;
							 float: 			left;}
				 
#fourright_postlists 		 {color: 			#333;
							 margin: 			1px;
							 margin-left:		0px;
					 		 padding: 			10px;
					 		 width: 			154px;
							 float: 			left;}						


/*	
	----------------------------------------------------------------------------------------------

	Common multi purpose elements

	---------------------------------------------------------------------------------------------- 
*/


.alignleft, div.nav-previous, #archives-by-category 		{float: 			left;}

.alignright, div.nav-next, #archives-by-month 				{float: 			right;}

.clearer 													{clear: 			both;}

div#nav-above, body.single div#nav-below 					{display: 			none;}

body.single div#nav-above 									{display: 			block;}

body.home div.nav-next, body.home div.nav-previous, body.archive div.nav-next, body.archive div.nav-previous,  #archives-by-category, #archives-by-month 					{width: 			48%;}

body.home div.nav-next, body.archive div.nav-next 			{text-align: 		left;}

body.home div.nav-previous, body.archive div.nav-previous 	{text-align: 		right;}

/*	
	----------------------------------------------------------------------------------------------

	Div Forms

	---------------------------------------------------------------------------------------------- 
*/


/*	
	----------------------------------------------------------------------------------------------

	Comments

	---------------------------------------------------------------------------------------------- 
*/
.commentlist 		{padding: 			0;
					margin:				0;
					display: 			inline-table;}

.commentlist li, #commentform input, #commentform textarea 
					{font: 				0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;}

.commentlist ul		{display:			inline}

.commentlist li 	{font-weight: 		bold;
					padding: 			5px 10px 3px 5px;
					list-style: 		none;}

.commentlist cite, .commentlist cite a 
					{font-weight: 		bold;
					font-style: 		normal;
					font-size: 			1.1em;}

.commentlist p 		{font-weight: 		normal;
					line-height: 		1.5em;
					text-transform: 	none;
					margin: 			10px 5px 10px 0;}
	
.commentmetadata 	{font-weight: 		normal;}
	
.alt 				{padding: 			0;
					background:			#bedce7;
					margin: 0;}
	
.alt a 				{padding: 			0;}

.alt2 				{margin: 			0;
					padding: 			0;
					background-color:	#9fd0e2;}

.alt2 a 			{padding: 			0;}

#commentform p 		{margin: 			5px 0;}

.nocomments 		{text-align: 		center;
					margin: 			0;
					padding: 			0;}

.commentmetadata 	{margin: 			0;
					display: 			block;}
					
/* comment form */

#commentform input.text:focus {width:		224px;
						padding: 			2px;
						margin: 			0;
						background:			url("images/formfieldBack.gif");
						background-repeat: 	repeat;
						border: 			1px solid #97C7DB;}
						
#commentform input.text {width:				224px;
						padding: 			2px;
						margin: 			0;
						background:			#97C7DB;
						background-repeat: 	repeat;
						border: 			1px solid #97C7DB;}
	
#commentform input.text2{width: 226px!important; }

#commentform textarea	{width: 			99%;
						
						background:			#bedce7;
						background-repeat: 	repeat;
						border: 			1px solid #97C7DB;
						}
		
#commentform textarea:focus	{background:			url("images/formfieldBack.gif");
							background-repeat: 	repeat;}

#commentform #submit 	{margin: 			0;
						float: 				right;
						width: 700px;
						padding-left:       15px;
						padding-right:      15px;}

#commentform p 			{font-family: 		'Lucida Grande', Verdana, Arial, Sans-Serif;}
	
#commentform p.float 	{float: 			left;
						width: 				33%;
						padding-left: 		3px;}

#commentform p.float:first-child
				 		{padding-left: 		0px;
						text-align: 		left;}
	
#commentform p.float 	{padding-left: 		2px;}

/*	
	----------------------------------------------------------------------------------------------

	Images

	---------------------------------------------------------------------------------------------- 
*/
/* Begin Images */
p img 			{padding: 		0;
				max-width: 		100%;}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered 	{display: 		block;
				margin-left: 	auto;
				margin-right: 	auto;}

img.alignright {padding: 		4px;
				margin: 		0 0 2px 7px;
				display: 		inline;}

img.alignleft 	{padding: 		4px;
				margin: 		0 7px 2px 0;
				display: 		inline;}

.alignright 	{float: 		right;}

.alignleft 		{float: 		left}

/*	
	----------------------------------------------------------------------------------------------

	lists

	---------------------------------------------------------------------------------------------- 
*/

html>body .entry ul 		{margin-left: 		0px;
							padding: 			0 0 0 30px;
							list-style: 		none;
							padding-left: 		10px;
							text-indent: 		-10px;} 

html>body .entry li 		{margin: 			7px 0 8px 10px;}

.entry ul li:before, #sidebar ul ul li:before {
							content: 			"\00BB \0020";}

.entry ol 					{padding: 			0 0 0 35px;
							margin: 			0;}

.entry ol li 				{margin: 			0;
							padding: 			0;}

.postmetadata ul, .postmetadata li 
							{display: 			inline;
							list-style-type: 	none;
							list-style-image: 	none;}

.postmetadata			 	{margin: 	 		10px;
							color: #cccccc;}
				


/*	
	----------------------------------------------------------------------------------------------

	Footer

	---------------------------------------------------------------------------------------------- 
*/

#footer				{font-size:			0.85em;
					padding: 			0 5px 5px;
					color:				#999;
					clear:				both;
					border: 			none;
					padding-top:		2px;
					text-align:			left;}
					
#credits			{font-size:			0.90em;
					color:				#808080;
					clear:				both;}
					
#footersearch 		{float:				right;
					max-width:			48%;
					font-size:			1em;
					margin-top: 		5px;
					margin-right:		5px;}
					
#footersearch #searchform input			{background: 	#97C7DB;
										border: 		none;
										padding: 	    2px;
										border: 		1px solid #97C7DB;}
										
#footersearch #searchform #searchsubmit 	{cursor:		pointer;}
										
#footersearch #searchform input:focus	{background: 	url("images/formfieldBack.gif");}
								
#footersearch #searchform #searchsubmit {background: 	#DD0069;
										color:			#FFF;
										padding-left:	15px;
										padding-right: 	15px;
										border:			none;}
															
#footleftcolumn 	{ border: 			none;
				 	margin: 			10px 0px 10px 0px;
				 	padding: 			0;
				 	width: 				350px;
				 	float: 				left;}
				 
#footrightcolumn  	{float: 			right;
				  	border: 			none;
				 	margin: 			10px 0px 10px 0px;
					padding: 			0;
				 	width: 				349px;
				 	display: 			inline;
				 	position: 			relative;}

.footinnercolumn 	{ border: 			none;
				 	margin: 			0px 0px 0px 0px;
				 	padding: 			0;
				 	width: 				50%;
				 	float: 				left;
					text-align:			left;}

#footer p			{text-align: 		left;
					margin-top: 		-0.2em;}


#footer p span		{float:				left;	
					width:				17em;	
					text-align: 		left;	
					text-transform: 	uppercase; 
					font-weight:		normal; 
					color:				#aaa;}


#footer a			{color: 			#6a6a6a;
					text-decoration: 	none; 
					border: 			0;
					padding: 			0;
					margin: 			0;}
					
#footer a:hover		{color: 			#97C7DB;
					text-decoration: 	none; 
					border: 			0;}
					
#contact div.first	{font-size: 		0.8em;
					width:				100%;	
					float:				left; }

#footer li		 	{margin:			0 0px 0 0;
					padding:            0 0 0 0;
					list-style-type:	none;}
					
#footer .line		{height: 			5px;
					background:			url("images/grey_dot.png") repeat-x;
					behavior: 			url(iepngfix.htc);
					margin-right: 		5px;
					margin-left: 		-5px;}

/* Start breadcrumb */
#breadcrumb					{text-align: 			left;
							font-size:				120%;
							padding:				0;
							margin-top:				5px;
							max-width:				48%;
							float:					left;}

#breadcrumb a		{color: 			#BEDCE7;
					text-decoration: 	none; 
					border: 			0;
					padding: 			0;
					margin: 			0;}

#breadcrumb a:hover	{color: 			#97C7DB;
					text-decoration: 	none; 
					border: 			0;}

#breadlist			{list-style:		 	none; 
					padding: 				0; 
					margin: 				0;}

#breadlist li 		{display: 				inline; 
					padding: 				0; 
					margin: 				0;}

#breadlist li:before 				
							{ content: 		"> "; }
#breadlist li:first-child:before 	
							{ content: 		""; }

/*IE workaround*/
/*All IE browsers*/
* html #breadlist li 		{background-image: 		url("images/gt.gif");
							background-repeat: 		no-repeat;
							background-position: 	0 50%;
							padding: 				0 0.5em 0 1em; 
							margin: 				0 1em 0 -1em;}

/*Win IE browsers - hide from Mac IE\*/
* html #breadlist 			{height: 				1%; }

* html #breadlist li		{display: 				inline; 
							float: 					left;}

/*End hide*/
/*Mac IE 5*/
* html #breadlist li:first-child 
							{background-image: none; }

/* End breadcrumb */

#sidebar  				{float:				left; 
						width:				150px;
						
						margin: 			10px 0 auto auto;
						padding:			0;}

#sidebarinside 			{float:				left; 
						width:				151px;
						border: 			none;
						margin: 			115px 0;
						background: 		transparent;
						background: 		url("images/ZG_logo.png") no-repeat top;
						behavior: 			url(iepngfix.htc) }