/*

		 CSS | KELDERMAN EN VAN NOORT
		 
		 By: Erik Slijpen
		 http://www.erikslijpen.nl
		 		 
				 
		 Dark Gray: #272727
		 Light blue: #09F
		 
*/



/*
	STRUCTURE
*/

body  						{
								font: 10px Verdana, Arial, Helvetica, sans-serif;
								/*background-image: url(pics/pattern4.jpg); background-repeat: repeat;*/
								background: #eee;
								margin: 10px; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
								padding: 0;
								text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
								
							}					


#wrapper 					{ 
								width: 990px;  
								background: #FFFFFF;
								margin: 0px auto -250px;
								min-height: 100%; height: auto !important; height: 100%; /* the auto margins (in conjunction with a width) center the page */
								/*border: 1px solid #000000;*/
								text-align: left; /* this overrides the text-align: center on the body element.*/
								-moz-box-shadow: #000 0px 0px 5px;
								-webkit-box-shadow: #000 4px 4px 5px; 
								
								
							} 
#sidebar1 					{	/*position: fixed;*/
								float: left; /* since this element is floated, a width must be given */
								width: 180px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
								background: #FFF; /* the background color will be displayed for the length of the content in the column, but no further */
								padding: 0px 0px 0px 60px;
							}
 #sidebar2 					{
								float: right; /* since this element is floated, a width must be given */
								width: 50px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
								background: #FFF; /* the background color will be displayed for the length of the content in the column, but no further */
								padding: 0px 10px 15px 20px;
}
#mainContent 				{	width: 600px;
								margin: 0 0 0 290px; 
/* the left margin on this div element creates the column down the left side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
								padding: 20px; 
/* remember that padding is the space inside the div box and margin is the space outside the div box */
							} 

#clearfloat 				{
								clear:both; height:0; font-size: 1px; line-height: 0px;
							}
/* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */


/*
	TYPGROGRAPHY
*/
p, li								{ font-size: 10px; line-height: 12px; margin: 0 0 10px 0; color: #000;}
p#small								{ font-size: 10px; line-height: 14px; color:#333;}

p#intro-paragraph					{ font-family: Georgia, serif; font-size: 18px; font-style: italic; line-height: 24px; 
									  margin-top: 5px; }
p#intro-paragraph span				{ font-size: 20px; font-weight: bold; }
p#intro-paragraph em				{ color: #990000; }
a									{ color: white; }
a:hover								{ background: #09F; color: #09F; }
h1 									{ font-size: 26px; font-family: 'Mako', arial, serif;}
/*h1									{ font-size: 20px; font-family: Georgia, serif; font-weight: bold; font-style: normal; line-height: 24px}*/
h2									{ font-size: 14px; font-family: Georgia, serif; font-weight: normal; font-style: normal;}
h3									{ font-size: 12px; font-family: Georgia, serif; font-weight: normal; margin: 0 0 10px 0; }
h4									{ color: white; font-size: 10px; font-weight: normal; }
h5									{ color: white; font-size: 10px; font-weight: bold; }

.post h4							{ font-size: 16px; font-family: Georgia, serif; font-weight: normal; margin: 0 0 10px 0;
									  color: #900; }

/*
	BUTTONS
*/
ul									{ list-style-type: none;}
li									{ margin-left:-40px;}
.button								{ border: 1px solid #FFFFFF; text-decoration: none; color: #000; background: white; padding: 2px 8px ; 
									  -moz-border-radius: 5px; -webkit-border-radius: 5px; color: 272727; 
									  font-size: 20px; font-family: Georgia, serif; font-weight: bold; font-style: italic; line-height: 28px}
.button:hover						{ background: #09F; color: white; }
.button1							{ text-decoration: none; color: white; background: #272727; padding: 2px 8px ; 
									  -moz-border-radius: 5px; -webkit-border-radius: 5px; color: 272727;}
.button1:hover						{ background: #09F; color: white; }
.buttonSmall						{ font-size: 10px; line-height: 14px; text-decoration: none; color: #09F; background: #FFFFFF; padding: 0px 3px ; 
									 -moz-border-radius: 5px; -webkit-border-radius: 5px; color: 272727;}
.buttonSmall:hover					{ background: #09F; color: white; }


/*
	FOOTER
*/
#footer								{ height: 250px; background: #272727; border-top: 4px solid #09F; padding-top: 0px; }
#footer-inside						{ width: 910px; margin: 0 0 0 20; }
#footer p							{ color: white; }
#footer-1							{ width: 200px; float: left; margin-right: 30px; margin-left: 20px }
#footer-2							{ width: 200px; float: left; margin-right: 30px; margin-left: 20px}
#footer-3							{ width: 200px; float: left; }
#footer-4							{ width: 200px; float: left; }
#footer a							{ color: white; }
#footer ul							{ color: white; }