/*
Theme Name: Becoming Mavenous - Kinky Ocelot
Theme URI: http://maveno.us
Description: Maveno.us Wordpress Theme
Version: 5.0
Author: Dustin Hansen
Author URI: http://maveno.us
*/

/* Typography */

@font-face {
	font-family: 'DaxCompact-RegularRegular';
	src: url('/library/media/fonts/daxcomp/DAXCOMPR.eot');
	src: local('DaxCompact-Regular Regular'), local('DaxCompact-Regular'), url('/library/media/fonts/daxcomp/DAXCOMPR.woff') format('woff'), url('/library/media/fonts/daxcomp/DAXCOMPR.ttf') format('truetype'), url('/library/media/fonts/daxcomp/DAXCOMPR.svg#DaxCompact-Regular') format('svg');
}

@font-face {
	font-family: 'DaxCompact-MediumMedium';
	src: url('/library/media/fonts/daxcomp/DAXCOMPM.eot');
	src: local('DaxCompact-Medium Medium'), local('DaxCompact-Medium'), url('/library/media/fonts/daxcomp/DAXCOMPM.woff') format('woff'), url('/library/media/fonts/daxcomp/DAXCOMPM.ttf') format('truetype'), url('/library/media/fonts/daxcomp/DAXCOMPM.svg#DaxCompact-Medium') format('svg');
}

@font-face {
	font-family: 'DaxCompact-LightLight';
	src: url('/library/media/fonts/daxcomp/DAXCOMPL.eot');
	src: local('DaxCompact-Light Light'), local('DaxCompact-Light'), url('/library/media/fonts/daxcomp/DAXCOMPL.woff') format('woff'), url('/library/media/fonts/daxcomp/DAXCOMPL.ttf') format('truetype'), url('/library/media/fonts/daxcomp/DAXCOMPL.svg#DaxCompact-Light') format('svg');
}

@font-face {
	font-family: 'BitstreamVeraSansMonoRoman';
	src: url('/library/media/fonts/veramono/VeraMono.eot');
	src: local('Bitstream Vera Sans Mono'), local('BitstreamVeraSansMono-Roman'), url('/library/media/fonts/veramono/VeraMono.woff') format('woff'), url('/library/media/fonts/veramono/VeraMono.ttf') format('truetype'), url('/library/media/fonts/veramono/VeraMono.svg#BitstreamVeraSansMono-Roman') format('svg');
}


.light-weight { font-family: DaxCompact-LightLight, Georgia, Helvetica, Times, 'Times New Roman', serif; }
.medium-weight { font-family: DaxCompact-MediumMedium, Georgia, Helvetica, Times, 'Times New Roman', serif; }
.regular-weight { font-family: DaxCompact-RegularRegular, Georgia, Helvetica, Times, 'Times New Roman', serif; }


/* GLOBAL RESET */
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote,  
pre, form, fieldset, table, th, td, article, aside, footer, header, nav, section {
	margin: 0;
	padding: 0;
	font-style: normal;
	text-decoration: none;
	vertical-align: baseline;
}

html, body { border: 0; }
body {
	padding-top: 48px;
	background: #999 url(/library/media/texture/page_bg.jpg);
	background-image: -moz-linear-gradient(left center, rgba(0, 0, 0, 0.8), rgba(55, 55, 55, 0.1) 20%, rgba(55, 55, 55, 0.1) 80%, rgba(0, 0, 0, 0.8) 100%), url(/library/media/texture/page_bg.jpg);
	background-image: -webkit-gradient(linear, left center, right center, color-stop(0%, rgba(0,0,0,0.8)), color-stop(20%, rgba(55,55,55,0.1)), color-stop(80%, rgba(55,55,55,0.1)), color-stop(100%, rgba(0,0,0,0.8))), url(/library/media/texture/page_bg.jpg);
	color: #333;
	font: 16px/1.4em Georgia, Times, 'Times New Roman', serif;
}

a, a:link {
	color: #599fe4;
	text-decoration: none;
	border-bottom: 1px dotted #2d88e3;
}
a:visited {
	color: #599fe4;
	border-bottom-color: #39f;
}
a:hover {
	color: #2d88e3;
	border-bottom: 1px solid #318ce7;
}
a:active, a:hover { outline: 0; }

article,aside,canvas,footer,header,mark,nav,section { display: block; margin: 0; padding: 0; }

h1, h2, h3, h4, h5, h6 {
	color: #222;
	margin-bottom: 0.3em;
	font: 2.4em/1.8em DaxCompact-RegularRegular, Georgia, Times, 'Times New Roman', serif;
}
h2 { font-size: 2.0em; line-height: 1.5em; }
h3 { font-size: 1.8em; line-height: 1.4em; }
h4 { font-size: 1.5em; line-height: 1.3em; }
h5 { font-size: 1.3em; line-height: 1.2em; }
h6 { font-size: 1.0em; line-height: 1.1em; }

h1 a, h2 a, h3 a { border-bottom: 0; }
h1 a:hover, h2 a:hover, h3 a:hover { border-bottom: 0; }

hr { display: block; margin: 0.5em 0 1.5em; clear: both; }

p { margin-bottom: 0.9em; }

pre, code {
	font-size: 0.9em;
	font-family: BitstreamVeraSansMonoRoman, Courier, monospace;
}
pre { max-width: 580px; overflow: auto; }

