/*	based on lessish stylesheet for ikiwiki
	https://github.com/spiffin/ikiwiki_lessish 
	Original License: http://opensource.org/licenses/mit-license.php	
	Modifications Copyright (C) 2014 Sahal Ansari - All Rights Reserved.
*/

* {
margin: 0;
padding: 0;
font-family: helvetica, sans-serif;
}

/* Typography presets
------------------ */

.gigantic {
font-size: 110px;
line-height: 120px;
letter-spacing: -2px;
}

.huge, h1 {
font-size: 1.5em;
line-height: 1.75em;
}

.large, h2 {
font-size: 1.25em;
line-height: 1.5em;
}

.bigger, h3 {
font-size: 1.05em;
line-height: 1em;
}

h1 { /* ,h2,h3 */
text-align:center;
}

h1,h2,h3,h4 {
margin-top: 8px;
}

.blogalink {
font-weight:bolder;
font-size:150%
}

/* Selection colours (easy to forget) 
   Selection colors - hey, we americans like grep too! */

::selection 	 	{background:  #C6C6EC;}
::-moz-selection 	{background:  #C6C6EC;}
img::selection 		{background: transparent;}
img::-moz-selection	{background: transparent;}
body {-webkit-tap-highlight-color:  #C6C6EC;}

/*		Default Layout: 992px. 
		Gutters: 24px.
		Outer margins: 48px.
		Leftover space for scrollbars @1024px: 32px.
-------------------------------------------------------------------------------
cols    1     2      3      4      5      6      7      8      9      10
px      68    160    252    344    436    528    620    712    804    896    */

body {
	width: 50em;
	margin: .5em auto 0 auto;
	background: url('//slowfruit.net/include/background.png') #339 no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	-webkit-text-size-adjust: 100%; /* Stops Mobile Safari from auto-adjusting font-sizes */
}

article.page {
	background-color:#fff;
	border: 5px solid #000;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius: 15px;
	padding: 0 1.5em 0 1.5em;
}

/*		Tablet Layout: 768px.
		Gutters: 24px.
		Outer margins: 28px.
		Inherits styles from: Default Layout.
-----------------------------------------------------------------
cols    1     2      3      4      5      6      7      8
px      68    160    252    344    436    528    620    712    */

@media only screen and (min-width: 768px) and (max-width: 991px) {
	
	body {
		width: 712px;
		padding: 48px 28px 60px;
	}
}

/*		Mobile Layout: 320px.
		Gutters: 24px.
		Outer margins: 34px.
		Inherits styles from: Default Layout.
---------------------------------------------
cols    1     2      3
px      68    160    252    */

@media only screen and (max-width: 767px) {
	
	body {
		width: 252px;
		padding: 48px 34px 60px;
	}
	
}

/*		Wide Mobile Layout: 480px.
		Gutters: 24px.
		Outer margins: 22px.
		Inherits styles from: Default Layout, Mobile Layout.
------------------------------------------------------------
cols    1     2      3      4      5
px      68    160    252    344    436    */

@media only screen and (min-width: 480px) and (max-width: 767px) {
	
	body {
		width: 436px;
		padding: 36px 22px 48px;
	}
	
}

/*	End Less
	------	*/

/* edits */

.title {
display:inline !important;
}

.inlinepage {
border:0 !important;
}

.header {
	font-size: 100%;
}

p + p { margin-top: 8px; }

a:link, span.flink, a:visited, a:hover {
color: #339;
text-decoration: underline;
}

hr { border: 0; height: 1px; color: #333; margin: 10px 0; background-color: #666; }

.actions ul {
	margin:0;
/*	margin: 0 0 10px;
	padding: 16px .8em 10px 0px; */
	height: auto;
}
.actions li {
	padding: 0 .5em 0 0;
}

.pagedate,
.pagelicense,
.pagecopyright {
	margin:0;
	font-size: small;
	color: #7f7f7f;
}

blockquote {
	font-style: italic;
}

code {
	font: 14px Monaco, Courier, monospace;
	line-height: 24px;
}

textarea {
	font: 12.5px Monaco, monospace;
	background: #232323;
	color: #a7ed61;
}

span.parentlinks {
	display:block;
	margin-top:.5em;
}

#pageinfo {
	margin: 1em 0;
	border-top: 0px solid #666;
}

.notebox {
	color: #333 !important;
}

.sidebar {
	border: 0px solid #aaa;
	font-size:.75em;
}

input#searchbox {
	background: none;
}

.centered {
display:block; 
text-align:center;
}

.trails {
	margin:0;
}

/* tag list */

ul.list {
display:inline;
}

ul.list li {
display: inline;
}

/* slowfruit.net title */
span#title {
font-size: 4.25em;
}

span#title, span#tagline {
display:block;
font-weight:bolder;
text-align: center;
padding: 0;
margin: 0;
line-height: 1.25em;
letter-spacing: 0;
}

