/*
Theme Name:JATC Tema
Theme URI:http://www.jatc.se
Description:Designad av Nicklas Ekström, programmerad av Jesper Thörn
Version:1.0.1
Author:Nicklas Ekström
Author URI:
Tags:
*/

body,html {
	margin:0;padding:0;
	height:100%;
}

body {
	background:#E9E9E9;
	font:11px verdana,tahoma,arial;
}

table{ 
	border-collapse: collapse; 
} 

table,td{
	border:0;
	padding:2px 5px;
}

#tab table tr:nth-child(odd){
 background:#efefef;
}

a{
	color:#004E83;
	text-decoration:none;
}
	a:hover{
		text-decoration:underline;
	}

	a:focus
	{
	  -moz-outline: none;
	}
	
a.read-more {
	text-decoration:underline;
}	
a.read-more:hover {
	text-decoration:none;
}
	
a img,img{
	border:none;
}

input,textarea,button {
	border:1px solid #333333;
}

hr {
border: 0;
color: #ddd;
background-color: #ddd;
height: 1px;
}

.clr {
clear:both;
line-height:1px;
}

#outerwrapper {
	text-align: left;
	margin: 0px auto;
	min-height:100%;
	height:100%;
	border:0;
	width: 1040px;
	background: url("images/vertical_bgshade.png") #E9E9E9 no-repeat;
}

/* IE6 and under*/
* html #outerwrapper{
	height:100%;
} 

#innerwrapper{
	background:#FFFFFF;
	height:auto;
	min-height:100%;
	margin:0 7px;
}

#header {
	height:142px;
	width:1026px;
}

	#logo{
		width: 166px;
		height: 69px;
		background: url("images/JATC_logo.png") no-repeat;
		display: block;
	}
#topbanner{
	float:right;
	width:390px;
	height:30px;
	display:none;
	}
	#topbanner a{
		display:block;
		height:27px;
		width:92px;
		border:none;
		float:left;
	}
	#topbanner a strong{
		display:none;
	}
	#topbanner #sokplats{
		background:url(images/topbanner_btn_sok_plats.png);
	}
	#topbanner #omoss{
		background:url(images/topbanner_btn_om_oss.png);
	}
	#topbanner #kontaktaoss{
		background:url(images/topbanner_btn_kontakta_oss.png);
		width:121px;
	}
	#nav {
		width:auto;
		padding:4px 0 0 88px;
	}

		#topmenu,#contact #contactlinks { 
			white-space:nowrap;
			margin:0;padding:0;
			background:#FFFFFF;
			}
			
		#topmenu a, #topmenu .current_page_item li a,#topmenu .current_page_ancestor ul li a{
			display: block;
			height:17px;
			color:#999999;
			font-size:13px;
			padding:0 10px 0 10px;
			margin-top:10px;
			text-decoration:none;
			background:url(images/pipeline.gif) right no-repeat;
		}

		#topmenu a:hover,#topmenu .current_page_ancestor .current_page_parent a,#topmenu .current_page_ancestor a,#topmenu .current_page_item a,#topmenu ul li.current_page_item a,#topmenu .current_page_item a:hover{
			color:#EB5C18;
			text-decoration:none;
		}

		#topmenu li,#topmenu ul li{ display:block; float:left;}
		#topmenu ul { 
			position: absolute;
			background:#FFFFFF;
			left: -999em;
		}
		/*
		#topmenu ul ul { 
			display:none;
			background:#FFFFFF;
		}
		*/
		#topmenu  li:hover ul, #topmenu  li.sfhover ul,#topmenu li.current_page_item  ul,#topmenu li.current_page_parent ul,#topmenu li.current_page_ancestor ul{
			left: 20em;
		}

#banner{
	margin: 0 0 27px 0;
	height:208px;
	width:1026px;
	background: #7A7E31;
	text-align:center;
}

#container{

}

