/*
Theme Name: Julian
Theme URI: http://www.julian.se/
Description: Custom design for Loxystem.
Author: Julian Kommunikation
Author URI: http://www.julian.se/
*/


/*
-----------------------------------------------
CSS rules

Client:     Loxystem AB
Provider:   Julian Kommunikation (www.julian.se)
Version:  	#1

References:
Motverka sidhopp	http://archivist.incutio.com/viewlist/css-discuss/51018
Firefox länk		http://sonspring.com/journal/removing-dotted-links'
Clearing floats		http://www.quirksmode.org/css/clearing.html
Menu				http://css.maxdesign.com.au/listamatic/horizontal24.htm
Empty DIV height IE	http://archivist.incutio.com/viewlist/css-discuss/19973
Fixed header/footer	http://www.456bereastreet.com/archive/200609/css_frames_v2_fullheight/
Submenu current		http://www.hicksdesign.co.uk/journal/highlighting-current-page-with-css
Footer at bottom	http://solardreamstudios.com/learn/css/footerstick/
----------------------------------------------- */


/* =Content
-----------------------------------------------
01. Structure
02. Header
03. Content
04. Footer
05. Lists
06. Forms
07. Various
08. TinyMCE
----------------------------------------------- */


/* =Structure (01)
----------------------------------------------- */
body {
	background: #4f525b;
	color: #333;
	margin: 0;
	text-align: center;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	font-size: 76%;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	}

html,
body {
	margin: 0;
	padding: 0;
	height: 100%; /* 100 % height */
	}

.main {
	background: #fff;
	margin: 0 auto 4px;
	text-align: left;
	width: 967px; 
	}

.container {
	padding: 20px;
	}

a {
	color: #3496c5;
	text-decoration: none;
	}

a:hover {
	text-decoration: underline;
	}

h1,h2,h3 {
	margin: 0;
	padding: 0;
	font-family: Georgia, Times, serif;
	}

h1 {
	font-family: Arial, Georgia, Times, serif;
	margin: 0 0 10px;
	padding-bottom: 3px;
/*	color: #3496c5;*/
	color: #4B70B1;
	font-size: 2.5em;
	font-weight: normal;
	line-height: 1.2;
	}

h2 {
	font-weight: bold;
	font-size: 1.5em;
	color: #3496c5;
	}

h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 1.1em;
	padding: 0 0 5px;
	}
	
hr {
	clear: left;
	border: 0;
	width: 100%;
	color: #D2D5DD;
	background-color: #e5e5e0;
	height: 1px;
	margin: 10px 0 20px;
	}


/* =Header (02)
----------------------------------------------- */
#header {
	height: 80px;
	}
	
#logo {
	float: left;
	}

#logo img {
	border: none;
	}

#menu-flags {
	float: right;
	text-align: right;
	width:100px;
	height: 60px;
	}

#menu-flags img {
	border: 1px solid #ccc;
	padding: 1px;
	}

.menu {
	position: relative;
	height: 30px;
	}


/* =Content (03)
----------------------------------------------- */
#content {
	clear: left;
/*	padding: 20px 0 50px;*/
	padding: 20px 0 10px;
	margin: 0 0 20px;
	width: 100%;
	overflow: hidden;
	background: url('img/bg-content-top.jpg') top left no-repeat;
/*	font-size: 1.2em;*/
	
	/* jesper. funkar tillfälligt, karl kolla. */
	min-height:350px; 
	height:auto;
	}
* html #content {
	height: 350px;
	overflow:visible; /* Långa sidor kapas annars i IE */
	}
	/* */

html>body #content {
	padding: 20px 0;
	}  /* 6em = height of #header and #footer + 1em, 1em = give the content some breathing space */

#content p {
	margin: 0 0 20px;
	color: #666;
	}

#left,
#right,
#left-home,
#right-home {
	text-align: left;
	display: inline;
	float: left;
	width: 170px;
	margin: 28px 0 0 0;
	}

#left-home {
	width: 490px;
	margin: 20px 0 30px 20px;
	}

#left-home h2,
#right-home h2 {
	border-bottom: 1px solid #3496c5;
	margin: 0 0 10px;
	padding: 30px 0 0;
	float: left;
	width: 100%;
	}

#right-home h2 {
	padding: 15px 0 0;
	}

#right-home {
	float: right;
/*	width: 350px;*/
	width: 325px;
	margin-right:20px;
	}

#right {
	float: left;
	width: 650px;
	}
	
#left {
	width: 220px;
	margin: 20px 20px 0 0;
	}

