/*

Theme Name: WP-Andreas01

Theme URI: http://andreasviklund.com/wordpress-themes/

Description: Updated for WordPress v2.6, now supporting tags, gravatars and other useful features. Originally based on the classic <a href="http://andreasviklund.com/templates/andreas01/">andreas01 CSS template</a>. Valid XHTML 1.0 Strict and CSS. Public domain.

Version: 2.0

Author: Andreas Viklund

Author URI: http://andreasviklund.com/

Tags: 2 columns, 3 columns, white, widgets, fixed width, 800px, andreas

*/



/* Body */

* {margin:0; padding:0;}

body {background:url(img/wrap-bg.png) top center no-repeat; color:#fff; font-family:"trebuchet MS",Verdana,Tahoma,Arial,sans-serif;}

#wrap {color:#333; margin:0 auto; width:1000px;}



/* layout */

.layout{width:100%}

h1{

	font-size:30px;
        font-family:arial, sans-serif, helvetica;

}

h2{

	font-size:25px;

}



h3{

	font-weight:900;

	text-indent:20px;

}



/* Links */

a {background-color:inherit; color:#333; text-decoration:none;}

a:hover {background-color:inherit; text-decoration:underline;}

a img {border:0;}



/* Header */

#header {padding:80px 0 0 0;}

#header h1 {width:100%; text-align:center;}

#header h1 a {font-size:1%; text-decoration:none;}

#header p {background-color:inherit; color:#777; float:right; font-size:1.1em; font-weight:bold; line-height:1.3em; margin:6px 0 0; text-align:center; width:400px;}

#frontphoto {margin:0 0 10px;}



/* Sidebars */

#leftside {clear:left; float:left; line-height:1.5em; margin:0 0 5px; padding:0; width:170px;}

#extras {float:right; line-height:1.4em; margin:0 0 5px; padding:0; width:170px;}

#leftside p, #leftside ul, #leftside div.textwidget, #extras p, #extras ul, #extras div.textwidget {font-size:0.9em; margin:0 0 18px;}

#leftside li, #extras li {line-height:1.2em; list-style:none; margin:0 0 6px;}

#leftside ul ul, #extras ul ul {margin:6px 0 0 10px;}

#leftside ul ul li, #extras ul ul li {margin:0 0 4px;}

#leftside ul ul li a, #extras ul ul li a {font-weight:normal;}

#leftside ul.linklist, #extras ul.linklist {font-size:1em;}

#leftside ul.linklist ul, #extras ul.linklist ul {margin:0 0 20px;}

#leftside ul.linklist ul li a, #extras ul.linklist ul li a {font-weight:bold;}

#leftside h2, #leftside ul.linklist li h2, #leftside h3, #extras h2, #extras ul.linklist li h2, #extras h3, table#wp-calendar caption {background-color:inherit; color:#505050; font-size:1.3em; font-weight:normal; text-align:left; margin:0 0 6px;}

#leftside label, #extras label {display:none;}



/* Main menu */

ul.page {list-style:none; margin:0 0 20px; width:140px;}

ul.page li {display:inline; line-height:1.4em; width:140px;}

ul.page li a {background-color:#f4f4f4; border-left:4px solid #cccccc; color:#505050; float:left; font-weight:bold; margin:0 0 5px 5px; padding:5px 1px 5px 5px; text-decoration:none; width:150px;}

ul.page li a:hover, ul.page li.current_page_item a {background-color:#eaeaea; border-left:4px solid #286ea0; color:#505050;}

ul.page ul {font-size:0.9em; margin:0 0 0 15px; padding:0 0 5px; width:125px;}

ul.page ul a {padding:3px 1px 3px 5px; width:115px;}

ul.page ul ul {width:113px;}

ul.page ul ul a {width:100px;}



/* TOP MENU */

.menu{

	margin:0 0 50px 0;

}



.menu ul{

	text-align:center;

}



.menu li{

	display:inline;

	list-style:none;

}



.menu li a{

	display:inline-block;

}



/* Content */

#content {line-height:1.6em; margin:5px 15px; padding:0;}

#contentwide {padding:0 100px;}

#content h2,#contentwide h2 {font-size:25px; margin:0 0 10px; padding:0 0 0 50px; color:#286EA0; font-weight:100; letter-spacing:-1px;}

#content h3,#contentwide h3 {font-size:1.1em; margin:15px 0 0 8px;}

#content img,#contentwide img {}

#content ul,#contentwide ul,#content ol,#contentwide ol {margin:0 0 16px 20px;}

#content li,#contentwide li {padding:0 0 0 5px;}

#content ul ul,#contentwide ul ul,#content ol ol,#contentwide ol ol {margin:0 0 0 16px;}

#contnet .post-img{text-align:center;}



/* Footer */

#footer {border-top:2px solid #e0e0e0; font-size:0.9em; clear:both; color:#777; font-weight:normal; line-height:1.7em; margin:0 auto; padding:10px 0; text-align:center; width:760px;}

#footer p {margin:0; padding:0;}

#footer a {color:#777; font-weight:normal; text-decoration:none;}

#footer a:hover {color:#555; text-decoration:underline;}

#footer strong a {font-weight:bold;}

#footer span.credits {font-size:1.1em;}



/* Subpage menu */

#subpages {border-bottom:1px solid #e0e0e0; border-left:1px solid #e0e0e0; float:right; font-weight:bold; line-height:1.3em; margin:-5px 0 8px 15px; padding:0 0 10px 10px; width:190px;}

#subpages h2 {font-size:1.2em; font-weight:bold; letter-spacing:-1px; line-height:1.3em; margin:0 0 12px;}

#subpages ul.submenu {line-height:1.4em; list-style:none; margin:0;}

#subpages ul.submenu li {display:inline; line-height:1.4em; width:180px; padding:0;}

#subpages ul.submenu li a {background-color:#f4f4f4; border-left:4px solid #cccccc; color:#505050; float:left; font-weight:bold; margin-bottom:5px; padding:3px 1px 3px 5px; text-decoration:none; width:180px;}

#subpages ul.submenu li ul {margin:0 0 5px 10px; width:170px;}

#subpages ul.submenu li ul li a {width:170px;}

#subpages ul.submenu li ul ul {margin:0 0 5px 10px; width:160px;}

#subpages ul.submenu li ul ul li a {width:160px;}

#subpages ul.submenu li ul ul ul {margin:0 0 5px 10px; width:150px;}

#subpages ul.submenu li ul ul ul li a {width:150px;}

#subpages ul.submenu li a:hover,#subpages ul.submenu li.current_page_item a {background-color:#eaeaea; border-left:4px solid #286ea0; color:#555;}

#subpages ul.submenu li.current_page_item ul li a {background-color:#f4f4f4; border-left:4px solid #cccccc; color:#555;}



/* Start */

#start-menu{

	margin: 0 auto;

}



.start-frame{

	float:left;

	height:230px;

	margin:0 0 20px 0;

	text-align:center;

	width:50%;

}

#start-menu h1{

	font-size:1.5em;

	text-align:center;

	margin:0 0 10px 0;

}

#start-menu p.start-p{

	width:350px;

	font-size:14px;

	margin:0 auto;

}



.start-frame a{

	display:block;

	height:100%;

	position: relative;

	text-decoration: none;

}



/* Kunder */

.klient{

	float:left;

	width:33%;

	text-align:center;

}



.klient a{

	font-size:1%;

	text-indent:-9999px;

	padding-top:200px;

	display:block;
	background-position:top;

}

.klient a:hover{

	text-decoration:none;

}



#seum a:hover{

	background:url(img/klienter/seum.jpg) top no-repeat;

}



