/*
	Title:		CrossFit Kalmar's Hompage
	Author:		Johan Uddh
	Website:	http://www.crossfitkalmar.se
*/


/*
================================
COMMON STYLES 
================================
*/

.left {float:left;}
.right {float:right}
.hide {display:none;}
.pointer {cursor:pointer;}
.clearBoth , .clear{clear:both;}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    }

.clearfix {display: inline-block;}  /* for IE/Mac */

strong {font-weight: bold;}
a:active, a:focus
{
    outline: none;
}
p
{
	padding: 0 0 10px 0;
}

#footer 
{
	background: #deddda url('/images/bg_bottom.jpg') no-repeat top left;
	height: 387px;
}

#footer p {padding: 120px 0 0 55px;}

/*
================================
MAIN STYLES
================================
*/

body
{
	font-size: 62.5%;
	/*background:#deddda;  url('/images/bg_crossfitkalmar3.jpg') no-repeat top left;*/
	background: #deddda url('/images/bg_body.jpg') no-repeat top left;
	font-family: Trebuchet MS, Tahoma, Verdana, Sans-Serif;
   	color:#cccccc;
}

#container
{
	
}

a
{
    color:#de00b3;
    text-decoration:none;
}

a:hover
{
    	color:#272727;

}


a.rightArrow
{
    /*background:url('../media/Assets/arrow_green_right.png') no-repeat center right;*/
    padding:0 7px 0 0;
}

a.leftArrow
{
    /*background:url(../media/Assets/arrow_left.gif) no-repeat center left;*/
    padding:0 0 0 7px;
}

/*
================================
HEADER STYLES 
================================
*/

#header
{
	/*font-size: 1.2em;*/
    	width:972px;
	height:136px; 
	position:relative;
	margin:0;
}

#header .container
{
    width:972px;
}

#header #logo,
#header #logo a		{ width:379px; height:136px; display:block; }
#header #logo 		
{ 
	background:url('/images/logo_Crossfitkalmar.png') no-repeat; 
	position:absolute; 
	top:0px; 
	left:0; 
	text-indent:-999em; 
}
#header #logo a:focus	{ outline:none; }


#header #headerLinks 
{
	margin: 20px 0 0 0;
	float: right;
	text-align: right;
}

	#header #headerLinks a
	{
        	margin:3px 0 0 0;
		font-size: 1.2em;
		
	}

    #header .searchBox
	{
		display: block; 
		height: 27px;
		/*background: url('../media/Assets/bg_search.png') no-repeat top left;*/
        	margin:0 0 0 15px;
		padding: 0 0 0 4px;
		display:inline;
    }
 
        #header .searchBox input
		{
            	/*background-color:#c8c8c8;
            	border:1px solid #c8c8c8;*/
            	width:145px;            
            	height:14px; /*16px -1 -1 = 14px; */
            	padding:1px 2px;
            	color:#000;
            	margin: 0 5px 0 0;
        }
        
        #header .searchBox input:focus
		{
            /*border:2px solid #619ca7;*/
        }
        
        #header .searchBox button
		{
		cursor: pointer;
		font-size: 1.2em;
           	border-style: none;
            	border-color: inherit;
            	border-width: medium;
            	color:#D00E0E;
            	padding:0 7px 0 0;
            	background: transparent;/*url('../media/Assets/arrow_green_right.png') no-repeat right 50%;*/
        	}


/*
================================
NAVI STYLES 
================================
*/

#navi 
{
	position: absolute;
	top: 48px;
	left: 363px;
	font-size:1.4em;
	width: 600px;
}

#navi li
{	
	float: left;
   	color: #FFF;
	/*margin: 0 15px 0 0;*/
	display: block;
	margin: 0 15px 0 0;
	
}

    #navi li.selected a,#navi li.selected a:hover
	{
        color:#fff;
		/*padding-bottom: 7px;*/
		/*background: url('../media/Assets/bg_navi_menu_selected.png') repeat-x bottom left;*/
    }

    #navi li a:hover
	{
        color:#fff;
		/*padding-bottom: 7px;*/
		/*background: url('../media/Assets/bg_navi_menu_hover.png') repeat-x bottom left;*/
    }	

    #navi li a
	{		     
		color: #fff;
        display:block;
        /*padding:5px 0;*/
		text-indent: -9000px;
    }

