@charset "UTF-8";
/* CSS Document */

/* 
Theme Name: Individual System: Nexus (IS:N) - Ver 1.2
Theme URL: http://www.ultima-i.com/
Description: Clean, Simple Magazine-style theme that is easily extendable.  
Author: Jonathan Smith / Ultimaknight
Author URI: http://www.ultima-i.com/

Layout Sheet

	Copyright (c) Jonathan Smith / Ultima-i, 2009. 
*/

/*--CSS RESET--*/
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input,hr {
	margin: 0; 
	padding: 0;
	}
	
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,th {
	font-size: 1em;
	font-weight: normal;
	font-style: normal;
	}
	
ul,ol {
	list-style: none;
	}

fieldset,img,hr {
	border: none;
	}

caption,th {
	text-align: left;
	}

table {
	border-collapse: collapse; 
	border-spacing: 0;
	}

td {
	vertical-align: top;
	}
	

/*--GLOBAL SETTINGS--*/

* {
	margin:0;
	padding:0;
	}

body {
	margin:0;
	padding:0; 
	background-color: #f3f3f3;
	text-align:center; /* IE6 needs this to center the layout in the browser window */
	}
	
hr {}

#wrapper {
	width: 990px;
	height: auto;
	margin: 0 auto; /* centers layout in browser */
	text-align:left; /* resets the centering hack for IE6 on the body tag */
	background-color: #ffffff; /* set page color to white */
	border-right: dashed 1px #CCCCCC;
	border-left: dashed 1px #CCCCCC;
	clear: both;
		/*background: repeat-y top url()*/
		/*border: thin #FF0066 solid;*/
	}
	
/*--Misc Elements--*/
.spacer {
	height: 1em;
	}

.padding-class-05em {
	padding: 0.5em;
	}
	
.padding-class-75em {
	padding: 0.75em;
	}
	
.padding-class-20em {
	padding: 2.0em;
	}
	
.transparent-class-90 {	
	background-color: #262626;
	filter: alpha(opacity=90);
	-moz-opacity: 0.9;
	-khtml-opacity: 0.9;
	-webkit-opacity: 0.9;
	opacity: 0.9;
	}

.transparent-class-80 {	
	background-color: #262626;
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	-khtml-opacity: 0.8;
	-webkit-opacity: 0.8;
	opacity: 0.8;
	}
	
.img-dropshadow img {
	/*Offset X, Offset Y, Blur Radius - RGB value of color using, then alpha transparency*/
	-moz-box-shadow: 2px 2px 2px rgba(204,204,204,.8);
	-webkit-box-shadow: 2px 2px 2px rgba(204,204,204,.8);
	box-shadow: 2px 2px 2px rgba(204,204,204,.8);
	}
	
/*WP Alignment Code*/
img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 0.5em 0.25em;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 0.25em 0.5em 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
		
.adspace {
	width: 95%;
	text-align: center;
	margin: 0.5em auto 0.5em auto;
	border: solid 1px #CCCCCC;
	padding: 0.5em;
	clear: both;
		-moz-border-radius: 10px; /* round corner Firefox TL, TR, BR, BL  */
		-webkit-border-radius: 10px;
		/*Offset X, Offset Y, Blur Radius - RGB value of color using, then alpha transparency
		-moz-box-shadow: 2px 2px 2px rgba(204,204,204,.8);
		-webkit-box-shadow: 2px 2px 2px rgba(204,204,204,.8);
		box-shadow: 2px 2px 2px rgba(204,204,204,.8);*/
	}

.adspace img {
	border: solid thin #999999;
	padding: 2px;
	margin: 0.25em 0 0.25em 0;
	}
	
.adspace ul {
	display: inline-block;
	}

.adspace ul li {
	display: inline-block;
	padding: 0 0.5em 0 0.5em;
	}
	
.adspace-home {
	width: 90%;
	text-align: center;
	margin: 0.5em auto 0.5em auto;
	padding: 0.5em;
	clear: both;
	border-bottom: 1px solid #cccccc;
	}
	
