/*
THEME NAME: Youandi
THEME URI: http://www.plaintxt.org/themes/sandbox/
DESCRIPTION: Rich with powerful and dynamic semantic class selectors, Sandbox is a canvas for CSS artists
VERSION: 1.6.1
AUTHOR: <a href="http://andy.wordpress.com/">Andy Skelton</a> &amp; <a href="http://www.plaintxt.org/">Scott Allan Wallick</a>
AUTHOR URI:
TAGS: sandbox, microformats, hcard, hatom, xoxo, widgets, blank slate, starter theme, minimalist, developer
*/

/* Two-column with sidebar on left from the /examples/ folder  */
/*@import url('examples/2c-l.css');*/
/*Sandbox*/
/* CSS Reset  */
html, body, div, span, applet, object, iframe, 
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,#nav, #slideshow
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}


/*HEADINGS*/

i.work{
	color:#aaa;
}

h3{
	color:#e0bc24;
}

/*SLUT HEADINGS*/

body {
	/*line-height: 1;*/
	color: #666666;
	background: #FFFFFF;
	font-family: Georgia, Palatino, Palatino Linotype, Times, Times New Roman, serif;
	font-size: 0.75em;
	/*line-height: 1.3em;*/
	/*background-image: url(http://youandi.se/new/wp-content/uploads/2010/06/bgNoise.jpg);*/
	/*background-image: url(http://youandi.se/new/wp-content/uploads/2010/07/bgPicgreen.png);*/
	/*background-image: url(http://youandi.se/new/wp-content/uploads/2010/07/bgPicblue.png);  */
	/*background: #EFEFEF;*/
	background-image:url(http://youandi.se/wp-content/uploads/2010/07/bgPicgrey.png);

}


ol, ul {
	list-style: none;
}

/*
Tre kolumner
div elements
*/
div#wrapper {
	width: 1400px; /*Width of main container*/
	/*margin: 0 auto;*/ /*Center container on page*/
	/*background: #aaff00;*/

}

div#header{
	overflow:auto;
	height:20px;
	text-align:center;
	/*background: #aa00ff;*/
}

#logo {
	position: absolute;
	left:0px;
	top:0px;
	margin-top: 25px;
	margin-left: 60px;
	z-index: 1000;
}


div#container {
	float: left;
	width: 100%;
	margin-bottom:30px;
	/*background: #aaafaa;*/
}

div#content {
	text-align:center;
	overflow:auto;
	width:auto;
	height:auto;
	/*padding-bottom:50px;*/
	margin: 0 200px 0 200px; 
	/*background: #fff;*/
}

#content img{
	padding:10px;
}

#slideshow{
	margin:1em auto;
	/*padding:5px;*/
	/*overflow:hidden;*/
	/*margin: 12px 0 0 40px;*/
	background: #fff;
	/*border:solid 1px #ccc;*/
  	-moz-box-shadow: 5px 5px 5px #ccc;
  	-webkit-box-shadow: 5px 5px 5px #ccc;
	 box-shadow: 5px 5px 5px #ccc;

}

div.sidebar {
	margin: 0 auto;
	/*padding:0;*/
	padding:5px;
	float:left;
	overflow:hidden;
	/*width:180px;*/
	/*width:175px;*/
	/*background: #FF00FF;*/
}

div.sidebar a{
	text-decoration:none;
	color:#008ea1;
}

div.sidebar a:hover{
	text-decoration:line-through;
	color:#008ea1;
}


div#primary {
	margin-top:130px;
	float: left;
	width: 185px; /*Width of left column in pixel*/
	margin-left: -1370px; /*Set margin to that of -(div#wrapper Width)*/
}

/** html div#primary {
left:20px;
position:relative;
}
*/

div#secondary {
	float: left;
	width: 185px; /*Width of right column*/
	margin-left: -220px; /*Set left margin to -(RightColumnWidth)*/
	margin-top:10px;
}

.textwidget a{
	color:#d91969;
	text-decoration:none;
}

.textwidget a:hover{
	text-decoration:line-through;
}

.arise{
	color:#008ea1;
}

.contactMe{
	color:#d91969;
}

a.linkWWW{
	color:#d91969;
	text-decoration:none;
}

div#footer {
	clear: left;
	width: 100%;
	color: #FFF;
	text-align: center;
	padding: 4px 0;
	color:#666666;
	/*background: #aa00ff;*/
}

