/*
Theme Name: Sjönära 4.0
Theme URI: http://www.sjonara.se/
Description: Custom Site Theme for Sjonara.se
Version: 4.0
Author: 61 Degrees North
Author URI: http://www.61degrees.se/
Tags: 
*/

@import 'css/objects.css';
@import 'css/navigation.css';
@import 'css/slider.css';
@import 'css/sidebar.css';
@import 'css/various.css';
@import 'css/posts.css';

/* ####################### */
/* General settings
/* ####################### */

*
{
    margin: 0;
    padding: 0;
}

body, html, form, fieldset, legend, button, textarea, label, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, div, p, span, a, blockquote, address, th, td, tfoot, abbr
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border: none;
}

.alignleft
{
    float: left;
    display: inline;
	margin: 2px 17px 17px 0px;
}

.alignright
{
    float: right;
    display: inline;
	margin: 2px 0px 17px 17px;
}

.fiftyfifty
{
    float: left;
	width: 50%;
}

.topleft
{
	position: absolute;
	top: 20px;
	left: 30px;
}

.topright
{
	position: absolute;
	top: 14px;
	right: 30px;
}

.bottomright
{
	position: absolute;
	bottom: 15px;
	right: 30px;
}

.phone_number_swedish
{
	position: absolute;
	bottom: 30px;
	right: 30px;
}


.bottomleft
{
	position: absolute;
	bottom: 20px;
	left: 30px;
}

.right
{
    float: right;
}

div.wp-caption
{
	
}

	div.wp-caption img
	{
		
	}
	
	#main p.wp-caption-text
	{
		
	}
	
.page .post-edit-link
{
	
}


/* ####################### */
/* Body
/* ####################### */

body
{
	line-height: 1.325em;
	font-size: 0.95em;
	padding: 0px 20px 0px 20px;
	margin: 0px 0px 0px 0px;
	color: #222222;
	font-weight: 500;
	background: url(graphics/backgrounds/bg_body.jpg) left top;
	font-family: "ff-meta-web-pro-n4","ff-meta-web-pro","Trebuchet MS", Arial, sans-serif;
}


/* ####################### */
/* Text elements
/* ####################### */

h1, h2, h3, h4, h5
{
	display: block;
	line-height: 1.225em;
	font-weight: bold;
}

#main h1,
#main h2.page_title
{
	color: #b5121b;
	font-size: 4.825em;
	font-weight: 700;
	text-transform: uppercase;
	line-height: 1.225em;
	padding: 5px 0px 0px 0px;
	margin: 0px 0px 10px 0px;
}

	.page_archive h1,
	.page_date h1
	{
		
	}
	
h2
{
	font-size: 1.225em;
}

	h2 a
	{
		color: #b5121b;
	}
	
	#content.frontpage h2
	{
		color: #b5121b;
		font-size: 1.525em;
		line-height: 25px;
		text-transform: uppercase;
	}
	
h3
{
	font-size: 1em;
}

h4
{
	font-size: 1em;
	font-weight: normal;
}

p
{
	background: #FFFFFF;
	margin: 0px 0px 13px 0px;
}

	p.wp-caption-text
	{
		
	}

.supersize
{
	color: #b5121b;
	font-size: 3.525em;
	font-weight: 700;
	text-transform: uppercase;
	line-height: 1.225em;	
}

#content .header
{
	float: left;
	width: 100%;
	margin: 0px 0px 13px 0px;
}

	#content .header h2,
	#content #sidebar .header h2
	{
		float: left;
		width: auto;
		font-size: 1.525em;
		line-height: 25px;
		color: #222222;
		text-transform: uppercase;
		margin: 0px 5px 0px 0px;
		padding: 0px 0px 0px 0px;
		background: none;
	}
	
		#content .header p,
		#content #sidebar .header p
		{
			float: left;
			width: auto;
			font-size: 1em;
			color: #222222;
			line-height: 25px;
			margin: 2px 0px 0px 0px;
		}

.red,
#framework #main .red
{
	color: #b5121b;	
}

.dot_red
{
	float: left;
	padding: 0px 0px 0px 34px;
	background: url(graphics/icons/dot_red.gif) no-repeat left top;
	cursor:pointer;
	opacity:0.7;
}

.dot_grey
{
	float: left;
	padding: 0px 0px 0px 34px;
	background: url(graphics/icons/dot_grey.gif) no-repeat left top;
	cursor:pointer;
	opacity:0.7;
}

.dot_grey.active, .dot_red.active
{
	opacity:1.0;
}

ul
{
	margin-left: 30px;
	padding: 0px 0px 0px 15px;
	margin: 0px 0px 13px 0px;
}

	#main ul li
	{
		padding: 0px 0px 0px 5px;
		margin: 0px 0px 0px 0px;
	}
	
ol
{
	margin-bottom: 20px;
	margin-left: 0px;
	padding: 0px 0px 0px 20px;
}

	#main ol li
	{
		color: #666666;
	}
	
#main blockquote
{
	float: right;
	width: 155px;
	font-size: 1.425em;
	color: #b5121b;
	line-height: 1.425em;
	font-weight: bold;
	padding: 12px 0px 10px 55px;
	margin: 0px 0px 0px 10px;
	background: url(graphics/icons/blockquote.jpg) no-repeat left top;
}

	#main blockquote p
	{
		font-size: 1em;
		color: #b5121b;
		line-height: 1.425em;
		font-weight: bold;
		padding: 0px 0px 0px 0px;
		margin: 0px 0px 0px 0px;
	}

	/* Minimum height for Firefox */
	blockquote {
	min-height: 41px; 
	height: auto;
	}
	/* Minimum height for IE */
	/*\*/
	* html blockquote {
	height: 41px;
	}
	/**/


