/*
   Style sheet for edholm.com
   
   Copyright (c) 2011 - edholm.com
*/

/* Elements */
body {
	width: 960px;
	margin: 0 auto;
	color: #464646;
	background-color:#ece2d0;
	font-family: "Lucida Sans", Helvetica, sans-serif;
	font-size: 1em;
	line-height: 1.7em;
}

hr {	/* The awesome ruler, goes with anything */
    border: 0;
    border-top: 1px solid #000;
    border-bottom: 1px solid #fff;
    border-top: 1px solid rgba(0,0,0,0.1);
    border-bottom: 1px solid rgba(255,255,255,0.3);
    filter: alpha(opacity = 30); zoom:1;
    clear: both;
    height: 0;
    margin: 15px 0;
}

a:link { color: #041E3D; outline:none}	/* "My" dark blue */
a:visited { color: #5D1806; }	/* "My" dark red */
a:hover { text-shadow: 1px 1px 2px #6D85A2; }	/* "My" mid-blue as shadow */
a:active { color: #5D3B06; }	/* "My" dark yellow */

/* Id's */
#header {
	color:#e8e8e8;
	margin-top: 15px;
	padding: 25px 25px;
	background-color: #5D1806;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius: 15px;
}

#logo {
	font-size: xx-large;
	font-style: italic;
}

#slogan {
	color:#d8d8d8;
	font-size: large;
	font-style: italic;
}

#content {
	margin: 35px 15px;
}

#footer {
	color:#e8e8e8;
	padding: 5px 25px;
	margin-bottom: 15px;
	background-color: #5D1806;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius: 15px;
}

/* Classes */
.center {
	text-align: center;
}

/* Palette color codes */
.cGreen-1 { background-color: #05421F } /* */
.cGreen-2 { background-color: #71B08D } /* */
.cGreen-3 { background-color: #ADD8C0 } /* */
.cBlue-1 { background-color: #041E3D } /* */
.cBlue-2 { background-color: #6D85A2 } /* */
.cBlue-3 { background-color: #ABBCD0 } /* */
.cYellow-1 { background-color: #5D3B06 } /* */
.cYellow-2 { background-color: #F7D59F } /* */
.cYellow-3 { background-color: #FBE8CA } /* */
.cRed-1 { background-color: #5D1806 } /* */
.cRed-2 { background-color: #F7B19F } /* */
.cRed-3 { background-color: #FBD4CA } /* */

.color-table {
	margin: 0 auto;
	border-collapse:collapse;
	border:none;
	border-spacing:0;
	-moz-box-shadow: 10px 10px 15px #b08f5b; /* Mellan mörkgul (#5D3B06) och mellangul (#F7D59F) */
	box-shadow: 10px 10px 15px #b08f5b;
}
.color-table td.sample {
	width:12em; height:4em;
	padding: 10px;
	border: 1px solid white;
}

div.white, div.black {
	font-size:large;
	opacity: 0;
    filter: alpha(opacity = 0); zoom:1;		/* IE */
}
div.white:hover {
	color: #fff;
	opacity: 1.0;
    filter: alpha(opacity = 100); zoom:1;
}
div.black:hover {
	color: #000;
	opacity: 1.0;
    filter: alpha(opacity = 100); zoom:1;
}