div#footer a{
	color:#666666;
	text-decoration:none;
}

/* Just some example content */

.li  {  /*a*/
	line-height: 1.4em;
	font-size: 0.95em;	
	text-decoration: none;
	font-weight:lighter;
	list-style-type:none;
	/*color:#d91969;*/
}


div.skip-link {
position:absolute;
right:1em;
top:1em;
}
/*
div#menu {
background:#EEE;
height:1.5em;
margin:1em 0;
width:100%;
}

div#menu ul,div#menu ul ul, div.menu {
line-height:1;
list-style:none;
margin:0;
padding:0;
}

div#menu ul a {
display:block;
margin-right:1em;
padding:0.2em 0.5em;
text-decoration:none;
}

div#menu ul ul ul a {
font-style:italic;
}

div#menu ul li ul {
left:-999em;
position:absolute;
}

div#menu ul li:hover ul {
left:auto;
}
*/
.entry-title,.entry-meta {
clear:both;
}
/*
div#container,div#primary {
margin-top:2em;
}
*/
form#commentform .form-label {
margin:1em 0 0;
}

form#commentform span.required {
background:#fff;
color:#c30;
}

form#commentform,form#commentform p {
padding:0;
}

input#author,input#email,input#url,textarea#comment {
padding:0.2em;
}

div.comments ol li {
margin:0 0 3.5em;
}

textarea#comment {
height:13em;
margin:0 0 0.5em;
overflow:auto;
width:66%;
}

.alignright,img.alignright{
float:right;
margin:1em 0 0 1em;
}

.alignleft,img.alignleft{
float:left;
margin:1em 1em 0 0;
}

.aligncenter,img.aligncenter{
display:block;
margin:1em auto;
text-align:center;
/*padding:10px;*/
background: #fff;
}

div.gallery {
clear:both;
height:180px;
margin:1em 0;
width:100%;
}

p.wp-caption-text{
font-style:italic;
}

div.gallery dl{
margin:1em auto;
overflow:hidden;
text-align:center;
}

div.gallery dl.gallery-columns-1 {
width:100%;
}

div.gallery dl.gallery-columns-2 {
width:49%;
}

div.gallery dl.gallery-columns-3 {
width:33%;
}

div.gallery dl.gallery-columns-4 {
width:24%;
}

div.gallery dl.gallery-columns-5 {
width:19%;
}

/*NAV PAGINERING*/

div#nav{
	/*font-size:13px;*/
	color:#d91969;
	margin-top:20px;
	/*border:solid 1px #000;*/
}

div#nav a{
	padding:2px;
	color:#d91969;
	text-decoration:none;
}

div#imgNr{
	font-style:italic;
	color:#d91969;
	/*font-size:13px;*/
	margin-top:4px;
	margin-left:4px;
}

/*NAV PAGINERING SLUT*/

div#nav-above {
margin-bottom:1em;
}

div#nav-below {
margin-top:1em;
}

div#nav-images {
height:150px;
margin:1em 0;
}

div.navigation {
height:1.25em;
}

div.navigation div.nav-next {
float:right;
text-align:right;
}

div.sidebar h3 {
font-size:1.2em;
}

div.sidebar input#s {
width:7em;
}

div.sidebar li {
list-style:none;
margin:0 0 2em;
}

div.sidebar li form {
margin:0.2em 0 0;
padding:0;
}

div.sidebar ul ul {
margin:0 0 0 1em;
}

div.sidebar ul ul li {
/*list-style:disc;*/
list-style:none;
margin:0;
}

div.sidebar ul ul ul {
margin:0 0 0 0.5em;
}

div.sidebar ul ul ul li {
/*list-style:circle;*/
list-style:none;
/*color:008ea1;*/
}

div#menu ul li,div.gallery dl,div.navigation div.nav-previous {
float:left;
}

input#author,input#email,input#url,div.navigation div {
width:50%;
}

div.gallery *,div.sidebar div,div.sidebar h3,div.sidebar ul {
margin:0;
padding:0;
}


/*Style Folding Menu*/

ul.menu, ul.menu ul {
  list-style-type:none;
  margin: 0;
  padding: 0;
  width: 15em;
}

ul.menu a {
  display: block;
  text-decoration: none;	
}

ul.menu li {
  margin-top: 1px;
}

