/* ---( = begin gobal elements )------------------------------- */

.wrapper {width: 900px;
margin: 0 auto;
position: relative; }

.wrapper:after {/* Makes .wrapper expand to contain floats */
	content: ".";
display: block;
height: 0;
font-size: 0;
clear: both;
visibility: hidden; }

#header {padding: 0 0 0 0;
background: #fff; }

/*#header .logo, #header .logo:visited, #header .logo:hover, #header .logo:visited:hover {
	display: block;
	width: 330px;
	height: 105px;
	background: url(http://static.webdirections.org/wp-content/themes/webdirections/images/wdsouthlogo.png) no-repeat left center;
	text-indent: -200000em;
	overflow: hidden; }
*/

#header h1 {margin-top: 10px }

#header .logo, #header .logo:visited, #header .logo:hover, #header .logo:visited:hover {display:block;
width:auto;
height:115px;
background:url('//www.webdirections.org/wp-content/themes/webdirections/images/wdonlybig.png') no-repeat left center;
background-size: contain;
text-indent:-200000em;
overflow:hidden }

#upcoming-events {position: absolute;
top: 0;
right: 0;
width: 300px;
margin: 0 0 .5em 0; }

.seperator {clear: both;
margin: 0 auto;
padding: 0;
/*background: #f1f4f3;*/
position: relative;
background-image: url('//www.webdirections.org/images/black_twill30s.png');
background-repeat: repeat; }

.seperator p {width: 900px;
height: auto;
margin: 0 auto;
overflow: hidden;
position: relative;
border-left: 5px solid #fff;
border-right: 5px solid #fff; }

.seperator a {top: 0 !important;
position: absolute;
-webkit-transition: opacity 2s;
-moz-transition: opacity 2s;
-o-transition: opacity 2s;
-ms-transition: opacity 2s;
transition: opacity 2s; }

.seperator .strip {height: 10px;
overflow: hidden;
position: relative;
background-image: url('//www.webdirections.org/images/black_twill30.png');
background-repeat: repeat; 
opacity: .1}

#content {margin: 0 auto 0 auto;
padding: 1em 0 0 0;
background: #fff; }

#content .wrapper { }

.main {float: left;
width: 520px;
padding-bottom: 2em;
overflow: hidden; }

.sidebar {float: right;
width: 300px;
overflow: hidden;
padding-bottom: 2em; }

#content  #badge {padding: 4px;
width: 287px;
height: 160px;
border: solid 1px #bbb;
background-color: #fff;
position: fixed;
top: 450px;
z-index: 1;
-webkit-border-radius: .6em;
-moz-border-radius: .6em;
-o-border-radius: .6em;
-ms-border-radius: .6em;
border-radius: .6em;
-webkit-box-shadow: 1px 1px 2px #ddd;
-moz-box-shadow: 1px 1px 2px #ddd;
-o-box-shadow: 1px 1px 2px #ddd;
-ms-box-shadow: 1px 1px 2px #ddd;
box-shadow: 1px 1px 2px #ddd; }

#roadshowads {position: relative;
height: 165px;
/*	-webkit-border-radius: .6em;
-moz-border-radius: .6em;
-o-border-radius: .6em;
-ms-border-radius: .6em;
border-radius: .6em;
-webkit-box-shadow: 1px 1px 2px #ddd;
-moz-box-shadow: 1px 1px 2px #ddd;
-o-box-shadow: 1px 1px 2px #ddd;
-ms-box-shadow: 1px 1px 2px #ddd;
box-shadow: 1px 1px 2px #ddd;
width: 310px*/ }

#roadshowads a {position: absolute;
top: 10px; }

#roadshowads img {border: solid black 1px }

#roadshowads a {-webkit-transition: opacity 2s;
-moz-transition: opacity 2s;
-o-transition: opacity 2s;
-ms-transition: opacity 2s;
transition: opacity 2s; }

#content .sidewrap {position: relative;
z-index: 2;
padding-bottom:0;
border-bottom: none 0px;
background-color: #ffffff; }

#content .sidebar {position: relative;
z-index: 2;
padding-bottom:0;
overflow: visible; }

#jobs {background-color: #ffffff; }

#content .jobs-list {padding-bottom: 10px;
background-color: #ffffff;
margin-bottom:0 }

#content #jobs-list li {padding-bottom: 0 }

