/*
					PERSONAL HOMEPAGE of DAVID LOWE LARSSON PORTFOLIO

Theme Name: DavidloweLarsson PORTFOLIO

Description: My personal Theme Based of Starkers 2.8
Version: v02
Author: DavidLoweLarsson
Author URI: http://DavidLoweLarsson.com
Tags: awsome, starkers, naked, clean, basic
*/

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


/*
			BASIC
*/

html								{ overflow-y: scroll; }
html, body							{ height: 100%; }
body								{
	font-size: 62.5%;
	font-family: Arial, sans-serif;
	font-size: 13px;
	color: #333333;
	background: url(pics/backgroundGradient.jpg) top repeat-x white;
	background-position: 0px 0px;
	margin: 0px;
	padding: 0px;
}
ul									{ list-style: none; }
ol									{ list-style: decimal inside; }
a									{color: #663300; outline: none; text-decoration: none; }
a:hover								{color:#999966;}
a:active							{color:lightgrey}
a img								{ border: none; background: none; }
img									{ vertical-align: middle; }
table								{ border-collapse: collapse; }

/*
		UTILITY
*/
.floatLeft 							{ float: left; }
.floatRight							{ float: right; }
.clear								{ clear: both; }
.button								{ border: 1px solid #333333; background: #cccc99; padding: 0px 8px; 
									  -moz-border-radius: 5px; -webkit-border-radius: 5px; color: #333333; }
.button:hover						{ background: #999966; color: white; }

/*
		STRUCTURE
*/
#page-wrap							{ width: 775px; margin: 0px auto -100px;
									  min-height: 100%; height: auto !important; height: 100%;
									  background: url(pics/background.png) no-repeat transparent; }
#page-wrap-child							{ width: 775px; margin: 0px auto -100px;
									  min-height: 100%; height: auto !important; height: 100%;
									  }		
#page-wrap-logo						{
										width: 775px; margin: 0px auto -100px;
									  min-height: 100%; height: auto !important; height: 100%;
									background: url(pics/expoLogo.png) no-repeat transparent 534px  659px ; }
}
									  							  
#push								{ height: 20px; margin: 10px 0 0px 25px; padding: 0px 0 10px 0px; color: #91a1a6;}
#page-content						{
	padding: 0px 30px 0px 30px;
	width: 715px;
	height: 735px;
	z-index: 50;
}

#page-content-index						{
	padding: 50px 30px 50px 30px;
	width: 715px;
	height:720px;
	background: url(pics/contentshadow_v2.png) repeat-y 0px 0px transparent;
	z-index: 50;
}

#page-content-child					{
	padding: 50px 30px 20px 30px;
	width: 715px;
	height:915px;
	background: url(pics/contentshadow_v2.png) repeat-y 0px 0px transparent;
	z-index: 50;
}
#page-content-child-contact						{
	padding: 50px 30px 20px 30px;
	width: 715px;
	height:470px;
	background: url(pics/contentshadow_v2.png) repeat-y 0px 0px transparent;
	z-index: 50;
}
#page-content-child-company						{
	padding: 50px 30px 20px 30px;
	width: 715px;
	height:630px;
	background: url(pics/contentshadow_v2.png) repeat-y 0px 0px transparent;
	z-index: 50;
}
#pagetext-content{
	padding: 5px 45px 5px 45px;
	width: 625px;
	overflow-y:
	
}
#main-text-content{
	float:left;
	width: 365px;
	padding: 8px 10px 0 24px;
		margin: 0 0px 0 0;

}
#main-text-content-contact{
	float:left;
	width: 365px;
	padding: 8px 10px 0 24px;
		margin: 0 0px 0 0;

}
#main-text-content a{
		margin: 0 0px 0 20px;
}
#main-text-content-contact a{
		margin: 0 0px 0 0px;
}



#main-text-content-company{
	float:left;
	width: 625px;
	padding: 8px 15px 0 27px;
	margin: 0 0px 0 0;
	}