.adspace-home img {
	border: solid thin #999999;
	padding: 2px;
	margin: 0.25em 0 0.25em 0;
	}
	
.adspace-header {
	width: 95%;
	text-align: center;
	margin: 0.5em auto 0.5em auto;
	padding: 0.5em;
	clear: both;
	}
	
.adspace-platinum {
	width: 95%;
	text-align: center;
	margin: 0.5em auto 0.5em auto;
	padding: 0.5em;
	clear: both;
	}
	
.adspace-header {
	width: 95%;
	text-align: center;
	margin: 0.5em auto 0.5em auto;
	padding: 0.5em;
	clear: both;
	}
	
.adspace-header img {
	border: solid thin #999999;
	padding: 2px;
	margin: 0.25em 0 0.25em 0;
	}

	
.widget {
	margin: 1em auto 1em auto;
	clear: both;
	}
		
.widget-adsense {
	padding: 3px;
	}	
	
div.sidebar-main {
	border: solid thin #cccccc;
	padding: 2px;
	margin: 0.5em auto 0.5em auto;
	float: left;
	clear: both;
	}
	
div.sidebar-main img {
	border: none;
	}

	
#page-navi {
	margin: 1em auto 1em auto;
	text-align: center;
	}	
	
ul.three-panel {
	display: inline-block;
	}

ul.three-panel li {
	display: inline-block;
	padding: 0 0.5em 0.5em 0;
	}
		
/*--Sidebar--*/	
#side-home {
	width: inherit;
	clear: both;
	overflow: hidden;
	}
	
#side-main {
	width: inherit;
	clear: both;
	overflow: hidden;
	}

/*--Navigation Controls--*/
#nav-header {
	margin: 0;
	width: 100%;
	height: 60px;
	background: #262626;
	}
	
#nav-wrapper {
	margin: 0;
	width: 765px;
	height: 60px;
	/*background: #262626; 
		border: solid 1px #FF0033;*/
		float: left;
	}
		
#nav-inner {
	width: inherit; /* because part of panel, changed from 990 px to inherit */
	height: inherit;
	position: relative;
	top: 0;
	margin: 0 auto;
	padding: 0;
	text-align: left;
	}
	
#logo-contain {
	width: 180px;
	height: inherit;
	overflow: hidden;
	float: left;
	}
	
#menu-bar * {
	margin: 0;
	padding: 0;
	}

#menu-bar {
	behavior: url(../js/csshover.htc);  /*This will make drop down work in IE 6 - Why I do this is beyond me, as I hate IE */
	width: 570px;
	height: inherit;
	float: right;
	}
	
#menu-bar ul {
	margin: 0.5em;
	float: left;
	width: inherit;
	height: inherit;
	}
	
#menu-bar li {
	list-style-type: none;
	float: left;
	position: relative;
	}	
	
#menu-bar li ul {
	position: absolute;
	width: 8em;
	display: none;
	margin: 0;
	padding: 0 0 0.5em 0;
	}
	
#menu-bar li:hover ul {
	display: block;
	}
	
#menu-bar li ul li {
	width: 7.5em;
	padding: 0 0.25em 0 0.25em;
	line-height: 1.25em;
	}
	
#menu-bar a {
	display: block;
	padding: 0.4em 0.5em;
	text-decoration: none;
	color: #fef3f3;
	font-size: 1.2em;
	}
	
#menu-bar a:hover {
	text-decoration: none;
	color: #f3f3f3;
	}
	
#menu-bar li ul li a {
	font-size: 0.85em;
	}

#menu-bar li ul li a:hover{
	background: #960e1f;
	}
	
/*--Connection Panel--*/
#ui-connect {
	width: 100%;
	float: left;
	clear: both;
	}

#ui-connect ul {
	margin: 0.5em 0 0.5em 0;
	float: left;
	}

#ui-connect li {
	float: left;
	padding: 0.25em;
	}
	
/*--Sidebar & Widgets--*/
.contain-sidebar {
	margin: 0.5em 0 0 0;
	width: inherit;
	}
	