#bodge {/*width: 300px;
height: 58px;
background-image: url('//www.webdirections.org/wp-content/themes/webdirections/images/fader.png');
background-repeat: repeat-x;
background-position: bottom;
padding-bottom: 0;
z-index: 2;
position: relative;
*/
	display:none; }

#footer {clear: both;
overflow: hidden;
font-size: 0.95em;
line-height: 1.579em;
overflow: hidden; 
background-image: url('//www.webdirections.org/images/black_twill30.png');
background-repeat: repeat; } 

#footer * {color: #fff}

#footer form {padding-top: 1em}

#footer a:link, #footer a:visited {
color: blue;
font-weight: 400; } 


#footer .wrapper {}

#footer .box {float: left;
width: 260px;
margin-top: 35px;
margin-right: 30px;
padding-right: 10px; }

#footer .last {margin-right: 0;
padding-right: 0; }

#copyright {clear: both;
color: #444;
padding: 0 0 0 0;
margin: 0 0 5px 0; }

.main .photo, .main .avatar, .main .speaker {margin: .25em 21px 1.5em 0;
max-width: 33%;
float: left; }

#footer .more-link {margin-top: -1.5em; }

.main img, .main a img, /* .main iframe, .main video */ {margin: 0 auto;
background: #fff;
border: 1px solid #eee;
padding: 5px;
max-width: 506px;
/*box-shadow: 0 0 5px #ccc;
-moz-box-shadow: 0 0 5px #ccc;
-webkit-box-shadow: 0 0 5px #ccc;
-o-box-shadow: 0 0 5px #ccc;*/ }

.main figure {
	margin: 0 0 1em 0;
	max-width: 506px;
}

.main iframe[src*=vimeo] {
max-width: none
}

.main figcaption {
text-align: center;
font-weight: bold; }

.main a:hover img {border-color: #ccc; }

.main img {display: block; }

.main h4 + p>img {margin-top: 1em }

.page-nav {margin-top: 3em; }

.page-nav a + a {float: right; }

#wpstats {display: none; }

/*state of web design*/

.sotw .main {float: left;
width: 700px;
padding-bottom: 2em;
overflow: hidden; }

.sotw .main p, .sotw .main ul {width: 85% }

.sotw #content .wrapper {background: none; }

.sotw .sidebar {float: right;
width: 280px;
overflow: hidden;
padding-bottom: 2em; }

.sotw .wrapper {width: 1000px;
margin: 0 auto;
position: relative; }

/*banners*/

.event-banner {/*-webkit-border-radius: 1em;
-moz-border-radius: 1em;
-o-border-radius: 1em;
-moz-border-radius: 1em;
border-radius: 1em;
border-style: none;
box-shadow: 2px 2px 2px #bbb;
-webkit-box-shadow: inset 0 0 5px #bbb;
padding: .5em 1em;
*/
	margin-top: 1em; }

.event-banner a {display: inline!important;
padding: 0!important;
background: none!important; }

.event-banner h5 {margin-top: 0; }

#header .event-banner img {width: 50%; }

.newsletter {width: 135px;
height: 135px;
transition: all .5s;
-webkit-transition: all .5s;
-moz-transition: all .5s;
-o-transition: all .5s;
-ms-transition: all .5s;
margin-right: 12px;
padding: 15px;
float: left;
background: #39c; }

.newsletter:hover {cursor: pointer;
background: #ed1c24; }

.newsletter h4 {color: #fff;
font-size: 1.5em;
line-height: 1.5em; }

.newsletter-content {opacity: 0;
background: rgba(0,0,0,.7);
position: fixed;
top: 0;
left: 0;
margin: 0;
padding: 15% 25%;
width: 50%;
display: block;
height: 100%;
transition: all 1s;
-webkit-transition: all 1s;
-moz-transition: all 1s;
-o-transition: all 1s;
-ms-transition: all 1s;
pointer-events: none;
z-index: -99; }

.newsletter-content h5, .newsletter-content ul, .newsletter-content p, .newsletter-content ol {display: block;
background: #fafafa;
width: 600px;
margin: 0 auto;
padding: 0 15px; }

.newsletter-content ul, .newsletter-content p, .newsletter-content ol {padding-bottom: 1.5em; }

.newsletter-content h5:first-child {padding-top: 15px;
position: relative; }

.newsletter-content *:first-child {border-radius: 5px 5px 0 0; }

.newsletter-content *:last-child {border-radius: 0 0 5px 5px; }

.newsletter-content h5:first-child:after {content: "+";
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0.5);
font-size: 40px;
line-height: 40px;
font-weight: bold;
font-family: Helvetica, Arial, sans-serif;
text-align: center;
position: absolute;
top: -10px;
right: -10px;
cursor: pointer;
display: block;
height: 50px;
width: 50px;
z-index: 100;
background: #fafafa;
border-radius: 50px; }

.newsletter-content:after:hover {color: #39c; }

.newsletter-content h5 {color: #333;
margin-top: 0; }

.newsletter.active .newsletter-content {opacity: 1;
display: block;
pointer-events: auto;
z-index: 99; }

/*header */

#header #nav {margin-top:2em }

/*ads*/

body #bigfrontpagead, body #bigfrontpagead {display: block;
width: 860px;
color: #ffffff;
padding: 20px 0 0 20px;
position: relative;
background-repeat: repeat, no-repeat;
background-position: center center;
margin: 0 auto;
background-color: #000;
position: relative;
text-decoration: none;
overflow: hidden;
background-image: url('//www.webdirections.org/images/wds14bigad-2.jpg'); background-size: cover}

#bigfrontpagead h3, #bigfrontpagead h4, #bigfrontpagead h5 {
position: static;
font-family: "Helvetica Neue", Helvetica, Arial,  san-serif;
padding: .2em;
width: intrinsic;			/* Safari/WebKit uses a non-standard name */
position: relative;
z-index: 6
}

#bigfrontpagead h3 {font-family:  Futura, san-serif;
font-size: 3em;
font-weight: 700;
line-height: 1;
margin: 0 5% 0 0;
padding: 3px;
color: #fff; 
background-color: transparent;
text-transform: lowercase;
border: none;
width: 20%;
float:left;
font-style: normal;
text-align: center; }

