/*
Theme Name: Maro
Theme URI: http://nocweb.se
Description: Marö tema
Version: 1.0
Author: Johan Stenehall

*/


/* Styling */

.bubbles {
float: left; }

/* !Positioning */

html, body {
	margin: 0;
	padding: 0;
	font-family:Arial,Helvetica,sans-serif;
	font-size:13px;
	line-height: 18px;
	}
	
body {
/* background: #eee url(images/program_bg.gif) top left; */
}

.clear {
clear: both;
}
	
.column-wrapper {
margin: auto;
overflow: auto;
width: 100%;
/* display: inline; IE6 double margin fix */
}

.column {
float: left;
/* display: inline; IE6 double margin fix */
}
	

	div#header {
		background: url( 'images/menybar.jpg' ) top left repeat-x;
		padding: 1px 0;
		}
		
		#logo {
			background: url( 'images/marologo.gif' ) no-repeat;
			letter-spacing: -10000em;
			text-indent: -100000em;
			height: 189px;
			width: 780px;
			margin: 29px auto 3px auto;
			display: block; 
			}
			
		#header ul {
			text-align: center;
			margin: 0px 0 12px;
			}
			
			#header ul li {
				display: inline;
				
				/* border-left: 1px solid #444; */
				cursor: pointer;
				}
				
			#header ul li:hover {
				color: #ffbade;
				}
				
				#header ul li a {
					color: #fff;
					text-decoration: none;
					padding: 14px 25px;
					}
					
				#header ul li a:hover {	
				background-color: #333;
				}
				
				#header ul li.current_page_item a, #header ul li.current_page_ancestor a {
					background:transparent url( images/menyicon.gif ) no-repeat 12px 16px;
					background-color: #333;
					}
				
		
		#content {
			width: 900px;
			margin: 0 auto 50px;
			}
			
			#entrys {
				float: left;
				width: 500px;
				margin-top: 20px;
				margin-bottom: 50px;
			}
			
			#content .post {
				margin: 0 50px 0 20px;
				padding: 20px 0;
				border-bottom: 1px dotted #ccc;
				}
			
			#content .page {
				margin: 0 50px 0 20px;
				}
				
			#content .page ul {
			border-top: 1px dotted #ccc;
			font-weight: bold;
			padding: 0; }
			
			#content .page li {
			border-bottom: 1px dotted #ccc;
			padding: 4px 0 4px 4px;
			margin: 0;
			list-style: none; }
			
		.page-template-page-programpunkt-php {
			background: #eee url(images/program_bg.gif) top left;
		}
		
		.page-template-page-programpunkt-php #entrys {
			color: #444;
			width: 900px;
			background: transparent url(images/program_linjer.gif) 50px 50px repeat-y;
			padding-bottom: 50px;
		}
		
		.page-template-page-programpunkt-php #content .page .event-text li {
			background-color: #fff;
			padding: 7px 0 7px 12px;
		}
		
		.page-template-page-programpunkt-php #entrys .event-text {
			padding-left: 70px;
			width: 500px;
			/* font-family: "ff-enzo-web-1","ff-enzo-web-2", HelveticaNeue-Light, HelveticaNeue, Helvetica, Trebuchet, sans-serif; */
			font-size: 16px;
			line-height: 28px;
		}
		
		.page-template-page-programpunkt-php #entrys .event-text img {
		display: block;
		border: 10px #fff solid;
		margin: 0 0 15px -70px;
		-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.3);
		-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.3);
		box-shadow: 0 1px 2px rgba(0,0,0,0.3);
		-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.3);
		box-shadow: 0 1px 2px rgba(0,0,0,0.3);
		}
		
		.page-template-page-programpunkt-php #entrys .event-text .column-wrapper {
			overflow: visible;
			display: block;
		}
		
		.page-template-page-programpunkt-php #entrys .event-text .column {
			overflow: visible;
			width: 300px;
		}
		
		.page-template-page-programpunkt-php #entrys .event-text .images {
		width: 200px;
		}
		
		.page-template-page-programpunkt-php .info-box {
			background-color: #fff;
			border: 1px #aaa dotted;
			color: #666;
			padding: 5px;
			width: 115px;
			margin-left: 470px;
			margin-top: 10px;
			position: absolute;
			z-index: 1000;
			text-align: center;
			-webkit-box-shadow: #aaa 0px 0px 3px;
			-moz-box-shadow: #aaa 0px 0px 3px;
			box-shadow: #aaa 0px 0px 3px;
			-webkit-transform: rotate(2deg); 
			-moz-transform: rotate(2deg);
		}	
		
		.info-box p {
		margin: 5px;}		
			
		.info-box .event-typ {
			font-weight: bold;
			text-transform: uppercase;
		}			
			
		.info-box .event-datum {
			font-weight: bold;
			font-size: 60px;
			line-height: 50px;
			color: #000;
		}
		
		.info-box .event-manad {
			font-weight: bold;
			text-transform: uppercase;
		}			
			
		.event-titel {
			font-family: "ff-enzo-web-1","ff-enzo-web-2", HelveticaNeue-Light, HelveticaNeue, Helvetica, Trebuchet, sans-serif;
			font-size: 22px;
			line-height: 28px;
			font-weight: 100;
			margin: 5px;
		}
		
		.program-main li a {
			border-bottom: none;
			margin: 0;
			padding: 0;
		}

		#sidebar {
			margin-left: 500px;
			padding: 1px 0;
			}
			
			#sidebar ul {
				list-style: none;
				width: 280px;
				}
				
				#sidebar ul li {
					margin: 40px 0;
					}
					
					#sidebar ul li div.textwidget ul {
						margin: 20px 0 0;
						padding: 0;
						}
					
						#sidebar ul li div.textwidget ul li {
							float: left;
							margin: 0 20px 30px 0;
							padding: 0;
							height: 50px;
							width: 120px;
							text-align: center;
							line-height: 50px;
							}
				
		#sidebar input {
			display: block;
			}
			
		#sidebar .medlem {
			border: 1px solid #d0d0d0;
			
			}

			#sidebar .medlem h2 {
				background: #802452;
				font-size: 18px;
				letter-spacing: 1px;
				color: #fff;
				font-weight: normal;
				font-style: normal;
				margin: 0;
				padding: 15px;
				}
				
			#sidebar .medlem p {
				padding: 0 10px;
				}

		#sponsorer {
			width: 400x;
			overflow:hidden;
			padding: 20px 0;
			}
			
			#sidebar #sponsorer li {
				float: left;
				height: 60px;
				width: 170px;
				margin: 0;
				text-align: center;
				}
		
		#sidebar fieldset {
			border: none;
			margin: 0;
			padding: 0;
			}
			
			#sidebar fieldset .mc_merge_var {
				padding-bottom: 5px;
				}
		

		#subnav {
			list-style: none;
			display: block;
			padding: 0 0 0 20px;
			}
			
			#subnav li {
				display: inline;
				margin: 0 20px 0 0;
				}


		#footer {
		font-size: 10px;
		margin-bottom: 50px;
		display: block;
		}