.contain-sidebar img {
	padding: 2px;
	border: 1px solid #999999;
	}
	
/*--Random Post Listing--*/
.sb-random-listing {
	width: 90px;
	height: 125px;
	margin: 0 0.20em 0.25em 0.20em;
	text-align: center;
	float: left;
		/*border: 1px #00FF00 solid;*/
	}
	
.sb-rl-img {
	width: inherit;
	overflow: hidden;
	}
	
/*--Featured Feeds--*/
#featured-feeds {
	width: inherit;
	margin: 1em 0 0 0;
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	overflow: hidden;
	}
	
.site-image img {
	padding: 2px;
	border: 1px solid #999999;
	}
			
	/*these control layout of list*/	
.feedlist {
	padding: 0 0 0 0; 
	margin: 0 auto 0 auto;
	list-style: none;
	}

.feedlist li { /*column control*/
	padding: 0 1em 0.5em 1em;
	width: 160px; 
	float: left; 
	}
	
.feedlist li ul { /*rss item control */
	margin: 0.35em 0 0 0; 
	padding: 0;	
	}
		
.feedlist li ul li {
	margin: 0; 
	padding: 0;
	float: none; 
	}

#feed-panel {
	width: inherit;
	clear: both;
	background-color:#FF0000;
	}

/*--Home Page - Featured Section Category Styling--*/
	
.featured-excerpt span {
	padding: 0.25em;
	font-weight: bold;
	-moz-border-radius: 4px; /* round corner Firefox TL, TR, BR, BL  */
	-webkit-border-radius: 4px;
	}	

.category-anime .contain-featured-excerpt {
	border-bottom: solid thick #FF0000; /*Red*/
	}
	
.category-anime .featured-excerpt span {
	background-color: #FF0000;
	}
	
.category-dollfie .contain-featured-excerpt {
	border-bottom: solid thick #FFFF00; /*Yellow*/
	}
	
.category-dollfie .featured-excerpt span {
	background-color: #FFFF00;
	}
	
.category-figure .contain-featured-excerpt {
	border-bottom: solid thick #DBAF77; /*Lite Brown*/
	}
	
.category-figure .featured-excerpt span {
	background-color: #DBAF77;
	}
	
.category-gaming .contain-featured-excerpt {
	border-bottom: solid thick #33FF66; /*Green*/
	}
	
.category-gaming .featured-excerpt span {
	background-color: #33FF66;
	}
	
.category-music .contain-featured-excerpt {
	border-bottom: solid thick #0099FF; /*Lite Blue*/
	}
	
.category-music .featured-excerpt span {
	background-color: #0099FF;
	}
	
.category-omake .contain-featured-excerpt {
	border-bottom: solid thick #CC77DB; /*Purple */
	}
	
.category-omake .featured-excerpt span {
	background-color: #CC77DB;
	}

.category-otaku .contain-featured-excerpt {
	border-bottom: solid thick #FF9900;  /*Orange*/
	}

.category-otaku .featured-excerpt span {
	background-color: #FF9900; 
	}
	
.category-site .contain-featured-excerpt {
	border-bottom: solid thick #FFFFFF; /*White*/
	}
	
.category-site .featured-excerpt span {
	background-color: #FFFFFF;
	}	

/*--Home Page - Featured Section--*/

#contain-featured {
	margin: 0;
	width: inherit;
	height: 345px;
	clear: both;
	}

.home-featured {
	width: 330px;
	height: 340px;
	float: left;
	}
	
.contain-featured-image {
	overflow: hidden;
	}

.contain-featured-excerpt {
	position: relative;
	top: -100px;
	height: 100px;
	clear: both;
	}	

.featured-excerpt {}
	
/*--Home Page - Microblogging section--*/

#microblog-connect {
	margin: 0;
	width: inherit;
	height: 5em;
	background-color: #262626;
	overflow: hidden;
	clear: both;
	}
	
#twitter {
	width: 70%;
	float: left;
	}
	
#ui-connect-home {
	width: 30%;
	float: right;
	}