ul.menu li a, ul.menu ul.menu li a {
  /*background: #333;*/
  color: #d91969;	
  padding: 0.5em;
 background: none;

}

ul.menu li a:hover{
	/*background: #000;*/
	color:#d91969;
	background: none;
}

/*
ul.menu ul.menu li a:hover{
  	background: #000;
	color:#FFF;
 	background: none;
	background-color: 008ea1;
}
*/

ul.menu li ul li a{
  /*background: #ccc;*/
  /*color: #000;*/
	color:#008ea1;
  padding-left: 20px;
 background: none;
list-style: none;
}

/*
ul.menu ul.menu li ul li a{
  background: #ccc;
  color: #000;
 padding-left: 20px;
 background: none;
list-style: none;
}
*/

/*, ul.menu ul.menu li ul li a:hover*/

ul.menu li ul li a:hover {
	/*background: #aaa;*/
	color: #008ea1;
	/*border-left: 5px #000 solid;*/
	padding-left: 20px;
	background: none;
	text-decoration:line-through;
}

ul.menu ul.menu li a:hover {
    border-left: 0;
    padding-left: 0.5em;
}

/*sub current_page*/
ul.menu li ul.children li.current_page_item a:visited{
color:#008ea1;
text-decoration:line-through;
/*background-color:#008ea1;*/
}

ul.menu ul.menu {
   border-left: 5px #f00 solid;
}
ul.menu a.active, ul.menu ul.menu li a.active, ul.menu a.active:hover, ul.menu ul.menu li a.active:hover {
	/*text-decoration: underline;*/
	/*background: #c00;*/
	background: none;
}
div.panel {
    border: 1px #000 solid;
    padding: 5px;
    margin-top: 1px;
}

ul.menu div.panel a, ul.menu div.panel li a:hover  {
    display :inline;
    color: #666;
    background: none;
    margin: 0;
    padding: 0;
    border: none;
    font-weight: bold;
}
ul.menu div.panel a:hover {
    color: #000;
    text-decoration: underline;
}


.code { border: 1px solid #ccc; list-style-type: decimal-leading-zero; padding: 5px; margin: 0; }
.code code { display: block; padding: 3px; margin-bottom: 0; }
.code li { background: #ddd; border: 1px solid #ccc; margin: 0 0 2px 2.2em; }
.indent1 { padding-left: 1em; }
.indent2 { padding-left: 2em; }
.indent3 { padding-left: 3em; }
.indent4 { padding-left: 4em; }
.indent5 { padding-left: 5em; }
.indent6 { padding-left: 6em; }
.indent7 { padding-left: 7em; }
.indent8 { padding-left: 8em; }
.indent9 { padding-left: 9em; }
.indent10 { padding-left: 10em; }



/*Formulär ADHD*/
div.wpcf7 {
	width:500px;
	/*border: solid 1px #ff00ff;*/
}
div.wpcf7 p{
	margin-bottom:20px;
	text-align:left;
}

div.wpcf7-response-output {
	margin: 2em 0.5em 1em;
	padding: 0.2em 1em;
}

div.wpcf7-mail-sent-ok {
	/*border: 2px solid #398f14;*/
	/*color:#FF0000;*/
		border: none;
}

div.wpcf7-mail-sent-ng {
	/*border: 2px solid #ff0000;*/
}

div.wpcf7-spam-blocked {
	border: 2px solid #ffa500;
}

div.wpcf7-validation-errors {
	border: 2px solid #f7e700;
}

span.wpcf7-form-control-wrap {
	position: relative;
}

span.wpcf7-not-valid-tip {
	position: absolute;
	top: 20%;
	left: 20%;
	z-index: 100;
	background: #fff;
	border: 1px solid #ff0000;
	font-size: 10pt;
	width: 280px;
	padding: 2px;
}

span.wpcf7-not-valid-tip-no-ajax {
	color: #f00;
	font-size: 10pt;
	display: block;
}

span.wpcf7-list-item {
	margin-left: 0.5em;
}

.wpcf7-display-none {
	display: none;
}

img.ajax-loader {
	border: none;
	vertical-align: middle;
}

/*Formulär ADHD style-rtl.css*/
span.wpcf7-not-valid-tip {
	left: auto;
	right: 20%;
	direction: rtl;
}
span.wpcf7-not-valid-tip-no-ajax {
	direction: rtl;
}
span.wpcf7-list-item {
	margin-left: 0;
	margin-right: 0.5em;
}