/*
Theme Name: J&F Fritid 
Theme URI: http://www.mediaanalys.se
Description: Tema till jf-fritid.se
Version: 1.0
Author: Jill Karlsson - MA
Author URI: http://mediaanalys.se
Tags: none
*/

ul, li, p, div, h1, h2, h3, h4, img, form {
   margin: 0; 
   padding: 0;
   border: none;
}

input, button {
   margin: 0; 
}

body, html {
   font: normal 14px/20px Arial;
	color: #333;
	padding: 0;
	margin: 0;
   background-color: #E6E6E6;
}
body {
	background-image: url('images/bg-body.gif');
   background-repeat: repeat-x;
   background-color: #e6e6e6;
}

h1 {
	font: normal 32px/40px Arial;
   color: #e11f26;
}


h2 {
	font: normal 20px/34px Arial;
   color: #31327f;
}

h3 {
	font: bold 18px/30px Arial;
   color: #e11f26;
}

#right_column h2 {
	font: normal 32px/40px Arial;
   color: #e11f26;
}


#right_column h3 {
	font: normal 20px/34px Arial;
   color: #31327f;
}

#right_column h4 {
	font: bold 18px/30px Arial;
   color: #e11f26;
}

a:link, a:active, a:visited {
   color: #31327F;
   text-decoration:none;
}

a:hover {
   /*color: #31327F;*/
   color: #333;
   text-decoration:underline;
}

h2 a:link, h2 a:active, h2 a:visited {
   text-decoration:none;
}

h2 a:hover {
   text-decoration:underline;
}

#header, #container, #footer {
	margin: 0 auto 0 auto;
   overflow:hidden;
}

#container {
   width: 880px;
   background: url('images/bg-content-top.gif');
   background-repeat:no-repeat;
   padding: 0px 10px 0px 10px;
   background-color: #fff;
}
#footer {
   width: 880px;
   background-color: #e6e6e6;
   padding: 10px;
}

#header {
   height: 176px;
   width: 900px;
}
#header-container {
   height: 136px;
   background-color: #31327f;
   overflow:hidden;
}

#top-logo {
   width: 384px;
   float:left;
}
#top-catalog {
   width: 187px;
   margin-left:10px;
   float:left;
   height:45px;
   background: url('images/bg-catalog.gif');
   background-repeat:no-repeat;
   padding:10px 20px 20px 20px;
   font: normal 18px/24px Arial;
}
   #btn-catalog {
      position:relative;
      top: -18px;
      left: 110px;
      width: 80px;
   }
#top-webshop {
   width: 229px;
   margin-left:10px;
   float:left;
   height:82px;
   background: url('images/bg-webshop.gif');
   background-repeat:no-repeat;
   padding:10px 20px 20px 20px;
   font: normal 18px/24px Arial;
}
   #btn-webshop {
      position:relative;
      top: -34px;
      left: 150px;
      width: 80px;
   }

	#imageloader a {
		display: block;
		height: 249px;
		background: url('images/bildspel_ers.jpg');
      border-bottom: 1px solid #fff;
	}
	#topmenu {
      color: #fff;
      height: 40px;
      background-color: #31327f;
 	}
   #topmenu ul {
      text-align:center;
   }
		#topmenu li.current_page_item a, #topmenu li.current_page_ancestor a {
			color: #fff;
         font-weight: bold;
		}
		#topmenu li {
			float: left;
			list-style: none;
		}
			#topmenu li a {
				display: block;
				padding: 0 10px 0 10px;
				font: normal 13px/40px Arial;
				text-decoration: none;
            color: #fff;
         }
			#topmenu li a:hover {
				text-decoration: none;
			}
	#submenu {
      overflow:hidden;
      margin-bottom:10px;
	}
		#submenu li.current_page_item a {
         font-weight: bold;
         
		}
      #submenu li {
			list-style: none;
         border-bottom: 1px solid #fff;
         background-color: #bfe6f5;
		}
      #submenu li a {
         display:block;
         padding: 8px 8px 8px 18px;
         font: normal 14px/30px Arial;
         text-decoration: none;
         color: #333;
         line-height:20px;
      }
      #submenu li a:hover {
         text-decoration: none;
         color: #333;
         background-color: #e6e6e6;
      }
   
      #submenu li.current_page_item ul a {
         font-weight: normal;
		}
      #submenu li ul li{
			list-style: none;
         border-bottom: 1px solid #fff;
         background-color: #FFF200;
		}
      #submenu li ul li a{
         display:block;
         padding: 3px 8px 3px 28px;
         font: normal 14px/30px Arial;
         text-decoration: none;
         color: #333;
         line-height:20px;
      }
      #submenu li ul li a:hover {
         text-decoration: none;
         color: #333;
         background-color: #e6e6e6;
      }


#main {
	/*padding: 20px;*/
   width:590px;
   float:left;
   margin-top:10px;
}
	#main p {
		/*font: normal 12px/16px Verdana;*/
		padding-bottom: 10px;
	}
   #main ul {
      margin-left: 40px;
      padding: 0px;
      margin-bottom: 10px;
   }
   #main li {
      list-style: disc;
   }

#right_column {
   width: 280px;
   margin-left: 10px;
   float:left;
   margin-top:10px;
}
   #right_column p {
		/*font: normal 12px/16px Verdana;*/
		/*padding-bottom: 10px;*/
	}
   
   #right_column h3:a {
      text-decoration: none;
      font: normal 14px/40px Arial;
      color: #004934;
      margin-top: 5px;
   }
   
.clear {
	float: none;
	clear: both;
}
.left {
   float:left;
}
.right {
   float:right;
}
.center {
   text-align:center;
}


  
#s {
   width:160px;
}
.smalldate {
   font-size:11px;
}


#slider li {
   list-style: none;
}

ul#slider{
   height:249px;
   width:800px;
   overflow:hidden;
} 
#gallery-1 img {
   border: 1px solid #ccc !important;
}
.alignright {
   float:right;
}

.alignleft {
   float:left;
}
.wp-caption-text {
   text-align:left;
   font-size:9px;
}
/* special for JF */
#monteringsvideo {
   background-color: #D0F548;
   padding: 10px;
   margin-bottom: 10px;
   overflow:hidden;
   font-size:18px;
}

#dogge-vid-poolen {
   background-color: #59d2f3;
   padding: 10px;
   margin-bottom: 10px;
   overflow:hidden;
}

#nyhetsruta {
   background-color: #e11f26;
   padding: 10px;
   color: #fff;
   margin-bottom: 10px;
   overflow:hidden;
}
   #nyhetsruta h1, #nyhetsruta p, #nyhetsruta h2, #nyhetsruta h3 {
      color: #fff;
   }
#table {
   border-collapse:collapse;
   width:590px;
}
#table , #table th, #table td {
   border:1px solid #aaa;
   padding: 0px 3px;
}
#table th {
   background-color:#ffff00;
   padding: 3px;
   text-align:left;
}

#webbshopruta {
   background-color: #FFF200;
   padding: 10px;
   margin-bottom: 10px;
   overflow:hidden;
}
#katalogruta {
   background-color: #BFE6F5;
   padding: 10px;
   margin-bottom: 10px;
   overflow:hidden;
}
#extraruta {
   background-color: #D0F548;
   padding: 10px;
   margin-bottom: 10px;
   overflow:hidden;
}
#extraruta h3:a {
   
}
.aligncenter {
display: block;
	margin-left: auto;
	margin-right: auto;
}
.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}