#ui-connect-home ul {
	margin: 0.5em 0 0.5em 0;
	float: right;
	}

#ui-connect-home li {
	float: left;
	padding: 0.25em;
	}
	
/*--Home Page - Main Content Sections--*/

#contain-content {
	margin: 0;
	width: inherit;
	overflow: hidden;
	clear: both;
	}	
	
.contain-main {
	width: 640px;
	float: left;
	}
	
.content-main {
	width: inherit;
	overflow: hidden;
	}	
	
.content-columns {
	width: 350px;
	float: right;
	}
		
.article-home {
	margin: 0 0 0.5em 0;
	width: 600px;
	height: 300px;
	padding: 2px;
	border: #999999 1px solid;
	clear: both;
	/*Offset X, Offset Y, Blur Radius - RGB value of color using, then alpha transparency*/
	-moz-box-shadow: 2px 2px 2px rgba(204,204,204,.8);
	-webkit-box-shadow: 2px 2px 2px rgba(204,204,204,.8);
	box-shadow: 2px 2px 2px rgba(204,204,204,.8);
	}
	
.article-image {
	overflow: hidden;
	height: inherit;
	background: #CCCCCC;
	}
	
.article-meta {
	height: inherit;
	overflow: hidden;
	}
	
.article-header {
	position: relative;
	top: 0;
	height: 135px;
	}

.article-excerpt {
	height: auto;
	position: relative;
	top: 0;
	}
	
.entry-home {
	margin: 0 0.5em 0.5em 0.5em;
	width: 310px;
	height: 138px;
	padding: 2px;
	float: left;
	clear: both;
	border: #CCCCCC 1px solid;
		/*Offset X, Offset Y, Blur Radius - RGB value of color using, then alpha transparency*/
	-moz-box-shadow: 2px 2px 2px rgba(204,204,204,.8);
	-webkit-box-shadow: 2px 2px 2px rgba(204,204,204,.8);
	box-shadow: 2px 2px 2px rgba(204,204,204,.8);
	}
	
.entry-image {
	width: 110px;
	height: 112px;
	overflow: hidden;
	float: left;
	}
	
.entry-image img {
	padding: 2px;
	border: #999999 1px solid;
	}
	
.entry-meta {
	width: 190px;
	height: 112px;
	float: right;
	overflow: hidden;
	}	 
	
.entry-timestamp {
	width: inherit;
	height: 10px;
	}
	
.column-more-link {
	padding: 0.25em;
	}
	
/*--Post Entry--*/
.entry-post * {
	font-size: 1em;
	}
	
.entry-post hr {
	border-top: dashed 1px #CCCCCC;
	width: 100%;
	margin-bottom: 0.5em;
	}
	
.entry-post img {
	max-width: 960px;
	height: auto;
	padding: 3px;
	border: 1px solid #CCCCCC;
	margin: 0 0 0.5em 0;
	/*Set the drop-shadow to images here.  Copy of img-dropshadow class*/
	/*Offset X, Offset Y, Blur Radius - RGB value of color using, then alpha transparency*/
	-moz-box-shadow: 2px 2px 2px rgba(204,204,204,.8);
	-webkit-box-shadow: 2px 2px 2px rgba(204,204,204,.8);
	box-shadow: 2px 2px 2px rgba(204,204,204,.8);
	}
	
.entry-post object {
	padding: 3px;
	border: 1px solid #CCCCCC;
	margin: 0 0 0.5em 0;
	/*Set the drop-shadow to images here.  Copy of img-dropshadow class*/
	/*Offset X, Offset Y, Blur Radius - RGB value of color using, then alpha transparency
	-moz-box-shadow: 2px 2px 2px rgba(204,204,204,.8);*/
	-webkit-box-shadow: 2px 2px 2px rgba(204,204,204,.8);
	box-shadow: 2px 2px 2px rgba(204,204,204,.8);
	}
	
.entry-tags {
	border-top: 1px solid #CCCCCC;
	padding: 0.5em 0 0 0;
	}
	
.related-latest-post {
	width: inherit;
	text-align: center;
	margin: 0 0 0.5em 0;
	}
	
