/*
@import url("league-gothic/stylesheet.css");
@import url("mgopen-modata/stylesheet.css");
*/

::-moz-selection	{background:#b3d4fc; text-shadow:none;}
::selection	{background:#b3d4fc; text-shadow: none;}

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearfix {
    *zoom: 1;
}


body, table	{font-family:sans-serif; font-size:11pt;}
body	{margin:10px auto; padding:0; border:0;}

h1	{font-family:"MgOpen Modata",MgOpenModata,sans-serif; font-weight:normal;}
h2, h3, h4	{font-family:"League Gothic",LeagueGothic,sans-serif; font-weight:normal;}

.l	{text-align:left;}
.c	{text-align:center;}
.r	{text-align:right;}
.j	{text-align:justify;}

img, a img	{border:0;}

#wr	{max-width:960px; margin:0 10px; position:relative;}
#hdr	{position:relative;}
#hdr #hg h1, #hdr #hg h2	{text-transform:uppercase; text-align:center; margin:0 auto;}
	#hdr #hg h1	{width:135px; height:160px; margin:0 auto; text-indent:-999em; background:url(http://wiki.spheredev.org/images/0/07/Spherical-icon-full.png) center top no-repeat;}

#nav	{text-align:center;}
	#nav img	{height:auto; max-width:135px; width:100%;}
	#nav ul	{margin:0 auto; padding:0; list-style:none;}
	#nav li	{display:block; margin:0 auto;}
	#nav a	{display:block;}
		#nav a:hover	{background:#eee;}
		#nav a .sph-ic	{display:inline-block; width:48px; vertical-align:middle;}
		#nav a .sph-desc-lg	{display:none;}
		#nav a .sph-desc-md	{display:none;}
		#nav a .sph-desc-sm	{display:inline;}
#nav-soc	{position:relative; font-size:85%; border:solid #ddd; border-width:1px 0;}

#ftr	{margin:0 auto;}
	#ftr .copy	{font-size:75%; text-align:center;}
	#ftr p.copy span	{display:inline-block;}
	#ftr p.copy span:first-child:after	{display:inline; content:", ";}
	#ftr .thirdparty	{font-size:70%; list-style:none; padding:0;}
	#ftr .thirdparty li	{display:block;}

#main	{margin:0 auto;}

#front-feeds	{box-sizing:border-box; position:relative;}

.lux-feed	{font-size:75%;}
.lux-feed header	{}
.lux-feed h2	{line-height:1; font-size:125%;}
.lux-feed .sph-bb	{}
.lux-feed .sph-mw	{}
.lux-feed ul	{margin:0 auto; padding:0; list-style:none;}
.lux-feed li	{}
.lux-feed footer	{font-size:95%; font-style:italic;}

#front-feeds	{background:#efefeb; margin:1em 20px; padding:8px;}

/**** COLORS ****/
body	{background:#f0f0f0;}

#wr	{background:#fcfcfc; box-shadow: 0 1px 10px #a7a7a7, inset 0 1px 0 #fff; border-radius:4px;}
#hdr	{}
#ftr	{color:#737373;}
#main	{}

/**** THE BRICKS ****/
.lux-feed header	{position:relative; padding:4px; background:#89c6ef; margin:0 4px 0 0; border-radius:8px;}
.lux-feed h2	{position:relative; box-sizing:border-box; background:#f3f8fc; margin:0 auto; padding:4px; min-height:8px; width:auto; border-radius:4px;}

.sph-quoted, .lux-feed .sph-mw	{box-sizing:border-box; background:#fff; padding:10px; border-radius:6px; box-shadow:0 1px 1px rgba(0,0,0,0.1); position:relative; margin:4px 4px;}
.sph-quoted:after, .lux-feed .sph-mw:after	{
	display:block; position:absolute; border-style: solid;
	width:0px; height:0px; font-size:1px; content:" "; overflow:hidden;
}
.sph-quoted:after, .lux-feed .sph-mw:after {
	top:-8px; left:8px; z-index:6;
	border-width: 0 8px 8px 8px; border-color: transparent transparent #fff;
}



/**** SCALE IT ****/
@media screen and (min-width: 640px) {
	#nav li	{display:block; width:50%; margin:1em auto;}
	#nav-main li	{width:33%;}
	#nav a:hover	{background:transparent;}
	#nav-main a .sph-ic	{display:block; width:100%;}
		#nav a .sph-desc-sm	{display:none;}
		#nav a .sph-desc-lg	{display:none;}
		#nav a .sph-desc-md	{display:inline;}
	#nav-soc	{/*font-size:95%;*/ position:absolute; top:0; right:0; z-index:10; border-width:0;}
		#nav-soc.clearfix>li	{float:left; text-align:center;}

	#main.clearfix>#nav	{float:left; width:47%;}
	#main.clearfix>#front-feeds	{float:right; width:47%;}
	/*#front-feeds.clearfix>.lux-feed	{float:left; width:50%;}*/
}

@media screen and (min-width: 960px) {
	body	{margin:1in auto;}
	#wr	{margin:0 auto;}
		#nav a .sph-desc-sm	{display:none;}
		#nav a .sph-desc-md	{display:none;}
		#nav a .sph-desc-lg	{display:inline;}
}