body {
	background-color:#000;
	background-image:url('../images/bg1.jpg');
	background-attachment:fixed;
	margin:0;
	padding:0;
	}

#principal {
	width:85%;
	max-width:1250px;
	margin:1% auto 3% auto;
	}

.logosize {
/*	margin-right:260px;
*/	height:155px;
	margin-bottom:1.5em;
	}
	.logosize img {
		width:100%;
		max-width:975px;
		}

.main {
	margin-right:265px;
	background:#fff;
	border:2px outset #90c;
	border-radius:8px;
	padding:3%;
	}
	
.rightnav {
	float:right;
	width:250px;
	}
	.rightnav .button, button, div#gotopage a.button {
		border-radius:6px;
		background:#751966;
		border:1px outset #90c;
		color:#fff;
		font-weight:bold;
		text-align:center;		
		text-transform: uppercase;
		font-family:'PT sans', sans-serif;
		font-size:smaller;		
		cursor:pointer;
		}
	.rightnav .button {
		width:76px;
		padding:4px 0;
		margin:0 7px 0 0;
		}
	button {
		padding:.5em;
		}		
		.rightnav .button:hover, div#gotopage a.button:hover, button:hover {
			border-color:#fff;
			}
	.rightnav li {
		float:left;
		}
		.rightnav li:nth-child(3) {
			margin-right:0;
			}
	.rightnav .rssemail .button {
		width:246px;
		margin:10px 0 0 0;
		line-height:1.1em;
		}
		.rightnav .rssemail .button::after {
			content: " for StarshipTim.com";
			}

	.mobilemenutrigger {
		display:none;
		}
	#MobileMenu {
		display:none;
		}
		#MobileMenu .WidgetHolder, #MobileMenu .rightcol {
			display:none;
		}

.fixright {
	clear:right;
	float:right;
	}

.rightcol, .WidgetHolder {
	width: 230px;
	background:#fff;
	border:2px outset #90c;
	border-radius:8px;
	padding:8px;
	margin-top:10px;
	}
	.feedbox {
		height:356px;		
		}
	.nobox {
		background:none;
		border:0;
		padding:0 5px;
		width:240px;
		}
		.nobox img {
			width:49%;
			vertical-align:middle;
			}
	.windmills {
		float:right; 
		margin-top:.2em;
		}
		.windmills img {
			display:none;
			}
			
	.readwatch img {
		float:left;
		border:1px solid #751966;
		border-radius:3px;
		margin:0 8px 4px 0;
		max-width:60px;
		}
	div.bsky .scrollbox {
		max-height:800px;
		overflow-y:scroll;
		overflow-x:hidden;
		margin-top:-0.2em;
		}
		
.feedtitle {
	background:#420B2A;
	padding:2px;
	font:bold .7em 'PT Sans';
	color: #fff;
	text-transform:uppercase;
	text-align:center;
	}
	.feedtitle a {
		color:#fff;
		text-decoration:none;
		}
		
.WidgetHolder ul {
	padding:0 .5em;
	}
.SilverStripe_Blog_Widgets_BlogArchiveWidget ul {	
	column-count:3;
	}
	.WidgetHolder li span.arrow {
		display:none;
		}

.blog-entry p.post-image, .blog-entry div.imgcap {
	float:right;
	width:40%;
	max-width:350px;
	margin:0 0.5em 1em 2em;
}
p.inline-image {
	width:98%;
	margin-left:1%;
}	
.blog-entry p.post-image, .blog-entry div.imgcap, p.inline-image {
	text-align:center;
	font:normal .85em 'PT Sans';
	font-style:italic;
	color:#666;
	line-height:1.25em;
	text-indent:0;
	}	
.blog-entry .post-image img, .blog-entry div.imgcap img, p.inline-image img, div.sketch img {
	width:100%; height:auto;
	border:2px inset #751966;
	margin:.5em 0 2px 0;
	border-radius:6px;
	}
	
div.post-summary {
	margin-bottom:1.5em;
	padding-bottom:1.2em;
	border-bottom:3px double #751966;
	}
	
img.left {
	float:left; 
	margin: .3em 1em .5em 0;
	border:1px inset #751966;
	}
img.right {
	float:right; 
	margin: .3em 0 .5em 1em;
	border:1px inset #751966;
	}
	
.vanish {
	display:none;
	}
	
.video-container {
    position: relative;
    padding-bottom: 56.25%;
    height: 0; 
	overflow: hidden;
	border:1px outset #751966;
	border-radius:5px;
	background:#420B2A;
}
 
.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

div.comments-holder {
	margin-bottom:1em;
}

form#Form_CommentsForm textarea {
	max-width:100%;
}
	
.footer {
	padding-top:1em;
	margin-right:265px;
	}

/* SKETCHBOOK */

div.sketchmenu {
	width:10em;
	height:12em;
	border:2px inset #751966;
	border-radius:8px;
	background-position:center;
	margin-bottom:3px;
}

.sketchlist li {
	float:left;
	text-align:center;
	margin-right:.75em;
	margin-bottom:.75em;
}

div#bigscreen {
	position:fixed;
	top:0; left:0; bottom:0; right:0;
	background:#10010ef0;
	z-index:100;
	display:none;
	transition:0.7s;
}
	div#thesketch {
		position:relative;
		text-align:center;
		width:100%;
		height:100%;
	}

	div#gotopage {
		position:fixed;
		width:16em;
		bottom:12px;;
		left:50%;
		margin-left:-8em;
		text-align:center;
	}
	div#gotopage a.button {
		width:100%;
		padding:5px 10px;
		text-shadow:1px 1px 1px #000;
	}