/*
Theme Name: Dansstudion Lena Johnson
Theme URI: http://dansstudion.net/
Description: Wordpresstema för Dansstudion Lena Johnson
Author: David Paulsson
Author URI: http://davidpaulsson.se
*/

/* INFO
-------------------------------------------------------------

Röd/rubriker: #ff0000
Blå/länkar: #0095fa
Blå/hover: #2b5f8a
Bakgrundsgul: #fffff7

*/

/* GENERAL
-------------------------------------------------------------*/

body { 
	font-family: "Lucida Grande", Arial, Verdana, sans-serif; 
	background-color: #fff; 
	background-image: url(bilder/body-bgr.png);
	background-position: top center;
	background-repeat: repeat-x;
}

#wrapper {
	background-image: url(bilder/header/rotate.php);
	background-position: top center;
	background-repeat: no-repeat;
}
.galleytest {
	float: left;
}
.galleytest a {
display:block;
margin-left:80px;
margin-top:-30px;
}
.galleytest img {
	background-color:#FFFFFF;
	padding:20px 20px 40px;
	-moz-box-shadow: 0 0 10px #B2A284;
	-webkit-box-shadow: 0 0 10px #B2A284;
	box-shadow: 0 0 10px #B2A284;
}

a { 
	color: #0095fa; 
	text-decoration: none; 
}
a:hover { color: #2b5f8a; }
a:visited: { color: #0095fa; }
a:active: { color: #ff0000; }

h1, h1 a, h2, h2 a, h3, h4, h5 { 
	font-family: Helvetica, Arial, Verdana, sans-serif; 
	color: #ff0000;
}

h2, h2 a, h3, h3 a { font-weight: bold; }

.alignright {
	float: right; 
	margin: 0 0 1.5em 1.5em;
}

.alignleft {
	float: left; 
	margin: 0 1.5em 1.5em 0;
}

.box {
	background-color: #f8f8f8;
}

/* HEADER
-------------------------------------------------------------*/

#header a {
	display: block;
	height: 170px;
	background-image: url(bilder/logo-dansstudion.png);
	text-indent: -99999em;
}

/* MENU
-------------------------------------------------------------- */

#menyn {
	float: right;
	margin-top: 362px;
}
#menyn .menu-header ul, div.menu ul {
	list-style: none;
	margin: 0;
}
#menyn .menu-header li, div.menu li {
	float:left;
	position: relative;
	background-color: #fff;

}
#menyn a {
	display:block;
	text-decoration:none;
	color:#5a5a5a;
	padding:0 10px;
	line-height:38px;
}
#menyn ul ul {
	display:none;
	position:absolute;
	top:38px;
	left:0;
	float:left;
	z-index: 99999;
	padding-left: 0;
}
#menyn ul ul li {
	min-width: 180px;
}
#menyn ul ul ul {
	left:100%;
	top:0;
}
#menyn ul ul a {
	background:#ca4d44;
	color: #ccc;
	height:auto;
	line-height:1em;
	padding:10px;
	width: 160px;
}
#menyn li:hover > a, #menyn ul ul :hover > a {
	color:#111;
	background: yellow;
}
#menyn ul li:hover > ul {
	display:block;
}
#menyn ul li.current_page_item > a, #menyn ul li.current-menu-ancestor > a, #menyn ul li.current-menu-item > a, #menyn ul li.current-menu-parent > a {
	color: #fff;
	background: #ff0000 url(bilder/alert-overlay.png) repeat-x;
	font-weight: bold;
}
* html #menyn ul li.current_page_item a, * html #menyn ul li.current-menu-ancestor a, * html #menyn ul li.current-menu-item a, * html #menyn ul li.current-menu-parent a, * html #menyn ul li a:hover {
	color:#fff;
}

/* FORMULÄR
-------------------------------------------------------------- */

.formtitle {
	display: block;
	width: 100px;
	float: left;
	clear: both;
	line-height: 40px;
}

input {
	height: 20px;
	padding: .5em;
}

select {
	height: 30px;
	padding: .5em;
}

#skickaknapp {
	clear: both;
}

button { border: 0 !important; }

div.wpcf7-response-output, span.wpcf7-not-valid-tip {
	padding: .5em 1em !important;
}

.wpcf7-list-item label {
	float: left;
	clear: both;
	font-weight: normal;
}

input[type='checkbox'] {

}

/* LEFT COL
-------------------------------------------------------------*/

.ram {
   padding:19px;
   border:1px solid #eee;
}

.inlagg {
	clear: both;
}

.inlagg h2 {
	margin-bottom: 0;
}

.innehall, .post_thumbnail img {
	margin-top: 1em;
}

.innehall img, .post_thumbnail img {
	padding: 4px;
	border: 1px solid #ccc;
}

.innehall img:hover, .post_thumbnail img:hover {
	border: 1px solid #ff0000;
}

.noborder {
	border: 0 !important;
}

.fotoh2 {
	line-height: 60px;
}

/* SIDEBAR
-------------------------------------------------------------- */

.sidebar-post-wrapper h4 {
	margin-bottom:0;
}

.sidebar-post-wrapper {
	margin-bottom: 2em;
}

#facebook-rutan h4 {
	color: #00007b;
	padding-top: 5px;
	margin-bottom: 0;
}

/* KNAPPAR
-------------------------------------------------------------- */

.knapp, .knapp:visited {
	background: #222 url(bilder/alert-overlay.png) repeat-x;
	display: inline-block;
	padding: 5px 10px 6px;
	color: #fff;
	text-decoration: none;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
	text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25);
	border-bottom: 1px solid rgba(0, 0, 0, 0.25);
	position: relative;
	cursor: pointer;
}
.knapp:hover {
	background-color: #111;
	color: #fff;
}
.knapp:active {
	top: 1px;
}
.small.knapp, .small.knapp:visited {
	font-size: 11px
padding:;
}
.knapp, .knapp:visited,  .medium.knapp, .medium.knapp:visited {
	font-size: 13px;
	font-weight: bold;
	line-height: 1;
	text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25);
}
.large.knapp, .large.knapp:visited {
	font-size: 14px;
	padding: 8px 14px 9px;
}
.green.knapp, .green.knapp:visited {
	background-color: #91bd09;
}
.green.knapp:hover {
	background-color: #749a02;
}
.blue.knapp, .blue.knapp:visited {
	background-color: #2daebf;
}
.blue.knapp:hover {
	background-color: #007d9a;
}
.red.knapp, .red.knapp:visited {
	background-color: #ff0000;
}
.red.knapp:hover {
	background-color: #872300;
}
.magenta.knapp, .magenta.knapp:visited {
	background-color: #a9014b;
}
.magenta.knapp:hover {
	background-color: #630030;
}
.orange.knapp, .orange.knapp:visited {
	background-color: #ff5c00;
}
.orange.knapp:hover {
	background-color: #d45500;
}
.yellow.knapp, .yellow.knapp:visited {
	background-color: #ffb515;
}
.yellow.knapp:hover {
	background-color: #fc9200;
}