/*
Pontus Persson
Cauchy Media
cauchy.se
*/

@import "style/css/reset.css";
@import "style/css/typography.css";
@import "style/css/layout.css";


/*
				Divs
*/

html 						{ height: 100%; width: 100%;}
body						{ background: url(img/bg_main.jpg); font: 11px/16px "Lucida Grande","Arial Unicode MS";}




#header						{ width: 750px; height: 316px; padding: 0; float: left; clear: right; overflow: hidden; 
							 background: url(img/title.jpg) no-repeat;}
#wrap						{ width: 780px;}
#main						{ width: 465px; height: 740px; padding: 48px 6px 0 72px; background: url(img/block.jpg) no-repeat; 
							 float: left; overflow: hidden;}
#header-box					{ width: 120px; height: 100px; position: relative; left: 602px; top: 0px;}
#main-photo					{ width: 470px; height: 740px; padding: 48px 6px 0 72px; background: url(img/foto.jpg) no-repeat; 
							 float: left; overflow: hidden;}
#main-contact				{ width: 540px; height: 740px; padding: 235px 0 0 25px; 
							  background: url(img/bg_gb.jpg) no-repeat; float: left; overflow: hidden;}
#content					{ margin:0 auto; text-align:left; width:452px; height:670px; padding: 0 8px 0; z-index:10; 
							  overflow:auto;}
#content-photo				{ margin:0 auto; text-align:left; width:452px; height:390px; padding: 0 8px 0; overflow: auto;}
#content-contact			{ margin:0 auto; text-align:left; width:460px; height: 376px; padding: 0 8px 0; overflow: auto;}




#sidebar					{ width: 200px; float: right; padding: 20px 0 0;}
#footer						{ float: left; clear: both; padding: 0 0 0 80px; text-align: right;}
#sidebar-ruta 				{ width: 120px; padding: 0; margin: 8px 0 0 0;}
#recent		 				{ background: #fff; opacity: 0.7; filter: alpha(opacity=70); width:112px; padding: 4px; 
							  overflow: hidden; margin: 8px 0 0 0; border-bottom: 2px solid #333;}
#recent-box					{ background: #c6ff2c; padding: 1px 0 1px 4px; margin: 0 0 2px; height: 14px; width: 108px;
							  font-size: 9px; opacity: 0.8; filter: alpha(opacity=80);}							  
#recent-box2				{ background: #481f10; padding: 1px 0 1px 4px; margin: 0 0 2px; height: 14px; width: 108px;
							  font-size: 9px; opacity: 0.7; filter: alpha(opacity=70);}									  	
#recent-box a, #recent-box2 a 	{ display: block; color: #fff;}								
#recent-box2 a:hover		{ margin-left: 2px;}
#recent-box a:hover			{ margin-left: 2px; color: #000;}								
												  
.comment-container 			{ padding: 0px; margin-top: 10px; height: auto; width: 400px; float: left; clear: right; 
							  background: #fff; opacity: 0.7; filter: alpha(opacity=70);}
.comment-left 				{ width: 15%; padding: 4px; float: left; background: #c6ff2c; color: #000;}
.comment-right 				{ padding: 4px; width: 80%; float: right; }

#position					{ width: 5px; height: 5px; position: absolute; left: 256px; top: 108px; background: url(img/position.gif);}


/*
				Rubriker
*/

h2	 						{ font: 30px/22px Georgia, "Times New Roman", Times, serif; margin: 10px 0 12px; 
							  color: #333;}
h3 							{ font: italic 13pt/8px Georgia, "Times New Roman", Times, serif; color:#000; 
							  margin: 14px 0 10px;}
h4 							{ font: italic 13pt/8px Georgia, "Times New Roman", Times, serif; color:#000; 
							  margin: 8px 0 10px 2px;}
h5 							{ font-size: 80%; color: #666; border-bottom: 1px solid #ccc; padding: 0 2px; margin: -4px 0 0; 
							  width: 430px; text-align: right;}		
					
					
					
							  
							  
.txt	 					{ background: #481f10; border: 0px; color: #fff; font: 11px "Lucida Grande","Arial Unicode MS"; 
							  margin: 0 0 4px; opacity: 0.7; filter: alpha(opacity=70); padding: 1px; margin: 2px 0 0;}
.btn		 				{ background: #481f10; border: 0px; color: #fff; font: 11px "Lucida Grande","Arial Unicode MS"; 
							  opacity: 0.7; filter: alpha(opacity=70); padding: 0 2px 0; margin: 2px 0 0;}

.toptext					{ margin: 0; line-height: 11px;}




/*
				Meny
*/

#menycontainer				{ width: 120px; font-size: 11px;}
#meny						{ margin: 0; padding: 0; list-style-type: none;}
#meny a						{ display: block; margin: 0; padding: 0.3em; background: #fff; opacity: 0.7; 
							  filter: alpha(opacity=70);
							  padding: 0.3em; text-decoration: none; height: 100%; border-bottom: 2px solid #333;}
#meny ul					{ list-style-type: none;}
#meny ul a					{ margin: 0 0 0 25px; padding: 0.3em; background: #ccc; opacity: 0.7; filter: alpha(opacity=70);}
#meny a:link				{ color: #000;}
#meny a:visited				{ color: #000;}
#meny a:hover				{ background: #c6ff2c; opacity: 0.5; filter: alpha(opacity=50); color:#000000;}
#meny a#current				{ font-weight:normal;}
#meny a#subcurrent			{ font-weight:normal;}




/*
				Länkar
*/

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

.link2 a:link				{ color:#fff; text-decoration:none;}
.link2 a:hover				{ color:#ccc; text-decoration:none;}
.link2 a:active				{ color:#fff; text-decoration:none;}
.link2 a:visited			{ color:#fff; text-decoration:none;}