#main-text-content-company p, h4 {
	padding: 8px 15px 0 15px;
		margin: 0 0px 0 0;
	}
#main-text-content-consulting{
	float:left;
	width: 480px;
	padding: 8px 15px 0 27px;
		margin: 0 0px 0 0;

}
#contact-left{
	float:right;
	padding-right:40px;
	padding-top:50px;
}
#main-text-back{
		float: right;
		height: 910px ;
		width:3px;
		margin: 23px 0px 0 0px;
		background: url(pics/row.jpg) repeat-y 0px 0px transparent;
	}
#main-text-back-contact{
		float: right;
		height:685px ;
		width:3px;
		margin: 23px 0px 0 0px;
		background: url(pics/row.jpg) repeat-y 0px 0px transparent;
	}	

#pictures-right{width:245px;
				min-height: 100%; height: auto !important; height: 100%;
				float: right;
				padding: 9px 0px 0px 10px;	
				margin: 45px 45px 13px 0px;
				
}

#pictures-right-index{width:220px;
				min-height: 100%; height: auto !important; height: 100%;
				float: right;
				padding: 9px 0px 0px 32px;	
				margin: 45px 45px 13px 0px;
				
}

#pictures-right-index h2{font: 20px arial, serif;
	margin: -10px 22px 0px 0px;
	color: #666;
	padding: 0 0 0px 28px;
	background: none;
				
}
#pictures-right-index ul{
	width:180px;
	color: #666;
				
}

#pictures-right-index p{
	padding:3px 0 0 0;
	color: #000000;
	
				
}

#pictures-right-index img{
				padding: 0px 0px 25px 20px;									
}
#page-index-film{
				width:220px;
				height: 108px;
				margin: 20px 0 0 13px;
}

#singlepictures-right{width:220px;

				float: right;
				padding:0px 0 0px 0px;	
}
#usinactionpictures-right{width:220px;
				height:360px;
				float: right;
				padding:230px 0 0px 0px;	
}
#consulting-h2{
	width: 665px;
	}

#top-bar							{width:775px; padding: 220px 0 0px 0;   margin-left: auto ;  margin-right: auto ; background: url(pics/sensavisLogo.png) -125px 0px no-repeat; margin-top:15px;
}
#top-bar-child							{width:775px; height: 110px; padding: 35px 0 25px 0px;   margin-left: auto ;  margin-right: auto ; margin-top:15px; background: url(pics/stipe_w775_large_w_White.png) repeat-y 0px 0px transparent;
}
#top-bar-child a{
	padding: 0 0 0 50px;
	
}

	#topbar-hide					{text-indent: -9999px;}
	
#flv-player{
				height: 270px;
				width: 310px;
				background: url(style/images/fullscreen.png) bottom center no-repeat;
				padding: 10px 0 0 0;
}
#flv-playerHome{
				height: 320px;
				width: 410px;
				background: url(style/images/Featurefullscreen.png) bottom center no-repeat;
				}
#featuredlink{
				margin: 25px 50px 0 0px;
				height: 14px;
				width: 130px;
				text-align: right;
				background: url(style/images/featuredLink.png) no-repeat;
				background-position: 0px -3px;
}
#featuredlink:hover {
				height: 14px;
				width: 130px;
				background: url(style/images/featuredLink.png) no-repeat;
				background-position: 0px -16px;
				
}

/*
	HEADER
*/
h1#menu								{
	width: inherit;
	height: 87px;
	background: url(style/images/header_bg.png) no-repeat;
	background-position: 35px 10px;
	padding: 0 0 0 50px;
										
									}
#menu-child								{
	
	width: inherit;
	height: 87px;
	background: url(style/images/header_bg.png) no-repeat;
	background-position: 35px 10px;
	padding: 0 0 0 50px;
										
									}									
h2									{
	font: 25px arial, serif;
	margin: -10px 22px 0px 22px;
	color: #666;
	padding: 0 0 15px 40px;
	background: url(pics/row.jpg) repeat-x 0px 34px transparent;
									}