#ehh a:hover{

	background:url(img/klienter/ehh.jpg) top no-repeat;

}



#ethar a:hover{

	background:url(img/klienter/ethar.jpg) top no-repeat;

}



#sif a:hover{

	background:url(img/klienter/sif.jpg) top no-repeat;

}



#iis a:hover{

	background:url(img/klienter/iis.jpg) top no-repeat;

}



#mufu a:hover{

	background:url(img/klienter/mufu.jpg) top no-repeat;

}



#gryninge a:hover{

	background:url(img/klienter/gryningeskolan.jpg) top no-repeat;

}



#troja a:hover{

	background:url(img/klienter/troja.jpg) top no-repeat;

}



#hajj a:hover{

	background:url(img/klienter/hajj-nordic.jpg) top no-repeat;

}



/*hover*/

#seum a{

	background:url(img/klienter/seum.jpg) bottom no-repeat;

}



#ehh a{

	background:url(img/klienter/ehh.jpg) bottom no-repeat;

}



#ethar a{

	background:url(img/klienter/ethar.jpg) bottom no-repeat;

}



#sif a{

	background:url(img/klienter/sif.jpg) bottom no-repeat;

}



#iis a{

	background:url(img/klienter/iis.jpg) bottom no-repeat;

}



#mufu a{

	background:url(img/klienter/mufu.jpg) bottom no-repeat;

}