blockquote{
	color: #555;
	border-left:5px solid #ccc;
	padding:10px 20px;
	margin: 20px 0 20px 20px;
}

article > ul:not([class]) li { margin-bottom:1.3em; }

::-moz-selection { background: #111; color: #ddd; }
::selection { background: #111; color: #ddd; }
:target { background-color: #def; }


/* DISPLAY STRUCTURE */

#site_contain, #head_contain { margin: 0 auto 17px; }
#site_content, #head_content, #site_foot { 
	margin: 0 auto; 
	position: relative;
	-moz-box-shadow: 0 0 1px 2px rgba(0,0,0,0.4);
	-webkit-box-shadow: 0 0 4px rgba(0,0,0,0.9);
	box-shadow: 0 0 2px 1px rgba(0,0,0,0.6);
}
#site_content { 
	background: #252525;
	background-image: -moz-linear-gradient(bottom, #1c1c1c 1px, #252525 38px,rgba(37,37,37,0) 39px);
}

	#site_content:after, #head_content:after { content: "."; clear: both; display: block; height: 0; font-size: 0; }

#site_head {
	height: 95px;
	background: #363832 url(/library/media/images/porthead_bg.gif) repeat-x top left;
	background-image: -moz-linear-gradient(top, #474a43, #292a25);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#474a43), to(#292a25));
	border-top: 1px solid #4b4b4b;
	border-bottom: 1px solid #1f1f1f;
}
#site_head:after { content: "."; clear: both; display: block; height: 0; font-size: 0.0em; }

	#page_logo {
		display:block;
		text-indent: -10000em;
		font-size: 0.01em;
		border:0!important;
		width:93px;
		height:163px;
		background:url(/library/media/images/dtql_logo.png) no-repeat;
		position:absolute;
		left: -35px; 
		top: -31px;
	}
		#page_log:hover { border: 0 !important; }
	
	#site_logo { margin-left: 54px; margin-bottom: 0; padding-top: 13px; float: left; line-height: 37px; font-size: 3.0em; letter-spacing: -0.03em; }
		#site_logo a { 
			display: block;
			text-decoration: none; 
			letter-spacing: -0.04em; 
			border-bottom: 0;
			color: #eee;
			color: rgba(255,255,255,0.9);
			font-family: DaxCompact-RegularRegular, Arial, Verdana, Tahoma, sans-serif;
			text-shadow: 1px 1px 0 rgba(0,0,0,0.3);
		}
		#site_logo:hover a { 
			color: #87baed; 
			color: rgba(140,193,246,0.8); 
			text-shadow: 1px 1px 0 rgba(0,0,0,0.1), 0 0 3px rgba(0,0,0,0.8), 0 0 20px rgba(255,255,255,0.3);
		}
	#site_phrase, .port-phrase-home {
		letter-spacing: -0.01em;
		float: left;
		padding-left: 5px;
		font-size: 0.35em;
		white-space: nowrap;
		color: #ddd;
		color: rgba(155,155,155,0.8);
	}
		.port-phrase-home { 
			float: right; 
			visibility: hidden;
			color: #ccc;
			color: rgba(0,0,0,0.3);
			text-shadow: none;
		}
	#site_logo:hover .port-phrase-home { visibility: visible; }
	#site_nav {
		font-family: DaxCompact-RegularRegular, Arial, Verdana, Tahoma, sans-serif;
		height: 95px;
		float: right;
		padding-left: 10px;
	}
		#site_nav ul { list-style: none; margin-right: 25px; }
			#site_nav ul:after { content: "."; clear: both; display: block; height: 0; font-size: 0.0em; }
		#site_nav ul li {
			cursor: default;
			display: block;
			float: left;
			margin: 25px 5px 9px 0;
			white-space: nowrap;
		}
		#site_nav ul li a {
			cursor: pointer;
			font-size: 1.3em;
			display: block; 
			padding: 10px 15px 8px;
			border: 1px solid transparent;
			background: transparent;
			color: #eee;
			color: rgba(255,255,255,0.8);
			-moz-border-radius: 4px;
			-webkit-border-radius: 4px;
			-o-border-radius: 4px;
			border-radius: 4px;
		}
			#site_nav ul li a span { 
				display: block; font-size: 0.75em;
				color: #ddd;
				color: rgba(155,155,155,0.7);
			}
			#site_nav ul li a:hover { 
				margin: 0;
				color: #87baed;
				text-shadow: 0 -1px 0 rgba(0,0,0,0.4);
				border: 1px solid #3f3f3d;
				border-top: 1px solid #191a19;
				border-left: 1px solid #191a19;
				background: #2f312d;
				background-image: -moz-linear-gradient(top, #2f312d, #20201e);
				background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#2f312d), to(#20201e));

				-moz-box-shadow: inset 0 0 2px rgba(0,0,0,0.4);
				-webkit-box-shadow: inset 0 0 2px rgba(0,0,0,0.4);
				box-shadow: inset 0 0 2px rgba(0,0,0,0.4);
			}
				#site_nav ul li a:hover span { text-shadow: none; color: rgba(155,155,155,0.9); }
			#site_nav ul li a:active, #site_nav ul li a:focus { color: rgba(255,255,255,1); }
			