/* !Typography */


h1 {
	/* background:transparent url( images/ingressplutt.jpg ) no-repeat scroll 0 0; */
	font-size: 42px;
	line-height: 44px;
	/* padding-left: 20px; */
	margin-top: 30px;
	font-style: italic;
	font-weight: 100;
	}
	
h2 {
	font-family: "ff-enzo-web-1","ff-enzo-web-2", HelveticaNeue-Light, HelveticaNeue, Helvetica, Trebuchet, sans-serif;
	font-size: 28px;
	line-height: 30px;
	font-weight: 100;
	font-style: italic;
	padding-top: 0px;
	margin: 0;
	}
	
h3 {
	/* padding-top: 15px; */
	margin: 50px 0 25px 0;
	/* border-top: 1px dotted #ccc; */
	font-size: 12px;
	font-family: "ff-enzo-web-1","ff-enzo-web-2", HelveticaNeue-Light, HelveticaNeue, Helvetica, Trebuchet, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	background-color: #802452;
	width: auto;
	padding: 4px 10px;
	color: white;
	letter-spacing: 4px;
	}

h4 {
	background:transparent url( images/ingressplutt.jpg ) no-repeat scroll 0 0;
	font-size: 18px;
	line-height: 25px;
	padding-left: 20px; */
	margin-top: 30px;
	font-weight: bold;
	}
	
.page h1 {
	margin-left: -20px;
	}

/*	
.page-id-614 h2 {
	font-size: 28px;
	line-height: 30px;
	}
*/

/****************
     LÄNKAR
*****************/
a {
	color: #000;
	}

h2 a, h1 a, .page-id-614 a, #subnav a {
	text-decoration: none;
	border-bottom: none;
	}

#subnav .current_page_item a, #subnav .current_page_item {
	text-decoration: underline;
	}		

a img {
	border: none;
	}	
	
/****************
   SLUT LÄNKAR
*****************/
	
.page-id-614 ul {
	margin: 0;
	padding: 0;
	}
	
.page-id-614 #entrys li {
	width: 300px;
	list-style: none;
	border-bottom: 1px #ccc dotted;
	margin-bottom: 30px;
	padding-bottom: 10px;
	}
	
.page-id-614 #entrys li:hover {
	border-bottom: 5px #802452 solid;
	padding-bottom: 6px;
	}
	
.page-id-614 .info-box {
			padding: 5px;
			width: 115px;
			margin-left: 320px;
			margin-top: 0px;
			position: absolute;
			z-index: 1000;
			text-align: center;
			-webkit-box-shadow: #aaa 0px 0px 3px;
			-moz-box-shadow: #aaa 0px 0px 3px;
			box-shadow: #aaa 0px 0px 3px;
			-webkit-transform: rotate(2deg); 
			-moz-transform: rotate(2deg);
			float: right;
		}
	
.page-template-page-programpunkt-php h1 {
	font-size: 50px;
	line-height: 45px;
	background: none;
	font-weight: 100;
	margin-left: 0px;
	font-style: italic;
	background-color: #802452;
	padding: 20px 100px 20px 30px;
	width: 420px;
	-webkit-box-shadow: #aaa 0px 0px 10px;
	-moz-box-shadow: #aaa 0px 0px 10px;
	box-shadow: #aaa 0px 0px 10px;
	-webkit-transform: rotate(-3deg); 
	-moz-transform: rotate(-3deg);
}

.page-template-page-programpunkt-php h1 a {
	color: #fff;
	text-decoration: none;
	border-bottom: none;
}
	
.post .storytitle {
margin: 0;}

.handwritten {
font-family: "ff-market-web-1","ff-market-web-2", "Bradley Hand ITC", "Marker Felt", Georgia, serif;
}

.page-template-page-programpunkt-php h2.handwritten {
	font-family: "ff-market-web-1","ff-market-web-2", "Bradley Hand ITC", "Marker Felt", Georgia, serif;
	font-size: 32px;
	line-height: 15px;
	font-weight: normal;
	color: #802452;
	-webkit-transform: rotate(-5deg); 
	-moz-transform: rotate(-5deg);	
	border-top: none;
	margin-top: 15px;
	padding-left: 30px;
}
	

/****************
     SIDEBAR
*****************/

#sidebar .nasta-traff {
margin-top: 50px;
}

#sidebar legend {
	font-size: 13px;
	font-weight: bold;
	line-height: 18px;
	padding-left: 0;
	}
	
	
#sidebar .nasta-traff .handwritten {
	margin-top: 15px;
	font-family: "ff-market-web-1","ff-market-web-2", "Bradley Hand ITC", "Marker Felt", Georgia, serif;
	font-size: 42px;
	line-height: 15px;
	font-weight: normal;
	color: #802452;
	-webkit-transform: rotate(-5deg); 
	-moz-transform: rotate(-5deg);	
	border-top: none;
	margin: 0 0 10px 5px;
}

#sidebar .nasta-traff a {
font-family: Arial, Helvetica "Lucida Grande", Corbel, "Lucida Sans Unicode","Lucida Sans","DejaVu Sans","Bitstream Vera Sans","Liberation Sans",Verdana,"Verdana Ref",sans serif;
padding: 10px 15px;
-webkit-border-radius: 10px 10px;
-moz-border-radius: 15px;
border-radius: 15px;
-webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.3);
-moz-box-shadow: 0 2px 2px rgba(0,0,0,0.3);
box-shadow: 0 2px 2px rgba(0,0,0,0.3);
border: solid 1px #CCC;
background: -moz-linear-gradient(top, rgb(255,255,255), rgb(221,221,221)) #eee;
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(255, 255, 255)), to(rgb(221, 221, 221)));
color: #333;
text-decoration: none;
cursor: pointer;
display: inline-block;
text-align: center;
text-shadow: 0px 1px 1px rgba(255,255,255,1);
line-height: 1;
font-size: 16px;
margin-top: 5px;
font-weight: bold;
display: block;
}

#sidebar .nasta-traff a:hover {
background-color: #802452;
background: -moz-linear-gradient(top, rgb(235,165,200), rgb(200,130,160)) #d38caf;
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(235,165,200)), to(rgb(200,130,160)));
border: solid 1px #d38caf;
text-shadow: 0px 1px 1px rgba(0,00,1);
}

#sidebar .post {
	margin: 0 60px 0 40px;
	padding: 20px 0;
	border-bottom: 1px dotted #ccc;
}

.anmalan {
padding: 0 15px 15px 20px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
/* background-color: #eee; */
font-size: 13px;
line-height: 19px;}

.anmalan h2 {
margin: 0 0 25px 0;
border: none;
color: #802452;
-webkit-transform: rotate(-5deg); 
-moz-transform: rotate(-5deg);	
}

/****************
   SLUT SIDEBAR
*****************/
	
#content p.tagline {
	margin: 0 0 20px 20px;
	}	

#content p.date {
	text-transform: uppercase;
	letter-spacing: 3px;
	color: #aaa;
	margin-left: 0px;
	font-size: 0.82em;
	/* background: purple; */
		}
	
#content .post .meta {
	font-size: 0.78em;
	text-transform: uppercase;
	}
		
	#content .post .meta span {
		text-transform: lowercase;
		margin-left: 10px;
		}


/* ANMÄLNINGSFORMULÄR FÖR EVENT SAMT ATT BLI MEDLEM */

input[type="text"], textarea {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	}

#wpcf label, #mc_embed_signup label {
	clear: both;
	display: block;
	float: left;
	width: 350px;
	color: #333;
	font-size: 12px;
}

#wpcf input, #mc_embed_signup input[type="text"] {
	/* float: left; */
	font-size: 15px;
	width: 350px;
	padding: 10px;
	border: 1px solid #ccc;
	margin: 2px 5px 12px 0;
	display: block;
	clear: both;
}

#wpcf textarea, #mc_embed_signup textarea {
	width: 350px;
	height: 100px;
	padding: 1px;
	margin: 0 5px 10px 0;
}

#wpcf #contactsubmit, #mc_embed_signup #contactsubmit {
	margin-left: 250px;
	width: 200px;
	font-size: 20px;
}

#wpcf .spam-check, #mc_embed_signup .spam-check {
	width: 150px;
}

#wpcf .hidden {
visibility: hidden;}

#mc_embed_signup input[type="radio"] {
display: inline;
width: auto;
float: left;
}

#mc_embed_signup li {
display: block;}

#mc_embed_signup li label {
float: none;
display: inline;
}

#mc_embed_signup .input-group-label {
margin-bottom: 10px;}

#mc_embed_signup .input-group {
color: black;
clear: both;
display: block;
}

#mc_embed_signup .indicate-required {
color: #999;
float: right;
margin-top: 20px;
}

#mc_embed_signup fieldset, #boxed-in-form {
padding: 30px;
border: none;
/* background-color: #cde3cd; */
background-color: #f3d8ea;
-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

#mc_embed_signup input[type="submit"], #mc_embed_signup .button {
background-color: #fff;
}

#mc_embed_signup input[type="submit"]:hover, #mc_embed_signup .button:hover {
background-color: #802452;
}


/* !Agda form */

.page-template-agda-form-php {
	background: #000;
	}

#usermessagea {
		clear: both;
		color: #000000;
		float: right;
		font-size: 40px;
		margin-top: 140px;
		width: 400px;
		background: transparent;
}

#agda-form {
	width: 929px;
	height: 424px;
	background: url( images/maro-form.jpg ) no-repeat;
	margin: 50px auto;
	overflow: hidden;
	zoom: 1;
	font-family: Helvetica, Serif;
	}

	#cformsform, .pommfritt {
		width: 415px;
		float: right;
		clear: both;
		margin: 0;
		font-size: 17px;
		line-height: 20px;
		padding: 0;
		}
	
	.pommfritt {
		margin-top: 30px;
		}
		
		.pommfritt p {
			margin: 0;
			padding: 0;
			}	
			
	#agda-form li {
		float: left;
		width: 200px;
		margin-right: 30px;
		}
		
	#agda-form #li--5, #agda-form #li--6 {
		width: 405px;
		}
		
	#agda-form #li--5 label {
		float: left;
		}

	#agda-form #li--5 input {
		width: auto;
		float: left;
		}
		
	#agda-form #li--6 input, #agda-form #li--6 label {
		width: 360px;
		}
		
	#agda-form #li--7 {
		width: 405px;
		}
	
	#agda-form #li--7 textarea {
		padding: 10px;
		width: 360px;
		height: 100px;
		border: 3px solid #95720f;
		}	
			
	#agda-form label {
		display: block;
		text-align: left;
		padding: 5px 0;
		width: auto;
		font-size: 12px;
		line-height: 12px;
		}
		
		#agda-form label span {
			display: inline;
			}
	
	#agda-form input {
		border: 3px solid #95720f;
		padding: 5px 10px;
		width: 160px;
		font-size: 12px;
		}
	
	#agda-form #sendbutton {
		float: left;
		}
			
/***************************************
*****  NEWSLETTER ANMÄLAN FORM
****************************************/

div.wpcf7 {
	margin-left: 25px;
	padding: 0;
}

div.wpcf7-response-output {
	padding: 1em 1em;
	width: 190px;
}

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

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;
}

div.wpcf7 img.ajax-loader {
	border: none;
	vertical-align: middle;
	margin-left: 4px;
}

div.wpcf7 .watermark {
	color: #888;
}
		
input[type="submit"], .button {
background: #dedede url(../images/css/button_bg.png) -10px left repeat-x;
font-family: Arial, Helvetica "Lucida Grande", sans-serif;
font-weight: bold;
color: #333;
font-size: 16px;
margin-top: 10px;
border: none;
cursor: pointer;
padding: 10px 20px;
display: block;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
-webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.3);
-moz-box-shadow: 0 2px 2px rgba(0,0,0,0.3);
text-shadow: 0px 1px 1px rgba(0,0,0,0.2);
}


input[type="submit"]:hover, .button:hover, .button.iehover
{
	background: #802452 url(../images/css/button_bg.png) top left repeat-x;
	color: #fff;
	text-shadow: 0px 1px 1px rgba(0,0,0,0.5);
}

textarea {
border: 1px solid #ccc;
padding: 15px;
display: block;
width: 200px;
}

input[type="text"] {
border: 1px solid #ccc;
padding: 15px;
display: block;
}

.wpcf7 input[type="text"] {
border: 1px solid #ccc;
/* padding: 5px; */
display: inline;
float: right; 
width: 200px;
}

.form-fold-down input[type="text"] {
width: 169px;
}

.wpcf7 form p {
padding-bottom: 5px;
overflow: hidden;
}

.wpcf7 form label {
display: block;}

.wpcf7 form hr {
background: none;
border: none;
padding: 5px;
}

.wpcf7 form h5 {
font-size: 15px;
}

.form-fold-down {
width: 200px;
margin: 10px 0 10px 0;
padding: 10px;
background-color: #cde3cd; 
}