/*
Theme Name: Alshain Oy
Theme URI: http://alshain.fi/
Description: Theme for the limited company Alshain.
Version: 0.1 WP
Author: Pasi Lallinaho
Author URI: http://knome.fi/
*/



/* alshain default style sheet */
/* "largeheader" */

/* COLORS
	#736257			logo brown					navi links, content headers
	#f7941d			logo orange					showcase links
	#3d342f			darker brown				navi links hover
	#f6f4f2			greyish light brown		showcases bg
	#c9c0ba			darker light brown		lines, borders

	#f7efea			light brown					content bg
	#a68e7e			yet another brown			content text
	#bfa899			very light brown			"tight" text, blockquotes
	#faf7f5			almost white!				form inputboxes
*/

body {
	margin: 0;
	padding: 0;

	background-color: #f7efea;

	font-size: small;
	font-family: "Georgia", "UnBatang", serif;
}



/* ELEMENTS */

a { text-decoration: none; }

	a img { border: none; }
	a span.date { color: #a68e7e; }

	/* ---> */
	#content a.showcase {
		margin-left: 5px;
		padding-left: 30px;

		background: transparent url(images/arrow.png) 0 55% no-repeat;
	}

h1, h2, h3, h4, h5, h6 {
	color: #736257;

	font-weight: normal;
	margin-bottom: 1.3em;
	margin-top: 1.5em;
}

	h2 { font-size: 180%; }
		h2 span { color: #bfa899; margin-left: 0.5em; }
	h3 { font-size: 130%; }
		body#alshain_ h3 { margin-top: 1.6em; }
		body#alshain_ h3.push { margin-top: 4.5em; }
		body#alshain_yhteys h3,
		body#alshain_palvelut h3 { margin-top: 0.2em; margin-bottom: 1.7em; line-height: 1.3em; }
		body#alshain_asiakkaat .col30 h2,
		body#alshain_asiakkaat .col40 h2 { margin-top: 1.3em; }
		body#alshain_projektit h3 img { border: none; background-color: inherit; margin-left: 0; padding: 0; }
	h4 { font-size: 110%; }

	h2.lighter, h3.lighter { color: #a68e7e; }

#content img.signature { border: none; background-color: transparent; }

p {
	font-size: 110%;
}

b, strong {
	font-weight: bold;
}

abbr {
	border-bottom: 1px dashed #c9c0ba;
}

blockquote {
	min-height: 30px;
	margin-top: 1.6em;
	margin-left: 2em;
	padding: 10px 0 1px 70px;

	background: #f2e9e4 url(images/quotes.png) 15px 10px no-repeat;
	color: #bfa899;

	font-size: 110%;	#bloglinks a:hover { border-bottom: none; }
}

	blockquote p.spokesman {
		margin-top: -1.3em;

		color: #736257;
		font-size: 80%;
	}

ul {
	margin-left: 0; /* ie might not break anymore;) */
	padding-left: 0;

	list-style-type: none;
}
	#content ul#customerlist li a { color: #736257; }
	#content ul#showcaselist { margin-top: 1.8em; }
	#content ul#showcaselist li a { padding-right: 30px; border: none; }
	#content ul#showcaselist li a:hover { background: transparent url(images/arrowup.png) 100% 55% no-repeat; }
	#content ul#bloglist { line-height: 1.3em; }
	#content ul#bloglist a { font-size: 120%; border: none; display: block; padding-bottom: 3px; margin-bottom: 1em; }
	#content ul#bloglist a:hover { border-bottom: 1px dashed #c9c0ba; padding-bottom: 2px; }
	#content ul#bloglist a span { font-size: 80%; color: #a68e7e; }

input[type="text"], textarea {
	padding: 2px;

	background-color: #faf7f5;
	border: 1px solid #c9c0ba;
	color: #a68e7e;

	font-family: "Georgia", "UnBatang", serif;
}

input[type="submit"] {
	margin: 0.2em 0 0 0.5em;

	background-color: inherit;
	color: #a68e7e;
	border: none;

	text-align: right;
	font-family: "Georgia", "UnBatang", serif;
	font-size: 120%;
}
	input[type="submit"]:hover { color: #736257; }
	input[type="submit"]:active { color: #f7941d; }

textarea {
	font-size: small;
}

	input[type="text"]:hover, textarea:hover {
		background-color: #fff;
		color: #736257;
	}

table {
	line-height: 1.3em;
}
	td, th { padding-right: 2%; }

/* USEFUL... */

.right { float: right; }
.left { float: left; }
.drawup { margin-top: -1.4em; }
	.addendum:before { content: "» "; font-size: 120%; }
.fingerprint { border-bottom: 1px dashed #c9c0ba; }
.tight { font-size: 95%; color: #bfa899; }
.big { font-size: 120%; }
dd.tall { height: 8.5em; }
.j { text-align: justify; }
.stop { clear: both; }

.col75 { width: 70%; }
.col60l { width: 52%; margin-right: 2%; border-right: 1px solid #c9c0ba; }
.col60 { width: 55%; }
.col50h { width: 20%; padding-left: 25%; } 
.col40 { width: 35%; }
.col30 { width: 25%; } 
.col25 {	width: 20%; } 



/* HEADER STUFF */

#header {
	height: 200px; /* ! */
	min-width: 620px;
	padding: 35px 15px 15px 35px;

	background: #fff url(images/header-bg.png) bottom left repeat-x;
	
	color: #736257;

	border-bottom: 1px solid #c9c0ba;
}

	#logo {
		margin: 0;
	}

	#navi {
		padding: 30px 0 0 0;

		font-size: 130%;
	}

		#navi li {
			display: inline;
			padding: 5px 10px 5px 0;
		}

			#navi li a {
				padding: 3px 3px 15px 3px;

				color: #736257;
			}

			#navi li a:hover {
				background: transparent url(images/header-linkhover.png) 50% 100% no-repeat;
				color: #3d342f;
			}

/* CONTENT AREA STUFF */

#content {
	padding: 60px 15px 35px 35px;
	min-width: 620px;

	background: #f7efea url(images/content-bg.png) 0 0 repeat-x;
	color: #a68e7e;
}

	#content p, #content ul, #content blockquote {
		max-width: 1200px;

		margin-bottom: 1.2em;

		line-height: 1.6em;
	}

	#content a, #content a:visited { color: #f7941d; }
	#content a:hover, #content a:active { border-bottom: 1px dashed #c9c0ba; }
	#content #bloglinks a { border-bottom: none; }

	#content > * { /* dangerous? */
		margin-left: 2em;
	}

	#content h1, #content h2, #content h3, #content h4, #content h5, #content h6, #content div {
		margin-left: 0;
	}

	#content img {
		padding: 5px;
		margin-left: 6px;

		background-color: #fcf5f0;
		border: 1px dashed #c9c0ba;
	}

	#content div {
		padding-right: 5%; 
		padding-bottom: 50px;
		float: left;
	}

	#alshain_yhteys dt {
		clear: both;
		width: 34%;

		text-align: right;
		margin-top: 0.2em;
	}

	#alshain_yhteys dd {
		width: 40%;
		margin-left: 10px;
	}

	#alshain_yhteys dt, #alshain_yhteys dd {
		float: left;
		height: 2em;
	}

		#alshain_yhteys dd input, #alshain_yhteys dd textarea {
			width: 100%;
		}

#bloglinks {  width: 95%; }
#bloglinks li { margin-bottom: 0.8em; display: block; width: 100%; }
#bloglinks .blogtitle, #bloglinks .date { display: block; }
#bloglinks .date { font-size: 90%; }
#blogarticle { width: 60%; }
#blogarticle p { text-align: justify; }
#blogarticle h2 { color: #a68e7e; }
#bloginfo { width: 30%; }
#bloginfo dd, #bloginfo dt { text-align: left; float: left; margin-top: 0.5em; }
#bloginfo dt { font-weight: bold; clear: left; margin-right: 0.3em; }

#bloginfo h3, #bloglinks h2 { color: #a68e7e; }
#bloginfo h3 { margin-top: 0.3em; margin-bottom: 1.8em; }


/* PROMOTION!! */
#pr {
	margin-top: -130px;
	padding-right: 5%;
	float: right;
	font-family: sans-serif;
	font-size: 90%;
	line-height: 1.3em;
}
	#pr a {
		color: #0373c4;
	}