/*
Theme Name: Sonoform
Theme URI: http://nocweb.se/
Description: For Sonoform
Version: 1.0
Author: Johan Stenehall
*/

/*
	Light Blue:	#c2fbfb
	Dark Brown: #b5b08c

*/

/* !Structure */
html, body {
	height: 100%;
	margin: 0;
	padding: 0;
	}

	body {
		background: #fbfaf8 url( 'images/body.png' ) repeat-x;
		}

		#wrapper {
			height: 100%;
			}
		
			body > #wrapper {
				height: auto;
				min-height: 100%;
				}

			#content {
				position: relative;
				background: #fff;
				width: 940px;
				margin: 8px auto 0;
				padding: 5px 10px 270px;
				overflow: hidden;
				zoom: 1;
				}
				
				#lang {
					position: absolute;
					top: 0;
					right: 12px;
					list-style: none;
					}
					
					#lang li, #lang li a {
						float: left;
						}
						
						#lang li a {
							text-indent: -1000em;
							letter-spacing: -1000e;
							width: 18px;
							height: 12px;
							margin-left: 5px;						
							}
							
							#lang li#de a {
								background: url( '../../plugins/sitepress-multilingual-cms/res/flags/de.png' ) no-repeat;
								}
								
							#lang li#en a {
								background: url( '../../plugins/sitepress-multilingual-cms/res/flags/en.png' ) no-repeat;
								}
				
				div.page {
					margin: 0 60px;
					clear: both;
					overflow: hidden;
					zoom: 1;
					}
					
				div.post {
					width: 500px;
					clear: both;
					padding: 10px 0 25px 60px;
					overflow: hidden;
					zoom: 1;
				
					}

					.entry {
						float: left;
						width: 350px;
						}
					
					.sidebar {
						float: right;
						width: 350px;
						text-align: left;
						}
						
			table {
				width: 100%;
				margin-bottom: 2em;
				}
			
			table tr td p{
				margin:0;
				padding:0;
			}
				
			#puffs {
				list-style: none;
				margin: 0;
				padding: 0;
				}
				
				#puffs li {
					float: left;
					width: 276px;
					margin-right: 55px;
					height: 350px;
					background: url( 'images/puff.jpg' ) repeat-x left 180px;
					}
					
					#puffs .last { /* Specificity ftw :) */
						margin-right: 0;
						}
						
					#puffs li p {
						margin-top: 20px;
						}

				#header {

					}
					
				#subnav {
					list-style: none;
					padding: 0 0 0 5px;
					width: 756px;
					margin: 0 0 12px 177px;
					clear: both;
					overflow: hidden;
					zoom: 1;
					background-color: #f3f2ec;
					float: left;
					}
					
					#subnav li {
						float: left;
						margin: 0 5px 0 0;
						padding: 4px 5px 4px 10px;
						}

				#big-image {
					}

				#footer-image {
					margin: 10px auto 20px;
					width: 820px;
					}

			#footer {
				position: relative;
				margin-top: -270px;
				height: 270px;
				clear:both;
				background: #fff url( 'images/footer.png' ) repeat-x;
				border-top: 10px solid #b5b08c;
				}

				#footer-inner {
					width: 940px;
					margin: 15px auto 0;
					}
					
					#latest-news {
						width: 418px;
						margin-right: 70px;
						float: left;
						}
						
					#footer #contact {
						width: 418px;
						height: 200px;
						float: left;
						}

.alignleft {
	clear: both;
	float: left;
	margin: 15px 15px 15px 0
	}
	
.alignright {
	clear: both;
	float: right;
	margin: 15px 0 15px 15px
	}


			
/* Typography */


label {
	display: block;
	width: 300px;
	overflow: hidden;
	zoom: 1;
	margin: 10px 0;
	line-height: 20px;
	}
	
input, select {
	float: right;
	}
	
input.submit {
	margin-top: 20px;
	float: left;
	}

body {
	font-family: Arial;
	font-size: 12px;
	}

p {
	margin: 0 0 2em;
	line-height: 1.6em;
	}


a img {
	border: none;
	}

h2 {
	font-size: 45px;
	font-weight: bold;
	margin: 20px 0;
	line-height: 50px;
	clear:both;
	}
	
	h2 strong {
		color: #ff8e00;
		}
	
h2 a {
	color: #000;
	text-decoration: none;
	}
	
	h2 a strong {
		color: #ff8e00;
		}

h3 {
	color: #c2bca0;
	font-size: 18px;
	font-weight: bold;
	margin: 0;
	font-weight: 100;
	}

#logo {
	float: left;
	}

#logo a {
	float: left;
	width: 164px;
	height: 33px;
	background: url( 'images/sonoform_logo.png' ) no-repeat;
	letter-spacing: -10000em;
	text-indent: -10000em;
	}
	
