/*
/////////////////////////////////////////////////////////////////////////

	Anything wider than 1300px
	
/////////////////////////////////////////////////////////////////////////
*/

/* ---------------------------------------------------------------------- 
  x  Layout
---------------------------------------------------------------------- */

.col.sidebar { width: 18%; }
.col.main { float: right; width: 82%; padding: 0; }
.main .ed { padding-left: 5.5%; }

/* Re-float inline ad */
div.ad { float:right; width:300px; }

/* ---------------------------------------------------------------------- 
  x  Author Bio
---------------------------------------------------------------------- */
.bio .gravatar {
	width: 15%;
}

.bio .gravatar img {
	margin-left:0;
}

.bio .about {
	width: 85%;
}

/* ---------------------------------------------------------------------- 
  x  Search box
---------------------------------------------------------------------- */

form#search input {
	width:85%;
}

form#search select,
form#search .selectmenu {
	right:18%;
}

form#search button {
	width:10%;
}

/* ---------------------------------------------------------------------- 
  x  Footer by Ryan Taylor
---------------------------------------------------------------------- */
#footer div {
	float: left;
	padding: 0 0 2em 5.5%;
	width: 14.5%;
}
	#footer div:nth-child(3n + 1) {
		clear: none;
	}
	
	nav.sections ul li ul li{display:block}
	nav.sections ul li ul{display:block}

	nav.sections ul{margin:auto; padding:0em 2.5% 0 5.5%; display:block;  border-bottom:none}
	nav.sections ul li{border:0; border-right:none; padding:0; float:none; display:block}

	nav.sections ul li a{font-size:1em; width:auto !important; text-decoration:none; border:0; margin:0; padding:0.75em 1em}
	nav.sections ul li.coding a{margin-left:auto}
	nav.sections ul li:last-child{border-right:0}
	nav.sections ul li ul li a{display:block; border:3px solid red}

	nav.toplevel{/*margin-right:450px;*/ width:100%}

	nav .network{width:50%}

	nav .network li.current{max-width:29%}

	nav .channels{float:right; margin-right:450px}

	nav.sections{border:none; margin:-1.3em 0 1em 0}

	nav.sections .mini{display:none}

	nav.sections ul{display:block; padding:0; margin-left:-1px}

	nav.sections ul li{border-left:1px solid rgba(0,0,0,0)}

	nav.sections ul li:hover{background:none}

	nav.sections ul li a{border-bottom:1px solid rgba(0,0,0,0.1); transition:border-color 0.2s; -moz-transition:border-color 0.2s; -ms-transition:border-color 0.2s; -o-transition:border-color 0.2s; -webkit-transition:border-color 0.2s; display:block; letter-spacing:0.25em; margin-top:2.5em; padding:0.25em 0.5em 0.25em 25%; text-transform:uppercase}

	nav.sections ul li:hover a{border-color:#e53b2c}

	nav.sections ul li.current a{background:#ff6; color:#444}
	nav.sections ul li a:hover{background:#ff6; color:#444}

	nav.sections ul li ul{padding-top:0; padding-left:0}

	nav.sections ul li ul li{border:none; display:block; margin-left:1px}

	nav.sections ul li ul li:hover{background:none; border:none}

	nav.sections ul li ul li a{border:none; color:rgba(0,0,0,0.5); display:block; letter-spacing:0; margin:0; padding-left:25%; text-transform:none; width:100%}

	nav.sections ul li.current ul li a{background:none; border:none; color:rgba(0,0,0,0.5)}

	nav.sections ul li.current ul li a:hover{background:#ff6; color:#444}

	nav.sections ul li.coding >a, 
	nav.sections ul li.design >a, 
	nav.sections ul li.graphics >a, 
	nav.sections ul li.ux >a, 
	nav.sections ul li.wordpress >a{width:100%; display:block}

	nav.sections ul li ul li a{transition:color 0.3s; -moz-transition:color 0.3s; -ms-transition:color 0.3s; -o-transition:color 0.3s; -webkit-transition:color 0.3s}

	nav.sections ul li:hover ul li a{color:rgba(0,0,0,0.75)}
	
	

#login-status
{
	position: absolute;
	top: -40px;
	margin: 0 5.5% 1em 0;
	text-align: right;
	left: 0;
	color: rgba(0, 0, 0, 0.25);
}

.actions
{
	top: -80px;
}

.promo
{
	top: 20px;
}

.promo_dh
{
	top: 20px;
}