#main .become_friend_form
{
	float: left;
	width: 250px;
	margin: 0px 0px 0px 0px;
}

#main .become_friend_form.member
{
	width: 270px;
}

	#main .become_friend_form.member h2
	{
		margin-bottom: 10px;
	}

	#main .become_friend_form.member .follow
	{
		text-transform:uppercase;
		font-style: normal;
	}

#main form
{
	float: left;
	width: 100%;
	margin: 0px 0px 20px 0px;
}

	#main .become_friend_form form
	{
		margin: 0px 0px 0px 0px;
	}

	#main form div
	{
		float: left;
		width: 100%;
		margin: 0px 0px 5px 0px;
	}
	
		#main form div label
		{
			float: left;
			width: 100%;
			margin: 0px 0px 2px 0px;
		}
		
		#main form div input.textinput
		{
			float: left;
			color: #333333;
			line-height: 18px;
			margin: 0px 0px 0px 0px;
			padding: 2px 5px 2px 5px;
			border: 1px solid #4d4d4d;
		}
		
		#main .become_friend_form form div input.textinput
		{
			width: 238px;
		}
		
		#main .become_friend_form form div label.error
		{
			color: #B5121B;
			float:left;
			width:auto;
			padding-left:2px;
		}
		
		#main form div.buttons
		{
			float: left;
			width: 100%;
			padding: 7px 0px 0px 0px;
		}
		
			#main form div a.button
			{
				float: left;
				text-transform: uppercase;
				padding: 0px 0px 0px 18px;
				background: url(graphics/various/lnk_arrow.gif) no-repeat left top;
			}
	
/* ####################### */
/* Links
/* ####################### */

a
{
	color: #b5121b;
	outline: none;
	text-decoration: none;
}

	a:hover
	{
		
	}
	
	a.lnk_arrow
	{
		float: left;
		font-style: italic;
		padding: 0px 0px 0px 18px;
		background: url(graphics/various/lnk_arrow.gif) no-repeat left top;
	}
	
	a.lnk_back_arrow
	{
		float: left;
		font-style: italic;
		padding: 0px 0px 0px 18px;
		background: url(graphics/various/lnk_back_arrow.gif) no-repeat left top;
	}
	
		a.lnk_arrow:hover
		{
			
		}
	
	a img
	{
		border: none;
	}
	
	
/* ####################### */
/* Framework / Container
/* ####################### */

#framework
{
	width: 1120px;
	margin: 0px auto 0px auto;
}

#container
{
	float: left;
	width: 1120px;
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;
	background: #FFFFFF;
}


/* ####################### */
/* Header
/* ####################### */

#header
{
	float: left;
	width: 100%;
	position: relative;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background: url(graphics/backgrounds/bg_header.jpg) no-repeat left top;
}

	/* Minimum height for Firefox */
	#header {
	min-height: 220px; 
	height: auto;
	}
	/* Minimum height for IE */
	/*\*/
	* html #header {
	height: 220px;
	}
	/**/
	
	#header #logo
	{
		float: left;
		width: 195px;
		height: 107px;
		margin: 30px 0px 0px 30px;
	}
	
	#header #print_logo
	{
		float: left;
		width: 175px;
		height: 96px;
		display: none;
		margin: 30px 0px 0px 30px;
	}
	
	
/* ######################### */
/* Content / Main / Sidebar
/* ######################### */

#content_container
{
	float: left;
	display: block;
	padding: 30px 30px 9px 30px;
	background: #FFFFFF;
	position: relative;
}

	.frontpage #content_container
	{
		width: 1060px;
	}

#content
{
	float: left;
	width: 100%;
	padding: 0px 0px 20px 0px;
}

	/* Minimum height for Firefox */
	#content {
	min-height: 100px; 
	height: auto;
	}
	/* Minimum height for IE */
	/*\*/
	* html #content {
	height: 100px;
	}
	/**/
	
	#content.frontpage
	{
		background: url(graphics/various/divider_dotted_vertical.gif) repeat-y 289px top;
	}

#main
{
	float: left;
	width: 100%;
}

	#content.frontpage #main
	{
		float: right;
		width: 740px;
	}
	
#sidebar
{
	/*float: left;
	width: 240px;*/
}

	#content.frontpage #sidebar
	{
		float: left;
		width: 265px;
	}


/* ####################### */
/* Footer
/* ####################### */

#footer
{
	float: left;
	width: 100%;
	line-height: 20px;
	font-size: 16px;
	position: relative;
	padding: 16px 0px 50px 0px;
}

	#footer a
	{
		
	}
	
		#footer a:hover
		{
			
		}
		
	#footer ul
	{
		text-align: center;
		margin: 0px auto 0px auto;
		padding: 0px 35px 0px 20px;
	}
	
		#footer ul li
		{
			white-space: nowrap;
			display: inline;
			margin: 0px 0px 0px 0px;
			padding: 0px 0px 0px 0px;
		}
		
			#footer ul li.nomargin
			{
				margin: 0px 0px 0px 0px;
			}
			
		#footer a.facebook
		{
			float: right;
			position: absolute;
			right: 10px;
			top: 15px;
			width: 22px;
			height: 22px;
			background: url(graphics/icons/facebook-icon-grey.png) no-repeat center top;
		}