#bigfrontpagead h3 span {
display: inline-block;
width: 34%;
text-align: center;
margin: 0 7.5% .25em 7.5%;
padding: 0 0 .1em 0;
line-height: .7;
border-bottom: solid 3px}

#bigfrontpagead h3 img {width: 100%}


#bigfrontpagead h4 {
font-size: 2.8em;
font-weight: 300;
line-height: 1;
margin: 0;
color: #fff; 
background-color: transparent;
float:left;
width:60%
}

#bigfrontpagead h5 {
margin-top: 0;
font-size: 2em;
background-color: transparent;
color: white;
text-transform: none;
font-weight: 200;
margin-bottom: 3px;
float:left;
width:60%}

#bigfrontpagead h5 strong{
font-size: 1.2em; }

#bigfrontpagead h6 {
margin-top: 0;
font-size: 1.7em;
background-color: transparent;
color: white;
text-transform: none;
font-weight: 200;
margin-bottom: 3px;
float:left;
width:60%}

#bigfrontpagead p {
margin-top: 0;
font-size: 1.4em;
background-color: transparent;
color: white;
font-weight: 200;
padding: .1em;
width: 50%;
border: none;
margin-left: 0;
margin-right: auto;
position: relative;
z-index: 6} 

#bigfrontpagead p:last-of-type {
margin-top: 0;
background-color: transparent;
color: white;
font-weight: 400;
text-align: right; 
width: 100%;
padding: 0 }


#bigfrontpagead p:last-of-type a {text-decoration: none;
color: #fff;
background-color: #39c;
padding: .5em 1em;
text-align: center;
z-index: 5;
position: static;
font-size: 1.2em; 
display: inline-block}

#bigfrontpagead a:hover {background-color: transparent; }

#bigfrontpagead .overlaylink, .sidebarad .overlaylink {
display: block;
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background-color: transparent;
z-index: 5
}

#bigfrontpagead .overlaylink {

background-image: url('//www.webdirections.org/images/black_twill30.png');
background-repeat: repeat; } 

#bigfrontpagead video {
display: block;
position: absolute;
width: 100%;
height: auto;
top: 0;
left: 0;
background-color: transparent;
z-index: 1
}

/*iframe big ad*/

.seperator > p {
	width: 100%;
	border: none
}

#bigiframead {
width: 100%;
margin: 0 auto;
height: 360px;
display: block;
max-width: 1300px
}


/*sidebar*/