#side-l {
	float: left;
	width: 643px;
	margin:0 0 0 97px;
	line-height:1.5em;
}
	#side-l img{
		margin:8px;
	}
	#side-l p {
		/*margin: 0;
		padding: 0; */
	}
	
/* Tabmenu */
	#side-l .tabberlive {
		margin:3px 0px;
		padding:0px;
		width:649px;
	}
	.tabberlive .tabbertab {
		margin:0px;
		padding:15px 10px;
		border-top:
		1px solid #dadada;
		background: url("images/content_div_bg.jpg") repeat-y;
	}
	.tabberlive .tabbertab  h1 {
		font-size:14px;
	}
	.tabberlive .tabbertab img{
		float:right;
		padding:0 0 10px 10px;
	}
	/*
	.tabberlive .tabbertab a SPAN,
	.tabberlive .tabbertab h3,
	.tabberlive .tabbertabhide {
		display:none;
	}
	*/
	ul.tabbernav {
		margin:0px;
		padding:1px 0;
		list-style:none;
		list-style-image:none;
		background:none;
		line-height:normal;
		height:auto;
	}
	ul.tabbernav li {
		font-family:verdana,arial,tahoma;font-size:11px;line-height:16px;
		margin:0px;
		padding:6px 3px 4px 3px;
		list-style:none;
		list-style-image:none;
		background: url("images/tab_off_left.jpg") no-repeat left top;
		display:inline;
	}
	ul.tabbernav li a,
	ul.tabbernav li a:link {
		font-size:12px;
		font-weight:bold;
		margin:0px 1px;
		padding:5px 10px 4px 5px;
		color:#000;
		background: url("images/tab_off_right.jpg") no-repeat right top;
	}
	ul.tabbernav li a:hover {
		font-size:12px;
		font-weight:bold;
		color:#666;
		text-decoration:none;
	}
	ul.tabbernav li a:active,
	ul.tabbernav li a:focus {
		outline:0;
	}
	ul.tabbernav li.current_page_item a {
		background:#fff url("images/tab_on_right.jpg") no-repeat right top;
		color:#666;
	}
	ul.tabbernav li.jwts_tabberactive a:hover {
		color:#666;
		cursor:default;
	}
	ul.tabbernav li.current_page_item,
	ul.tabbernav li.tabberinactive {
		background: url("images/tab_on_left.jpg") no-repeat left top;
		padding:6px 3px 4px 3px;
		margin:0px;
	}
	.tabberlive .tabbertab,ul.tabbernav {text-align:left;} /* force content orientation */

	#tabberbtm {
		background:url("images/content_div_btm_bg.jpg") no-repeat; 
		width:649px;
		height:78px;
		display:block;
	}
	
		#tabberbtm #lnktellfriend,#tabberbtm #lnkexpinter{
			margin:40px 0 0 36px;
			padding:0 0 0 25px;
			display:block;
			height:16px;
			background:url(images/brev.gif) no-repeat;
			float:left;
		}
		#tabberbtm #lnkexpinter{
			background:none;
			padding:0;
		} 
		
		#fblike {
			width:150px;
			height:20px;
			margin:38px 0 0 36px;
			float:left;
		}

