/*
Theme Name: Haram NTN Taekwon-Do Klubb
Theme URI: 
Description: 
Version: 1.0
Author: Roger Sylte
Author URI: http://roger.inro.net/
Tags: 

	Haram NTN Taekwon-Do Klubb v1.0
	 http://www.taekwon-do.org/???/

	This theme was designed and built by Roger Sylte,
	whose blog you will find at http://roger.inro.net/

	The CSS, XHTML and design is released under ???:
	http://www.???.org/licenses/???.php

*/

/* ========================================
 *  Basic CSS Reset
 * ======================================== */

*
{
	margin: 0;
	padding: 0;
}

body {
	background: #ddeeff url('images/bgtop.png') top left repeat-x;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, Verdana, Sans-serif;
	font-size: 80%;
}

	#pagearea {
		width: 960px;
		margin: 0 auto;
		text-align: left;
		background: url(images/pagebg.png) top left repeat-y;
	}

		#page {
			background: url(images/pagetop.png) top left no-repeat;
		}

			td#pagetop { height: 24px; }

			td#left {
				width: 208px;
				vertical-align: top;
				text-align: center;
			}

				.leftbaritem {
					margin-top: 0;
					margin-left: 8px;
					margin-right: 0;
					margin-bottom: 0;
					padding: 0 8px;
				}

					#logo {
						border: 0;
						width: 165px;
						height: 165px;
						display: inline-block;
					}

					.menu {
						text-align: left;
					}

					.menu ul {
						margin: 0;
						padding: 0;
						list-style: none;
					}

					.widget {
						margin-top: 16px;
					}

					.widget_search input {
						margin: 4px;
					}

					.page_item {
						text-align: left;
						list-style: none;
					}

					.page_item ul {
						margin-left: 16px;
					}

					.page_item li {
						display: block;
						margin: 0px;
						list-style: none;
						border-top: 1px dotted #bbff77;
					}

					.page_item a {
						font-weight: bold;
						margin: 0;
						padding: 6px;
						display: block;
						text-decoration: none;
						color: #558822;
					}

					.page_item a:hover {
						background-color: #eeffdd;
						color: #336600;
					}

					.current_page_item > a {
						background-color: #d4ffaa;
						color: #335511;
					}

			td#content {
				width: 544px;
				background-color: #ffffff;
				vertical-align: top;
			}

				#contentarea {
					padding: 4px 16px;
					min-height:400px; / * for modern browsers * /
					height:auto !important; / * for modern browsers * /
					height:400px; / * for IE5.x and IE6 * /
				}

				h1, h2, h3, h4, h5, h6,
				p,
				ul, ol, li { line-height: 1.5em; margin: 0px; padding: 0; }

				p { padding-top: 0.5em; text-align: justify; }

				h1 { padding-top: 0em; font-size: 150%; color: #224488; }

				h2 { padding-top: 0.1em; font-size: 140%; color: #224488; }

				h3 { padding-top: 0.2em; font-size: 130%; color: #224488; }

				h4 { padding-top: 0.3em; font-size: 120%; color: #224488; }

				h5 { padding-top: 0.4em; font-size: 110%; color: #224488; }

				h6 { padding-top: 0.5em; font-size: 100%; color: #224488; }
/*
				img {
					margin: 8px;
					padding: 3px;
					border: 1px solid #aaaaaa;
					background-color: #f0f4ff;
				}
				li { padding-top: 0.5em; }
*/
				.post a, .postmetadata a, .commentlist a, .commentform a, .widget a {
				    color: #558822;
				    text-decoration: none;
				}

				.post a, .postmetadata a, .commentlist a, .commentform a {
				    font-weight: bold;
				}

				.post a:hover, .postmetadata a:hover, .commentlist a:hover, .commentform a:hover,
				.widget a:hover {
					border-bottom: 1px solid #336600;
					color: #336600;
				}

				.post a:hover, .postmetadata a:hover, .commentlist a:hover, .commentform a:hover {
					font-weight: bold;
				}

				.postmetadata a, .postmetadata a:hover, .commentmetadata a, .commentmetadata a:hover, .commentform a, .commentform a:hover, widget a:hover {
					font-weight: normal;
				}

				.page_item a:hover {
					border-bottom: none;
				}
				
				#comments {
					margin-top: 32px;
				}
				
				.commentlist {
					list-style: none;
				}
				
				.commentlist li {
					margin-top: 16px;
				}
				
				.postmetadata {
					margin-top: 16px;
					color: #888888;
				}
				
				#respond {
					margin-top: 32px;
				}

			td#right {
				width: 208px;
				vertical-align: top;
				text-align: center;
			}

				.rightbaritem {
					margin-top: 0;
					margin-left: 0;
					margin-right: 8px;
					margin-bottom: 0;
					padding: 0 8px;
				}

					#ntnlogo {
						border: 0;
						width: 165px;
						height: 165px;
						display: inline-block;
					}

					#motlogo {
						width: 129px;
						height: 79px;
						display: inline-block;
						border: 0;
					}

					.widget_kbrss {
						text-align: left;
						list-style: none;
						margin: 16px 8px 0px 8px;
					}

					.widget_kbrss h2 {
						font-size: 100%;
					}
					
					.widget_kbrss ul {
						list-style: none;
					}

					.widget_kbrss li {
						display: inline-block;
						width: 184px;
						margin: 0;
						padding: 0;
						list-style: none;
						border-top: 1px dotted #bbff77;
						font-size: 80%;
					}

					.widget_kbrss ul li a {
						margin: 0;
						padding: 6px;
						display: block;
						text-decoration: none;
						color: #558822;
					}

					.widget_kbrss ul li a:hover {
						background-color: #f8fff0;
						color: #336600;
						border-bottom: none;
					}
					
					.widget_kbrss ul li a:visited {
						color: #a8c090;
					}

			td#pagebottom {
				height: 22px;
				background: url(images/pagebottom.png) top left no-repeat;
			}