/*
Theme Name:Morapark
Theme URI:http://www.morapark.se
Description:Designad av Emanuel Hallklint, implementerad och programmerad av Jesper Thörn
Version:1.0.0
Author:Järna Kommunikation
Author URI:http://www.jarnakommunikation.se
*/
*,html,body,ul{
    margin:0; padding:0;
}

/* commented backslash hack \*/
html, body{height:100%;}
/* end hack */

* html #wrapper{height:100%;}/* ie6 and under*/

body,input,textarea,div {
    /*background:#D7E3EC;*/
    font: 12px "Arial", Helvetica, sans-serif;
    line-height:1.4em;
}

a {
    color:#68A0C6;
    text-decoration:none;
}

div.innertube a:hover {
    border-bottom:1px dotted #68A0C6;
}

h1, h2, h3, h4{
	color:#8BB3CE;
	text-transform: uppercase;
	font: 20px "Arial", Helvetica, sans-serif;
        margin:20px 0 0 0;
}

h2 {
	font-size: 18px;
}
h3 {
	font-size: 16px;
}
h4 {
	font-size: 14px;
}

    body.page-template-red-php h1, h2, h3, h4{
            color:#9C5B6D;
    }
    body.page-template-blue-php h1, h2, h3, h4{
            color:#68A0C6;
    }
    body.page-template-green-php h1, h2, h3, h4{
            color:#729591;
    }


ul {
	list-style-type:none;
}

hr {
	border: 0;
	color: #cccccc;
	background-color: #cccccc;
	height: 1px;
	margin:10px 0;
	width: 100%;
}

img,a img {
	border:0;
}

input,textarea {
	border:1px solid #dae5ed;
	background:#FEFAFF;
	font-size:1.0em;
	padding:3px;
}
	input.btn {
		font-size:1.2em;
		padding:3px;
	}
	
#outerwrapper {
		background:#dae5ed;
		width: 1152px; /*Width of outerwrapper container*/
		margin: 0 auto; /*Center outerwrapper on page*/
		min-height:100%;
		height:auto;
	}
	