#consulting-h2 h2									{
	font: 25px arial, serif;
	margin: -10px 0px 0px 0px;
	color: #666;
	padding: 0 0 15px 37px;
	background: url(pics/row.jpg) repeat-x 0px 34px transparent;
									}									
									
		#footer-inside h2			{color: white;
									}
h3									{ font: 17px Verdana, serif;  padding: 0px 0 0px 15px; margin: 0px 5px 4px 0px; 
									}
h4									{
	font: 14px verdana, serif;
	padding: 0px 5px 4px 15px;
	margin: 18px 5px 4px 0px;
	font-weight: bold;
									}	
p									{font: 13px Arial, sans-serif; color: #333333; padding: 0px 0 0 15px ; margin: 0px 5px 4px 0px; 
									}
hr									{color: #333333; margin: -2px 0px 0 0;
	}									
blockquote							{padding: 15px 50px 15px 50px; font-style: italic;
									}

#main-pic							{ float: left; margin-right: 10px; }

/*
		HOME SCREEN
*/
#home-content{ padding: 0 0 0 0px;

}
#home-feature{
				float: left;
				padding: 100px 0 0 60px;
				width: 400px;
}
#home-info{
				float: right;
				padding: 35px 70px 0 0px;
				width:330px;
}
#home-info p {
				padding: 10px 0 0 20px;
}


/*
			MENU	
*/
ul#menu {
	
	}
	ul#menu li {
		display: inline;
		
		}
		ul#menu li a {
			font: 20px Arial, sans-serif; color: #f7ffff; margin: 0 12px 0 12px; padding: 47px 26px 33px 26px;
		}
		
ul#menu-child {
	margin: 0 0px 0 0px;
	}
	ul#menu-child li {
		display: inline;
		
		}
		ul#menu-child li a {
			font: 12px Arial, sans-serif; color: #f7ffff; margin: 0 0px 0 0px; padding: 0px 0px 0px 15px;
		}		
					
			ul#menu li#company a {

				background:url(pics/buttonSmall_02.png) no-repeat;
			}
			ul#menu li#visualization a {
				background:url(pics/buttonSmall_01.png) no-repeat;
			}
			ul#menu li#offering a {
				background:url(pics/buttonSmall_01.png) no-repeat;
			}
			ul#menu li#contact a {

				background:url(pics/buttonSmall_03.png) no-repeat;
			}
			
			
			.current_page_item a:link, .current_page_item a:visited{
				background: url(style/images/menuActive.png) top no-repeat;
			}
			.current_page_parent a:visited, .current_page_ancestor a:visited, .current_page_ancestor a:link,.current_page_parent a:link{
				background: url(style/images/menuActive.png) top no-repeat;
			}
			ul#menu li.company a {
				float: left;
			}
			ul#menu li.offering a {
				float: center;
			}
			ul#menu li.page-item-13 a {
				float: right;
			}
			ul#menu li.page-item-508 a {
				float: left;
			}
			ul#menu li a:hover {
				background: url(style/images/menuHover.png) top no-repeat;
			}
			
/*

	PORTFOLIO

*/
#portfolio-all-content{
						
}
/*

		WPML CSS - This is the sidemenu of pages for example

			style sidebar navigation 
*/
#sidebar-navigation h4{

    /* style sidebar title */
	font-size: 0px;
}

#sidebar-navigation .cms-nav-sidebar a, #sidebar-navigation .cms-nav-sidebar a:visited{

    /* links */
	color:lightgrey; font-style: italic;
}

#sidebar-navigation .cms-nav-sidebar a:hover, #sidebar-navigation .cms-nav-sidebar a:focus, #sidebar-navigation .cms-nav-sidebar a:active{

    /* links hover */
	font-style: italic;
	color:black;
}

