/* 

	Theme Name: Milk

	Description: A Clean, White theme for WordPress		

*/





html { height: 100%; margin-bottom: 1px;}

body {

	background-color: #000000;

	font-size: 18px;

	line-height: 1.4;

	margin: 5px 0 0 5px;

	padding: 5px 0 0 5px;

	font-weight:100;
	
	line-height: 90%;


	}



/*	Links in orange. Background explicitly specified just to keep css validator happy */

a {

	color: #FDE9F1;

	text-decoration: none;
	

	}



/*	Show green when mousing over a link */

a:hover {

	color: #FFF200;

	}



/*	Removing dot */

#sidebar li {

   list-style: none;

   line-height: 82%;

}



.widget_pages li.current_page_item a{

   color:#DA1C5C

}





em{

	color:#666666;

}



/*	Most headers use the  museo font */

h1, h2, h3, h4, h5 {

	font-size: 28px;

	font-family: "museo-sans-1","museo-sans-2";

	margin: 0;

	padding: 0;






}



h2.widgettitle {

	font-size: 28px;

	line-height: 100%;

	



}





/*	Blog title in header */

h1 {

	font-size:18px;

	line-height: 1em;

	color:#FDE9F1v;

	

	}



h1 a{

color:#FDE9F1;

}





/*	Page title at top of content, and post titles in index and single */

h2 {

	font-size: 18px;

	color:#27AAE1;

	}



/*	Post titles in archive and search, certain headers in comments */

h3 {
	color: #DA1C5C;
	text-transform:uppercase;

	font-size: 28px;
	
	font-weight:900;

	}



/*	Post titles in archive and search, certain headers in comments */

h3 a {

	color: #25aae1;

	}
	



/*	For user use */

h4 a{

	color: #FDE9F1;

	font-size: 18px;

	text-transform:uppercase;
	
	font-weight:900;
	}

h4.current_page_item a{

   color:#DA1C5C

} 



h5 {

	font-size: 18px;

	color:#FDE9F1;
	
	font-weight:100;

	

	}

h5 a{


	color:#25aae1;

	

	}



/*	Post titles in archive and search, certain headers in comments */

h6 {
	color: #25aae1;
	font-size: 18px;
	font-weight:100;
	padding-top:-10px;

	}



/*	Post titles in archive and search, certain headers in comments */

h6 a:hover {

	color: #FDE9F1v;

	}
	

/*	Paragraphs have some space below */

p {



	margin:2px 0 2px 0;

	padding: 2px 0 2px 0;



	}



/*	The page contains everything, it centres itself horizontally within the browser */

#page {

	width: 920px;

	height: 100%;

	text-align: left;

    padding: 50px;

	}



/*	The side bar contains the menu of useful links on the left

	Padding added just to stop Firefox overflowing this column when click and hold link */

#sidebar {

    width: 220px;

	float: left;

	text-align: left;

	padding: 0 0 -1em 0;

	text-transform: uppercase;

	overflow:auto

	}



/*	The main column contains everything except the side bar, and sits against the right

	of the page */

#header, #content, #footer {

	

	}



/*	The main headers within the side bar are in upper case & in the wider font */

#sidebar h2 {

	font-weight:700;

	font-size: 28px;

	margin: 0;

	}



/*	We don't want bullets drawn in our lists */

#sidebar ul {

	font-size: 28px;

	font-weight:900;

	text-transform: uppercase;

	list-style-type: none;

	margin: 0 0 1em 0;

	padding: 0;

	}



/*	Some space below each sublist, separating it from the next h2 header */

#sidebar ul ul {

	margin: 0 0 1em 0;

	}



/*	This places a right guillemot glyph before list items and

	similarly before the search submit link (fails in IE) */

#sidebar ul ul li:before, #searchform p:before {

	content: "\00BB  ";

	}



/*	A touch of space to separate links */

#sidebar ul ul li {

	margin: 0 0 -0.66em 0;

	}



/*	Tighten up around sub-page & sub-category lists */

#sidebar ul ul ul {

	margin: 0;

	}



/*	Sub-pages & sub-categories don't get a smaller guillemot thingie (not IE) */

#sidebar ul ul ul li:before {

	content: "\203a  ";

	}



/*	Sub-sub-pages & sub-sub-categories and sub-sub-sub-etc don't get any blips */

#sidebar ul ul ul ul li:before {

	content: "";

	}



/*	The text box of the search form has space above it, and a little below too

	Can't say font: inherit as IE don't get it */

#searchform .s {

	color: #FDE9F1;

	font-size: 14px;

	padding: 0;

	}



/*	The header guards its white space */

#header {

	padding: 0 0 1px 0;

	}



/*	The footer resides below both the main column and the side bar (WinIE not sidebar)

	Arial preferred over Verdana to keep text narrow enough for wayward browsers */

#footer {

	font-size:14px;

	color:#3d3d3d;

	clear:both;



	}



/*	content includes everything between the header and the footer. Body white */

#content {

	color: #FDE9F1;

	position:absolute;

	top:226px;

	left:320px;

	clear:both;

	margin:0;

	padding:0;

	width: 920px;


	}



/*	Used for Archive & Search page headers as well as the top of 'Pages' */

h2.pagetitle {

	color: #FDE9F1;

	}



/*	This class holds the next posts/previous posts links

	1px lower padding just required to get Opera to honour margin setting (!) */

.navigation {

	margin: 0 0 1.6em 0;

	padding: 0 0 1px 0;

	color: #FDE9F1;

	font-size: 10px;

	font-family:tahoma,arial;

	}



.alignright {

	float: right;

	}



.alignleft {

	float: left;

	}



