/* -------- SCREEN STYLES FOR UMBRACOKONSULT.SE  -------------     */
/* --------      ENKEL MEDIA STOCKHOLM 2008      -------------     */

@import url("reset.css");

	body {
		background-image:url(/media/30/top_gradient_1x53.gif);
		background-position:top;
		background-repeat:repeat-x;
		background-color:#f6f5ef;
		font-size:62.5%;
	}
	
	#main {
	
		width:75%;
		margin-left:auto;
		margin-right:auto;
		margin-top:50px;
		}
	
	#content {
		float:left;
		background-color:#FFF;
		border: solid 1px #e5e3d4;
		width:100%;
		padding-left: 10px;
		padding-right: 10px;
		padding-top: 20px;
		padding-bottom: 10px;
	
	}
	
	#content_left {

		width:65%;
		float:left;
	}
	
	#content_right {
		width:35%;
		float:left;
		min-width:210px;
	
	}
	
	#content_blogg {
		width:95%;
	}
	
	h1, h2, p, li {
		font-family: Georgia, "Times New Roman", Times, serif;
	}
	
	h1, .underpage_headline {
		font-family:Arial, Helvetica, sans-serif;
		font-size:2.0em;
		color:#009933;
		font-weight:bold;
		letter-spacing:-0.05em;	
	}
	
	h2 {

		font-size:1.4em;
		color: #666666;
		margin-bottom:3px;
		margin-top:3px;
		font-weight:bold;
		letter-spacing:-0.07em;
	}

	strong {font-weight:bold;}
	
	p, li {
		color: #666666;
		font-size:1.2em;
		line-height:1.4em;

		letter-spacing:0em;
	}
	
	a {
		color: #008fda;
		text-decoration:none;	
		border-bottom: 1px dotted #008fda;
	}
	
	a:hover {
		color:#00a3f8;
		border-bottom: 1px solid #00a3f8;
	}
	
	ul {
		list-style-image:url(/media/25/list_style.gif);
		margin-left:20px;
	}
	
	a img {
		border:0px;
	}
	

	
	/*  ******************    CLASSES     *************************** */
	
		
	
	.breaker {
		clear:both;
		border-bottom:solid 1px #dbdbdb;
		height:0px;
		margin:2px 0 12px 0;
		padding:0 0 0 0;
		color:#FFF;
	}
	
	
	ul.menu {
		margin: 0 0 0 0;
		padding: 0 0 0 0;
		list-style:none;
	}
		
	ul.menu li {
		 float:left;
		 margin:0 5px 0 0;
		 padding:0 0 0 0;
	}
	ul.menu a {
		border:0;
		color:#666666;
	}
	

	div.bloglistbox {
		background-color:#f9f9f9;
		margin-left:20px;
		padding:10px;
		border: 1px dotted #e1e1e1;
			
	}
	
	div.bloglistbox p {
		font-size:0.9em;
	}
	
	div.bloggpost {
		margin:0 0 2.5em 0;
	}
	
	div.bloggpost h2, div.bloggpost h1 {
		font-size:1.8em;		
		border-bottom:1px dotted gray;
		margin: 0 0 1em 0;
		color:#666666;
		font-family:Georgia;
		letter-spacing:-0.07em;
	}

	div.bloggpost img {
		border: 4px solid #e1e1e1;
	}

	div.bloggpost h2 a, div.bloggpost h1 a {
		color:#666666;
		border:0px;
	}
	
	
	div.bloggpost_bottom {
		margin:0 0 0 0;
		float:right;
	}
	
	div.bloggpost_bottom p {
		font-size:0.9em;
	}

	div.code {
		background-color:#eeeeee;
		border:1px dotted gray;
		padding:1.2em;
		margin:0.5em;

	}
	div.code p {
		font-size:1.1em;
		font-family:arial, "Lucida Console";
	
	}
	
	a.gray_link {
		color:#c9cbb8;
		font-size:0.8em;
		text-decoration:none;	
		border-bottom: 0;
	}
	
	a.gray_link:hover {
		color:#c9cbb8;
		boder-bottom:0;
		/*border-bottom: 1px solid #00a3f8;*/
	}


















/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */
newstyle {
color: blue;
font-weight:bold;
}