#navi li.selected ul 					
{	position: absolute; top: 43px; left: 0px;

}

#navi li#start {width: 65px; height:27px; }
#navi li#start a { width: 65px; height:27px; background:url('/images/mainmenu.png') no-repeat -3px 0;}
#navi li#start a:hover, #navi li#start.selected a {background-position: -3px -28px}
#navi li#vad-ar-crossfit {width: 176px; height:27px; }
#navi li#vad-ar-crossfit a { width: 176px; height:27px; background:url('/images/mainmenu.png') no-repeat -163px 0;}
#navi li#vad-ar-crossfit a:hover, #navi li#vad-ar-crossfit.selected a {background-position: -163px -28px}
#navi li#blogg {width: 66px; height:27px; }
#navi li#blogg a { width: 66px; height:27px; background:url('/images/mainmenu.png') no-repeat -81px 0;}
#navi li#blogg a:hover,#navi li#blogg.selected a {background-position: -81px -28px}
#navi li#kontakta-oss {width: 150px; height:27px; }
#navi li#kontakta-oss a { width: 150px; height:27px; background:url('/images/mainmenu.png') no-repeat -355px 0;}
#navi li#kontakta-oss a:hover, #navi li#kontakta-oss.selected a {background-position: -355px -28px}

#navi li ul li { margin: 0 8px 0 0;}

#navi li#vi-erbjuder {width: 97px; height:21px; }
#navi li#start.selected ul li#vi-erbjuder a { width: 97px; height:21px; background:url('/images/submenu_offer.png') no-repeat 0 0;}
#navi li#start.selected ul li#vi-erbjuder a:hover, #navi li#start.selected ul li#vi-erbjuder.selected a {background-position: 0 -21px}

#navi li#tranare {width: 72px; height:21px; }
#navi li#start.selected ul li#tranare a { width: 72px; height:21px; background:url('/images/submenu_offer.png') no-repeat -99px 0;}
#navi li#start.selected ul li#tranare a:hover, #navi li#start.selected ul li#tranare.selected a {background-position: -99px -21px}

#navi li#vem-ar-valtranad {width: 152px; height:21px; }
#navi li#vad-ar-crossfit.selected ul li#vem-ar-valtranad a { width: 152px; height:21px; background:url('/images/submenu_crossfit.png') no-repeat 0 0;}
#navi li#vad-ar-crossfit.selected ul li#vem-ar-valtranad a:hover, #navi li#vad-ar-crossfit.selected ul li#vem-ar-valtranad.selected a {background-position: 0 -21px}

#navi li#var-metod-och-filosofi {width: 182px; height:21px; }
#navi li#vad-ar-crossfit.selected ul li#var-metod-och-filosofi a { width: 182px; height:21px; background:url('/images/submenu_crossfit.png') no-repeat -161px 0;}
#navi li#vad-ar-crossfit.selected ul li#var-metod-och-filosofi a:hover, #navi li#vad-ar-crossfit.selected ul li#var-metod-och-filosofi.selected a {background-position: -161px -21px}

#navi li#historien-om-crossfit {width: 176px; height:21px; }
#navi li#vad-ar-crossfit.selected ul li#historien-om-crossfit  a { width: 176px; height:21px; background:url('/images/submenu_crossfit.png') no-repeat -353px 0;}
#navi li#vad-ar-crossfit.selected ul li#historien-om-crossfit  a:hover, #navi li#vad-ar-crossfit.selected ul li#historien-om-crossfit.selected a {background-position: -353px -21px}


#navi li.selected ul li {}
#navi li.selected ul
	{		     
    }

    #navi li.selected ul li.selected a,#navi li.selected a:hover
	{
    }

    #navi li.selected ul li a:hover
	{
    }
	