/*	Blocks containing only floating child elements seem to have no height. This hack allows

	an empty, non-floating, div to be appended to give the container its true height.

	Used in #page and .navigation */

.snap-to-fit {

	clear: both;

	visibility: hidden;

	}



/*	Each post has a some space below it */

.post {

	margin: 0 0 1em 0;

	}



/*	Post titles on the index and single pages use h2 with a line above

	(Post titles in searches and archives use unadorned h3)

	Only posts following other posts (ie all but the first) have a line above

 	Not understood (so ignored) by WinIE */

.post+.post h2 {

	padding: 0.2em 0 0 0;

	color: #FDE9F1;
	
	font-size:18px;

	}



/*	Post titles are also links but are shown in normal text colour.

	Have to give text colour explicitly (rather than inherit) for IE */ 

.post h2 a, .post h3 a {

	background-color: inherit;

	color: #FDE9F1;
	
	font-weight:700;

	}



/*	..so we highlight them in orange as they are moused over */

.post h2 a:hover, .post h3 a:hover {

	background-color: inherit;

	color: #25aae1;
	
	font-weight:700;

	}



/*	This sizes the main body text of posts.

	The overflow declaration stops oversized items such as images from bursting out of the

	page bounds; a local scroll bar is provided on demand instead

	Width 100% required by WinIE else it just lets the overflow occur */

.entry {

	width: 100%;

	color: #FDE9F1;
	
	font-weight:700;

	font-family:"museo-sans-1","museo-sans-2",arial;

	margin: 1em 0 0 0;



	}



.entry a a:visited, .commentlist p a:visited {

	color: #25aae1;
	
	font-weight:700;

	}



/*	small is used for blog tag line, the time below post titles, the footer text,

	and in comments for form labels and comment metadata */

small, .postmetadata, blockquote, strike  {

	font-size: 0.7em;

	line-height: 0.8em;

	color: #666666;

	}



/*	A little space above & below post metadata */

.postmetadata {

	margin: 0.3em 0 0.4em 0;

	}

.postmetadata a{

	margin: 0.3em 0 0.4em 0;

color: #666666;

	}





/*	Both postmetadata on single, and alternate comments use this light backwash 

	but comment padding & margin is set separately below */

.alt {

	color: inherit;

	border-top: 1px dotted #3d3d3d;

	border-bottom: 1px dotted #3d3d3d;

	padding: 0.5em 1em 0.5em 1em;

	margin: 0;

	}



/*	Used to hold phrases such as "Read more >>" together */

.nowrap {

	white-space: nowrap;

	}



/*	For 404 & 'no posts found' page titles */

.problem {

	color: #c00;

	background-color: inherit;

	}





/*	Image defaults

	Safari bug squishes image out of aspect when shrinking for max-width: 100% here

	But current (November 06) Web-kit builds seem to have fixed this so next release might be OK

	Removing the max-width line allows large images to be full size: scroll to see all */

img {

	max-width: 100%;

	padding: 0;

	margin: 0;

	}



a img {

	border: none;

	}



/*	Using these classes with img elements is preferable to align="..." attribute */

img.centered {

	display: block;

	margin: 0.6em auto 0.6em auto;

	}



/*	The actual alignment is done by the general .alignleft rule above

	Typical usage would be for a leading  small picture with text flowing past its right edge */

img.alignleft {

	margin: 0.6em 0.9em 0.6em 0;

	}



img.alignright {

	margin: 0.6em 0 0.6em 0.9em;

	}



/*	Lists inside posts

	The html>body prefix is not understood by IE which therefore doesn't read these rules

	as the stylized bullets don't work in IE anyway */

html>body .entry ul {

	margin: 0;

	padding: 0 0 0 2em;

	list-style: none;

	text-indent: -1em;

	}



html>body .entry li {

	margin: 0.8em 0 0.9em 1.1em;

	}



.entry ul li:before {

	content: "\00BB  ";

	}



.entry ol {

	padding: 0 0 0 2em;

	margin: 0;

	}



.entry ol li {

	margin: 0;

	padding: 0;

	}



ol li {

	list-style: decimal outside;

	}



/*	Code should be used for just a few words.. */

code {

	font: 1.1em 'Courier New', Courier, Monospace;

	}



/*	..and the pre tag works better for whole code excerpts */

pre {

	background-color: #f9f9f9;

	color: black;

	padding: 0.6em 0 0.6em 0.6em;

	margin: 0 0 1em 0;

	font: 1.1em 'Courier New', Courier, Monospace;

	white-space: pre;

	overflow: auto;

	border: 1px solid #ddd;

	}



/*	Horrible hack to try to stop IE6 overflowing on long lines in pre elements.

	IE needs a width to turn on overflow, but 100% here with padding leads to the

	overflow scroller itself causing the entry to overflow in turn. Nasty.

	So this just truncates the pre block. Also nasty, but slightly less ugly.

	(The * html prefix selects IE out of all browsers as its the only one to think

	there is a super-element surrounding the html one) */

* html pre {

	width: 30em;

	}



acronym, abbr, span.caps {

	font-size: 1em;

	letter-spacing: .08em;

	cursor: help;

	}



acronym, abbr {

	border-bottom: 0.2em solid #ddd;

	}



blockquote {

	margin: 1.6em 2.8em 0 1.4em;

	padding: 0 0 0 2em;

	border-left: 0.6em solid #ddd;

	}



strong, b {

	font-weight: bold;

	}



em, i {

	font-style: italic;

	}





.line {

	margin: 0;

	padding: 0;

	color:#3d3d3d;

	width:720px;

	border-top: 1px dotted #3d3d3d;

	}