/* @override http://www.yoldia.se/css/master.css */

/* @override 
	http://localhost:8888/css/master.css
	http://localhost:8888/yoldia.se/css/master.css
	http://beta.yoldia.se/css/master.css
*/

*, 
html,
html * {
  margin: 0;
  padding: 0;
}

body {
  background: #d0d9dd url(../images/bg-page2.png) repeat-y 50%;
}

div#wrapper {
  width: 776px;
  margin: 0 auto;
  padding-left: 1px;
}

div#head {
  background: #fff;
  padding-bottom: 1px;
}

div#head img {
  display: block;
}

div#menu {
  background: url(../images/bg-menu.png) repeat-x;
  height: 31px;
}

#menu ul {
  padding: 7px 10px 5px;
  color: #fff;
  font: 14px Trebuchet, "Trebuchet MS", "Lucida Grande", Tahoma, sans-serif;
}

#menu ul li {
  display: inline;
  list-style-type: none;
  padding: 0 12px;
  letter-spacing: .08em;
}
#menu a:link,
#menu a:visited {
	color:  #fff;
	text-decoration: none;
}
#menu a:hover {
	color: #fee;
	text-decoration: underline;
}

#body {
  width: 560px;
  margin-top: 1.5em;
  float: left;
  padding-left: 15px;
}
	#body #image-column {
	width: 120px;
	float: left;
	margin-right: 1em;
}
	#body #image-column img {
	margin-bottom:  .9em;
}
	#body #text-column {
	float:  right;
	width: 420px;
}
#body #one-column div {
	float:  left;
	padding:  5px;
	height: 385px;
	width:  250px;
	margin:  7px;
	border: 1px dotted #ddd;
	background: #eee;
}
#body #one-column div img {
	margin: 0 auto;
}


#right {
  margin-top: 1.5em;
  width: 160px;
  float: right;
  padding-right: 15px;
}

#right h1, 
#body h1 {
  margin-top: 0;
  font: bold 16px "Lucida Grande", Lucida, Verdana, sans-serif;
  color: #f61;
  margin-bottom: .5em;
  letter-spacing: .1em;
}
#body h2 {
	font: 13px "Lucida Grande", Lucida, Verdana, sans-serif;
	color: #f61;
	margin-bottom: .5em;
	padding-top: .5em;
}
#body p,
#body ul {
	font: 11px/15px Georgia, "Times New Roman", Times, serif;
	margin-bottom: .8em;
}
#body ul {
	list-style-position: inside;
	list-style-type: square;
}

.project {
	border: 1px solid #eee;
	padding:  8px 10px;
	margin-top:  20px;
	margin-bottom:  10px;
	background-color: #ffe;
}
#body h2.project_type {
	font-size:  15px;
	margin-top:  2em;
	font-weight: bold;
}
#body .project h1 {
	font-size:  13px;
}
#body .project p.link {
	font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
	text-align: right;
	margin-bottom:  0;
}
#body .projects {
	padding:  5px 0;
}
#body .projects h1 {
	font-size:  11px;
	color:  #000;
}
#body .projects h1 span {
	font-size: 9px;
	font-style: italic;
	color: #666;
	font-weight: normal;
}
#body .projects span {
	font-size: 10px;
	text-align: right;
}
#body div.line {
	border-top:  1px solid #ccc;
}

#right h1 {
  text-align: center;
}

#right h1.news-headline {
  text-align: left;
  letter-spacing: 0;
  margin-top: 1em;
  font-weight: normal;
  font-style: normal;
  margin-bottom: 0;
  font-size: 13px;
}

#right span.news-date {
  display: block;
  text-align: right;
  font: 10px Tahoma, Verdana, Arial, sans-serif;
  margin-top: 0;
  color: #666;
  border-bottom: 1px dotted #f61;
}

#right p {
  font: 11px Tahoma, Verdana, Arial, sans-serif;
  color: #666;
  margin-top: .3em;
}

#right p.news-link {
  text-align: right;
  margin-bottom: 2em;
}

#foot {
	clear:  both;
	font:  11px Tahoma, Verdana, Arial, sans-serif;
	color:  #999;
	text-align: right;
	margin-right: 200px;
	padding-top:  1em;
}

acronym {
	border-bottom: 1px dotted #f61;
}
#body a:link, 
#body a:visited,
#right a:link,
#right a:visited {
	color:  #f61;
	text-decoration: none;
}
#body a:hover,
#right a:hover {
	color:  #c00;
	text-decoration: underline;
}