html { background:url(../img/bkgs/bkg_smoky_cords.jpg) top left repeat #E3E3E3; }
body { background:none; }


p { line-height:1.6em; }


.font_styled { font-family: "Droid Serif", "Merriweather", "Georgia", "Times New Roman"; }

.section { overflow:hidden; margin:3em 0; position:relative; }
.section .wid1 { float:left; position:relative; width:300px; margin:0 10px; }
.section .wid2 { float:left; position:relative; width:620px; margin:0 10px; }
.section .wid3 { float:left; position:relative; width:100%; margin:0 10px; }

#wrap { max-width:960px; margin: 0 auto; }
#drop {
	background:#444444; padding:0.5em 0;
	position:absolute; top:0px; width:100%;
}
#drop .drop_container { display:none; }









/*
 * Header section
 */

#head .section { border-bottom: 1px solid #E9E9E9; margin-bottom:3em; }
#head .section .logo { background:url(../img/logo.png) no-repeat left; padding-left:70px; }
#head .section .logo h1 a {
	font-weight: normal;
	color: #555;
	text-decoration: none;
	text-shadow: 2px 2px 0px rgba(125, 125, 125, .25);
}
#head .section .logo h2 {
	text-transform: uppercase;
	margin: .8em 0 1em 0;
	font-size: .9em;
	line-height: 1em;
}



/**
 * Featured features section
 */

.feature_image {  }
.feature_image img { width:100%; }
.title { text-align: center; font-size:1.2em; }
.title h2 { margin-top:0.4em; }
.title .tagline { font-style: italic; }
.title a { width:60%; margin:0 auto; }