span#title a, span#title a:visited {
color:black;
text-decoration:none;
}

span#title a:hover {
color:#339;
}

.legal {
font-size:xx-small; 
vertical-align:top;
}

span#tagline {
margin: -.75em 0 0 0;
font-size:1.5em;
}

div#googleS {
margin: 0 auto .5em auto;
padding:0;
width:50%;
display:block;
background-color:rgba(255,0,0,0.5) !important;
}

.cse form.gsc-search-box, form.gsc-search-box, form.gsc-search-box, .cse .gsc-control-cse, .gsc-control-cse {
margin:0em !important; 
padding:0em !important;
}

td.gsc-clear-button {
display:none !important;
}

div#form{
width: 95%
margin: auto;
}


ul#menu {
/* hmm, width: 750px;*/
text-align: center;
margin:0 auto 0 auto;
margin-bottom: 0 !important;
padding: .5em;
}

ul#menu li {
display: inline;
text-align: center;
margin: 10px;
height: 100%;
font-weight: bold;
}

ul#menu li a {
width: 100%;
height: 100%;
text-decoration: none;
background-color: #0C2C52;
padding: 7px;
color: white;

border: 2px solid #000;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}

ul#menu li a:hover {
background-color: #fff;
color: #339;
}


span.notice, span#notice {
font-size: .75em;
display: block;
padding: 3px;
margin: auto;
margin-top: .25em;
margin-bottom: .25m;
width: 550px;
text-align: center;
background: #fff;
border: 1px solid #000;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}


/*share42.com css */ #share42 {
width: 15em;
margin: auto;
margin-top:2em;
display: block;
border-radius: 4px;
text-align: center;
}

p {
/*text-indent: 2.5em;*/
padding: 0 2.5em 0 2.5em;
margin: 0.75em 0 0.75em 0;
line-height: 1.5em;
}

/* lists */

ol, ul {
margin-left:4.5em;
margin-bottom:1em
}

/* goddamn nested uls have to ruin it for the rest of us */

ol ul, ul ul, ol ol, ul ol {
margin-left:1.5em;
}


ol li, ul li  {
margin-top:.5em;
margin-left:1.5em
margin-bottom:.5em;
line-height:1.5em;
}


table.vpntable {
	margin:2em;
	border:1px solid #000;
}

table.vpntable th {
	border-bottom:2px solid #000;
}

table.vpntable td, table.vpntable th {
border-collapse:collapse;
width:20%;
padding:.5em;
margin:0;
}

table.vpntable tr:nth-child(even) {
  background-color: #cecece;
}


table.vpntable tr:nth-child(odd) {
  background-color: white;
}

img.osimg {
padding:.05em:
}

table.align-center {
	width:80%;
	text-align:center;
	margin:auto;
}

blockquote {
	margin-right:3em;
	margin-left:3em;
}

/* don't leave when you hot, that's how ma$e screwed up...*/
@media only screen and (max-width:480px), only screen and (max-device-width:480px) {

#n188 { display:none; }

body, ul#menu, span.notice {
background:#fff;
width:auto;
border:0;
margin:0;
padding:.5em;
}
 
span#title{
margin:0;
font-size:1.5em;
line-height:1em;
}
 
span#tagline {
margin:0;
font-size:1em;
line-height:1.5em;
}

ul#menu li {  
display:block;
margin:20px;

}

ul#menu li a {
width:100%;
}

input#proxy_submit_simple, input#proxy_url {
width:auto;
}

article.page {
border:0;
border-radius:0;
padding:0;
margin: 0;
}
	
}