.sidebarad {
display: block;
width: 290px;
background-image:  url('//www.webdirections.org/images/black_twill30.png'), url('//www.webdirections.org/images/wds14vertad-1.jpg');
background-size: auto, cover;
color: #ffffff;
padding: .1em 0 0 0;
font-family: Helvetica, Arial, sans-serif;
position: relative;
background-repeat: repeat, no-repeat;
background-position: center center;
border-style: none;
font-size: 1.2em; 
margin-bottom: 1.4em;
text-decoration: none;
overflow: hidden}

.sidebarad h3, .sidebarad h4, .sidebarad h5, .sidebarad h6 {
position: static;
font-family: "Helvetica Neue", Helvetica, Arial,  san-serif;
padding: .2em 5%;
width: intrinsic;			/* Safari/WebKit uses a non-standard name */
width: -moz-max-content;	/* Firefox/Gecko */
width: max-content;	/* Firefox/Gecko */
letter-spacing: -.01em;
line-height: 1
}

.sidebarad h3 {font-family: 'HelveticaMonospacedStd-Rg', Helvetica, Arial, san-serif;
font-size: 4em;
font-weight: 300;
line-height: 1;
margin: 0 auto;
padding: .1em 0;
color: #fff; 
background-color: transparent;
text-transform: uppercase;
border: none;
text-align: center; 
width: 80%;
}

.sidebarad h3 img {width: 100%}

.sidebarad h3 span {
display: inline-block;
text-align: left;
line-height: .7;
border-bottom: solid 1px;
font-style: normal;
margin-top: .5em;
padding-bottom: .1em;
margin-right: 8%;
margin-left: 8%
}

.sidebarad h4 {
margin-top: 0;
font-size: 1.6em;
font-weight: 400;
line-height: 1;
margin: 0 0 1px 0;
color: #fff; 
background-color: transparent;
}

.sidebarad h5, .sidebarad h6 {
font-size: 1em;
background-color: transparent;
color: white;
text-transform: none;
font-weight: 400;
}

.sidebarad h5 {
font-size: 1.1em; }

.sidebarad h6 {
padding-bottom: 1.2em; }

.sidebarad ul {
}

.sidebar .sidebarad p, .sidebar .sidebarad ul {
margin-top: 0;
font-size: 1em;
background-color: transparent;
color: white;
font-weight: 400;
padding: .2em 5%;
line-height: 1.3em;
margin-bottom: .5em}

.sidebar .sidebarad ul li {color: #fff}

#content .sidebarad p:last-of-type {
margin: 0;
background-color: transparent;
color: white;
font-weight: 400;
text-align: right; 
width: 100%;
padding: 0;
margin: 0; 
text-decoration: none}

.sidebarad p:last-of-type a  {text-decoration: none;
color: #fff;
background-color: #39c;
padding: .4em .4em;
margin: 0;
text-align: center;
z-index: 5;
position: static;
font-size: 1.2em; 
display: inline-block}

.sidebarad a:hover {background-color: transparent 
 } 

/*small ad*/

#topad {width: 260px;
background-image: url('//www.webdirections.org/wds13/images/6d64ff49.web_directions_sponsors_background.jpg');
background-color: #000;
background-size: 150%;
color: #ffffff;
padding: 5px 20px 5px 20px;
font-family: Helvetica, Arial, sans-serif;
position: absolute;
top: 0px;
background-repeat: no-repeat;
border-style: none;
font-size: 1.2em; }

#topad h3 {font-family: proxima-nova, Helvetica, Arial, sans-serif;
font-size: 1.2em;
font-weight: 400;
line-height: 1.1;
margin: 0 0 .3em 0;
padding-top: .3em;
color: #fff;
border: none }

#topad h3 span {color: #0097d2;
display: block }

#topad p {line-height: 1.1;
font-size: .9em;
color: #fff;
margin-bottom: .2em;
padding: 0 }

#topad p:last-of-type {
text-align: right; }

#topad>p:first-of-type {
margin: .4em 0;
text-align: left; }

#topad p.learnmore {text-align: right; }

#topad p>a:link, #topad p>a:visited {text-decoration: none;
color: #fff;
background-color: #0097d2;
padding: .2em .4em }

#topad a:link, #topad a:visited {
	text-decoration: none;
}

#topad label {
	display: inline-block;
	width: 20%;
	float: none
}

#topad input {
	display: inline-block;
	width: 70%;
	float: none
}

