@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,700);

@import url(http://fonts.googleapis.com/css?family=Bilbo);

/* 

    Theme Name: Segla I Solen

    Theme URI: http://seglaisolen.murum.nu

    Description: En svenskseglingcharter som seglar i Medelhavet ( Turkiet / Kroatien / Grekland )

    Version: 0.3

    Author: Christoffer Rydberg

    Author URI: http://www.murum.nu

*/ 

html {

	height: 100%;

	background: url(pic/bg.png);

}



body {	

	background: rgb(255,255,255); /* Old browsers */

	/* IE9 SVG, needs conditional override of 'filter' to 'none' */

	background: url(data: image/svg+xml;

	base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlNWU1ZTUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);

	background: -webkit-linear-gradient(top, rgba(255,255,255,0.5) 0%, rgba(229,229,229, 0.5) 100%);

	background: -moz-linear-gradient(top, rgba(255,255,255,0.5) 0%, rgba(229,229,229, 0.5) 100%);

	background: -o-linear-gradient(top, rgba(255,255,255,0.5) 0%, rgba(229,229,229, 0.5) 100%);

	background: -ms-linear-gradient(top, rgba(255,255,255,0.5) 0%, rgba(229,229,229, 0.5) 100%);

	background: linear-gradient(top, rgba(255,255,255,0.5) 0%, rgba(229,229,229, 0.5) 100%); /* W3C */

	/* IE6-8 */

	min-height: 100%;

	height: auto !important;

	height: 100%;

	font-family: 'ColaborateRegular', Sans-Serif;

}



#wrapper {

	z-index: 2;

}



h1,h2,h3,h4,h5,h6 {

	color: rgba(0,0,0, .8);

	font-family: 'Open Sans';

}



h1 {

	font-size: 3em;

}



.logopic {

	margin-top: 20px;

}



h2 {	

	font-size: 2.4em;

	margin: 10px 0;

}



h3 {

	font-size: 2em;

	margin: -10px 0 10px;

	color: #CEA806;

}



h4 {

	font-size: 1.7em;

	margin: 5px 0;

}



h5 {

	font-size: 1.5em;

}



h6 {	

	font-size: 1.2em;

}



a:link, a:visited {

	text-decoration: none;

	color: #098FAC;

}



hr {

	width: 100%;

	border: none;

	border: 0;

	background: url('css/pic/hr.png') no-repeat;

	height: 40px;

	margin: 0.6em -10px;

	clear: both;

}



.topmargin {

	margin: 10px 0;

	font-size: 2.5em;      

}



.header {

	text-align: center;

	margin-top: 0;

}



.nav {

	margin: 0 10px;

}



.nav ul {

	list-style: none;

	font-family: 'Open Sans', sans-serif;

	padding: 0;

}



.nav ul li {

	text-align: left;

	font-size: 1.2em;

}



.skip-link {

	position:absolute;

        left:-9000px;

}



.menu ul, .footer_links {

	list-style: none;

	padding: 0;

	margin: 0;

}



.footer_links {

	margin-right: 20px;

}



.footerHr {

	margin: 0;

}



.footerHeader {

	font-size: 1em;

	margin: 1em 0;

}



a:link, a:visited{

	-webkit-transition: all 0.3s;

	-moz-transition: all 0.3s;

	-o-transition: all 0.3s;

	-ms-transition: all 0.3s;

	transition: all 0.3s;

	color: #098FAC;

	text-decoration: none;

}



a:hover, a:focus {

	cursor: pointer;

	color: #CEA806;

}



#content {

	width: 100%;

}



#main {

	margin: 0 0 0 7px;

    min-height: 200px;

}



#sidebar {

	width: 300px;

	margin: 0 0 20px 63px;

}



#sidebar h3, #sidebar h4 {

	font-family: 'Bilbo', cursive;

}



.program {

	padding: 10px;

	border-radius: 10px;

	background: url('css/pic/program_bg.png');

	border: 4px double #098fac;

}





.footer {

	color: #098FAC;

}



/* Menu */ 



.page_item {

	float:left;

	margin:0 20px 0 7px;

}



.current_page_item > a{

	text-decoration: underline;

	color: #CEA806;

}



/* SearchBOX */



.searchBox{

margin: 0 93px 0 0 ;

width: 150px;

float: right

}



.searchBox input {

	border-radius: 5px;

	padding: 5px;

	font-size: 1.4em;

	font-family: 'ColaborateRegular', Sans-Serif;

	background: transparent;

}



.searchBox input:focus {

	outline: none;

}



.searchBox input[type=submit]{

	color: #098FAC;

	border: none;

	-webkit-transition: all 0.6s;

	-moz-transition: all 0.6s;

	-o-transition: all 0.6s;

	-ms-transition: all 0.6s;

}



.searchBox input[type=submit]:hover{

	color: white;

	background: #098FAC;

}



.wpcf7-form input, .wpcf7-form textarea {

	padding: 6px;

	background: transparent;

	border: 1px dotted #aaa;

	color: #444;

}



.wpcf7 .wpcf7-form .wpcf7-submit {

	padding: 10px 20px;

	-webkit-transition: all 0.3s;

	transition: all 0.3s;

}



.wpcf7-submit:hover {

	background-color: #444;

	color: #e3e3e3;

}





/* HELP CSS */

.right {

	float: right;

}



.left {

	float: left;

}



.center {

	margin: 0 auto;

}















@keyframes "fade-in" {







 0% {







    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";







   	filter: alpha(opacity=0);







   	opacity: 0;







 }







 100% {







    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";







   	filter: alpha(opacity=100);







   	opacity: 1;







 }















}















@-moz-keyframes fade-in {







 0% {







   filter: alpha(opacity=0);







   opacity: 0;







 }







 100% {







   filter: alpha(opacity=100);







   opacity: 1;







 }















}















@-webkit-keyframes "fade-in" {







 0% {







   filter: alpha(opacity=0);







   opacity: 0;







 }







 100% {







   filter: alpha(opacity=100);







   opacity: 1;







 }















}















@-ms-keyframes "fade-in" {







 0% {







   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";







   filter: alpha(opacity=0);







   opacity: 0;







 }







 100% {







   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";







   filter: alpha(opacity=100);







   opacity: 1;







 }















}















@-o-keyframes "fade-in" {







 0% {







   filter: alpha(opacity=0);







   opacity: 0;







 }







 100% {







   filter: alpha(opacity=100);







   opacity: 1;







 }















}















.fade-in {







	-webkit-animation-name: reset, fade-in;







	-moz-animation-name: reset, fade-in;







	-ms-animation-name: reset, fade-in;







	-o-animation-name: reset, fade-in;







	animation-name: reset, fade-in;







	-webkit-animation-duration: 1.7s;















	-webkit-animation-timing-function: ease-in;







	-moz-animation-timing-function: ease-in;







	-ms-animation-timing-function: ease-in;







	-o-animation-timing-function: ease-in;







	animation-timing-function: ease-in;















	-webkit-animation-iteration-count: 1;







	-moz-animation-iteration-count: 1;







	-ms-animation-iteration-count: 1;







	-o-animation-iteration-count: 1;







	animation-iteration-count: 1;







}