#portfolio-nav						{ float: right;
									  width: 170px; padding: 55px 2px 16% 2px;  
									}
						#portfolio-nav h2{	padding: 0px 0 10px 0;	
											background: url(style/images/onWhiteRowBrake.png) bottom no-repeat ; 
						}

						#portfolio-nav li{	padding: 5px 0 10px 0;	
											text-align: right;
											background: url(style/images/onWhiteRowBrake.png) bottom no-repeat ; 
						}
									
						#portfolio-nav-menu	{ font-family: verdana, serif; font-size: 1.2em; font-style: regular; line-height: 1.2em;
											   padding: 0px 0 0 0;
											}	

						#portfolio-nav-menu a:hover
											{ color: #999966;
											}

						#portfolio-nav-menu a:active
											{ color:lightgrey;
											}

						#portfolio-nav-menu a
											{ color: #663300;
											}

			

#info-content						{
									float: left;
									width: 330px;
									overflow: hidden;
									}
	#huvud-rubrik h2, #about-main h2, #about-sidebar h2, #journal-main h2,	#home-info h2				{background: url(style/images/onWhiteRowBrake.png) bottom repeat-x ;
										padding: 0px 0px 0px 0px;
										}

		#huvud-rubrik h3, #about-main h3, #about-sidebar h3, #journal-main h3,	#home-info h3				{padding: 35px 10px 0px 0px; margin: 0 10px 5px 10px;
										background: url(style/images/onWhiteRowBrake.png) bottom repeat-x ; 
										}

	#info-content-main 					{
												float: left;		
												padding: 0 0 0 10px
										}
										
#portfolio-content						{
											float: right;
											width: 300px;
										}
	
		#side-pictures						{float: right;
											padding: 65px 30px 0 0px;
											width: 325px;
											}
			#side-info 							{ width: 350px; float: left; font: 14px Georgia, serif; color: #663300; padding: 10px 0 0 20px; 
												}
				#side-info h3 					{ font: 14px Georgia, serif; color: #663300; padding: 0px 0 0 3px; float: left; line-height:1.2;
												}
				#side-info h4 					{ font: 11px verdana, sans-serif; color: #333333; padding: 3px 0 0 3px; float: left;
												}
				
			#huvud-bild 							{
												width: 300px;
												height: 200px;
												margin: 0;
												padding:  25px 0 20px 0px
												}
				.huvudbild-class{
									width: 300px;
									height: 200px;
				}
			#gallery-pictures					{ padding:  2px 0 0 17px
												}

/*

	JOURNAL

	BLOG ENTRIES

*/



#journal-main						{	padding: 0 0px 0 0px;

										width: 650px;

										float: left;

				}	


#journal-sidebar					{

									width:200px;
									padding: 55px 0 0 0;
									float: right;
									text-align: right;

									list-style: none; 

				}
				#journal-sidebar h2	{ 		
											text-align: right;
											background: url(style/images/onWhiteRowBrake.png) bottom right no-repeat ; 
											margin: 18px 0 5px 0;
								}
				#journal-sidebar a	{ 		font-family: verdana, serif; font-size: 13px; font-style: regular; line-height: 1.2em;
											padding: 0px 0 0 0;

								}
				#journal-sidebar a:hover	{ 

								}

				#journal-sidebar h4	{ font-size: 13px; font-style: italic; line-height: 1.2em;
										margin: 5px 0 5px 0;
								}



								
.post								{margin: 0px 0 0px 0; }

#datecommentsbox					{height: 20px; margin: 10px 0 1px 0;
									}

.datebox							{ float: left; font: 13px arial; width: 100px; padding: 0px 0px 0px 0px; background: ;  
									}

#calendarday						{ float: left; padding: 5px 0px 0px 4px; font: 7px arial; font-weight: bold; width:20px; height:20px;
										background: url(style/images/calendar_icon.png) no-repeat ;
										background-position: 0px 0px;
									}
								
									
.day								{ font-size: 1.4em; font-weight: bold; margin: 0; font-family: Georgia, serif; }

