/*
Author: Lina Nilsson
Author URI: http://nosslina.niia.se
*/

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

html {
	background: #303030;/*#727672;*/
}

body {
	background: transparent url(style/images/bg2.png) 0px 0px repeat-x;
	font-size: 100%;
	font-family: "Lucida Grande", "Lucida Sans", Verdana, sans-serif;
}

h3 {
font-size: 16px;
margin: 5px 0 5px 0;
font-weight: bold;}

a:link { 
	color: #303030;
        text-decoration: none;
	}
a:visited { 
	color: #487675;
        text-decoration: none;
	}
a:hover { 
	color: #7ea4ac;
	text-decoration: underline;
	}
a:active { 
	color: #7ea4ac;
	}


#container {
	width: 1024px;
	margin: 0 auto;
	font-size:0.8em;
margin-bottom:200px;
	}

#header {
	width: 1024px;
	height: 300px;}
	
h1#logo {
	width: 1024px;
	height: 300px;
	background: url(style/images/head4.png) top left no-repeat;
	text-indent: -9999px;
	margin: 0px 10px 8px 0;
	float: right;
	cursor: pointer;
	}

#content {
	width: 500px;
	margin-left:100px;
	margin-bottom: 30px;
	background-color: #ecf6f1;/*#d5ded9;*/
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding: 20px;
	border: solid 5px #99b2b7;
}

/*
   FOOTER
*/

#footer {
	height:70px;
	margin:0 auto;
	padding: 10px;
	border-top: dotted #99b2b7 3px;
	text-align:center;
}
#footer p{
font-size: 12px;
}

/*
   BLOG entries
*/
	
.post h2 {
font-weight: bold;
font-size:20px;
color:#487675;
letter-spacing:1.2px;
padding-bottom:2px;
}

.post p {
font-size:12px;
}

div.post {width: 500px;
margin-bottom:20px;
}

.datebox {
width: 36px;
float: left;
padding: 5px;
background-color: #ae964b/*#7a6a53*/;
color: #d5ded9;
text-align: center;
margin: 0 10px 0 0;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}

.day {font-size: 3.4em;
font-weight: bold;
margin: 0;
}

.month{
font-size:1.8em;
font-weight: bold;
text-transform: uppercase;
margin:2;}

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


/*Meny*/

#menuh-container
	{
	position:absolute;		
	top:234px;
	left:508px;
	}

#menuh
	{
	font-size: 12px;
	font-family:"Lucida Grande", "Lucida Sans", Verdana, sans-serif;	
	width:100%;
	margin:1em;
	margin-top: 1em;
	}
		
#menuh a
	{
	text-align: center;
	display:block;
	white-space:nowrap;
	padding: 0.6em;
	}
	
#menuh a:link, #menuh a:visited, #menuh a:active	/* menu at rest */
	{
	color: #d5ded9;
	background-color: #303030;
	text-decoration:none;
	}
	
#menuh a:hover						/* menu on mouse-over  */
	{
	color: #303030;
	background-color: #7ea4ac;
	text-decoration:none;
	}	
	
#menuh ul
	{
	list-style:none;
	margin:0;
	padding:1px;
	float:left;
	width:6.2em;	/* width of all menu boxes */
margin-right:5px;
	/* NOTE: For adjustable menu boxes you can comment out the above width rule.
	However, you will have to add padding in the "#menh a" rule so that the menu boxes
	will have space on either side of the text -- try it */
	}

#menuh li
	{
	position:relative;
	min-height: 1px;		/* Sophie Dennis contribution for IE7 */
	vertical-align: bottom;		/* Sophie Dennis contribution for IE7 */
	}

#menuh ul ul
	{
	position:absolute;
	z-index:500;
	top:auto;
	display:none;
	padding: 1em;
	margin:-1em 0 0 -1em;
	}

#menuh ul ul ul
	{
	top:0;
	left:100%;
	}

div#menuh li:hover
	{
	cursor:pointer;
	z-index:100;
	}

div#menuh li:hover ul ul,
div#menuh li li:hover ul ul,
div#menuh li li li:hover ul ul,
div#menuh li li li li:hover ul ul
{display:none;}

div#menuh li:hover ul,
div#menuh li li:hover ul,
div#menuh li li li:hover ul,
div#menuh li li li li:hover ul
{display:block;}

div#menuh .top_parent {
text-transform:uppercase;
font-weight: bold;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
}

div#menuh .current_parent {
text-transform:uppercase;
font-weight: bold;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
background-color: #7ea4ac;
}

/* Sidebar */

div#sidebar {
position: absolute;
left:660px;
background-color: #ecf6f1;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
width: 210px;
padding: 10px;
border: solid 5px #99b2b7;
}

.widgettitle {
font-size: 16px;
color: #303030;
}

#categories-3 {
margin-bottom: 10px;
}

#sidebar-custom {
position: absolute;
left:660px;
top: 505px;
background-color: #ecf6f1;
width:210px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
padding:10px;
border: solid 5px #99b2b7;
}

/*Comments*/

textarea#comment {
width: 500px; 
height: 100px;
}

ol.commentlist {
margin-bottom: 10px;}

ol.commentlist li.comment {
padding: 10px;
}

ol.commentlist li.odd {
background: #cae3d5;
}

ol.commentlist li.comment div.vcard img.avatar {
margin-top: 2px;}


#respond h3 {
margin-bottom: 5px;
color:#487675;
} 

#author {
margin-bottom: 5px;}

#email {
margin-bottom: 5px;}

#url {
margin-bottom: 5px;}

#comment {
margin-bottom: 5px;}

/*Images*/
p img {
padding: 0;
max-width: 100%;
border: solid 1px #000;
margin-bottom: 10px;
}

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
}

/* Captions */
.aligncenter, div.aligncenter { 
display: block; 
margin-left: auto; 
margin-right: auto; }

.wp-caption {
border: solid 1px #e1e1e1;
text-align: center;
background-color:#f2f2f2;  
padding-top: 4px; 
margin: 10px; 
-moz-border-radius: 5px; 
-khtml-border-radius: 5px; 
-webkit-border-radius: 5px; 
border-radius: 5px; }

.wp-caption img { 
margin: 0; 
padding: 0; 
border: solid 1px #000; }

.wp-caption p.wp-caption-text { 
font-family: "Lucida Grande", "Lucida Sans", Verdana, sans-serif;
color: #000;
font-size: 11px; 
line-height: 17px; 
padding: 4px 4px 4px 2px; 
margin: 0; }

/* Arkiv*/

/*Smiley*/
.wp-smiley {
  border: none;
  margin: 0;
}