#side-r { 
	float: left;
	width: 175px;
	margin:0 90px 0 20px;
	height: 1% /* Hack for Peekaboo Bug */
}

	#side-r .puff {
		background:url(images/puff_center.png) repeat-x #DAE258 30px 0;
		width:170px;
		position:relative;
		margin:0 0 15px 0;
	}
		#side-r .puff p{
				margin:7px;		
				/*min-height:100px;*/
				
			}
		#side-r ul {
			margin:5px 0;
			padding:8px;
			list-style:none;
		}
		
		#side-r .puff .textwidget,#side-r .puff  ul{
			padding:8px;
			height:120px;
			overflow:hidden;
		}

		#side-r .puff .top{
			background:url(images/puff_top.png);
			width:inherit;
			height:30px;
			overflow: hidden;
		}
			#side-r .puff .top h3 {
				margin:7px;
				font-size:13px;
				font-weight:bold;
			}
		#side-r .puff .bottom{
			background:url(images/puff_bottom.png);
			width:inherit;
			line-height:1px;
			height:5px;
		}

		
		/* Post & comments*/
		
		
			.post {
				padding:0 30px 0 0;
			}
			.post p {
				margin:14px 0 14px 0;
			}
			.post em{
			font-style:italic;
			}
			.post h2 {
			font-size:18px;
			margin:25px 0 10px 0;
			font-weight:normal;
			}
			.post h1, .post h1 a{
			font-size:20px;
			margin:30px 0 10px 0;
			font-weight:normal;
			line-height:25px;
			}
			.post h3, .post h4 {
			font-size:16px;
			margin:15px 0 10px 0;
			font-weight:normal;
			}
			.post h4 {
			font-size:14px;
			}
			.post .indent {
			padding-left:10px;
			}
			.post .indent p {
			padding-left:10px;
			}
			.post small {
			font-size:11px;
			}
			.post small a {
			font-weight:normal;
			}
			.post .alignright {
			float:right;
			margin-left:10px;
			}
			.post .alignleft {
			float:left;
			margin-right:10px;
			}
			.post .aligncenter {
			margin:0 auto;
			display:block;
			}
			.post abbr {
			font-weight:normal;
			}
			.post ul{
			list-style:circle;
			margin:0 0 0 25px;
			}
			.post ol{
			list-style:decimal;
			margin:0 0 0 30px;
			}
			.post .wp-caption {
			border:1px solid #ccc;
			margin:10px;
			text-align:center;
			padding:5px 0 0;
			}
			.post .wp-caption-text {
				margin:0;
			}
			.post .wp-caption a, .post .wp-caption a:hover {
				border-bottom:0;
			}
			.post blockquote {
			color:#777;
			border-left:5px solid #ccc;
			margin:15px 30px 0 10px;
			padding-left:20px;
			}
			.post pre {
			font-family:courier;
			font-size:12px;
			letter-spacing:-1px;
			margin:14px 0 14px 0;
			}
			.post .message ul {
			margin:12px 0 0;
			}
			.post .message {
			display:none;
			background:#0F67A1;
			margin-top:10px;
			padding:20px;
			color:#fff;
			}
			#comments h3, #comments h4{
			font-size:24px;
			margin:35px 0 5px;
			font-weight:normal;
			}
			#comments h4{
			font-size:14px;
			}
			#comments cite{
			font-size:18px;
			font-weight:normal;
			border-bottom:1px dotted #ccc;
			}
			#comments em {
			font-style:italic;
			text-align:right;
			}
			#comments ol.commentlist li {
			margin-top:20px;
			border:1px dotted #ccc;
			border-right:0;
			padding:10px 5px 20px 10px;
			min-height:110px;
			}
			#comments p {
			margin:10px 0 0 10px;
			width:auto;
			}
			#comments span {
			display:block;
			color:#eee;
			font-family:Georgia;
			font-size:120px;
			font-weight:normal;
			float:right;
			padding-top:25px;
			}
			#comments ul.formlist {
			margin:20px auto;
			width:375px;
			}
			#comments ul.formlist li {
			display:block;
			margin:10px 0 0;
			}
			#comments ul.formlist p{
			margin:10px 0 0;
			text-align:center;
			}
			#comments input {
			width:370px;
			font-size:12px;
			font-weight:normal;
			}
			#comments textarea {
			width:370px;
			font-size:12px;
			font-weight:normal;
			}
			#comments li.submitbutton input {
			text-align:center;
			background:#fff;
			border:1px solid #aaa;
			color:#000;
			font-weight:normal;
			font-size:14px;
			width:374px;
			}
		
		/***********/
		
		
