/*
Theme Name: Kartena
Theme URI: http://wordpress.org/
Description: Kartena
Version: 1.0
Author: Kristian Kroon, Clavis Communications AB
Author URI: http://www.clavis.com/
Tags: Kartena
*/

		body {
			margin: 0;
			padding: 0;
			background-color: #eeeeee;
			font-family: arial,verdana,sanserif;
		}
		img {
			border: none;
			margin: 0;
		}
		a {
			color: #0099cc;
		}
		
		#container {
			width: 960px;
			padding: 12px 12px 16px 12px;
			margin: 0 auto;
			background-color: #ffffff;
			/*border: 1px solid #cccccc;*/
			border-top: none;
		}
			#header {
				font-size: 10px;
				color: #999999;
				padding: 0 0 5px 0;
			}
				#header a {
					color: #999999;
					text-decoration: none;
				}
					#header a:hover {
						color: #999999;
						text-decoration: underline;
					}
				#date {
					float: right;
				}
			#top {
				height: 125px;
				/*border: 1px solid #666666;*/
				background: #0099cc url(images/top-13.jpg) 0 0px no-repeat;
			}
				#logo {
					float: left;
					border: none;
					padding: 0px 15px;
					/*margin-top: -1px;*/
				}
				#mpr {
					float: right;
					border: none;
					padding: 10px 15px;
					font-family: arial,verdana,sanserif;
					font-size: 11px;
					color: #ffffff;
					font-weight: bold;
				}
			#menu1 {
				font-size: 75%;
				font-weight: normal;
				color: #cccccc;
				padding: 4px 0 4px 0;
				/*letter-spacing: 1px;*/
				border-bottom: 1px solid #cccccc;
				margin-bottom: 12px;
			}
				#menu1 ul {
					margin: 0;
					padding: 0; 
					list-style-type: none;
					list-style-image: none; 
				}
					#menu1 li {
						display: inline;
					}
					#menu1 ul li a {
						text-decoration:none;
						font-weight: bold;
						margin: 0px;
						padding: 4px 20px 4px 0px; 
						color: #666666;
					}	
						#menu1 ul li a:hover {
							color: #ff9900;
						}
					#menu1 ul li.current_page_item a {
						color: #ff9900;
					}
					#menu1 ul li.current_page_parent a {
						color: #ff9900;
					}
					#menu1 ul li.current_page_ancestor a {
						color: #ff9900;
					}
						
			#main {
				/*height: 400px;*/
				overflow: auto;
				height: 100%;
				/*border-top: 1px solid #cccccc;*/
				/*border-bottom: 1px solid #cccccc;*/
				clear: both;
			}
				#puffar {
					/*display: none;*/
					overflow: auto;
					/*border-top: 1px solid #cccccc;
					border-bottom: 1px solid #cccccc;*/
					clear: both;
					/*padding: 10px 0;*/
					/*padding-bottom: 12px;*/
					/*border-bottom: 1px solid #cccccc;*/
					margin-bottom: 12px;
				}
				.puff {
					float: left;
					width: 231px;
					height: 241px;
					margin-right: 12px;
					cursor: pointer;
				}
					.puff_outer {
							width: 231px;
							float: left;
							margin: 0px 12px 0 0;
							padding: 0;
							/*border: 1px solid #cccccc;*/
							background-color: #eeeeee;
							color: #666666;
							cursor: pointer;
						}
							.puff_corner_tl {
								width: 10px;
								height: 10px;
								overflow: hidden;
								background-image: url(images/puff-corner-tl.png);
								//background-image: none ! important;
								//filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/puff-corner-tl.png,sizingMethod=crop);
								background-repeat: no-repeat;
								float: left;
							}
							.puff_corner_tr {
								width: 10px;
								height: 10px;
								overflow: hidden;
								background-image: url(images/puff-corner-tr.png);
								//background-image: none ! important;
								//filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/puff-corner-tr.png,sizingMethod=crop);
								background-repeat: no-repeat;
								float: right;
							}
							.puff_corner_bl {
								width: 10px;
								height: 10px;
								overflow: hidden;
								background-image: url(images/puff-corner-bl.png);
								//background-image: none ! important;
								//filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/puff-corner-bl.png,sizingMethod=crop);
								background-repeat: no-repeat;
								float: left;
							}
							.puff_corner_br {
								width: 10px;
								height: 10px;
								overflow: hidden;
								background-image: url(images/puff-corner-br.png);
								//background-image: none ! important;
								//filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/puff-corner-br.png,sizingMethod=crop);
								background-repeat: no-repeat;
								float: right;
							}
							.puff_inner_blue {
								clear: both;
								height: 90px;
								margin: 131px 10px 10px 10px;
								font-size: 70%;
							}
								.puff_inner_blue h1 {
									font-size: 16px;
									font-weight: normal;
									color: #0099cc;
								}
								.puff_inner_blue a {
									color: #0099cc;
									text-decoration: none;
								}
							.puff_inner_orange {
								clear: both;
								height: 90px;
								margin: 131px 10px 10px 10px;
								font-size: 70%;
							}
								.puff_inner_orange h1 {
									font-size: 16px;
									font-weight: normal;
									color: #ff9900;
								}
								.puff_inner_orange a {
									color: #0099cc;
									text-decoration: none;
								}
						.events_outer {
							//width: 231px;
							//float: left;
							clear: both;
							margin: 12px 0 0 0;
							overflow: auto;
							/*border: 1px solid #cccccc;*/
							background-color: #eeeeee;
						}
							.events_inner {
								clear: both;
								//height: 90px;
								margin: 10px 10px -10px 10px;
								font-size: 10px;
								line-height: 1;
							}
				#col1 {
					float: left;
					width: 168px;
					/*border: 1px solid #ff0000;*/
				}
					#menu_left {
						padding: 25px 0;
						font-size: 75%;
						margin-left: -12px;
						margin-right: 12px;
					}
						#menu_left ul {
							margin: 0;
							margin-left: 12px;
							padding: 0;
							list-style: none;
						}
							#menu_left ul li {
								margin: 3px 0 3px 0;
								padding: 0 0 3px 0;
								border-bottom: 1px dotted #cccccc;
							}
								#menu_left a {
									color: #666666;
									text-decoration: none;
								}
									#menu_left a:hover {
										color: #ff9900;
									}
							#menu_left ul li.page_item a {
								color: #666666;
							}
							#menu_left ul li.current_page_item a {
								color: #ff9900 !important;
							}
							#menu_left ul li.current_page_parent a {
								color: #ff9900;
							}
							#menu_left ul li.current_page_ancestor a {
								color: #ff9900;
							}
							
				#col2 {
					float: left;
					width: 624px;
					/*border-left: 1px solid #cccccc;
					border-right: 1px solid #cccccc;*/
					/*background-color: #ff0000;*/
				}
					#content_index {
						clear: both;
						padding: 10px 35px 20px 35px;
						/*font-size: 75%;*/
						line-height: 1.5;
						border: 1px dotted #cccccc;
					}
					#content_page {
						clear: both;
						padding: 10px 35px 20px 35px;
						line-height: 1.5;
					}
						#content_index h1, #content_page h1 {
							font-size: 125%;
							font-weight: normal;
							color: #0099cc;
							margin: 1em 0 0.5em 0;
						}
						#content_index h2, #content_page h2 {
							font-size: 100%;
							font-weight: normal;
							color: #0099cc;
							margin: 1em 0 0.5em 0;
						}
						#content_index h3, #content_page h3 {
							font-size: 75%;
							font-weight: bold;
							color: #0099cc;
							margin: 1em 0 0 0;
						}
						#content_index p, #content_page p, #content_index li, #content_page li {
							font-size: 75%;
							margin: 0 0 1em 0;
						}
						.post {
							padding: 0 0 0px 0;
						}
						.post small {
							display: block;
							font-size: 10px;
							margin: 0;
							padding: 0 0 1em 0;
						}
						
						.navigation {
							font-size: 70%;
						}
						.navigation .alignleft {
							float: left;
						}
						.navigation .alignright {
							float: right;
						}
						.ddsg-wrapper li {
							font-size: 90%;
						}
				#col3_index {
					float: left;
					width: 336px;
					overflow: hidden;
				}
				#col3_page {
					float: left;
					width: 168px;
					overflow: hidden;
				}
					#newslist {
						padding: 28px 0;
						font-size: 11px;
						color: #666666;
						margin-left: 12px;
					} 
						#newslist a {
							color: #666666;
							text-decoration: none;
						}
						
						#newslist li {
							padding: 5px 0;
							border-top: 1px dotted #cccccc;
						}
						#newslist ul {
							list-style: none;
							margin: 0;
							padding:0;
						}
						#newslist li a {
							margin: 0 0 3px 0;
							font-size: 12px;
							color: #ff9900;
							/*font-weight: bold;*/
						}
						#newslist li a:hover {
							text-decoration: underline;
						}
						/*#newslist .newslist_item {
							padding: 5px 0;
							border-top: 1px dotted #cccccc;
							font-size: 10px;
						}
							#newslist .newslist_item h1 {
								margin: 0 0 3px 0;
								font-size: 12px;
								color: #ff9900;
							}
							#newslist .newslist_item a {
								color: #666666;
							}
							#newslist .newslist_item a:hover {
								text-decoration: underline;
							}*/
					#support {
						padding: 5px 5px;
						font-size: 75%;
						border-top: 1px solid #cccccc;
						border-bottom: 1px solid #cccccc;
						background-color: #eeeeee;
					}
			#products {
				padding: 8px;
				border-bottom: 1px solid #cccccc;
				text-align: center;
			}
				#products img {
					border: none;
					margin: 0 60px;
				}
			#footer {
				clear: both;
				font-size: 10px;
				color: #999999;
				padding: 5px 0 0 0;
				border-top: 1px solid #cccccc;
				margin-top: 15px;
			}
				#footer a {
					color: #999999;
					text-decoration: none;
				}
					#footer a:hover {
						color: #999999;
						text-decoration: underline;
					}
				#adress {
					float: right;
				}