.related-latest-post img {
	padding: 3px;
	border: 1px solid #CCCCCC;
	/*Set the drop-shadow to images here.  Copy of img-dropshadow class*/
	/*Offset X, Offset Y, Blur Radius - RGB value of color using, then alpha transparency*/
	-moz-box-shadow: 2px 2px 2px rgba(204,204,204,.8);
	-webkit-box-shadow: 2px 2px 2px rgba(204,204,204,.8);
	box-shadow: 2px 2px 2px rgba(204,204,204,.8);
	}	

.related-latest-post ul {
	display: inline-block;
	list-style: none;
	margin: 0 auto;
	}
	
.related-latest-post li {
	display: inline-block;
	padding: 0 0.5em 0 0.5em;
	width: 160px;
	vertical-align: top;
	}
		
#author-panel {
	width: 95%;
	height: 85px;
	margin: 0 auto 1em auto;
	border: 1px solid #CCCCCC;
	background: #f3f3f3;
	clear: both;
	-moz-border-radius: 10px; /* round corner Firefox TL, TR, BR, BL  */
	-webkit-border-radius: 10px;
	}
			
#author-panel img {
	float: left;
	padding: 3px;
	border: 1px solid #CCCCCC;
	/*Offset X, Offset Y, Blur Radius - RGB value of color using, then alpha transparency*/
	-moz-box-shadow: 2px 2px 2px rgba(204,204,204,.8);
	-webkit-box-shadow: 2px 2px 2px rgba(204,204,204,.8);
	box-shadow: 2px 2px 2px rgba(204,204,204,.8);
	}	
	
#pagecomments h2 {
	color: #003399;
	margin: 0 0 0.5em 0;
	font-size: 1.2em;
	}
	
#single-contain-latest {
	margin: 1em 0 1em 0;
	width: inherit;
	}
	
/*--Post Listing--*/
.listing-header hr {
	border-top: dashed 1px #CCCCCC;
	width: 100%;
	margin-bottom: 0.5em;
	}

.entry-listing {
	width: 100%;
	height: 120px;
	float: left;
	margin: 0 0 1em 0;
	border-bottom: 1px solid #CCCCCC;
	clear: both;
	}
	
.entry-listing hr {
	border-top: dashed 1px #CCCCCC;
	width: 100%;
	margin-bottom: 0.5em;
	}
	
.entry-listing-img-div {
	width: 110px;
	float: left;
	}

.entry-listing img {
	max-width: 960px;
	padding: 3px;
	border: 1px solid #CCCCCC;
	margin: 0 0 1em 0;
	/*Set the drop-shadow to images here.  Copy of img-dropshadow class*/
	/*Offset X, Offset Y, Blur Radius - RGB value of color using, then alpha transparency*/
	-moz-box-shadow: 2px 2px 2px rgba(204,204,204,.8);
	-webkit-box-shadow: 2px 2px 2px rgba(204,204,204,.8);
	box-shadow: 2px 2px 2px rgba(204,204,204,.8);
	}
	
.entry-listing-meta {
	float: right;
	width: 850px;
	}
		
/*--Footer--*/
#footer {
	width: 100%;
	min-width: 990px;
	height: 420px;
	background-color: #212226;
	clear: both;
	}
	
#contain-footer {
	margin: 0;
	width: 990px;
	height: inherit;
	margin-left:auto;  /* centers layout in browser */
	margin-right:auto; /* centers layout in browser */
	text-align: left;
	clear: both;
	}
	
.footer {
	padding: 5px 0 0 0; 
	margin: 0;
	list-style: none;
	}

.footer li {
	padding: 5px;
	width: 185px; 
	height: auto;
	float: left; 
	}
	
.footer li ul {
	margin: 0; 
	padding: 0;	
	}
		
.footer li ul li {
	margin: 0; 
	padding: 1px;
	float: none; 
	display: block;
	}
	
#copyright-footer {
	clear: both;
	float: left;
	width: inherit;
	margin: 2em 0 1em 0;
	}