#gryninge a{

	background:url(img/klienter/gryningeskolan.jpg) bottom no-repeat;

}



#troja a{

	background:url(img/klienter/troja.jpg) bottom no-repeat;

}



#hajj a{

	background:url(img/klienter/hajj-nordic.jpg) bottom no-repeat;

}



/* Tags */

p,ul,ol {margin:0 0 18px;}

blockquote {border-left:4px solid #e0e0e0; margin:20px; padding:8px 8px 8px 15px;}

blockquote p {background-color:inherit; color:#505050; font-size:0.9em; line-height:1.3em;}

label {background-color:inherit; color:#606060; font-size:0.9em; font-weight:bold;}

table#wp-calendar {margin:0 0 20px; width:140px;}

code {font-size:1.2em; display:block; padding:5px 5px 5px 8px; background-color:#f4f4f4; margin:5px 0 15px 0;border-left:4px solid #cccccc;}



/* Forms */

#s,#submit {background-color:#ffffff; border:1px solid #cccccc; color:#505050; font-size:0.9em; margin:0 0 16px; padding:4px; width:130px;}

#author,#email,#url,#comment {border:1px solid #cccccc; font-family:Verdana,Tahoma,Arial,Sans-Serif; font-size:1em; margin:0; padding:4px;}

#commentsection {margin:25px 0 0;}

#commentsection p {margin:0 0 6px;}



/* Float fix */

.contenttext {overflow:hidden; height:300px;}

* html .contenttext {height:1px; overflow:visible;}

* html .contenttext p {overflow:hidden; width:99%;}



/* WP image align classes */

img.centered {display:block; margin-left:auto; margin-right:auto;}

img.alignright {padding:4px; margin:0 0 2px 7px; display:inline;}

img.alignleft {padding:4px; margin:0 7px 2px 0; display:inline;}

.alignright {float:right;}

.alignleft {float:left;}



/* Various classes */

.left {border:1px solid #cccccc; float:left; margin:10px 15px 10px 0;}

.right {border:1px solid #cccccc; float:right; margin:10px 0 5px 10px;}

.center {border:1px solid #aaaaaa; margin:5px auto 12px; text-align:center;}

.textright {text-align:right;}

.small {font-size:0.8em;}

.bold {font-weight:bold;}

.hide {display:none;}

.post {}

.postinfo {background-color:#f4f4f4; border-left:4px solid #cccccc; color:#606060; font-size:0.9em; font-weight:bold; line-height:1.5em; margin:1px 0 30px; padding:8px 5px 8px 8px;}

.comment {background-color:#f4f4f4; border-left:4px solid #cccccc; color:#606060; margin:0 0 10px; padding:8px 5px 0 8px;}

.comment p {font-size:0.9em; line-height:1.3em; margin:0 0 6px; padding-bottom:5px;}

.gravatarside {float:right; width:48px; height:48px; margin:0 5px 5px 5px;}

.navigation {display:block; margin:10px 0 20px 0; padding:0; text-align:center;}

.navigation p {margin:0; padding:0;}

.prevlink {margin-right:20px;}

.nextlink {margin-left:20px;}



.portfolio img{

	float:left;

	padding:5px 10px;

}



/* Services tabbs*/

#services-wrapper{
	float:right; 
	width:80%;
}
.services_menu{
	width:15%; 
	float:left;
	margin:20px 0 0 0;
	padding:0 5px;
}
.services_headings{
	font-size:1.3em;
	color:#CCC;
	border-bottom:#ccc solid 2px;
	padding:10px 0 0 0;
	cursor:pointer;
}
.header_highlight{
	color:#286EA0;
	border-bottom:#286EA0 solid 2px;
}
.services{
	background:#FFF;
}


/* misc. */

.clear {

	clear:both;

    height:0;

    font-size: 1px;

    line-height: 0px;

}



.page-frame{

	height:450px;

	width:100%;

}