@import url(http://www.meadowcreekdairy.com/styles/style.css);

/*

	MAIN PAGE

	---------



	body
	  
	  div.head
 		 h1 (site title)
	  div.contents
	        h3 (item title)

	          div.itembody (item text)

	          span.iteminfo (time / author / editlink / amount of comments)
	          
	div.prev

	div.archives
	div.nav
	

	DETAILED PAGE

	-------------

	body
	  
	  div.head
	   h1 (site title)

	  div.contents

	      h3 (item title)

	        div.itembody (item text)

	        div.iteminfo (item info)
	        
	  div.prev
	  div.next
	  div.nav


	OTHER PAGES

	-----------
    archives
    
    	div.list
    	div.nav

*/

body {font-size: small; color: #000;}

div.head {text-align: center;}

div.contents {font-family: "comic sans ms", "century gothic", cursive; width: 100%; font-size: medium;}

div.prev {float: right; text-align: right;}

div.next {float: left;}

div.archives {font-family: "comic sans ms", "century gothic", cursive; text-align: center; width: 100%;}

div.subcolumn {width: 25%;}


/* item title */

h3.item {

	font-size: x-large;
	
	font-family: "comic sans ms", "century gothic", cursive;

	margin: 0px;

	margin-top: 10px;

}



.itembody {	

	margin-top: 5px;	

	margin-bottom: 5px;

}



.iteminfo {	

	font-size: x-small;

	color: gray;

}



.iteminfo a {

	font-weight: bolder;

	color: #555;

	text-decoration: none;

}

/*
	Some rules that apply to contents generated using the markup buttons 

	"add left box" and "add right box"

	

	both boxes have slightly larger text, and take a maximum of 20% of 

	the width of the contents.

*/



.leftbox, .rightbox {

	margin: 3px;

	padding: 3px;

	font-size: larger;

	width: 20%;
	
	text-align: center;

}

.leftbox {

	float: left;
	text-align: center;

}

.rightbox {

	float: right;
	text-align: center;
	

}





/*

	Some general rules:

	- images never have a border (even when they are inside a hyperlink)

	- elements having class="skip" are not shown

	- item lists using <ul class="nobullets"> have no list-item bullets

	- highlighted text (in search results) have a yellow background

*/



img {

	border: none;

}



.skip {

	display: none;

}



ul.nobullets {

	list-style: none;

	margin-left: 0px;

	padding-left: 0px;

}



.highlight {

	background-color: yellow;

}