#nav {
	list-style: none;
	font-family: Arial;
	font-weight: bold;
	font-size: 12px;
	margin: 28px 0 0 15px;
	padding: 0;
	float: left;
	}
	
	* + html #nav { margin-top: 12px; }

	#nav li, #nav li a {
		float: left;
		margin: 0;
		}

	#nav li {
		border-left: 1px solid #c7c7c7;
		}
		
		#nav li a {
			color: #6e6e6e;
			text-decoration: none;
			padding: 0 20px;
			line-height: 20px;
			}
			
		#nav li.current_page_item a {
			color: #7474ff;
			}
			
#subnav li, #subnav li a {
	color: #6e6e6e;
	font-weight: bold;
	text-decoration: none;
	}

#subnav li.current_page_item, #subnav li.current_page_item a {
	color: #7474ff;
	}

#nav li.current_page_ancestor a {
	color: #aaa;
	}

a {
	color: #ff8e00;
	text-decoration: none;
	font-weight: bolder;
	}
	
	a:hover {
		text-decoration: underline;
		color: #ffbe30;
		}

#footer p.date, .post p.date {
	font-weight: bolder;
	margin: 0;
	}
			
#footer h2 {
	font-size: 30px;
	margin: 0;
	color: #c2bca0;
	}
	
	h2.news-heading {
		margin: 0;
		line-break: 18px;	
	}
	
	h2.news-heading {
		color: #000;
		font-size: 18px;
		text-decoration: none;
		height: 18px;
		}
	
	#footer h3 a, h2.news-heading a {
		color: #ff8e00;
		font-size: 18px;
		text-decoration: none;
		height: 18px;
		}

		
.error {
	color: #D95762;
}

input.error {
	padding: 2px;
	border: 2px solid #D95762;
}
	
.clear_puffs{
	clear:both;
	height:20px;
}	
		
.puffs h2{
	font-size:26px;
	margin:0 0 10px 0;
}

.puffs .puff{
	float:left;
	width:260px;
	margin-left:20px;
}

.puffs .puff.fifty_fifty{
	width:400px;
}

.puffs .puff.fifty_fifty.last{
	padding-left: 40px;
	width: 360px;
	margin-left: 0;
}

.puffs .puff.first{
	margin-left:0;
}

.left_column, .right_column{
	width:360px;
	float:left;
	margin:0;
}

.left_column{
	padding-right:40px;
}

.left_column p, .right_column p{
}

.left_column table tbody tr td{
	padding:2px 0 0 10px;
}

.left_column table{
	padding-bottom:10px;
}

.left_column table tbody h3{
	color:#000000;
}

.left_column h2, .right_column h2{
	margin:0 0 10px 0;
	padding-top:0;
	font-size:24px;
}

.left_column h3, .right_column h3{
	margin:10px 0 5px 0;
}

.right_column{
	padding-left:40px;
	border-left:2px solid #e9e9e9;
}

	#post-4 .right_column {
		padding-left: 0;
		border-left: none;
		width: 400px;
	}

.top_content {
	overflow: hidden;
	clear: both;
}

.top_content p {
	font-size: 14px;
}

#semi-footer {
	margin: 20px auto;
	width: 820px;
	background: transparent url('images/semi-footer-bg.png') repeat-x 0 40px;
	overflow: hidden;
}

#semi-footer .content {
}

#semi-footer .content .left, #semi-footer .content .middle, #semi-footer .content .right {
	float: left;
	width: 250px;
	padding: 20px;
}

#semi-footer .content .left h4 {
	margin: 0;
	font-size: 18px;
	}
	
#semi-footer .content .middle {
	width: 255px;
	font-size: 9px;
	padding-top: 12px;
}

#semi-footer .content .middle a {
	font-size: 14px;
	display: block;
	margin: 8px 0 1px 0;
}


#semi-footer .content .right {
	position: relative;
	top: -13px;
	width: 192px;
	height: 171px;
	background: transparent url('images/semi-footer-img.png') no-repeat right top;
}

#semi-footer .top {
	width: 820px;
	height: 40px;
	background: transparent url('images/semi-footer-top.png') no-repeat;
}

#post-23 .right-column{
	border:none;
}

#semi-footer .content .middle p{
	margin:0;
}

#post-265 table {
	width: 800px;
	margin: 0 20px 40px 20px;
	}
	
	#post-265 table th {
		font-size: 18px;
		text-align: left;
		padding: 6px 10px;
		color: #C2BCA0;
		font-weight: normal;
	}
	
	#post-265 table td {
		padding: 5px 10px;
		}
		
		#post-265 table .odd td {
			background-color: #E6E4CF;
		}