#left p,
#right p,
#left-home p,
#right-home p {
	margin: 0 0 10px;
	}

#left a,
#left-home a {
/*	color:#FF9933; */
	}

#left a:hover,
#left-home a:hover {
/*	text-decoration: underline; */
	}

.item {
	padding: 0 0 20px;
	}

.item img {
	padding: 5px;
	/*border: 1px solid #dedede;*/
	}

.item .info {
	padding: 2px 3px 3px 8px;
	border: 1px solid #e3e4e4;
	background-color: #f5f5f5;
	font-size: 0.9em;
	color: #505050;
	}

.entry {
	float: left;
	display: inline;
	width: 100%;
	margin: 0 20px 0 0;
	}

#press-releases {
	float: left;
	width: 100%;
	margin: 0;
	padding: 10px 0;
	}

#press-releases img {
	float: left;
	padding: 0 10px 20px 0;
	}

#slideshow {
	width: 100%;
	background: url('img/slide-temp.jpg') no-repeat top left;
	width: 325px;
	height: 265px;
	}

#slideshow-flash {
	margin: 0 0 0 13px;
	padding: 13px 0 0;
	}

#submenu {
	float: right;
	width: 200px;
	margin: 0px;
	padding: 0 0 20px;
	text-align: left;
	display: inline;
	}

#archive {
	float: left;
	width: 300px;
	margin: 20px 60px 0 0;
	padding: 0;
	font-size: 1.2em;
	}

#archive small {
	color: #666;
	}

#archive h2 {
	font-size: 1.5em;
	margin: 10px 0 3px;
	color: #70A633;
	font-weight: bold;
	}

.navigation {
	float: left;
	width: 100%;
	border-top: 1px solid #e3e4e4;
	margin-top: 20px;
	padding-top: 5px;
	}

/* =Footer (04)
----------------------------------------------- */
#footer {
	height: 20px;
	margin: 0 auto;
	padding: 10px 0 0;
	width: 967px;
	color: #757575;
	font-size: 10px;
	background: #4f525b;
	}
	
#footer_left { 
	float:left;
	width: 600px;
	margin-left: 20px;
	text-align: left;
	display: inline; /* IE float x2 */
	}

#footer_right { 
	float:right;
	width: 150px;
	margin-right: 20px;
	text-align: right;
	display: inline; /* IE float x2*/
	}

#footer a:link, #footer a:visited, #footer a:hover, #footer a:visited:hover {
	color: #9CAE8B;
	text-decoration: none;
	}

#footer a:hover, #footer a:visited:hover {
	text-decoration: underline;
	}


/* =Lists (05)
----------------------------------------------- */
ul,
li,
li a {
	color: #666;
	}

ul#navlist {
	float: left;
	list-style-type : none;
	background: url('img/bgmenu.jpg') no-repeat;
	width: 100%;
	margin: 0;
	padding: 0;
   }
    
ul#navlist li {
   float: left;
   border-right: 1px solid #8eb0c3;
   }

ul#navlist a {
   color : #fff;
   font-weight : bold;
   font-style : normal;
   display : block;
   text-decoration : none;
   padding: 10px 20px;
   }

ul#navlist a:hover, ul#navlist a:focus, ul#navlist a:active {
   color : #fff;
   background: url('img/bgmenu-over.gif') repeat-x;
   }

ul#navlist li.current_page_item a, ul#navlist li.current_page_item a:hover,
ul#navlist li.current_page_item a:focus, ul#navlist li.current_page_item a:active,
ul#navlist li.current_page_parent a, ul#navlist li.current_page_parent a:hover,
ul#navlist li.current_page_parent a:focus, ul#navlist li.current_page_parent a:active {
   background: url('img/bgmenu-over.gif') repeat-x;
   color : #fff;
   cursor : default;
   text-align : left;
   }

ul#navlist-sub {
	width: 170px;
	list-style-type: none;
	text-align: left;
	margin: 0;
	padding: 0 0 10px;
	}

ul#navlist-sub li {
	display : block;
	padding: 7px;
	border-bottom:1px solid #F5F5F3;
	}

ul#navlist-sub li,
ul#navlist-sub a {
	clear: left;
	width: 170px;
	color: #5880AF;
	font-weight:bold;
	text-decoration : none;
	}


ul#navlist-sub a {
	font-weight: normal;
	color: #444
	}

ul#navlist-sub a:hover,
#navlist-sub .current-cat a,
#navlist-sub .current_page_item a {
	color: #5880AF;
	font-weight:bold;
	}