/*
================================
Wraper STYLES 
================================
*/	
#wrapOuter
{
	/*background: url('../media/Assets/bg_bottom_line_white.png') no-repeat bottom left;*/
	background: url('/images/bg_middle.jpg') repeat-y top left;	
	padding-bottom: 1px;
	/*width:972px;*/
    	margin:0 0 0 0;

}
#wrapInner
{
	/*width:972px;*/
	background: url('/images/bg_topmain.jpg') no-repeat top left;
	margin: 0 0 0 0;
			padding: 14px 0 0 0;

}	
#wrapBody{
	font-size: 1.1em;
	
	overflow:hidden;
	/*width:972px;*/
	color: #000;
}
#mainContent{

	width:510px;
	border-right:332px solid transparent; /* The width and color of the rail */
	margin-right:-332px; /* Hat tip to Ryan Brill */
	float:left;
	padding: 0 0 0 60px;
	}
#sideBar{
	width:272px;
	margin-left:60px;
	margin-top: 0px;
	float:left;

}

#mainContent img {border: 1px solid #000;
margin: 0 0 10px 0;
}

#mainContent img.noborder {border: none;}
.sidContent {padding: 0 0 20px 10px;}
h1 {
font-size:2.0em;
color: #000;
padding: 0 0 10px 0;
font-weight:bold;
}
H2 {font-size:1.8em;
color: #000;
font-weight:bold;
padding: 0 0 5px 0;
}  /* displayed at 18px */
H3 {font-size:1.8em;
padding: 0 0 5px 0;
font-weight:bold;
color: #000;}  /* displayed at 15px */
H4 {font-size:1em;
color: #000;}  /* displayed at 12px */


#sideBar h3 {font-size: 1.1em; display: block; height: 21px; text-indent: -9000px; margin: 15px 0 0 0;}

h3#header_news {width: 182px; background: url(/images/header_nyheter.png) no-repeat top left;}
h3#header_bloggcomments {width: 248px; background: url(/images/header_senastebloggkommentar.png) no-repeat -2px 0;}
h3#header_archive {width: 95px; background: url(/images/header_bloggarkiv.png) no-repeat -2px 0;}
h3#header_tags {width: 63px; background: url(/images/header_taggar.png) no-repeat -2px 0;}
h3#header_crossfitters {width: 109px; background: url(/images/header_crossfitters.png) no-repeat -2px 0;}



#veckansbild {
margin: 0 0 0 5px;
}
#veckansbild img {
border: 1px solid #989898;
}

ul.events li, ul.bloggcommentslist li { margin: 0 0 5px 0; clear: left; line-height: 1.2em;}

#mainContent h1 {font-size: 1.1em; display: block; height: 31px; text-indent: -9000px; margin: 15px 0 0 0;}
#mainContent h1.bloggPost{font-size:2.2em;
color: #de00b3;
padding: 0 0 10px 0;
font-weight:bold; display: block; height: auto; text-indent: 0px; margin: 0;}
h2#headerSenasteBlogg { font-size: 1.1em; display: block; height: 31px; text-indent: -9000px; margin: 15px 0 0 0; 
						width: 355px; background: url(/images/header_senasteblogginlagg.png) no-repeat top left;}
h1#headerStart {width: 434px; background: url(/images/header_traningscenter.png) no-repeat top left;}
h1#headerKontaktaoss {width: 208px; background: url(/images/header_kontaktaoss.png) no-repeat top left;}
h1#headerBlogg {width: 400px; background: url(/images/header_crossfitkalmarblogg.png) no-repeat top left;}

h1#header1190 {width: 176px; background: url(/images/header_vierbjuder.png) no-repeat top left;}/* Vi erbjuder*/
h1#header1203 {width: 488px; background: url(/images/header_visomdriver.png) no-repeat top left;}/* Tr�nare */
h1#header1188 {width: 239px; background: url(/images/header_vadarcrossfit.png) no-repeat top left;}/*Vad �r crossfit? */
h1#header1218 {width: 284px; background: url(/images/header_vemarvaltranad.png) no-repeat top left;}/*Vem �r v�ltr�nad*/
h1#header1219 {width: 351px; background: url(/images/header_varmetod.png) no-repeat top left;}/*V�r metod och filosofi*/
h1#header1216 {width: 332px; background: url(/images/header_historienomcrossfit.png) no-repeat top left;}/*Historien om Crossfit*/
em.blogdate {font-size: 1.2em; font-weight: bold;}
em#blogdate2 {display: block; font-size: 1.2em; font-weight: bold; padding: 15px 0 0 0;}