#topad button {
	display: inline-block;
margin-right:5%
}

#topad fieldset {
	margin-bottom:0
}

/*animations*/ 

#topad{
-webkit-animation-name: pan;
-webkit-animation-duration: 12s;
-webkit-animation-delay: 0s;
-webkit-animation-iteration-count: infinite;
-webkit-animation-timing-function: ease-in-out;
-webkit-animation-fill-mode: forward;
-webkit-animation-direction: alternate;
-moz-animation-name: pan;
-moz-animation-duration: 12s;
-moz-animation-delay: 0s;
-moz-animation-iteration-count: infinite;
-moz-animation-timing-function: ease-in-out;
-moz-animation-fill-mode: forward;
-moz-animation-direction: alternate;
animation-name: pan;
animation-duration: 12s;
animation-delay: 0s;
animation-iteration-count: infinite;
animation-timing-function: ease-in-out;
animation-fill-mode: forward;
animation-direction: alternate;
}

@keyframes pan {0% {

background-position: center left }

100% {background-position: center right }

}

@-webkit-keyframes pan {0% {

background-position: center left }

100% {background-position: center right }

}

@-moz-keyframes pan {0% {

background-position: center left }

100% {background-position: center right }

}


/*wdyk*/
.session-list {
	clear: both;
	overflow: hidden;
	position: relative;
	margin-top: 1em }
.main .session-list li {
	list-style: none;
	float: left;
	overflow: hidden;
	width: 239px;
	margin: -1px 21px 0 0;
	border-top: 1px solid #efefef; }
.session-list img {
	float: left;
	margin: 0 10px 0 5px;
	background: #fff;
	border: 1px solid #efefef;
	padding: 5px; }
.session-list a, .session-list a:visited {
	background-color: #ffffff;
	display: block;
	height: 77px;
	overflow: hidden;
	text-decoration: none;
	padding: 1em 0;
	-webkit-transition: background-color .5s; }
.session-list a:hover, .session-list a:visited:hover, .session-list a:focus, .session-list a:visited:focus {
	background-color: #efefef;
	text-decoration: none; }
.session-list a:hover img, .session-list a:visited:hover img, .session-list a:focus img, .session-list a:visited:focus img {
	border-color: #fff!important; }
.session-list .title {
	display: block;
	font-size: 1.2em; }
.session-list a .title, .session-list a:visited .title {
	color: #474c4e; }
.session-list .tags {
	font-size: 0.95em; } 

/*sidebar table*/

.sidewrap table {width: 300px;
border: solid thin #cecece;
background-color: #303030; }

.sidewrap tr {
border-bottom: solid thin #cecece
}

.sidewrap th {
font-weight: bold; 
background-color: transparent;
text-align: right; } 

.sidewrap th, .sidewrap td {
border: none;
color: #fafafa;
width: 49% }

.sidewrap table a:link, .sidewrap table a:visited {
text-decoration: none} 

/*sidebar wdyk*/

#wdyk {
background-color: #3f3f3f;
font-size: 1.2em; 
margin-bottom: 1.6em;
width: 300px;
padding: 0 0 .1em 0;
/*border: solid thin black*/}

#wdyk h5 {
background-color: #ed1c24;
padding: .3em;
color: #fff;
padding-left: 1em
}

#wdyk li a:link, #wdyk li a:visited {
text-decoration: none;
font-weight: bold; 
text-transform: uppercase} 

#wdyk ul {
margin: 1em;
}

#wdyk ul li{
list-style: none;
color: #ffffff;
padding: .2em 0;
overflow: auto;
background-image: none}


#wdyk li .button {
background-color: #118ac2;
color: #ffffff; 
padding: .2em .5em;
margin-left: .5em;
float: right;
display: inline-block;
vertical-align: middle;
text-transform: capitalize}

#wdyk .button:hover {
background-color: #3399cc;
}

#wdyk p {
	margin: 0;
color: #f4f4f4;
padding: 1em;
background-color: #4f4f4f; 
border-top: solid thin #333}

/*wdyk details*/

.main .wdyk-details {
font-size: 1.3em;
margin-bottom:  .3em;
margin-top:  1em;
padding: .5em}

.wdyk-details ul li {
list-style: none;
padding-bottom: .3em
}

.wdyk-details a:link, .wdyk-details a:visited {
font-weight: bold;
text-decoration: none}