#site_access, #accessClone {
	background: #2b2b2b url(/library/media/images/siteaccess.gif) repeat-x;
	background-image: -moz-linear-gradient(top, #282925, #222222);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#282925), to(#222222));
	padding: 5px 30px;
	border-top: 1px solid #343434;
	border-bottom: 1px solid #141414;
	font-family: DaxCompact-RegularRegular, Georgia, Times, 'Times New Roman', serif;
}
	#site_access ul, #accessClone ul { list-style: none; }
		#site_access ul li { float: left; margin: 0 0 0 10px; }
			#site_access ul li:first-child { margin: 0; }
		#site_access ul li.goright { margin: 0 10px 0 0; }
			#site_access ul li.last { margin: 0; }
	#site_access a, #accessClone a, #q_go {
		display: block;
		padding: 8px 10px;
		height: 22px;
		border: 1px solid #141412;
		color: #ddd;
		text-align: center;
		color: rgba(255,255,255,0.8);
		background-color: #1e1e1d !important;
		background-image: -moz-linear-gradient(top, rgba(40,40,40,0.4), rgba(20,20,20,0.5));
		background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(40,40,40,0.4)), to(rgba(20,20,20,0.5)));
		margin-top: 5px;
		margin-bottom: 5px;

		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		-o-border-radius: 4px;
		border-radius: 4px;
		-moz-box-shadow: 0 -1px 0 1px rgba(35,35,35,0.2);
		-webkit-box-shadow: 0 -1px 0  rgba(35,35,35,0.2);
		box-shadow: 0 -1px 0 1px  rgba(35,35,35,0.2);
	}
		#site_access .jump-text, #site_access .clone-only { display: none; }
		#site_access a:hover, #q_go:hover {
			color: #87baed;
			background-color: #111 !important;
			background-image: -moz-linear-gradient(top, rgba(100,100,100,0.5), rgba(20,20,20,0.5) 1px, rgba(40,40,40,0.5) 37px, rgba(100,100,100,0.5) 38px);
			background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0%, rgba(100,100,100,0.5)), color-stop(0.5%, rgba(20,20,20,0.5)), color-stop(100%, rgba(40,40,40,0.5)));
			border: 1px solid #121210;

			-moz-box-shadow: 0 1px 0 1px rgba(115,115,115,0.1);
			-webkit-box-shadow: 0 1px 0 rgba(115,115,115,0.1);
			box-shadow: 0 1px 0 1px rgba(115,115,115,0.1);
		}
		#site_access a:active {
			color: #eee;
		}