#contact {
	margin:74px 74px 0 74px; 
	color:#cccccc;
	padding:8px 0 16px 0;
	border-top:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
	clear:both;
}
    #contact ul#contactlinks {
		list-style: none;
		margin:8px 20px;
		text-align:center;
	}
	
	#contact ul#contactlinks li{
		list-style: none;
		padding:0 15px;
		height:17px;
		float:left;
		display: inline;
		border-left:1px solid #cccccc;
	}
	#contact ul#contactlinks li.first {
		border:none;
	}
	
#footer {
	color:#ccc;
	padding:10px 18px;
	font-size:0.9em;
	text-align:center;
	clear:both;
}
	#contact a{
		color:#cccccc;
	}

/*Blank page style*/
body.page-template-empty_page-php {
        color:#999999;
	background:#FFFFFF;
	padding:0 8px;
}

/*Index page style*/
body.page-template-index_mall-php #footer {
	padding:0 18px 10px 18px;
	font-size:1.1em;
}

body.page-template-index_mall-php {
	background:url(images/frontpage_winter.jpg) #FFFFFF center top no-repeat;
}
	body.page-template-index_mall-php  #outerwrapper,body.page-template-index_mall-php #innerwrapper {
		background:none;
	}

	body.page-template-index_mall-php #logo{
		width: 193px;
		height: 87px;
		background: url("images/JATC_logo_big.png") no-repeat;
		margin:0 0 0 13px;
		display: block;
	}
	body.page-template-index_mall-php #side-l {
		color: #727236;
		width:350px;
		line-height:normal;
		margin:0 30px 65px 10px;
		font-size:1.7em;
		font-family:arial,verdana,tahoma;
		text-shadow: #ffffff -1px 2px 2px;
               
	}
        body.page-template-index_mall-php #header {
	   height:112px;
        }	
	body.page-template-index_mall-php #side-l h1,body.page-template-index_mall-php #side-l h2,body.page-template-index_mall-php #side-l h3{
		margin:0;
	}
	body.page-template-index_mall-php #indexnav {
		margin:87px 7px;
		clear:both;
	}
	body.page-template-index_mall-php #indexnav ul#indexmenu  {
		margin:0; padding:0; list-style:none;
	}
	body.page-template-index_mall-php #indexnav ul#indexmenu  li{
		float:left;
		display:block;
		background:url("images/front_links.png");
		margin:8px 5px;
		width:295px;
		height:34px;
	}
	body.page-template-index_mall-php #indexnav ul#indexmenu li a{
		white-space:nowrap;
		display:block;
		margin:8px 0 3px 23px;
		font-size:16px;
		font-family:arial,verdana,tahoma;
		font-weight:bold;
		color:#FFFFFF;
		background:url("images/cross.gif") center right no-repeat;
	}
	body.page-template-index_mall-php #indexnav ul#indexmenu li a:hover {
		text-decoration:none;
		background:url("images/cross_anim.gif") center right no-repeat;
	}
	body.page-template-index_mall-php #indexbottom {
		margin:40px 12px;
		clear:both;
		background:url("images/index_bottom.png");
		width:905px;height:203px;
	}
	body.page-template-index_mall-php #indexbottom #contact {
		margin:0 20px 0 20px;
		border-bottom:none;
	}
	body.page-template-index_mall-php #indexbottom #contact ul#contactlinks {
		margin:3px 40px;
	}
	body.page-template-index_mall-php #indexbottom #footer {
		height:130px;
		color:#333;
		text-align:left;
		overflow:hidden;
	}
	
	body.page-template-index_mall-php #topbanner a{
		height:26px;
		margin:0 3px;
	}
	body.page-template-index_mall-php #topbanner #sokplats{
		background:url(images/index_btn_sok_plats.png);
		width:93px;
	}
	.page-template-index_mall-php #topbanner #omoss{
		background:url(images/index_btn_om_oss.png);
		width:94px;
	}
	.page-template-index_mall-php #topbanner #kontaktaoss{
		background:url(images/index_btn_kontakta_oss.png);
		width:108px;
	}
.alignright {
	float:right;
}
.alignleft {
	float:left;
}
.slideshowlink {
   display:none;
}