/**
* CSS for fridaklingberg.se by Erik Betshammar (www.betshammar.se) 
*/

/* ########################################################################################################## */
/* ######################################## GLOBAL ########################################################## */
/* ########################################################################################################## */

* {	margin: 0;padding: 0;}
body {font-size: 1em; font-family: Arial, sans-serif; color:#000; background-color: #ffffff;margin-top:65px; margin-left:60px;}

a:link			{text-decoration: none;color: #000000;}
a:active		{text-decoration: none;color: #333;}
a:hover			{text-decoration: none;color: #000000;}
a:visited		{text-decoration: none;color: #000000;}
a:visited:hover { color:#777; }

h1 a:visited:hover { color:#777;}
h1 a:visited { color:#000000;}

a img { border: none; }
img { border: none; }

p {font-family: times, sans-serif;	font-size: 77%;	color: #000;text-decoration: none;	line-height: 16px;}

h1,h2,h3,h4 {font-weight:normal;}
h1 {font-size: 135%; font-weight:lighter; margin: 20px 0 35px 0; text-transform:uppercase;}
h2 { font-size: 100%; }
h3 { font-size: 100%; }
h4 { font-size: 100%; }

.container { padding:0;}

/* ########################################################################################################## */
/* ######################################## BOX  ############################################################ */
/* ########################################################################################################## */

#box { position:inherit; left:0;}

/* ########################################################################################################## */
/* ######################################## MENU ############################################################ */
/* ########################################################################################################## */

#menu {width: 165px; overflow: visible; position: fixed; margin:0 0 55px 0; background-color:#efefef; padding:0 0 20px 15px; left:60px; float:left; height:auto;}
#menu ul {list-style: none;	margin-top:7px;}
#menu ul li {font-size:70%; }
#menu ul li a { } 
#menu ul h3 { font-weight:bold; border-bottom:0px; margin-top:20px;}

.m {margin:4px 0 0 0;}
.active{background-color:#F39; margin:0 0 0 -15px; padding:0 0 0 15px;}
.active a{}

/* ########################################################################################################## */
/* ######################################## CONTENT ######################################################### */
/* ########################################################################################################## */

#content 	{width:615px; margin-left:225px; padding:0;float:left; padding-bottom:0px;}
/*#content p	{padding:0px 15px 3px 15px; text-indent:2px; width:600px; } */
#content p a{border-bottom:0px dotted #888; }


#content h2,h3,h4 {border-bottom:1px solid #888; padding-bottom:2px;}
#content h3	{font-size:90%; border-bottom:0;}
#content h4	{padding-left:3px; padding-top:7px;}

#content ul	{padding:15px 15px 3px 15px;list-style: none; }
#content ul	li {margin-top:1px; font-size:80%;}
#img-container	{ margin: 0; padding: 0; width:800px; }
#img-container p	{ width: 550px; margin: 0; padding: 0 0 12px 0; }

#content p img{border-bottom: none; margin:10px 10px;}
#content p a img{border-bottom:1px solid #FCFCFC;
margin:10px 0 -4px 0;
padding:10px 0;}

#content ul li img{border-bottom: none;margin:10px 0 10px 0;}


#once { clear: left; }
/* ########################################################################################################## */
/* ######################################## PLUGOIN ######################################################### */
/* ########################################################################################################## */
		#long-sandy-beach .caption-box {padding-top: 5px; line-height:10px;}
		#long-sandy-beach .caption-box .title { font-weight: normal; font-size:70%; }
		#long-sandy-beach .caption-box .caption { font-size:70%; }

/* ########################################################################################################## */
/* ######################################## Kolumner ######################################################## */
/* ########################################################################################################## */

#columns 	{width:350px; padding:0;}
#columns ul	{padding:5px 3px 3px 3px;list-style: none; }
#columns ul	li {margin-top:1px; font-size:70%;}
#columns-left {}
#columns-right {margin-top:50px;}