.month								{ font-size: 1.3em; font-weight: bold; text-transform: uppercase; margin: 0; padding: 0px 0px 0px 0px;}

.year								{ font-size: 1.2em; font-weight: bold; margin: 0; }

.comments 							{float: left; padding: 0px 0px 0px 27px; height: 20px;
										background: url(style/images/comments_icon.png) no-repeat ;
										background-position: 0px 0px;
									}

.editbox							{width: 250px; float:right ; font: 13px arial; text-align: right;}

.editfloat							{ padding: 0 7px 10px 0; }

ol.commentlist						{ list-style: none; }

.comment-bubble						{ width: 500px; background: #CC9966; color: black; padding: 10px; -moz-border-radius: 15px; -webkit-border-radius: 5px; }

#comment-top						{}

#comment-meta						{float: right; width: 350px; text-align: right; font-size: 10px}

#comment-author						{font: 16px verdana bold; font-variant:  small-caps;}

#comment-author-picture				{float:left;
									margin: 2px 10px 2px 2px;
									  
									}

#comment-reply						{color: black;}

#comment-edit						{float:right; padding: 2px 2px 0px 0}	

.commentlist li						{padding: 15px 15px 15px 15px;	margin: 0 50px 25px 50px;	
										background: url(style/images/onWhiteRowBrake.png) bottom repeat-x ;
									}

.gravatar							{ margin-top: 3px; padding: 2px; height: 40px; }

#previous-next-page{
						padding: 0 200px 0 200px
}

												
												
/*
	ABOUT ME

*/
#about-main						{	padding: 0 0px 0 0px;
										width: 700px;
										float: left;
										

				}	
				#about-main-left	{	width: 330px;
										float: left;
				}
				#about-main-right	{	width: 325px;
										float: right;
										padding: 100px 0 0 10px;
										
									}
					#about-main-right#huvud-bild 				{
																width: 300px;
																height: 200px;
																margin: 0;
																}
/*
	ABOUT-SIDEBAR
*/
#about-sidebar					{
									width:190px;
									float: right;
									text-align: right;
									list-style: none; 
									padding: 55px 0 0 10px; 
								}
			#about-sidebar h3	{
									text-align:center-right;
			}
ul#sidebar-about {

	line-height: 1.5;

	}

	ul#sidebar-about li {
			float: right;
		}

		ul#sidebar-about li a {
			height: 25px;
			width: 25px;
			display: block;
			font-size: 0px;
			
			
		}
		#links{
		float:right;
		}
		.section1, .section2, .section3, .section4, .section5{
		background: url(style/images/onWhiteRowBrake.png) bottom no-repeat;
		padding: 15px 0 5px 0;
		margin: 0 0 0 25px;
		width: 150px;
		height:30px;
		
		}
		.section1:hover #image, .section1:hover #layer {
               color:#663300;
				background-position: -25px 0px;
				
        }
		.section2:hover #image, .section2:hover #layer {
               color:#663300;
				background-position: -25px -25px;
				
        }
		.section3:hover #image, .section3:hover #layer {
               color:#663300;
				background-position: -25px -50px;
				
        }
		.section4:hover #image, .section4:hover #layer {
               color:#663300;
				background-position: -25px -75px;
				
        }
		.section5:hover #image, .section5:hover #layer {
               color:#663300;
				background-position: -25px -100px;
				
        }
		#sidebar-about h4 	{width:150px; height: 25px;}
		
		#sidebar-about h4 a	{ color: black;
							}
		#sidebar-about h4 a:hover	{ color:#663300; 
								}

			#image.link-mail 		{	margin: -5px 0px 0px 5px;
										background: url(style/images/icons.png) no-repeat;
										background-position: 0px 0px;
													}	
			#image.link-linkedin		{	margin: -5px 0px 0px 5px;
										background: url(style/images/icons.png) no-repeat;
										background-position: 0px -25px;
													}	
			#image.link-twitter		{	margin: -5px 0px 0px 5px;
										background: url(style/images/icons.png) no-repeat;
										background-position: 0px -50px;
													}	
			#image.link-rssfeed		{	margin: -5px 0px 0px 5px;
										background: url(style/images/icons.png) no-repeat;
										background-position: 0px -75px;
													}	
			#image.link-delicious		{	margin: -5px 0px 0px 5px;
										background: url(style/images/icons.png) no-repeat;
										background-position: 0px -100px;
													}											
												


		ul#sidebar-about li.activebutton a {

			background-position: fixed right;

		}
/*

	FOOTER

*/

#footer								{ height: 25px; width: 750px; margin: 0px 0 0 0px; padding: 10px 0 0 25px; color: #93a0a4;;

									

									}
#footer-child								{ height: 25px; width: 750px; margin: 0px 0 0 0px; padding: 40px 0 0 25px; color: #93a0a4;;

									  background: url(pics/contentshadowbottom_v1.png) no-repeat 0 0 transparent;

									}									

#footer-inside						{ width: 775px; height; 315px; margin: 0px auto -30px; padding: 70px 0 30px 0}
		#footer-inside p				{color: #ffffff;}
									#footer-images						{ text-align:left; float: left; padding: 100px 0px 0 35px;
																			width:205px;
																			height: 130px;

																		}

									#twitter							{ 	background: url(style/images/twitterIcon.png) no-repeat;
																			background-position: -25px 0px;
																			width: 250px; height: 300px; padding: 60px 0 0 0;
																			float: right;
																		}
										
										#twitter li.twitter-item			{
																		background: url(style/images/onGreenRowBrake.png) bottom repeat-x;
																		float: left; font: 11px Verdana, serif; color: #ffffff; padding: 10px 0px 10px 5px;
																		}
										#twitter .twitter-timestamp		{font: 9px Georgia, serif; float :right; padding: 10px 0px 0px 0px;}

									#footer-text						{ width: 375px; height: 260px; overflow: hidden; float: left; color: #ffffff; padding: 35px 0 0 0; 
																		}
										#footer-text p					{
																			font: 11px verdana, sans-serif; line-height: 1.5;
										}
																		
									#footer-inside h4					{ padding: 10px 0 0 0; text-align: right;
																		}
								
									
									.sectionfooter{
														width:180px;
														height:25px;
									}
									
																		
									#footer-mail, #footer-mail a {
													color:#999966;
									}	
								
								
									#footer-mailicon{
														margin: -5px 15px 0px 5px;
														background: url(style/images/icons.png) no-repeat;
														background-position: 0px 0px;
														
														
														
									}
									.sectionfooter:hover #footer-mailicon, .sectionfooter:hover #footer-mail {
														color: #663300;
														background-position: -25px 0px;
																					
									}
/*
		SINGLE POST
*/ 
#single-meta{
				background: url(style/images/onWhiteRowBrake.png) top repeat-x;
				background-position: 0px 15px;
				padding: 10px 0px 100px 0px;
}
#singlegallery{
				background: url(style/images/onWhiteRowBrake.png) top repeat-x;
				float: right;
				width:275px;
				margin: 15px 0 0 0;
}
/*
		COMMENTS
*/ 

#submit{
				float:left;
}
.subscribe-to-comments{
				float: right;
}

#comment {
			margin: 10px;
}
#comments-list{
				
}
.comment even thread-even depth-1{
				background: url(style/images/onWhiteRowBrake.png) top repeat-x;
				background-position: 0px 0px;
				padding: 25px 0 0 25px;
}
.comment odd alt thread-odd thread-alt depth-1{
				background: url(style/images/onWhiteRowBrake.png) top repeat-x;
				background-position: 0px 0px;
				padding: 25px 0 0 35px;
}
/*
			ARCHIVES // CATEGORIES
*/
#pagemain-archive{
					width: 650px;
					float: left;
}