#wrapper {
    width: 976px; /*Width of wrapper container*/
    margin: 0 auto; /*Center container on page*/
    min-height:100%;
    height:auto;
    background:url(assets/images/content_top_lav.gif) #edebf2 repeat-x;
}
    body.page-template-red-php #wrapper {
        background:url(assets/images/content_top_lav.gif) #edebf2 repeat-x;
    }
    body.page-template-green-php #wrapper {
        background:url(assets/images/content_top_green.gif) #eff5f4 repeat-x;
    }
    body.page-template-blue-php #wrapper {
        background:url(assets/images/content_top_blue.gif) #e7edf2 repeat-x;
    }
    
    body.blog #wrapper,
    body.single #wrapper,
    body.archive #wrapper {
        background:url(assets/images/content_top_blue.gif) #e7edf2 repeat-x;
    }
	
    #maincontainer{
		width: 906px; /*Width of main container*/
		margin: 0 auto; /*Center container on page*/
		height:auto;
		clear:both;
    }

	#topsection{
		height: 145px; /*Height of top section*/
        position:relative;
	}
	
		h1#logo {
			margin: 0;
			padding-top: 38px;
			float: left;
		}
		
			h1#logo a {
				background:url(assets/images/logo.png);
				display:block;
				width:186px;
				height:93px;
			}
			
			h1#logo a strong { 
				left:9999px; display:none;
			}
                        /*
                        #topmenucontainer {
                            background: #642;
                            position: absolute;
                            right: 0px;
                            margin: 0;
                            padding: 10px;
                        }
                        */
		ul#topmenu {
			padding: 0;
			margin: 20px 0 0 0;
			list-style: none;
			float: right;
			position:relative;
                        display: inline;
		}
		
			ul#topmenu li {
				float: left;
				display: inline; /*For ignore double margin in IE6*/
				margin: 0;
				padding:0 12px 0 14px;
				background:url(assets/images/vpipe.png) no-repeat center left;
                                list-style: none;
                                float: left;
			}
			ul#topmenu li a {
				text-decoration: none;
				text-transform: uppercase;
				float:left;
				color: #000000;
				cursor: pointer;
				font: bold 12px "Arial", Helvetica, sans-serif;
			}

                        ul#topmenu li a span {
				margin: 0 5px 0 -5px;
				padding: 4px 3px 6px 7px;
				position: relative; /*To fix IE6 problem (not displaying)*/
				float:left;
				text-transform: uppercase;
			}

			ul#topmenu li.first{
				background:none;
			}

                        ul#topmenu li.current_page_item a,
                        ul#topmenu li.current_page_parent a,
                        ul#topmenu li a:hover  {
                            color:#ffffff;
                        }
                 
                        /* Red */
			ul#topmenu.red li.current_page_item a span, ul#topmenu.red li a:hover span,
                        ul#topmenu.red li.current_page_parent a span ,ul#topmenu.red li.current_page_ancestor a span{
				background: url(assets/images/topmeny-active-bg-red.png) no-repeat top left;
			}
			
			ul#topmenu.red li.current_page_item a, ul#topmenu.red li a:hover,
                        ul#topmenu.red li.current_page_parent a,ul#topmenu.red li.current_page_ancestor a{
				background: url(assets/images/topmeny-active-bg-red.png) no-repeat top right;
			}
			
			/* Blue  */
			ul#topmenu.blue li.current_page_item a span, ul#topmenu.blue li a:hover span,
                        ul#topmenu.blue li.current_page_parent a span,ul#topmenu.blue li.current_page_ancestor a  span {
				background: url(assets/images/topmeny-active-bg-blue.png) no-repeat top left;
			}
			
			ul#topmenu.blue li.current_page_item a, ul#topmenu.blue li a:hover,
                        ul#topmenu.blue li.current_page_parent a,ul#topmenu.blue li.current_page_ancestor a {
				background: url(assets/images/topmeny-active-bg-blue.png) no-repeat top right;
			}
			
			/* Green */	
			ul#topmenu.green li.current_page_item a span, ul#topmenu.green li a:hover span,
                        ul#topmenu.green li.current_page_parent a span ,ul#topmenu.green li.current_page_ancestor a  span{
				background: url(assets/images/topmeny-active-bg-green.png) no-repeat top left;
			}
			
			ul#topmenu.green li.current_page_item a, ul#topmenu.green li a:hover,
                        ul#topmenu.green li.current_page_parent a ,ul#topmenu.green li.current_page_ancestor a{
				background: url(assets/images/topmeny-active-bg-green.png) no-repeat top right;
			}

		
		ul#navmenu {
			padding: 0;
			margin: 76px 0 0 238px;
			list-style: none;
			position:absolute;
		}
			ul#navmenu li {
				float: left;
				display: inline; /*For ignore double margin in IE6*/
				margin: 0 9px;
                                list-style-type: none;
			}
			ul#navmenu li a {
				text-decoration: none;
				float:left;
				color: #ffffff;
				cursor: pointer;
				font: 18px "Arial", Helvetica, sans-serif;
			}
			ul#navmenu li a span {
				margin: 0 10px 0 -10px;
				padding: 6px 8px 5px 13px;
				letter-spacing:1px;
				position: relative; /*To fix IE6 problem (not displaying)*/
				float:left;
				text-transform: uppercase;
			}
			
			/* Red */
			ul#navmenu.red li a span {
				background: url(assets/images/btn_red_off.png) no-repeat top left;
			}
			
			ul#navmenu.red li a {
				background: url(assets/images/btn_red_off.png) no-repeat top right;
			}
			
			ul#navmenu.red li.current_page_item a span, ul#navmenu.red li a:hover span,
                        ul#navmenu.red li.current_page_parent a span,ul#navmenu.red li.current_page_ancestor a span {
				background: url(assets/images/btn_red_on.png) no-repeat top left;
			}
			
			ul#navmenu.red li.current_page_item a, ul#navmenu.red li a:hover,
                        ul#navmenu.red li.current_page_parent a,ul#navmenu.red li.current_page_ancestor a {
				background: url(assets/images/btn_red_on.png) no-repeat top right;
			}
			
			/* Blue */
			ul#navmenu.blue li a span {
				background: url(assets/images/btn_blue_off.png) no-repeat top left;
			}
			
			ul#navmenu.blue li a {
				background: url(assets/images/btn_blue_off.png) no-repeat top right;
			}
			
			ul#navmenu.blue li.current_page_item a span, ul#navmenu.blue li a:hover span,
                        ul#navmenu.blue li.current_page_parent a span,ul#navmenu.blue li.current_page_ancestor a span {
				background: url(assets/images/btn_blue_on.png) no-repeat top left;
			}
			
			ul#navmenu.blue li.current_page_item a, ul#navmenu.blue li a:hover,
                        ul#navmenu.blue li.current_page_parent a,ul#navmenu.blue li.current_page_ancestor a   {
				background: url(assets/images/btn_blue_on.png) no-repeat top right;
			}
			
			/* Green */
			ul#navmenu.green li a span {
				background: url(assets/images/btn_green_off.png) no-repeat top left;
			}
			
			ul#navmenu.green li a {
				background: url(assets/images/btn_green_off.png) no-repeat top right;
			}
			
			ul#navmenu.green li.current_page_item a span, ul#navmenu.green li a:hover span,
                        ul#navmenu.green li.current_page_parent a span,ul#navmenu.green li.current_page_ancestor a span  {
				background: url(assets/images/btn_green_on.png) no-repeat top left;
			}
			
			ul#navmenu.green li.current_page_item a, ul#navmenu.green li a:hover,
                        ul#navmenu.green li.current_page_parent a,ul#navmenu.green li.current_page_ancestor a  {
				background: url(assets/images/btn_green_on.png) no-repeat top right;
			}
                        
	#contentwrapper{
		float: left;
		width: 100%;
	}
		#contentwrapper .puff {
			font-size:1.2em;
			min-height:116px;
			padding:10px;
			color:#ffffff;
		}
		#contentwrapper .puff h1,#contentwrapper .puff h2,#contentwrapper .puff h3,#contentwrapper .puff a{ 
			color:#ffffff;
			text-transform:none;
		}
		#contentwrapper #puffsmall {
			width:185px;
			background:#8BB3CE;
			float:left;
			margin:6px 6px 6px 0;
		}
		#contentwrapper #puffmedium {
			width:368px;
			background:#A7A4B4;
			float:left;
			margin:6px 0 6px 6px;
		}
		#contentwrapper #pufflarge {
			width:585px;
			background:#96B5B0;
			margin:6px 0 6px 0;
		}

		#contentcolumn{
			margin-right: 293px; /*Set right margin to RightColumnWidth*/
		}
			#headerimg {
				margin-left:8px;
			}

		#rightcolumn{
			float: left;
			width: 293px; /*Width of right column*/
			margin-left: -293px; /*Set left margin to -(RightColumnWidth) */
			overflow:hidden;
		}

			#rightcolumn #infobox {
				width:293px;
				height:337px;
				margin:0 0 15px 0;
				position:relative;
				background-repeat:no-repeat;
			}
			
				#rightcolumn #infobox #infoboxmask {
					width:273px;
					height:145px;
					padding:10px;
					position:absolute;
					bottom:0;
					background:url(assets/images/mask-blue.png) no-repeat;
					font-size:1.2em;
					overflow:hidden;
				}
				body.page-template-red-php #rightcolumn #infobox #infoboxmask{
					background-image:url(assets/images/mask-red.png);
				}
				body.page-template-green-php #rightcolumn #infobox #infoboxmask{
					background-image:url(assets/images/mask-green.png);
				}
				body.page-template-blue-php #rightcolumn #infobox #infoboxmask {
					background-image:url(assets/images/mask-blue.png);
				}
					#rightcolumn #infoboxmask #infoboxmaskcont{
						color:#ffffff;
						position:absolute;
						bottom:10px;
						left:10px;
					}
						#rightcolumn #infoboxmask #infoboxmaskcont a,#rightcolumn #indexbox p#indexboxcont a {
							color:#ffffff;
						}
		
		#rightcolumn #indexbox{
			background:url(assets/images/start_puff_red.png) no-repeat;
			width:285px;
			height:162px;
			position:relative;
		}

		#rightcolumn #indexbox p#indexboxcont{
			color:#ffffff;
			position:absolute;
			overflow:hidden;
			height:142px;
			margin:0 35px 0 3px;
			bottom:10px;
			left:10px;
			
		}
		#rightcolumn #indexbox p#indexboxcont strong{
			/*text-transform:uppercase;*/
			font-size:1.2em;
			color:#ffffff;
		}
		
			#rightcolumn #menubox,#rightcolumn #startbox,#rightcolumn #menuboxalt  {
				width:273px;
				padding:10px;
				background:#A9C2BE;
				color:#ffffff;
				font-size:1.2em;
				margin:0 0 15px 0;
			}
	
			#rightcolumn #startbox {
				background:transparent;
				color:#000000;
			}
                        #rightcolumn #startbox p#lastblogposts {
                            color:#999999;
                            margin:10px 0;
                        }
			#rightcolumn #menuboxalt {
				background:#9C5B6D;
			}
			
			#rightcolumn #menubox  h3 {
				margin:10px 0 0 0;
			}
			
			#rightcolumn #menubox a, #rightcolumn #menuboxalt a{
				line-height:25px;
			} 
			
			#rightcolumn #menubox ul ul,#rightcolumn #menuboxalt ul ul,#rightcolumn #menubox ul ul ul,#rightcolumn #menuboxalt ul ul ul   {
				padding-left:15px;
			}
			
			#rightcolumn #menubox  h3,
			#rightcolumn #menubox ul li,
			#rightcolumn #menubox ul li a,
			#rightcolumn #menuboxalt ul li,
			#rightcolumn #menuboxalt ul li a{
				color:#ffffff;
			}
			
			#rightcolumn #menuboxalt ul li.current_page_item  ,#rightcolumn #menubox ul li.current_page_item  {
				padding-left:10px;
				background:url(assets/images/arrow.png) 0 7px no-repeat;
			}
			
			
	/* Misc */
	div.innertube{
		margin: 15px 20px 15px 15px; /*Margins for inner DIV inside each column (to provide padding)*/
	}
		div.innertube p {
			/*margin-bottom:12px;*/
		}

	br.clear {
		clear:both;
	}
	
	.ingressrubrik {
		margin:0;
		padding:5px 15px;
        margin:0;
		text-transform:uppercase;
		color:#999999;
		background-repeat:no-repeat;
		background-position:center left;
	}
		body.page-template-red-php p.ingressrubrik {
			background-image:url(assets/images/bullet_red.gif);
		}
		body.page-template-green-php p.ingressrubrik {
			background-image:url(assets/images/bullet_green.gif);
		}
		body.page-template-blue-php p.ingressrubrik {
			background-image:url(assets/images/bullet_blue.gif);
		}
		
	.alignright {
		float:right;
	}
	.alignleft {
		float:left;
	}