@charset "utf-8";
/**
 *	--- trappenevent.css ---
 *
 *	@author		Alexander Velander <alexandervelander@gmail.com>
 *	@author		Kristoffer Jönsson <jkrille@hotmail.com>
 *	@version	1.0
 *	@desc		CSS för Trappenevent.se.
 *
 */
 	/*
******	Standardelement
	 */
	html, body {
		width: 100%;
		height: 100%;
		margin: 0;
	}	 
	body {
	 	background: #F1F0E9 url(../img/bg_body.png) repeat-y scroll;
	}
	form, table {
		margin: 0;
	}
	object:focus, a:focus, img:focus, embed:focus, input, input:focus, :focus {
		outline: none;
	}
	/*
******	Formulär
	 */
	label, input, textarea {
		display: block;
	}
	label {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 9px;
		color: #FFF;
	}
	label.radio {
		display: inline;
		position: relative;
		top: -2px;
	}
	input, textarea {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		color: #333;
		cursor: default;
	}
	:disabled, .disabled {
		color: #999;
	}
	/*
******	Typografi och nyttoklasser
	 */
	body, p, div, span, table, td, strong, small, a, h1, h2, option, li {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		color: #EEE;
		cursor: default;
	}
	h1 {
		margin: 0;
		padding: 10px 0 5px;
		font-size: 18px;
		font-weight: normal;
		line-height: 20px;
		color: #FC0;
	}
	h1 strong {
		display: block;
		font-size: 26px;
		font-weight: bold;
		color: #FC0;
	}
	h2 {
		margin: 0;
		padding: 5px 0;
		font-size: 15px;
		font-weight: bold;
		line-height: 18px;
		color: #FC0;
	}
	p {
		max-width: 350px;
		margin: 5px 0 15px;
		line-height: 16px;
	}
	* html p {
		width: 350px;
	}
	p.noLimit {
		max-width: none;
	}
	* html p.noLimit {
		width: auto;
	}
	ul {
		margin: 5px 0 15px;
		padding: 0;
		list-style-position: inside;
		list-style-type: none;
	}
	li {
		display: inline;
	}
	strong, b {
		font-weight: bold;
		color: #FFF;
	}
	em, i {
		font-style: italic;
		color: #FFF;
	}
	small {
		font-size: 9px;
		color: #888;
	}
	a, .link {
		color: #09F;
		text-decoration: none;
	}
	a:hover {
		text-decoration: none;
		cursor: pointer;
	}
	.red		{ color: #C00; cursor: inherit; }
	.green		{ color: #0C0; cursor: inherit; }
	.blue		{ color: #09F; cursor: inherit; }
	.yellow		{ color: #FC0; cursor: inherit; }
	.inline		{ display: inline; }
	.inlineBlock{ display: inline-block; }
	.block		{ display: block; }
	.uppercase	{ text-transform: uppercase; }
	.lowercase	{ text-transform: lowercase; }
	.left		{ float: left; }
	.right		{ float: right; }	
	.overflow	{ overflow: hidden; }
	.center		{ text-align: center; }
	.colorLink1, .colorLink2 {
		display: block;
		padding: 2px 3px 2px 3px;
		margin: 0 0 2px 0;
		background-color: #1A1A1A;
		color: #FFF;
	}
	.hr {
		border-bottom: solid #333 1px;
		margin: 20px 0 15px 0;
	}
	.colorLink2 {
		background-color: #0D0D0D;
	}
	.colorLink1 small, .colorLink2 small {
		margin: 2px 0;
		float: right;
		font-style: italic;
	}		
	.colorLink1:hover, .colorLink2:hover {
		background-color: #333;
	}
	.arrow, .arrow2 {
		font-size: 18px;
		font-weight: bold;
		line-height: 12px;
		color: #888;
	}
	.arrow:hover, .arrow2:hover {
		color: #FFF;
	}
	.arrow.disabled, .arrow2.disabled {
		color: #222;
	}
	.arrow2 {
		margin: 2px 10px 0;
		font-size: 12px;
		color: #888;
	}
	.postComment {
		margin: 5px 0 10px 0;
        width: 420px;
	}
	.postComment strong {
		margin: 0px;
		padding: 2px 5px 2px 5px;
		display: block;
		background-color: #0D0D0D;
	}
	.postComment strong small {
		margin: 2px 0;
		float: right;
		font-style: italic;
		font-weight: normal;
	}
	.postComment p {
		margin-left: 5px;
		margin-right: 5px;
		font-size: 10px;
		color: #CCC;
	}
	/*
******	Specifika sidor
	 */
    /* Nyheter */
	#news {
		margin: 0 0 20px;
		overflow: hidden;
	}
	#news small {
		margin-top: 10px;
	}
	#news .arrows {
		margin: -10px 0 0;
	}
	/* Event */
	.event {
		overflow: hidden;
	}
	.event img {
		padding: 4px 0 15px 15px;
	}
	.gallery img {
		padding: 0 3px 0 0;
	}
	/* Bloggen */
	.blogImg {
		margin: 20px;
		text-align: left;
	}
	.blogVideo {
		margin: 20px;
		text-align: left;
        width: 560px;
	}
	#blogMonthList {
		margin: 0px;
		display: none;
	}
	#blogMonthList li a {
		padding: 1px 8px 1px 8px;
	}
	/* Gästboken */
	#guestbookRight {
		border-left: 1px solid #666;
		padding: 0 0 0 10px;
		margin: 0 0 0 10px;
		float: left;
		width: 420px;
	}
	/* Kontakta */
	#contactFormLeft {
		float: left;
		margin: 0 10px 0 0;
	}
	/*
******	Huvudobjekt
	 */
	#wrapper {
		width: 945px;
		min-height: 100%;
		background: #000;
	}
	* html #wrapper {
		height: 100%;
	}
	#content {
		padding: 0 0 200px;
	} 
	#top {
		height: 240px;
	}
	#logo {
		position: absolute;
		top: 130px;
		left: 6px;
		font-size: 20px;
		font-weight: bold;
		color: #FFF;
	}
	#main {
		padding: 10px 15px;
	}
	#boxLeft {
		width: 610px;
	}
	#boxRight {
		margin: 0 0 0 10px;
		padding: 0 0 0 10px;
		border-left: 1px solid #666;
		float: right;
		width: 280px;
	}
	#space {
		clear: both;
	}
	#bottom {
		background: #FFF url(../img/bottom_trappen.png) no-repeat scroll 100% 100%;
		width: 945px;
		height: 90px;
		margin: -115px 0;
		padding: 0 0 25px;
		clear: both;
	}
		#images {
			background: #000;
		}
	/*
******	Menyn
	 */
	#menu {
		position: absolute;
		bottom: 100%;
		left: 0;
		margin: 0 0 -240px;
		padding: 0;
		background: #000;
		-webkit-border-radius: 0 6px 0 0;
		-moz-border-radius: 0 6px 0 0;
	}
	#menu ul#nav {
		margin: 5px 0;
		padding: 0;
	}
	*:first-child+html #menu ul#nav li {
		display: inline;
	}
	#menu ul#nav li {
		display: inline-block;
		margin: 0;
		padding: 0 15px;
		border-left: 1px dotted #666;
	}
		#menu ul#nav li.first {
			border-left: 0;
		}
	#menu ul#nav li a, #menu ul#nav li span.link {
		display: inline-block;
		font-size: 11px;
		line-height: 14px;
		color: #AAA;
		text-decoration: none;
	}
	#menu ul#nav li a:hover, #menu ul#nav li span.link.selected {
		color: #FFF;
	}
	#menu ul#nav li span.link.selected {
		font-weight: bold;
		color: #FC0;
	}
	/*
******	Siddelen
	 */
	#side {
		position: absolute;
		top: 0px;
		left: 945px;
		margin: 10px 0 0 16px;
	}
	#poll {
		width: 184px;
		margin: 0 0 10px;
		padding: 10px;
		background: #000;
		-webkit-border-radius: 6px;
		-moz-border-radius: 6px;
	}
	#poll p {
		margin: 0;
		font-size: 11px;
		color: #DDD;
	}
	#poll p strong {
		color: #FFF;
	}
	#poll div {
		height: 5px;
		margin: 2px 0 8px;
		background: #FC0;
	}
	#poll label {
		color: #FFF;
	}
	#poll input {
		font-size: 10px;
	}
	.ad {
		width: 200px;
		margin: 0 0 10px;
		padding: 1px;
		border: 1px solid #CCC;
	}
	.ad a, .ad img {
		border: 0;
	}
	.ad img {
		display: block;
	}
	small.commercial {
		display: block;
		margin: -6px 0 -1px;
		font-size: 8px;
		color: #CCC;
	}
	/*
******	Loginmenyn
	 */
	#login {
		position: absolute;
		top: 0;
		right: 100%;
		margin-right: -945px;
		background: #000;
		-webkit-border-radius: 0 0 0 6px;
		-moz-border-radius: 0 0 0 6px;
	}
		#login ul {
			margin: 5px 0;
		}
		*:first-child+html #login li {
			display: inline;
		}
		#login li {
			display: inline-block;
			padding: 0 15px;
		}
			#login li.first {
				border-right: 1px dotted #666;
			}
		#login a {
			font-size: 11px;
			line-height: 14px;
			color: #FFF;
		}
			#login a:hover {
				color: #FC0;
			}
	/*
******	Textbannern
	 */
	#textBannerTitle {
		display: none;
		position: absolute;
		width: 60px;
		top: 0;
		left: 0;
		padding: 6px 0 5px 8px;
		background: #000;
		font-size: 9px;
		line-height: 14px;
		color: #AAA;
	}
	#textBanner {
		display: none;
		position: absolute;
		top: 0;
		left: 68px;
		padding: 5px 15px 5px 2px;
		background: #000;
		-webkit-border-radius: 0 0 6px 0;
		-moz-border-radius: 0 0 6px 0;
	}
		#textBanner a {
			font-size: 11px;
			line-height: 14px;
			color: #FFF;
		}
			#textBanner a:hover {
				color: #FC0;
			}
	/*
******	Popup
	 */
	#popupBg {
		display: none;
		position: absolute;
		z-index: 1000;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		background: #FFF;
	}
	#popup {
		display: none;
		position: absolute;
		max-width: 600px;
		z-index: 2000;
		left: 50%;
		padding: 15px 15px 0;
		background: #000;
	}
	*:first-child+html #popup p#imageViewer {
		margin: auto;
		text-align: center;
	}
		#popup a#closePopup {
			display: block;
			float: right;
			position: relative;
			top: -14px;
			right: -14px;
			margin: 0;
			padding: 0 5px 2px;
			background: #666;
			font-family: Verdana, Geneva, sans-serif;
			font-size: 11px;
			font-weight: bold;
			color: #000;
		}
			#popup a#closePopup:hover {
				background: #FC0;
			}

    /*
******  Bildvisning
     */
	p#imageViewer {
		text-align: center;
	}
	p#imageSwitch {
		margin: 0 auto 5px;
		text-align: center;
	}
    /*
******  Övrigt
     */
	#captcha {
		margin: 15px 0;
	}
	#smileys {
		margin: 15px 0 15px 0;
	}
    #smileys img {
        margin: 0 2px 0;
        cursor: pointer;
    }