h3#header_kommentarer{ font-size: 1.1em; display: block; height: 24px; text-indent: -9000px; margin: 15px 0 0 0; 
						width: 168px; background: url(/images/header_kommentarer.png) no-repeat top left;}

h3#header_lamnakommentar{ font-size: 1.1em; display: block; height: 24px; text-indent: -9000px; margin: 15px 0 0 0; 
						width: 266px; background: url(/images/header_lamnakommentar.png) no-repeat top left;}

/* `Comments
----------------------------------------------------------------------------------------------------*/
#comments h3, #comments h3 a, #comments .comments_form h3 {font-size: 1.4em; color: #7fc029; font-weight: bold; text-decoration: none;}

.comments_number {
	display: inline;
	color: #FFF;
	font-size: 21px;
	background: #53abd5;
	padding: 0 10px;
	position: relative;
}

.comments_list ol {
	margin: 10px 0 40px 0;
	list-style: none;
	position: relative;
}


.comments_actual ul {
	list-style: none;
	position: relative;
}

.comments_list li.comments_normal {
	clear: both;
	position: relative;
}
.comments_list li.comments_post_author {
	clear: both;
	position: relative;
}

.comments_form {
	font-size: 12px;
	background: #3d3d3d;
	border: 1px solid #575757;
	margin-bottom: 30px;
	margin-top: 10px;
}


#comments input, textarea {
	width: 505px;
	height: 16px;
	padding: 4px;
	font-size: 12px;
	color: #444;
	background: #EEE;
	border: 0;
}

#comments input.submitbutton
{
margin: 15px 0 0 0;
width: auto;
height: auto;
cursor: pointer;
}
.comments_form input {
	clear: right;
	float: right;
	margin-bottom: 5px;
}

#comments textarea {
	height: 120px;
	width: 505px;
}


.comments_form li {
	margin-bottom: 3px;
}

.comments_index {
	float: left;
	width: 35px;
	font-size: 30px;
	color: #EEE;
	font-family: Georgia, Serif;
	letter-spacing: -2px;
}


.comments_list li .comments_actual {
	width: 505px;
	color: #6c6868;
	padding: 5px;
	margin-bottom: 20px;
	background-color: #bababa;/*#3d3d3d;*/
	border: 1px solid #a7a7a7;/*#282828;*/
}

.comments_list li:last-child .comments_actual {
	margin-bottom: 0px;
}

.comments_actual .comments_text a:hover {
	text-decoration: underline;
	color: #53abd5;
}

.comments_list li .comments_text {
	border: none;
	padding: 15px 15px;
	background-color: #fefefe;
	position: relative;
	overflow: hidden;
}

.comments_text 
{
font-size: 1.1em; 
color: #3d3d3d; 
}


ul.comments_extra {
	line-height: 14px;
	float: left;
	margin-top: 4px;
	padding: 2px;
	background: #e7e7e7;/*#4a4949;*/
	width: 501px;
	margin-bottom: 0;
}

li.comments_author {
	line-height: 16px;
	clear: left;
	position: relative;
	float: left;
	color: #fff;
	background-color: #53abd5;
	padding: 4px 9px;
}

li.comments_author a {
	color: #FFF;
}

li.tail {
	float: left;
	position: relative;
	bottom: 6px;
	background: url('/images/comments_normal_tail2.png') no-repeat;
	margin-left: 4px;
	width: 17px;
	height: 17px;
}

li.comments_post_author li.tail {
	float: right;
	position: relative;
	background: url('/images/comments_post_author_tail2.png') no-repeat;
	margin-right: 4px;
	width: 17px;
	height: 17px;
}

li.comments_author a:hover {
	color: #333;
}

li.comments_post_author li.comments_author {
	/*background: #de00b3;*/
	background-color: #de00b3;
	float: right;
}

li.comments_post_author li.comments_author a {
	/*background: #de00b3;*/
	background-color: #de00b3;
}

li.comments_post_author li.comments_date {
	float: left;
}

li.comments_date {
	position: relative;
	float: right;
	font-style: italic;
	padding: 4px 4px 4px 6px;
	font-size: 12px;
	color: #3d3d3d;/*#979696;*/
}

.comments_body {
	float: left;
}

                                           
#comments dt {clear: left; padding: 8px 0 2px 0;}






/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */