/* 

Name: STYLES SHEET WPD2014 
Author: José V.
date: 14-04-2014
Email: jlvieitez@gmail.com

*/

* {
	margin: 0;
	padding: 0;
}

body {
	font-family: "Rosario";
	font-style: 1em;
}

	#wrap {
		width: 100%;
	}

		.wrapper {
			width: 100%;
		}

		.wnav {
			position: fixed;
			z-index: 1000;
			background-color: #333;
			border-bottom: 10px solid #ffa100;
		}

			.wnav nav {
				position: relative;
				margin: 0 auto;
				width: 1000px;
			}

				.wnav nav ul.menu {
					margin: 0 auto;
					list-style: none;
					text-align: center;
				}

					.wnav nav ul.menu li {
						display: inline-block;
					}

						.wnav nav ul.menu li a {
							display: block;
							padding: 10px;
							color: #eee;
							font-size: 1em;
							font-weight: 700;
							text-decoration: none;
							text-transform: uppercase;
						}

						.wnav nav ul.menu li a:hover {
							color: #aaa;
						}

				.wnav nav ul.social {
					position: absolute;
					top: 0;
					right: 0;
					text-align: right;
					list-style: none;
				}

					.wnav nav ul.social li {
						float: right;
						list-style: none;
					}

						.wnav nav ul.social li a {
							padding: 10px 5px 10px 5px;
							float: left;
							-o-transition: .3s;
							-ms-transition: .3s;
							-moz-transition: .3s;
							-webkit-transition: .3s;
							transition: .3s;
						}

						.wnav nav ul.social li a:hover {
							padding: 15px 5px 10px 5px;
						}

						.wnav nav ul.social li a.github {
							background-color: #fff
						}

						.wnav nav ul.social li a.twitter {
							background-color: #57ADDE
						}

						.wnav nav ul.social li a.facebook {
							background-color: #375798;
						}

		.wheader {
			background-color: #2086bf;
		}

			.wheader header {
				margin: 0 auto;
				padding: 50px 0 0 0;
				width: 1000px;
				text-align: center;
			}

				.wheader header figure {
					display: inline-block;
					margin-top: 50px;
					width: 100%;
				}

					.wheader header figure img {
						width: auto;
					}

				.wheader header p {
					display: inline-block;
					margin: 50px 80px;
					color: #eee;
					font-size: 1.5em;
					font-weight: 700;
					text-shadow: 1px 1px 1px #555;
					text-align: center;
				}

				.wheader header a.signup {
					margin: 0;
					padding: 10px 30px;
					color: #333;
					font-size: 1.7em;
					text-decoration: none;
					-webkit-border-radius: 15px;
					-moz-border-radius: 15px;
					border-radius: 15px;
					background: #f2be4a; /* Old browsers */
					background: -moz-linear-gradient(top,  #f2be4a 0%, #ffa100 100%); /* FF3.6+ */
					background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2be4a), color-stop(100%,#ffa100)); /* Chrome,Safari4+ */
					background: -webkit-linear-gradient(top,  #f2be4a 0%,#ffa100 100%); /* Chrome10+,Safari5.1+ */
					background: -o-linear-gradient(top,  #f2be4a 0%,#ffa100 100%); /* Opera 11.10+ */
					background: -ms-linear-gradient(top,  #f2be4a 0%,#ffa100 100%); /* IE10+ */
					background: linear-gradient(to bottom,  #f2be4a 0%,#ffa100 100%); /* W3C */
					filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2be4a', endColorstr='#ffa100',GradientType=0 ); /* IE6-9 */
				}

				.wheader header a.signup:hover {
					background: #f2be4a; /* Old browsers */
					background: -moz-linear-gradient(top,  #f2be4a 0%, #ca7c00 100%); /* FF3.6+ */
					background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2be4a), color-stop(100%,#ca7c00)); /* Chrome,Safari4+ */
					background: -webkit-linear-gradient(top,  #f2be4a 0%,#ca7c00 100%); /* Chrome10+,Safari5.1+ */
					background: -o-linear-gradient(top,  #f2be4a 0%,#ca7c00 100%); /* Opera 11.10+ */
					background: -ms-linear-gradient(top,  #f2be4a 0%,#ca7c00 100%); /* IE10+ */
					background: linear-gradient(to bottom,  #f2be4a 0%,#ca7c00 100%); /* W3C */
					filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2be4a', endColorstr='#ca7c00',GradientType=0 ); /* IE6-9 */
				}

				.wheader header .btnsocial {
					display: block;
					margin: 0 auto;
					width: 205px;
					height: 100px;
					text-align: center;
				}

					.wheader header .btnsocial .twitterbtn,
					.wheader header .btnsocial .facebookbtn {
						float: left;
						margin: 0 0 0 20px;
					}

					.wheader header .btnsocial .twitterbtn {
						margin-top: 7px;
					}

					.wheader header .btnsocial .facebookbtn {
						margin-top: 8px;
					}

		.wcontent {
			min-height: 300px;
			background-color: #fff;
			text-align: center;
		}

			.wcontent section {
				display: inline-block;
				margin: 50px auto 0;
				padding: 50px;
				width: 1000px;
				background-color: #eee;
				text-align: left;
			}

				.wcontent section h1 {
					display: block;
					margin-bottom: 40px;
					color: #235588;
					font-size: 2em;
				}

				.wcontent section p {
					margin: 20px 0;
					color: #333;
				}

				.wcontent section iframe {
					display: block;
					margin-right: 50px;
					border: 5px solid #ddd !important;
				}

				.wcontent section address {
					display: block;
				}

					.wcontent section address p {
						font-size: 1.1em;
					}

						.wcontent section address p span {
							color: #aaa;
							font-size: 1.3em;
						}

				.wcontent section .speaker {
					margin: 0 24px 50px;
					padding: 30px;
					float: left;
					width: 390px;
					min-height: 100px;
					background-color: #fff;
					-webkit-box-shadow: 1px 1px 2px 0px rgba(100, 100, 100, 0.65);
					-moz-box-shadow: 1px 1px 2px 0px rgba(100, 100, 100, 0.65);
					box-shadow: 1px 1px 2px 0px rgba(100, 100, 100, 0.65);
					opacity: .8;
					-webkit-filter: grayscale(100%);
					-moz-filter: grayscale(100%);
					-ms-filter: grayscale(100%);
					-o-filter: grayscale(100%);
					filter: grayscale(100%);
					filter: gray; /* IE 6-9 */
					-o-transition: .3s;
					-ms-transition: .3s;
					-moz-transition: .3s;
					-webkit-transition: .3s;
					transition: .3s;
				}

				.wcontent section .clear-both {
					clear: both;
				}

				.wcontent section .speaker:hover {
					opacity: 1;
					-webkit-filter: grayscale(0%);
					-moz-filter: grayscale(0%);
					-ms-filter: grayscale(0%);
					-o-filter: grayscale(0%);
					filter: grayscale(0%);
					filter: gray; /* IE 6-9 */
				}

					.wcontent section .speaker .speech {
						display: inline-block;
						margin-bottom: 20px;
					}

						.wcontent section .speaker .speech span {
							margin: 0 15px 0 0;
							padding: 5px 10px;
							float: left;
							color: #eee;
							font-size: 1.5em;
							font-weight: 700;
							background-color: #235588;
							-webkit-border-radius: 10px;
							-moz-border-radius: 10px;
							border-radius: 10px;
						}

						.wcontent section .speaker .speech h3 {
							float: left;
							width: 290px;
							color: #333;
							font-size: 1.3em;
						}

					.wcontent section .speaker h2 {
						color: #777;
						font-size: 1.2em;
					}

						.wcontent section .speaker h2 span,
						.wcontent section .speaker span a,
						.wcontent section .speaker span a:link,
						.wcontent section .speaker span a:visited,
						.wcontent section .speaker span a:active {
							color: #235588;
							text-decoration: none;
						}

						.wcontent section .speaker span a:hover {
							text-decoration: underline;
						}

					.wcontent section .speaker p {
						color: #333;
						font-size: .9em;
					}

						.wcontent section .speaker p a,
						.wcontent section .speaker p a:visited,
						.wcontent section .speaker p a:active,
						.wcontent section .speaker p a:link {
							color: #235588;
						}

						.wcontent section .speaker p img {
							margin: 0 0 10px 10px;
							float: right;
							width: 120px;
							height: 120px;
							border: 5px solid #ddd;
							-webkit-border-radius: 15px;
							-moz-border-radius: 15px;
							border-radius: 15px;
						}

				.wcontent section .c-img-sponsors {
					display: inline-block;
					padding: 10px;
					background-color: #ddd;
				}

				.wcontent section .c-img-organizers {
					display: inline-block;
					padding: 10px;
					background-color: #235588;
				}

					.wcontent section .c-img-sponsors img {
						display: block;
						padding: 10px;
						background-color: #fff;
					}

					.wcontent section .c-img-organizers img {
						display: block;
						padding: 10px;
						background-color: #fff;
					}

		.wfooter {
			background-color: #333;
			border-top: 10px solid #235588;
		}

			.wfooter footer {
				display: block;
				margin: 0 auto;
				width: 1000px;
				text-align: center;
			}

				.wfooter footer p {
					display: inline-block;
					margin: 30px 0;
					color: #eee;
				}