/* Cleaned CSS: */

/* user css */

/*	Template: (#66) Joffrey Is The Worst	 */
/*	Date: December 16, 2011	*/
/*	S2 Style: Mixit		*/
/*	Available at http://community.livejournal.com/thefulcrum/	*/

/*	Customizing this layout is easy enough	*/

/*	Just do a search and replace for the following */
/*	#f3f3f3 -- background colour for the entire page as well as the header links when hovered over	*/
/*	#ffffff -- background of the main content areas	*/
/*	#cccccc -- border colour	*/
/*	#49728a -- colour of all links	*/

/*	The header shwos up as "66_header.gif"; change this to the name of your header image	*/


@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: normal;
  src: local('Oswald '), local('Oswald'), url('https://p.dreamwidth.org/f57673727567/-/themes.googleusercontent.com/static/fonts/oswald/v2/-g5pDUSRgvxvOl5u-a_WHw.woff') format('woff');
}


* {margin: 0px; padding: 0px; }

html {font-size: 100%; /* IE hack */ }

body {
	background: #f3f3f3;
	color: #333333;
	font-family: "Helvetica Neue", helvetica, arial, sans-serif;
	font-size: 62.5%;
	text-align: center;
	}

a, a:link, a:visited, a:active {color: #49728a; font-weight: normal; text-decoration: none; outline: none;}
a:hover {text-decoration: underline;}

blockquote {margin: 1em 2em; padding: 1em; }

input, textarea, select {}

h1, h2, h3, h4, h5, h6 {margin: 5px 0px; font-family: Oswald, "Helvetica Neue", helvetica, arial, sans-serif; font-weight: normal;}

font {font-family: inherit !important; color: inherit !important;}


/* ----------------------------------------- */
/* ---------- PAGE STRUCTURE --------------- */
/* ----------------------------------------- */

/* -- don't touch the stuff below -- */
#footer {margin: -1px 0 0 0; /* HACK - removes space between content and footer */}
#header-inner, #alpha-inner, #beta-inner, #gamma-inner {overflow: hidden; /* hide content that is larger than the element dimensions */}
#alpha-inner[id] { overflow: visible; } /* FF MAC & PC will clip pager-top when accessing page anchor */
/* -- don't touch the stuff above -- */


#container {margin: 3em 7.5%;}
#container-inner {font-size: 1.2em; text-align: left;}
	.layout-wt #container-inner {border: 1px solid #cccccc; background: url("https://p.dreamwidth.org/9ff9f2227463/-/www.spoinky.net/graphics/ljlayout/66_bg.gif") 75% 0px repeat-y #ffffff; }
	.layout-tw #container-inner {border: 1px solid #cccccc; background: url("https://p.dreamwidth.org/9ff9f2227463/-/www.spoinky.net/graphics/ljlayout/66_bg.gif") 25% 0px repeat-y #ffffff; }

#page {margin: 0 auto; padding: 0;}

#header {border-bottom: 1px solid #cccccc;}
#header-inner {margin: 0 auto;}

#content {}
#content-inner {margin: 0 auto;}
	#alpha {float: left; width: 75%;}
	#alpha-inner {margin: 0px; }
	#alpha-inner {}
	#beta {float: right; width: 25%;}
	#beta-inner {margin: 0px; }

	.layout-tw #alpha {float: right;}
	.layout-tw #beta {float: left;}
	.layout-tw #beta-inner {}

#footer {clear: both; border-top: 1px solid #cccccc; background: #ffffff;}
#footer-inner {padding: 2em;}


/* ---------------------------- */
/* ---------- HEADER ---------- */
/* ---------------------------- */

#header-content {position: relative; background: #ffffff; font-family: Oswald; text-align: center; text-transform: uppercase;}

#header-photo {border-bottom: 1px solid #cccccc; background: url("https://p.dreamwidth.org/f689239577d7/-/nivair.com/66_header_sirius.png") center bottom no-repeat; height: 200px;}

#header-text {padding-bottom: 1em;}
#header-text ul.nav {position: absolute; top: 0px; right: 0px; list-style-type: none; width: 100%; margin: 0; padding: 8px 0; background: #ffffff; border-bottom: 1px solid #cccccc; font-size: 11px; text-transform: uppercase;}
#header-text ul.nav li {display: inline; margin-right: 1px;}
#header-text ul.nav li a {padding: 8px 10px; text-decoration: none;}
#header-text ul.nav li.current a {}
#header-text ul.nav li a:hover {background: #f3f3f3;}


#header-name {padding-top: 0.5em; font-size: 2em; line-height: 1.5em;}
#header-name a {}
#header-name a:hover {}

#header-description {margin: 0px; padding: 0px;}


/* ----------------------------- */
/* ---------- ENTRIES ---------- */
/* ----------------------------- */


/* previous and next links */
.stream-header {display: none;}
.stream-footer {clear: both; display: block; padding: 1em 2em; font-family: Oswald; font-size: 14px; text-transform: uppercase;}
	.stream-footer a {margin: 0; padding: 0;}
	.stream-footer a:hover {}

/* entry container */
.asset {position: relative; clear: left; border-bottom: 1px solid #cccccc; font-size: 1.1em; }


.asset-header {margin: 0px; padding: 1em 2em; border-bottom: 1px solid #cccccc; text-align: left;}
	.asset-header ul.asset-meta-list {border: 0px;}
	.lj-view-entry .asset-header {border-top: 1px solid #cccccc;}

/* entry subject */
h2.page-header2 {padding: 0; font-size: 1.5em; line-height: 1.2em; text-transform: uppercase;}
h2.page-header2 a, .lj-view-tags h2 {text-decoration: none;}
h2.page-header2 a:hover {text-decoration: underline;}



/* entry body, meta, tags */
.asset-content {}

/* entry text */
.asset-body {padding: 1em 2em; line-height: 1.5em; overflow-x: hidden;}
	.asset-body p {margin: 1em 0;}
	.asset-body a {text-decoration: underline; font-weight: bold;}
	.asset-body ol, .asset-body ul {margin: 10px 40px;}
	.asset-body dt {padding: 5px 0px; font-weight: bold; text-transform: uppercase;}
	.asset-body dd {margin-left: 30px; padding: 1em; border-top: 0px;}
	.asset-body a:hover {}
	.asset-body a img {max-width: 97.5%; width: auto; height: auto; /* Prevent stretching of full-size images with height and width attributes in IE8 */}
	.asset-body img {max-width: 97.5%; width: auto; height: auto; /* Prevent stretching of full-size images with height and width attributes in IE8 */}
	.asset-body a:hover img {}
	.aligncenter {display: block; margin-left: auto; margin-right: auto;}
	.alignleft {float: left; margin: 0 0.5em 0.5em 0;}
	.alignright {float: right; margin: 0 0.5em 0.5em 0;}

/* userpic */
.user-icon {display: inline; float: right; margin: 0 0 1em 1em; text-align: right;}
.user-icon img {padding: 0px; background: none;}

.ljuser {display: inline !important;}
.ljuser a {background: none;}
.ljuser a img, .ljuser img {border: 0px; padding: 0px; background: none;}

/* mood, music, location */
.lj-currents {padding: 0 2em; }
.lj-currents ul {list-style-type: none; font-size: 11px;}
.lj-currents ul span.entryMetadata-label {margin-right: 0.5em; font-family: Oswald; text-transform: uppercase;}
.lj-currents ul li a:hover {text-decoration: underline;}
.lj-currents img {float: left; margin: 0 0.5em 0.5em 0; }

/* --- tags --- */
.asset-tags {padding: 0 2em 1em 2em; line-height: 120%;}
.asset-tags h4 {display: inline; float: left; margin: 0 0.5em 0 0; font-size: 11px; text-transform: uppercase; }
.asset-tags .asset-tags-list {display: inline; list-style-type: none; margin: 0; padding: 0;}
.asset-tags .asset-tags-list li {display: inline;  font-size: 11px;}
.asset-tags .asset-tags-list li a:hover {text-decoration: underline;}


/* comments bar */
.asset-meta {font-family: Oswald;}
ul.asset-meta-list {clear: left; list-style-type: none; padding: 0em 2em 2em 2.5em; text-transform: uppercase; font-size: 11px;}
li.asset-meta-comments {display: inline;}
li.asset-meta-comments a {text-decoration: none; margin-right: 10px; padding: 0;}
li.asset-meta-comments a:hover {text-decoration: underline;}

	/* date and time */
	div.asset-header .asset-meta {border: 0px; text-align: center;}
	div.asset-header ul {list-style-type: none; margin: 0; padding: 0.5em 0; border: 0px;}
	div.asset-header ul.asset-meta-list .item {display: block; font-size: 12px; text-align: left;}

.prevnext, .prev, .next {}



/* ----------------------------- */
/* ---------- SIDEBAR ---------- */
/* ----------------------------- */

.widget {margin: 0; padding: 0; border-bottom: 1px solid #cccccc; text-align: center;}
.widget-inner {}

.widget-header {margin: 0px; padding: 0.5em 1em; border-bottom: 1px solid #cccccc; font-size: 1.5em; font-weight: normal; text-transform: uppercase;}
	.widget-header h3, .widget-header a, .widget-header a:hover {margin: 0; padding: 0; font-weight: normal !important;}

.widget-content {padding: 2em; font-size: 90%;}
.widget-content a {}
.widget-content a:hover {}
.widget-footer {}

.widget ul {list-style-type: none; margin: 0;}
.widget ul li {padding: 0.2em 0;}

/* profile */
.about-me-widget .widget-content {min-height: 110px; margin: 0;}
.about-me-widget .widget-content .user-pic {float: right; display: inline;}	
.about-me-widget dl.profile-list {}
.about-me-widget dd {padding: 3px 0px;}
.about-me-widget dd.profile-username {text-transform: uppercase;}
.about-me-widget dd.profile-name a {font-weight: bold; text-decoration: underline;}

/* calendar */
.calendar-widget table {width: 100%; margin-left: -5px; font-size: 11px; text-align: center; }
.calendar-widget th, 
.calendar-widget td {margin: 0px; padding: 0px;}
.calendar-widget p {margin: 0px; padding: 0px; text-transform: uppercase; text-align: right; font-family: Oswald;}
.calendar-widget tr:first-child td {border: 0px; text-transform: uppercase; text-align: left; font-family: Oswald;}
.calendar-widget tr:first-child a, 
.calendar-widget tr:first-child a:hover {font-weight: normal;}

/* link list, tags */
.typelist-widget li.item a, .categories-widget li.item a {display: block; font-size: 100% !important; margin: 0px; padding: 0px;}
.typelist-widget li.item a:hover, .categories-widget li.item a:hover {}
.categories-widget .widget-footer {padding: 10px 0px 0px 0px;text-transform: uppercase;}

/* page summary */
.archive-widget ul {}

/* custom text */
.customtext-widget .widget-content {line-height: 1.5em;}

/*syndication */
.syndicate-widget {display: none;}
.syndicate-widget img {margin-top: 5px;}

/* powered by livejournal */
.powered-widget {display: none; padding-top: 3em;}
.powered-widget .widget-content {overflow: hidden; font-size: 12px;}
.powered-widget a {font-weight: bold; text-decoration: underline;}

/* designed by */
/* leave this turned off otherwise it will credit someone else with the design */
.designed-widget {display: none;}



/* ----------------------------------- */
/* ---------- COMMENTS PAGE ---------- */
/* ----------------------------------- */

/* Comments ---------------------------------------*/
#comments {margin: 0; padding: 0;}

#comments h2.page-header2 {margin: 0; padding: 1em 1.5em; border-bottom: 1px solid #cccccc; font-size: 1.5em; text-align: left;}

.comments-body {}

.comment {position: relative; min-height: 130px; padding: 1em 2em; border-bottom: 1px solid #cccccc;}
.comment-odd {}
.comment-even {}

.comments-nav {padding: 1em 1em; text-align:center;}

.comment-meta {padding-top: 15px;}
.comment-meta br {height: 0.5em;}
.comment-meta .user-icon {position: relative; float: right; display: inline; margin-top: -1em; padding-bottom: 10px;}
.comment-meta .commenter-name {display: block; padding: 0.5em 0; font-size: 14px; text-transform: uppercase;}
.comment-meta .commenter-name a {}
.comment-meta .commenter-name b {font-weight: normal;}
.comment-meta .commenter-name img {margin-bottom: 0.25em;}

/* --- reply, freeze, screen, etc ---  */
.comment-links {font-weight: normal; text-align: right; font-size: 10px; text-transform: uppercase;}
.comment-subject {}
.comment-date {position: absolute; top: 0px; left: 0; display: block; margin: 0; padding: 0.5em 2.5em; font-size: 10px; text-transform: uppercase; text-align: right;}

/* Fix height in IE */
.comment {height: 1%;}

/* Quick Reply  ---------------------------------------*/
.quickreply {margin-top: 1em; width: 90%; padding-top: 5px; padding-bottom: 10px;}

#commenttext, #subject {width: 90%;}
#comment-form {width: 97.5%;}



/* Permalink */
.lj-view-entry #alpha-inner p:first-child {padding: 1em 2em; border-bottom: 1px solid #cccccc;}



/* ------------------------------ */
/* ---------- ARCHIVES ---------- */
/* ------------------------------ */

/* Calendar/Archive ---------------------------------------------------------------------- */


.lj-view-month #alpha-inner, .lj-view-archive #alpha-inner {padding: 1em 2em;}
        

/* Yearly Archive */
ul.year {margin-bottom: 1em; font-family: Oswald;}
ul.year li {display: inline; padding: 0px 5px; font-size: 16px; text-align: left;}
ul.year li a {}
ul.year li a:hover {text-decoration: underline;}

table.yeartable {width: 100%; margin-left: auto; margin-right: auto;}
table.yeartable tr:first-child {font-weight: normal; font-family: Oswald;}
table.yeartable td.yeardate, table.yeartable td.yearday {padding: 5px; border: 1px solid #cccccc;}
table.yeartable td.yearday {border: 1px solid #cccccc; text-align: center; text-transform: uppercase;}
td.yearmonth {border-style: none; text-transform: uppercase;}
	.asset-body td.yearmonth a {font-weight: normal !important;}
td.yeardate a {padding: 0 5px; font-size: 1.5em; font-weight: normal;}
td.yeardate a:hover {}


/* Monthly Archive */
.lj-view-month #alpha-inner table {padding: 2em 2em 0 2em;}
.lj-view-month #alpha-inner dt {padding: 0;}
.lj-view-month dt  {font-size: 16px; text-align: left; text-transform: uppercase;}
	.lj-view-month dt a {font-weight: normal !important;}
	.lj-view month dt b {font-weight: normal !important;}
.lj-view-month dd.viewsubjects {padding: 1em 0;}
	.lj-view month dd span.ljuser {padding-right: 1em;}
	.lj-view-month dd.viewsubjects img {padding: 0px; border: 0px !important; background: none;}

.lj-view-archive #alpha, .lj-view-month #alpha {}
	.lj-view-archive .asset-header, .lj-view-month .asset-header {margin: 0px; border: 0px; padding: 0px;}
	.lj-view-archive .asset-body, .lj-view-month .asset-body {margin: 0px; border: 0px; padding: 10px 0px;}

.lj-view-month widget table {margin: 0px !important;}


/* Daily Archive */
.lj-view-day #dayyymmmmmdddd h2 {padding: 1em 1.5em; border-bottom: 1px solid #cccccc; font-weight: normal; text-transform: uppercase;}
.lj-view-day #dayyymmmmmdddd h2.page-header2 {padding: 0; border: 0;}
.lj-view-day .skiplinks {display: block; padding: 1em 2em; font-family: Oswald; text-align: center; text-transform: uppercase;}


/* Tags Archive */
.lj-view-tags #alpha-inner {}
.lj-view-tags h2.page-header2 {padding: 1em 2em; border-bottom: 1px solid #cccccc; font-size: 1.5em; font-weight: normal; text-transform: uppercase; text-align: left;}
.lj-view-tags #alpha ul {padding: 1em 2em; margin-left: 2em;}
.lj-view-tags #alpha ul li {padding: 2px 0px;}
.lj-view-tags #alpha ul li a {}
.lj-view-tags #alpha ul li a:hover {text-decoration: underline;}


/* -------------------------- */
/* ---------- MISC ---------- */
/* -------------------------- */


/* Sponsored Plus ---------------------------------------*/

#ad-5linkunit {
    clear: both;
}

#ad-leaderboard {
        margin-bottom: 10px;
}


/* Utility Code --------------------------------------------------- */

/* clear floats, inspired by positioniseverything.net/easyclearing.html */
.comment-body:after,
#page-inner:after,
#header-inner:after,
#header-photo:after,
#alpha-inner:after,
#alpha-inner:after,
#beta-inner:after,
#gamma-inner:after,
#delta-inner:after,
#footer-inner:after,
.widget .user-pic:after {
content: ".";
display: block;
visibility: hidden;
clear: both;
height: 0.1px;
font-size: 0.1em;
line-height: 0.1px;
}

/* float in post bodies around enclosures */
#alpha-inner,
.asset-body {
height: 1%;
}

/* Win IE < 7 */
* html #header-name a { word-wrap: break-word; }




/* ----------------------------------------------- */
/* ---------- RESPONSIVE STRUCTURE --------------- */
/* ----------------------------------------------- */


@media (max-width: 800px) {/* Simplify the basic layout */
	#container, #container-inner {background: #ffffff;}
	.layout-wt #container-inner, .layout-tw #container-inner {background-image: none;}

	#page {background: none !important;}
	#header, #content {padding: 0; width: auto;}
	#header-inner {}
	#header-name {}
	#header-description {}

	#content #alpha {float: none; width: auto;}
	#content #beta {float: none; width: auto; background: url("https://p.dreamwidth.org/9ff9f2227463/-/www.spoinky.net/graphics/ljlayout/66_bg.gif") 50% 0px repeat-y;}  
	#content #beta-inner {}
	.asset {clear: left; font-size: 1.1em; margin: 0; padding-left: 0; padding-right: 0;} 
	.stream-footer {margin: 0; text-align: center;}	

	.widget {width: 49.9%; margin: 0; float: left; border: 0px;}
	.widget-inner {border: 0px;}
	.widget-header {border-top: 1px solid #cccccc;}
	.widget a {}
	.widget a:hover {text-decoration: underline;}
	.widget-header a {text-decoration: none;}
	.typelist-widget li.item a, .categories-widget li.item a, .archive-widget ul li  {text-deocration: underline;}
	.typelist-widget li.item a:hover, .categories-widget li.item a:hover {text-deocration: underline;}

	.calendar-widget th, .calendar-widget td {margin: 0px; padding: 2px 1px;}

	.lj-view-month #alpha-inner, .lj-view-archive #alpha-inner, .lj-view-tags #alpha-inner {padding: 0;}

	/* Make sure embeds fit their containers */
	embed, object {max-width: 100%; }

	#footer {display: none;}

}
@media (max-width: 650px) {/* @media (max-width: 650px) Reduce font-sizes for better readability on smaller devices */
	body, input, textarea {font-size: 12px; }
	#content #beta {background: none !important;}  
	#header-content {text-align: center;}
	#header-name {font-size: 1.8em; line-height: 1.5em;}
	#header-description {font-size: 12px;}
	#beta-inner {padding-top: 0.5em;}
	h2.page-header2 {margin: 0; font-size: 22px;}	
	div.asset-header ul {position: relative; top: 3px; right: 0px; text-align: center;}
	div.asset-header ul li {display: block; text-align: center;}
	.widget {width: 100%; float: none; margin-bottom: 0.5em;}
	.widget-content {padding: 1em 2em;}
	blockquote {margin: 1em 0;}

	/* Floated content doesn't work well at this size */
	.alignleft,
	.alignright {float: none; margin-left: 0; margin-right: 0; }

}

@media (max-width: 480px) {
	#header-text {}
	#header-title {font-size: 16px;}
	#header-description {font-size: 14px;}
	.asset-body {font-size: 10px;}
	.asset-body img {max-width: 90%;}
	h2.page-header2 {font-size: 14px;}
	.user-icon img {display: none;}
	li.asset-meta-comments a {margin-bottom: 6px; font-size: 11px;}

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {body {padding: 0; }
	#page {margin-top: 0; }
	#header-title {padding: 1em 0 0 0;}
	#header-description {margin: 0 0 1em 0;}
}


/* ---------------------------------------------------------- */
/* ---------- PASTE ANY ADDITIONAL CODE BELOW --------------- */
/* ---------------------------------------------------------- */