#accessClone {
	margin: 0;
	width: inherit;
	background-color: #000;
	background: rgba(0,0,0,0.8);
	border: 0;
	border-top: 1px solid #000;
	border-top-color: rgba(0,0,0,0.4);
	position: fixed;
	left: 0;
	bottom: 0;
	right: 0;
	height: 40px;
	z-index: 400;
}
#accessClone ul { width: 1030px; padding: 0 30px; margin: 0 auto; }
#accessClone ul li { float: left; margin: 0 0 0 10px; }
#accessClone ul li.goright { margin: 0 10px 0 0; }
#accessClone .jump-text { display: block; color: #eee; line-height: 40px; font-size: 130%; padding-right: 5px; cursor: default; }
#accessClone .clone-only { display: block; }
	#accessClone a { 
		color: #eee; 
		display: block;
		padding: 8px 10px;
		margin-top: 0;
		margin-bottom: 0;
		background: transparent none !important;
		border-color: transparent;
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
		box-shadow: none;
	}
		#accessClone a:hover {
			border-color: rgb(0,0,0) rgb(80,80,80) rgb(80,80,80) rgb(0,0,0);
			background: rgb(0,0,0) !important;
			background: rgba(0,0,0,0.8) !important;
			color: #87baed;
			text-shadow: 0 1px 0 rgba(0,0,0,0.9);
		}

	#site_primary, #site_single, #site_extended {
		width: 595px;
		float: left;
		padding: 36px 20px 50px;
		margin: 0 0 0 1px;
		background: #fff;
		background-image: 
						  -moz-linear-gradient(bottom, #f1f1f1, rgba(150,150,150,0.6) 1px, rgba(255,255,255,0) 39px), 
						  -moz-linear-gradient(top, #f9f9f9, rgba(150,150,150,0.7) 1px, rgba(255,255,255,0) 38px, transparent 39px),
						  -moz-linear-gradient(0 0 -45deg, rgba(0,0,0,0.6), rgba(255,255,255,0) 55px),
		 				  -moz-linear-gradient(100% 100% -225deg, rgba(0,0,0,0.4), rgba(255,255,255,0.0) 40px),
						  -moz-linear-gradient(0 100% 45deg, rgba(0,0,0,0.5), rgba(255,255,255,0.0) 40px);

		background-image: -webkit-gradient(linear, 0% 0%, 0% 15%, color-stop(0%, #ccc), color-stop(0.5%, #999), color-stop(15%, #fff));
		border-right: 1px solid #000;
		border-right-color: rgba(0,0,0,1);
	}
		#site_primary { min-height: 1100px; }
		#site_primary article { margin-bottom: 35px; }
		#site_primary a:hover { background-color: #fcfcd3; text-shadow: 1px 1px 0 rgba(255,255,255,0.9); }
			#site_primary h3 { border-bottom: 1px solid #e0e0e0 !important; line-height: 1.33em; margin-bottom: 0.8em; }
				#site_primary h3.borderless { border-bottom: 0 !important; }

			article.article-full h2 { margin-bottom: 0.5em; }
			article h2 { line-height: 1.25em; margin-bottom: 0; }
			article h2 a { border-bottom: 0 !important; text-decoration: none; padding: 1px 4px; display: block; }

			article div.props { color: #666; font-size: 0.95em; padding-left: 4px; margin-bottom: 0.5em; }
				.props address, .props time { display: inline-block; }
			h3.briefly, div.briefly { color: #222; display: block; font-size: 1.18em; font-style: italic; line-height: 1.3em; margin: 10px 0 15px; }

			article p { padding: 0 0 0 4px; }
			article p.tags  { background-color: #f1f1f1; border-top: 1px solid #ccc; color:#777; padding:10px 2px; }
			article a.continue { display: block; padding:5px 4px; text-align:left; border-bottom: none !important; }
			article a.continue:hover { background-color: #f9f9f9; }

			.popular-posts {
				margin-bottom: 2.0em;
				font-size: 1.4em;
				line-height: 1.4em;
			}
				.popular-posts ul { list-style: none; }
				.popular-posts a { font-size: 0.8em; line-height: 0.1em; }
			
		#site_single, #site_extended {
			width: inherit;
			float: none;
			border-right: 0;
		}
		
		#site_extended {
			border-top: 1px solid #bbbfc8;
			background-color: #fff !important;
			background-image: -moz-linear-gradient(top, #fff, rgba(150,150,150,0.6) 1px, rgba(255,255,255,0) 38px), 
							  -moz-linear-gradient(bottom, #aaa, rgba(150,150,150,0.8) 1px, rgba(255,255,255,0) 38px),
		 					  -moz-linear-gradient(100% 100% -225deg, rgba(0,0,0,0.6), rgba(255,255,255,0.0) 40px),
							  -moz-linear-gradient(0 100% 45deg, rgba(0,0,0,0.7), rgba(255,255,255,0.0) 40px) !important;
		}
	
	#article_navigation {
		background: #252525;
		color: #bbb;
		width: 636px;
		float: left;
	}
		#article_navigation ul { list-style: none; }
		#article_navigation ul li { 
			display: block; 
			float: left; 
			width: 253px;
			padding: 35px 25px 35px 40px;
		}
			#article_navigation ul li a {
				display: block; 
				border-bottom: 0; 
				padding: 15px 10px; 
				border-left: 1px solid #464646;
				border-left-color: rgba(200,200,200,0.15);
			}
			#article_navigation ul li span { display: block; font-size: 1.3em; }

			#article_navigation ul li:not(:empty):hover { background: #20201e; }
			#article_navigation ul li:hover a:hover { color: #ddd; background-color: transparent; text-shadow: none; }

			#article_navigation ul li.last { text-align: right; }
			#article_navigation ul li.last a { 
				border-right: 1px solid #464646;
				border-right-color: rgba(200,200,200,0.15);
				border-left: 0;
			}

			#article_navigation.article-navigation {
				width: 636px;
				margin-left: -20px;
				border-left: none !important;
			}
				#article_navigation.article-navigation ul li { padding: 35px 25px 35px 40px !important; width: 253px !important; }
				#article_navigation.article-navigation ul li a { min-height: 67px; }
				#article_navigation.article-navigation ul li.last { padding: 35px 40px 35px 25px !important; }
			
	#extended_head, #article_comments {
		background: #f6f6f6;
		padding: 5px 30px 0;
		border: 1px solid #fcfcfc;
		border-top: 1px solid #eee;
		font-family: DaxCompact-RegularRegular, Georgia, Times, 'Times New Roman', serif;
	}

	.inline-article-ad { width:468px;height:80px;margin:0 auto; }
	
	.clear-padding { margin: 0 -20px 0; }
	.side-padding { padding-left: 35px; padding-right: 35px; } 
	
	h3#comments { margin-top: 25px; margin-bottom: 20px; }
	.commentlist, .commentlist ul { list-style: none; }
		
		.commentlist li { padding: 10px 25px 15px; border-bottom: 1px solid #eee !important; }
			.commentlist li:after { content: "."; clear: both; font-size: 0.0em; display: block; height: 0; }
		.commentlist li.even { background: #f9f9f9; }
		.comment-author-admin { background: #f4f8fd !important; }
		.bypostauthor { background: #f4f8fd !important; }
		.comment-author { font-size: 110%; font-weight: bold; margin-bottom: 0; }
		.avatar { float: left; margin: 0 25px 15px 0; }
		.reply { text-align: right; }
		.comment-meta { margin-bottom: 0.5em; }
		.comment-edit-link { font-size: 0.6em; }
		ul.children { border-left: 1px solid #ccc; }
		ol.commentlist li > ul.children { margin-right: -25px; }
		ol.commentlist li > ul.children li > ul.children { margin-right: 0; }

		#respond { padding: 25px; }
	
	#site_extended {
		border-top: 1px solid #222;
		background: #ebebeb;
	}
		#site_extended > div { padding: 35px; }
	
	#site_secondary {
		width: 352px;
		float: left;
		padding: 26px 20px 30px;
		margin: 0 1px 0 0;
		font-size: 0.9em;
		color: #bbb;
		background-image: -moz-linear-gradient(top, #292929, rgba(15,15,15,0.5) 1px, rgba(37,37,37,0) 39px),
						  -moz-linear-gradient(100% 0 225deg, rgba(0,0,0,0.4), rgba(37,37,37,0) 40px);
		background-image: -webkit-gradient(linear, 0% 0%, 0% 20%, color-stop(0%, #292929), color-stop(1%, #1c1c1c), color-stop(20%, #252525));
	}
		#site_secondary h1, #site_secondary h2, #site_secondary h3, #site_secondary h4 { 
			color: #bbb; 
			color: rgba(255,255,255,0.8);
			text-shadow: 0 1px 0 rgba(0,0,0,0.4);
		}
		#site_secondary h3 { padding-bottom: 0.1em; margin-bottom: 0.8em; border-bottom: 1px solid #1d1d1d; border-bottom-color: rgba(10,10,10,0.3); }
		#site_secondary h4 a { border-bottom: 0; }
		#site_secondary section { margin: 10px 0 2.0em; }
		#site_secondary section > ul { list-style: none; }
		#site_secondary a { color: #87baed; }
		#site_secondary a:hover { color: #2d88e3; }

		#q_form { display: block; height: 40px; }
		#q {
			outline: 0 !important;
			font-family: tahoma,verdana,arial,sans-serif;
			height: 36px;
			line-height: 36px;
			width: 256px;
			border: 1px solid #0e0e0e;
			padding: 0 8px;
			font-size: 1.0em;
			color: #fff;
			color: rgba(255,255,255,0.2);
			background: #1a1c18;
			background-image: -moz-linear-gradient(top, #1a1c18, #121210);
			background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#1a1c18), to(#121210));
			margin-right: 5px;
			font-style: italic;
		}
			#q:focus, #q:active { font-style: normal; outline: 0 !important; }
		#q_go {
			height: 38px;
			font-size: 1.0em; 
			line-height: 0.85em;
			margin: 0;
		}

#sprinklepenny { text-align: right; margin-top: 18px; }
	#sprinklepenny a { border-bottom: 0; }
	#sprinklepenny a:hover { border-bottom: 0; }

#site_foot { 
	font-size: 0.9em;
	color: #ccc;
	background: #1a1b18;
	background-image: -moz-linear-gradient(top, #3d403a, #1b1c19 40%, #0d0d0b 85%, #0d0d0b 100%);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#3d403a), color-stop(40%, #1b1c19), color-stop(85%, #0d0d0b), to(#0d0d0b));
	margin-bottom:55px;
}
	#site_foot div.foot-container { padding: 25px 0 5px; }

	#site_foot p.half-seen { color: #303030; margin-top: 40px; }
	#site_foot p.half-seen a:link, #site_foot p.half-seen a:visited { color: #555; }
	#site_foot p.half-seen a:hover { color: #777; border-bottom: 1px dotted #555; }

	#site_foot a { color: #fff; border-bottom: 1px solid #363636; }
		#site_foot a:hover { color: #39f; }
	#site_foot h4, #site_foot h3, #site_foot h2 { color: #f1f1f1; }
	#site_foot ul { list-style: none; }
	
	#site_foot .column, #site_foot .column-left {
		border-left: 1px solid #333;
		border-left-color: rgba(255,255,255,0.1);
		border-right: 1px solid #111;
		border-right-color: rgba(0,0,0,0.4);
		padding-left: 29px;
		padding-right: 29px;
	}
		#site_foot .column-left { width: 574px; margin: 0; border-left: 0; }
		#site_foot .column-right { border-right: 0; }
		#site_foot .column ul li {  margin-bottom: 5px; }


/* SHORTCUT CLASSES */
.absolute { position: absolute; }
.fixed { position: fixed; }
.inline { display: inline; }
.inline-block { display: inline-block; }
.none, .hide { display: none; }
.block { display: block; }

.visible { visibility: visible; }
.hidden { visibility: hidden; }

.top { vertical-align: top; }
.middle { vertical-align: middle; }
.bottom { vertical-align: bottom; }

.left { text-align: left; }
.center { text-align: center; }
.right { text-align: right; }

.clear { clear: both; }
.goleft { float: left !important; }
.goright { float: right !important; }

.italic { font-style: italic; }
.strong { font-weight: bold; }

.huge { font-size: 155%; }
.large { font-size: 135%;  }
.big { font-size: 115%; }
.small { font-size: 90%; }
.tiny { font-size: 75%; }

.gray, .grey { color: #999; }
.light-grey, .light-gray { color: #bbb; }
.dark-grey { color: #666; }
.error, .red { color: #c21111; }

.contain, .contained, .contain-pad { width: 1030px; margin: 0 auto; }
.contain { margin: 10px auto; }
.contain-pad { padding: 0 30px; }

.bordered { border-bottom:1px solid #eee; }

ul.olul, ol.olul { margin-left: 20px; }
ul.olul li, ol.olul li { margin-bottom: 12px; }

ul.a-list { list-style: none; }
ul.a-list li { margin-bottom: 8px; }
ul.a-list.more li { margin-bottom: 18px; }

ul.default-list { margin-bottom: 25px; }
ul.default-list > li { margin-left: 20px; }



/* Generic Element/Object Classes */
.article-demos {
	margin:20px auto;
	width:364px;
	border:1px solid #aaa;
	background-color:#ececec;
	background-image: -moz-linear-gradient(top, #eee, #f3f3f3); 
	background-image: -webkit-gradient(top, 0 0, 0% 100%, from(#ececec), to(#f1f1f1)); 
	-moz-border-radius:3px;
	padding: 15px 30px;
	-moz-box-shadow:inset 0 1px 3px rgba(0,0,0,0.2);
}
.site-button {
	border: 1px solid #acacac !important;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;

	color: #575858 !important;
	font-family: DaxCompact-RegularRegular, Georgia, Helvetica, Times, 'Times New Roman', serif;
	text-shadow: 0 1px 0 rgba(255,255,255,0.8);
	text-align: center;
	height: 35px;
	line-height: 35px;
	padding: 0 15px;
	display: block;	

	background-color: #e4e4e4;
	background-image: -moz-linear-gradient(top, #fcfcfc, #cacaca);
	background-image: -webkit-gradient(linear, 0 0, 0% 100%, #fcfcfc, #cacaca);

	-moz-box-shadow: 0 1px 0 1px rgba(30,30,30,0.1);
	-webkit-box-shadow: 0 2px 0 rgba(30,30,30,0.2);
}
	.site-button span { color: #999; }
	.site-button:hover {
		border-color: #7f7e7e !important;
		color: #3d3e3e !important;
		-moz-box-shadow: 0 1px 0 1px rgba(30,30,30,0.1), 0 -1px 0 1px rgba(30,30,30,0.1);
		-webkit-box-shadow: 0 2px 0 rgba(30,30,30,0.2), 0 -2px 0 rgba(30,30,30,0.2);
	}
	.site-button:active {
		border-color: #999 !important;
		background-image: -moz-linear-gradient(top, #fff, #b9b9b9 1px, #e8e8e8);
		-moz-box-shadow: 0 1px 0 1px rgba(30,30,30,0.1), 0 -1px 0 1px rgba(30,30,30,0.1);
		-webkit-box-shadow: 0 2px 0 rgba(30,30,30,0.2), 0 -2px 0 rgba(30,30,30,0.2);
	}
	.site-button.big-button, .sb-big-button { height: 45px; line-height: 45px;	}
	.site-button.large-button, .sb-large-button { height: 60px; line-height: 60px;	}

.image-button, .image-button-right { cursor: pointer; background: transparent none no-repeat left 50%; margin-right: 10px; }
	.image-button-right { background-position: right 50%; }
	.image-button a, .image-button span { display: block; padding-left: 20px; padding-right: 4px; border-bottom: 0; }
	.image-button-right a, .image-button-right span {  display: block; padding-right: 20px; padding-left: 4px; }

.icon-button, .icon-button32, .icon-button-sprite {
	width: 20px;
	height: 20px;
	cursor: pointer;
	background-repeat: no-repeat;
	background-position: center center;
	font-size: 0.0em;
	display: block;
}
.icon-button32 { width: 32px; height: 32px; }

.global-social {
	width: 36px;
	background-color: transparent;
	background-image: url(/library/media/icons/social/social_bar_icos.png);
	background-repeat: no-repeat;
	background-position: 2px 13px;
	padding-bottom: 6px;
	border-bottom: 1px solid #111 !important;
	border-bottom-color: rgba(155,155,155,0.2) !important;
	margin-left: 10px;
	display: block;
	float: right;
	text-indent: -10000em;
	-moz-box-shadow: 0 2px 0 -1px #151515, 0 5px 0 -3px #393939, 0 5px 2px -3px rgba(57,57,57,0.7);
	box-shadow: 0 3px 4px -4px rgba(230,230,230,0.6);
}

.big-input {
	
}
.big-button {}
.large-button {
	font-size: 115%;
	height: 32px;
	line-height: 32px;
}

.commit-date {
	color: #555;
	font-size: 0.9em;
	background-position: 0 -53px;
	padding-left: 22px;
}

.input-select {
	color: #ccc !important;
	background-image: -moz-linear-gradient(bottom, #1a1c18, #121210) !important;
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#121210), to(#1a1c18)) !important;
}

.icon-link { background: none no-repeat scroll 4px center transparent; padding-left: 24px !important; }

.alt-more-link, .back-to-top {
	display: block;
	margin: 5px 0 10px;
	border-bottom: 0 !important;
	border-top: 1px solid #e3e3e3;
	padding-right: 22px;
	line-height: 1.5em;
	background: url(/library/media/icons/fugue/arrow.png) no-repeat right center;
}
.back-to-top {
	padding: 5px 22px 5px 5px;
	background-image: url(/library/media/icons/fugue/arrow-090.png);
}

.icon-button-sprite, .commit-date, .icon-link {
	background-image: url(/library/media/icons/icon-sprite.png);
	background-repeat: no-repeat;
}

.section-heading { border-bottom: 1px solid #e0e0e0; }


#site_primary h3.breadcrumb, #site_single h3.breadcrumb { 
	border-bottom: 0 !important; 
	line-height: 35px; 
	margin: -20px 0 0.9em;
	height: 35px; 
	font-size: 1.5em;
}
.breadcrumb .site-logo { display: block; float: left; font-family: DaxCompact-RegularRegular, Arial, Verdana, Tahoma, sans-serif; }
.breadcrumb .site-logo span { font-family: DaxCompact-LightLight, Arial, Verdana, Tahoma, sans-serif; }
.breadcrumb > span.bc-split { display: block; float: left; margin: 0 8px; font-size: 1.4em; color: #666; }
.breadcrumb a { display: block; float: left; border-bottom: 0 !important; }
.breadcrumb a:hover { background: transparent none !important; }
.breadcrumb ul { list-style: none; }
	.breadcrumb ul li { float: left; }

.article-media {
	margin: 10px auto; 
	border: 8px solid #f1f1f1;
	outline: solid 1px #333;
	padding: 1px;
	background: #999;
}

/* Icons & Images */
.love-ico { background-position: -20px 0; }
.help-ico { background-position: -60px 0; }
.add-ico { background-position: -40px 0; }
.chat-ico { background-image: url(/library/media/icons/tango/16x16/internet-group-chat.png); }
.mootools-ico { background-position: 0 0; }
.feed-ico { background-image: url(/library/media/icons/fugue/feed.png); }
.page-wide-icon  { background-position: 4px -76px; }
.tag-icon  { background-position: 3px -110px; }

/*.rss-social-icon { background-position: -106px 13px; }
.facebook-social-icon { background-position: -70px 13px; }
.delicious-social-icon { background-position: 2px 13px; }
.digg-social-icon { background-position: -34px 13px; }
.twitter-social-icon { background-position: -214px 13px; }*/

.code-tag { border-bottom:1px solid #ddd; }
.codelib-box { width:185px;margin:0 5px 10px 10px;padding-bottom:10px; }
	.codelib-box > strong > a { border-bottom: 0 !important; }
.tag-example { padding:0 10px 5px;border-right:1px solid #ddd; margin-bottom: 0; }
.code-tag .codelib-box:nth-child(3n+3) { margin-right: 0; }
.code-tag .codelib-box:nth-child(3n+3) .tag-example { margin-right: 0; padding-right: 0; border-right: 0; }
.code-tag .codelib-box:last-child .tag-example { margin-right: 0; padding-right: 0; border-right: 0; }
.un-sans-image { margin:5px 0 5px 3px; border:0; width:170px; }
.sans-image {
	margin: 5px 0 10px 3px;
	width: 160px;
	height: 70px;
	padding: 5px;
	background: #ddd;
	cursor: default;
}
	.sans-image > div { height:68px;border:1px solid #d1d1d1;background:#f6f6f6; }
	.sans-image > div > div {
		color:#ddd;
		text-shadow: 1px 1px 0 rgba(255,255,255,0.8);
		-moz-transform:rotate(90deg);
		-webkit-transform:rotate(90deg);
		text-align: center;
		margin-top: 20px;
		font-size:2.0em;
	}
.codelib-links {
	margin-top:3px;
	border-top:1px solid #ddd;
	background:#f6f6f6;
	padding:5px 0;
	text-align:center;
}
	.codelib-links a { border-bottom: 0 !important; }
	.codelib-links a:hover { background-color: transparent !important; }

.tab-list {
	padding-bottom: 1px !important;
}
	.tab-list a { 
		float: left; 
		display: block; 
		padding: 3px 8px; 
		margin: 3px 3px 0 0; 
		background: rgb(100,100,100);
	}
		.tab-list a.selected { background: rgb(200,200,200); padding: 6px 8px 3px; margin: 0 3px 0 0; }
		.tab-list a:hover { border-bottom: 0; }
	.tab-list a:last-child { margin-right: 0; }

.clearme:after { content: "."; clear: both; display: block; height: 0; font-size: 0; }

.vertical-space { margin-bottom: 2.0em !important; }
.vertical-space-more { margin-bottom: 3.0em !important; }
.vert-top05 { margin-top: 0.5em !important; }
.vert-top025 { margin-top: 0.25em !important; }
.vert-top1 { margin-top: 1.0em !important; }
.vertical-space-15em { margin-bottom: 1.5em !important; }
.vertical-space-1em, .vert-bot1 { margin-bottom: 1.0em !important; }
.vertical-space-top { margin-top: 2.0em !important; }

.margr-10 { margin-right: 10px; }
.margl-10 { margin-left: 10px; }

.label-38x { line-height: 36px; font-size:1.2em; }
.label-40x { line-height: 1.0em; font-size:1.2em; padding-top: 18px; }

p.half-marg { margin-bottom: 0.3em; }

.no-list { list-style: none; }
.sixty-width { width: 60%; }
.trifecta { width: 30%; float: left; margin-left: 1.5%; }
.tri-last:after { content: "."; clear: both; display: block; height: 0; font-size: 0; }

.post-image {
	background: transparent none no-repeat center center;
	width: 585px;
	height: 140px;
	border: 5px solid #fcfcfc;
	margin-bottom: 0.9em;

	-moz-box-shadow: inset 0 0 4px rgba(0,0,0,0.8);
	-webkit-box-shadow: inset 0 0 4px rgba(0,0,0,0.8);
	box-shadow: inset 0 0 4px rgba(0,0,0,0.8);
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	-o-border-radius: 7px;
	border-radius: 7px;
}
	.post-image .option-box, .post-image .option-box-text {
		background: #000;
		background: rgba(0,0,0, 0.5);
		border: 1px #222 solid;
		padding: 10px 13px;
		margin: 60px auto 0;
		height: 47px;
		width: 280px;
	}
	.option-box { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; width: 357px !important; }

.about-photo-a { border: 0 !important; }
.about-photo-a:hover { border: 0 !important; }
.about-photo {
	border: 0 !important;
	cursor: pointer;
	margin: 3px 6px;
}
.about-photo:hover { opacity: 0.9; }

.option-box-text { height: 22px !important; color: #fff; font-size: 1.35em; }

.mav-button {
	display: block;
	float: left;
	padding: 8px 16px;
	border: 1px solid #5b9ccd;
	color: #fff !important;
	background: #5b9ccd;
	font-family: DaxCompact-RegularRegular, Georgia, Times, 'Times New Roman', serif;
	margin: 5px 6px;
}
	.mav-button:hover { border-bottom-style: solid !important; background: #666; border-color: #666; }



/* Page section specific */
.MavDialog-project { background-image: url(/library/media/icons/crystal_project/48x48/kexi.png); }
.predictivetext-project { background-image: url(/library/media/icons/crystal_project/48x48/gadu.png); }
.MavSelectBox-project { background-image: url(/library/media/icons/crystal_project/48x48/mavselectbox.png); }
.MavBox-project { background-image: url(/library/media/icons/crystal_project/48x48/mavbox.png); }
.MavSuggest-project { background-image: url(/library/media/icons/crystal_project/48x48/xedit.png); }

.cloud-tag {
	margin: 4px 6px;
	display: block;
}

.socialize-in-content { margin: 30px auto 20px; width: 304px; }
.socialize-in-content:after {
	content: "."; clear: both; display: block; height: 0; font-size: 0;
}

.project-list { list-style: none; }
.project-list li {
	background-repeat: no-repeat;
	background-position: left 6px;
	padding-left: 62px;
	margin-bottom: 1.5em !important;
}
	.project-list li a { border-bottom: 0 !important; }
	.project-list li h4 { border-bottom: 1px solid #e9e9e9; }
	.project-list .icon-button, .project-list .icon-button-sprite { margin: 5px 5px 0 0; }


/* carousel */
#square_motion_container { position: relative; margin: 0 -15px; }
	#square_motion_container a { border-bottom: 0; }

.square-crumbs { margin: 10px 0 0 0; padding: 0; list-style: none; border-top: 2px solid #ccc; background: #f5f5f5; }
.square-crumbs:after { content: "."; visibility: hidden; display: block; height: 0; clear: both; }
	.square-crumbs > li { cursor: pointer; float: left; padding: 10px 20px 20px; background: #f1f1f1; border-right: 2px solid #ccc; }
	.square-crumbs > li:hover { background: #e3e3e3; }
	.square-crumbs > li a { outline: none; text-decoration: none; color: #555; }
	.square-crumbs > li a span.big-text { float: left; display: block; height: 50px; line-height: 32px; font-size: 100%; }

.crumb-select { background: #e9e9e9 !important; }
	.crumb-select a { color: #444 !important; }
	.crumb-select .big-text { font-size: 110% !important; }

#square_motion_pages { background: url(/library/media/images/homeads/homead_1.png) no-repeat 10px 55px; }
#square_motion_pages, #sqmpage_alt { overflow: hidden; height: 198px; }
	#square_motion_pages>ul, #sqmpage_alt>ul { margin: 0; padding: 0; list-style: none; clear: both; }
	#square_motion_pages>ul>li, #sqmpage_alt>ul>li { float: left; padding: 10px; }
#sqmpage_alt { height: 300px; }

.sm-nav-buttons, .sm-nav-alt-buttons { cursor: pointer; position: absolute; outline: none; top: 80px; text-indent: -10000em; font-size: 0.1em; display: block;  background: transparent url(/library/media/images/prev-next-85x85.png) no-repeat 0 0; width: 31px; height : 42px;}
	.back { background-position: 0 0; left: -32px; }
		.back:hover { background-position: 0 -44px;}
		.back:active { opacity: 0.8; }
	.next { background-position: -32px 0px; right: -31px; }
		.next:hover { background-position: -32px -44px; }
		.next:active { opacity: 0.8; }

.sm-nav-alt-buttons { background-image: url(/library/media/images/prev-next-alt-161.png); width: 33px; height: 91px; }
	#sm_previous.sm-nav-alt-buttons { background-position: 0 0; left: -34px; }
		#sm_previous.sm-nav-alt-buttons:hover { background-position: 0 -92px;}
	#sm_next.sm-nav-alt-buttons { background-position: -34px 0px; right: -33px; }
	#sm_next.sm-nav-alt-buttons:hover { background-position: -34px -92px; }

.sm-page-overlay { display: none; background: #333; border-top:1px solid #333; color: #fff; opacity: 0.8; padding: 10px 10px 30px 10px; float: left;  }
.sm-page-overlay-empty { background: transparent; padding: 0; }

#wpstats { position: absolute; left: -500px; top: 0; }