.featured .feature img { width:100%; margin-bottom:1em; }
.featured h4 {
	font-family: "Open Sans", Helvetica, Arial, sans-serif; font-size: 1.3em;
	letter-spacing: -1px;
	font-style: normal;
	margin-bottom:12px;
}
.featured h4 a { text-decoration:none; color:#333333; }



/**
 * Features section
 */
.section.features .list li span { line-height:29px; display:block; }
.section.features .list li img { float:left; margin-right:1em; }


/**
 * Embedding section
 */
.code_generator form { width: 220px; margin: 0 auto; }
.code_generator form button { margin-right:auto; margin-left:auto; }
.code_generator .result textarea { width:100%; height:100px; }
.code_generator .result p { font-size:0.9em; }



/**
 * Enabling section
 */
.kiwi_enable form { width: 220px; margin: 0 auto; }
.kiwi_enable form button { margin-right:auto; margin-left:auto; }
.network_included img { border:2px solid #555; display:block; margin:1em auto 2em auto; }




/**
 * Blog stuff
 */
/* BLOG LIST - Widget Style */
.bloglist article {
	clear:both;
	margin:1em 0 0 0;
	padding-bottom:1em;
	border-bottom:1px dotted #eee;
}
.bloglist article h1 {
	font-size:1.1em;
	line-height:1.2em;
	margin-bottom:.2em;
	letter-spacing:-1px;
}
.bloglist article img {
	display:block;
}
.bloglist .entry-meta{
	border:1px dotted #efefef;
	border-width: 0 0 1px 0px;
	font-size:.8em;
	border-color: #d9d9d9;
	line-height:1.8em;
	padding-bottom:.3em;
	margin-bottom:1em;
	
	float:left;
	width:100%;
	color:#aaa;
	clear: both;
}
.bloglist header .entry-meta a,
.bloglist header .entry-meta time{
	color:#777;
	text-decoration:none;
	text-transform:uppercase;
	font-weight:bold;
}

.bloglist .entry-meta a {
	color: #777;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: bold;
}
.bloglist .entry-excerpt {
	font-size:1em;
}
.bloglist .entry-excerpt p {
	margin-bottom:0;
}





/* Horizontal Rules & Divisions */
hr {
	border: solid #DDD;
	border-width: 1px 0 0;
	clear: both;
	margin: 10px 0 30px;
	height: 0;

	border-color: #E0E0E0 white #F9F9F9 white;
	border-bottom-width: 1px;
}
hr.stripes{
	height:10px;
	background: transparent url(../img/stripes_small_05.png) top left repeat;
	border: none;
}
hr.fat{
	border-top:4px solid #efefef;
}
hr.mini{
	width:30%;
	margin:1em auto 2.6em auto;
	display:block;
}








		nav.main-nav{
			font-size:100%;
			position:relative;
		}
		nav.main-nav.nav-default-right {	
			position:absolute;
			bottom:0px;
			right:0px;
		}

		/* All Levels */
		nav.main-nav ul{
			margin:0px;
			padding:0px;
			display:block;
		}
		nav.main-nav ul li a{
			text-decoration:none;
			color:#444;
			white-space: nowrap;
			font-size:.9em;
		}

		/* Top Level */
		nav.main-nav.nav-default-right > ul{
			float:right;
			
		}
		nav.main-nav > ul > li{
			display:inline-block;
			padding:0 0 12px 0;
			margin:0 1.2em;
			position:relative;
		}
		nav.main-nav ul li.agileHover,
		nav.main-nav ul li:hover{
			z-index:30;
		}
		nav.main-nav > ul > li > a{
			color:#666;
			
			border-top:3px solid #FEFEFE;
			border-top:3px solid transparent;
			-moz-transition: all .1s ease-in-out;
			-webkit-transition: all .1s ease-in-out;
			-o-transition: border-color, color, padding-top .1s ease-in-out; /* Opera likes to be theatrical with font size, so we can't use 'all' */
			transition: all .1s ease-in-out;
			
			font-style:italic;
		}
		nav.main-nav > ul > li:hover > a,
		nav.main-nav > ul > li > a:hover{
			border-color:#aaa;
			padding-top:.3em;
			color:#000;
		}
		nav.main-nav > ul > li.current-menu-item > a,
		nav.main-nav > ul > li.current-menu-parent > a,
		nav.main-nav > ul > li.current-menu-ancestor > a{
			border-color:#efefef;
			padding-top:.3em;
			color:#555;
		}
		nav.main-nav > ul > li:nth-of-type(1):hover a,
		nav.main-nav > ul > li:nth-of-type(1) > a:hover{
			border-color:#8a48de;
		}
		nav.main-nav > ul > li:nth-of-type(2):hover a,
		nav.main-nav > ul > li:nth-of-type(2) > a:hover{
			border-color:#de341b;
		}
		nav.main-nav > ul > li:nth-of-type(3):hover a,
		nav.main-nav > ul > li:nth-of-type(3) > a:hover{
			border-color:#64a330;
		}
		nav.main-nav > ul > li:nth-of-type(4):hover a,
		nav.main-nav > ul > li:nth-of-type(4) > a:hover{
			border-color:#1257a2;
		}
		nav.main-nav > ul > li:nth-of-type(5):hover a,
		nav.main-nav > ul > li:nth-of-type(5) > a:hover{
			border-color:#8a48de;
		}
		nav.main-nav > ul > li:nth-of-type(6):hover a,
		nav.main-nav > ul > li:nth-of-type(6) > a:hover{
			border-color:#de341b;
		}





/* #Buttons
================================================== */

a.button,
button,
input[type="submit"],
input[type="reset"],
input[type="button"] {
	background: #eee; /* Old browsers */
	background: #eee -moz-linear-gradient(top, rgba(255,255,255,.1) 0%, rgba(0,0,0,.1) 100%); /* FF3.6+ */
	background: #eee -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.1)), color-stop(100%,rgba(0,0,0,.1))); /* Chrome,Safari4+ */
	background: #eee -webkit-linear-gradient(top, rgba(255,255,255,.1) 0%,rgba(0,0,0,.1) 100%); /* Chrome10+,Safari5.1+ */
	background: #eee -o-linear-gradient(top, rgba(255,255,255,.1) 0%,rgba(0,0,0,.1) 100%); /* Opera11.10+ */
	background: #eee -ms-linear-gradient(top, rgba(255,255,255,.1) 0%,rgba(0,0,0,.1) 100%); /* IE10+ */
	background: #eee linear-gradient(top, rgba(255,255,255,.1) 0%,rgba(0,0,0,.1) 100%); /* W3C */
	
	box-shadow:inset 0px 1px 1px rgba(255,255,255,.6);
	
	text-transform:uppercase;
	
	-moz-border-radius: 1px;
	-webkit-border-radius: 1px;
	border-radius: 1px;
	
	color: #666;
	font-family: "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; 

	-webkit-transition:all .2s ease-in-out;
	-o-transition:all .2s ease-in-out;
	-moz-transition:all .2s ease-in-out;
	transition:all .2s ease-in-out;

	line-height:2em;
}

a.button:hover,
button:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover {
	color: #222;
	background: #e6e6e6; /* Old browsers */
	background: #e6e6e6 -moz-linear-gradient(top, rgba(255,255,255,.1) 0%, rgba(0,0,0,.1) 100%); /* FF3.6+ */
	background: #e6e6e6 -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.1)), color-stop(100%,rgba(0,0,0,.1))); /* Chrome,Safari4+ */
	background: #e6e6e6 -webkit-linear-gradient(top, rgba(255,255,255,.1) 0%,rgba(0,0,0,.1) 100%); /* Chrome10+,Safari5.1+ */
	background: #e6e6e6 -o-linear-gradient(top, rgba(255,255,255,.1) 0%,rgba(0,0,0,.1) 100%); /* Opera11.10+ */
	background: #e6e6e6 -ms-linear-gradient(top, rgba(255,255,255,.1) 0%,rgba(0,0,0,.1) 100%); /* IE10+ */
	background: #e6e6e6 linear-gradient(top, rgba(255,255,255,.1) 0%,rgba(0,0,0,.1) 100%); /* W3C */
	
	background: #e6e6e6 -webkit-linear-gradient(top, rgba(255,255,255,.1) 0%,rgba(0,0,0,.1) 100%); /* Chrome10+,Safari5.1+ */
}

.button-large,
a.button-large,
input[type="submit"].button-large,
input[type="reset"].button-large,
input[type="button"].button-large{
	padding:1em;
	font-size:1.5em;
	line-height:normal;
}

.button-full,
a.button-full,
input[type="submit"].button-full,
input[type="reset"].button-full,
input[type="button"].button-full{
	display:block;
	text-align:center;
	clear:both;
}

.button-green,
a.button-green,
input[type="submit"].button-green,
input[type="reset"].button-green,
input[type="button"].button-green{
	background-color:#9CEF6C;
	color:#369100;
	border:1px solid #47A211;
	border-top-color:#58B322;
	border-left-color:#58B322;
	
	text-shadow: 0 1px rgba(255, 255, 255, .4);
	box-shadow:inset 0px 1px 1px rgba(255,255,255,.3);
}
.button-green:hover,
a.button-green:hover,
input[type="submit"].button-green:hover,
input[type="reset"].button-green:hover,
input[type="button"].button-green:hover{
	background-color:#8BDE5B;
	color:#147000;
	border:1px solid #369100;
	border-top-color:#58B322;
	border-left-color:#58B322;
}

.button-blue,
a.button-blue,
input[type="submit"].button-blue,
input[type="reset"].button-blue,
input[type="button"].button-blue{
	background-color:#73B8FF;
	color:#165DA6;
	border:1px solid #0D58A6;
	border-top-color:#4188D3;
	border-left-color:#4188D3;
	
	text-shadow: 0 1px rgba(255, 255, 255, .4);
	box-shadow:inset 0px 1px 1px rgba(255,255,255,.3);
}

.button-blue:hover,
a.button-blue:hover,
input[type="submit"].button-blue:hover,
input[type="reset"].button-blue:hover,
input[type="button"].button-blue:hover{
	background-color:#44A0FF;
	color:#04376C;
	border:1px solid #0D58A6;
	border-top-color:#4188D3;
	border-left-color:#4188D3;
}

.button-red,
a.button-red,
input[type="submit"].button-red,
input[type="reset"].button-red,
input[type="button"].button-red{
	background-color:#ef452c;
	color:#901B09;
	border:1px solid #901B09;
	border-top-color:#B23D2B;
	border-left-color:#B23D2B;
	
	text-shadow: 0 1px rgba(255, 255, 255, .2);
	box-shadow:inset 0px 1px 1px rgba(255,255,255,.3);
}

.button-red:hover,
a.button-red:hover,
input[type="submit"].button-red:hover,
input[type="reset"].button-red:hover,
input[type="button"].button-red:hover{
	background-color:#de341b;
	color:#700907;
	border:1px solid #901B09;
	border-top-color:#B23D2B;
	border-left-color:#B23D2B;
}

.button-grey,
a.button-grey,
input[type="submit"].button-grey,
input[type="reset"].button-grey,
input[type="button"].button-grey{
	background-color:#666;
	color:#222;
	border:1px solid #333;
	border-top-color:#555;
	border-left-color:#555;
	
	text-shadow: 0 1px rgba(255, 255, 255, .2);
	box-shadow:inset 0px 1px 1px rgba(255,255,255,.2);
}

.button-grey:hover,
a.button-grey:hover,
input[type="submit"].button-grey:hover,
input[type="reset"].button-grey:hover,
input[type="button"].button-grey:hover{
	background-color:#555;
	color:#000;	
	border:1px solid #333;
	border-top-color:#555;
	border-left-color:#555;
}

.button-purple,
a.button-purple,
input[type="submit"].button-purple,
input[type="reset"].button-purple,
input[type="button"].button-purple{
	background-color:#A67FE2;
	color:#3A0D80;
	border:1px solid #3A0D80;
	border-top-color:#804BD1;
	border-left-color:#804BD1;
	
	text-shadow: 0 1px rgba(255, 255, 255, .2);
	box-shadow:inset 0px 1px 1px rgba(255,255,255,.2);
}

.button-purple:hover,
a.button-purple:hover,
input[type="submit"].button-purple:hover,
input[type="reset"].button-purple:hover,
input[type="button"].button-purple:hover{
	background-color:#905CE2;
	color:#290C70;
	border:1px solid #3A0D80;
	border-top-color:#804BD1;
	border-left-color:#804BD1;
	
	text-shadow: 0 1px rgba(255, 255, 255, .2);
	box-shadow:inset 0px 1px 1px rgba(255,255,255,.2);
}

.button-yellow,
a.button-yellow,
input[type="submit"].button-yellow,
input[type="reset"].button-yellow,
input[type="button"].button-yellow{
	background-color:#FFE373;
	color:#A68916;
	border:1px solid #C8AB38;
	border-top-color:#FFD945;
	border-left-color:#FFD945;
	
	text-shadow: 0 1px rgba(255, 255, 255, .4);
	box-shadow:inset 0px 1px 1px rgba(255,255,255,.4);
}

.button-yellow:hover,
a.button-yellow:hover,
input[type="submit"].button-yellow:hover,
input[type="reset"].button-yellow:hover,
input[type="button"].button-yellow:hover{
	background-color:#FFD945;
	color:#957805;
	border:1px solid #A68916;
	border-top-color:#FFD945;
	border-left-color:#FFD945;
	
}

.button-lighttext,
a.button-lighttext,
input[type="submit"].button-lighttext,
input[type="reset"].button-lighttext,
input[type="button"].button-lighttext{
	color:#f9f9f9 !important;
	text-shadow:0px -1px 1px rgba(0,0,0,.3) !important;
}



/* #Tabs
============================================= */

ul.tabs{
	margin-top:2em;
}
ul.tabs:after { }
ul.tabs li a{
	background:#f5f5f5 url(../img/bkgs/stripes_tiny_05.png) repeat;
}
ul.tabs li a.active{
	border-top:2px solid #444;
	top:-5px;
}
ul.tabs-content{
	border-bottom:1px solid #eee;
	padding-bottom:1em;
	margin-bottom:2em;
}
ul.tabs-content li{
	font-size:.9em;
}







.alert,
div.wpcf7-response-output{
	padding:10px 10px 10px 40px;
	/*font-size:11px;*/
	margin:20px 0px 10px 0px;
}
.alert p,
.alert h6,
.alert h5,
.alert h4{
	color:inherit;
}
.alert h6 {
	font-weight:bold;
}
.alert p{
	margin-bottom:0;
	color:inherit !important;
}
.alert-notification,
div.wpcf7-response-output{
	color: #4F8A10;
	background: #DFF2BF url(../img/icons/tick_green.png) 15px 13px no-repeat;
	border: 1px solid #4F8A10;
}
.alert-warning,
div.wpcf7-response-output.wpcf7-validation-errors{
	border:1px solid #DDB723;	
	background: #FFEA73 url(../img/icons/warning.png) 15px 13px no-repeat;
	color: #A63C00;
}
.alert-error,
.wpcf7-response-output.wpcf7-mail-sent-ng{
	color: #D8000C;
	background: #FFBABA url(../img/icons/cross.png) 15px 13px no-repeat;
	border: 1px solid #D8000C;	
	text-shadow:none;
}









/* #Main account navigation
================================================== */
.account_sections_nav { float:left; margin-bottom:1em; }
.account_sections_nav .items {
    z-index:1; display:none;
    position:absolute; width:200px;
    border:1px solid #444444;
    border-top:none;
    border-radius:0 0 5px 5px;
}
.account_sections_nav .items a {
    display:block;
    background:#444444; color:#ffffff;
    text-decoration:none;
    padding:5px 1em;
}
.account_sections_nav .items a:hover { background:#f4f4f4; color:#444444; }
.account_sections_nav:hover .items { display:block; }

.account_sections_nav h4:after {
    font-family: "FontAwesome";
    color: #c0c4c7;
    /*font-size: 1em;*/						/*changed to ems*/
    /*line-height: 2.5em;*/					/*exactly the same as the parent - so everything aligns vertically*/
    content: "\f0dc";
    text-shadow: 0 0 .05em #222427;		/*changed to ems*/
    float: right;
    margin-right: -1em;					/*changed to ems*/
    margin-top: 4px;					/*won't need this, we've specified the lineheight for vertical aligning*/
}




/* Doc pages */
.markdown ul { list-style: circle outside; }
.markdown li { margin-left:2em; }
.markdown blockquote { background:#ffffff; border-left-width:4px; }
.markdown pre {
	overflow: auto;
	word-wrap: normal;
	border: 1px solid #ccc;
	border-radius: 2px;
	box-shadow: inset 0 0 .5em #ccc;
	padding: .7em 1em;
}
.markdown code {
	font-size: 12px;
	direction: ltr;
	text-align: left;
	background-color: #fbfaf9;
	color: #333;
	box-shadow: inset 0 0 .3em #ccc;
	border-radius: 3px;
	padding: 2px 5px;
}
.markdown pre code { background: none; border:none; box-shadow: none; }

.markdown .sidebar ul { margin:0; }
.markdown .sidebar ul li p, .markdown .sidebar ul li { margin:0; }
.markdown .sidebar ul li { margin:0 0 0.5em 2em; }
.markdown .sidebar ul ul { margin:0 0 0 1em; }
.markdown .sidebar ul ul li { margin-left:1em; }

.markdown .sidebar ul { list-style: square outside; }
.markdown .sidebar ul ul { list-style: none; margin-left:0; }
.markdown .sidebar a { text-decoration: none; }




/* Account pages */
.ircd_webirc_confs .ircd_bar { text-align:right; }
.ircd_webirc_confs .ircd_bar a { text-decoration: none; }
.ircd_webirc_confs pre { font-size:10px; }




/* MISC */
.page_corner_ribbon { position: absolute; top:0px; right:0px; }