/* SSoW 2011 Reorganization */
 /* Raeven; Uploaded September 01, 2011 */
 
 
 /* SETTING THE BLANK PAGE'S STRUCTURE UP */

 * {  
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
   }
       
	html, body {
height: 100%;
margin: 0; 
padding: 0;
font-family:'dyslexieregular',
}

	body	{
line-height: 120%;
color: #000; 
background-color: #2e2e53; 
	background-color: #2C533D;/* html green */
}
body, input, select, textarea,
.pure-g [class *= "pure-u"] {
    font-family: 'dyslexieregular','Muli', Verdana, Tahoma, Helvetica, Arial, sans-serif;
}
	
	#entirepage	{
margin: 0;
padding: 1.3em;
position: relative;
width: 100%;
height: 100%;
}
	
	#container	{
background: url(images/sitegraphics/ssow_bg_peach-topfade.jpg) top left repeat-x, url(images/sitegraphics/ssow_bg-peach-bottomfade.jpg) bottom left repeat-x, url(images/sitegraphics/ssow_bg-peach.jpg) top left repeat; 
background-color: #e9D6B6;
border: 1px solid #F9F;
box-shadow: 2px 2px 3px 0 rgba(102,0,51,.5);
margin: auto;
margin-bottom:1.3em;
position: relative;
max-width:960px;
height: 100%;
min-height: 100%;
voice-family: "\"}\"";
voice-family: inherit;
height: auto;
}
html>body #container{
height: auto;
}

 /* PAGE PROPER */ 	
	#content, main	{
padding: 0 24px 88px 24px;
/* padding-bottom: 88px;
footer height plus footer padding times two */
text-align: left; 
}

 /* LINKS  */
  
a:link {
color : #333399;
}  
 a:visited {
color : #990066;
 } 
a:hover, a:active {
color : #006666;
border-bottom :  #339966;
}

 /* HEADERS */

h1, h2, h3, h4 {
font-family: 'dyslexieregular','Comfortaa', Verdana, Tahoma,  Helvetica, Arial, sans-serif;
color: #666699; font-weight : normal;
} 
h1 {text-align: center;text-shadow: 2px 2px 2px rgba(0,0,0,.3);padding: .5em;}
h2 {font-size: 1.5em;} 
h3 {font-size: 1.4em;}
h4 {font-size: 1.2em; font-weight : bold;}

h5 {font-size: 1.05em; margin: 0; line-height: 1.25em;}

section>h3,
article>h3:first-of-type{ 
  clear : both;
  padding : .2em;
  border-bottom: 1px solid #6C8A7D;
  border-top: 1px solid #6C8A7D;
  background-color: #e9D6B6;
  text-align:center; 
  line-height: 1.3em;
}
section>h2 {text-shadow: 1px 1px 1px rgba(0,0,0,.3);
  text-align:center; 
  line-height: 1.3em;}

 /* MASTHEAD SECTION  */
  #intro {font-size: 80%;margin-bottom: 2.6em;}  
h1#sitetitle {font-size:3em; font-weight:bold; line-height: 1.3em;}
h1#pagetitle {margin-top: -1.5em;}


 /* FOOTER SECTION */
 /* With Site Navigation (allowing for 3 main categories)*/ 
/* #sitenav	{
    position: absolute;
    bottom: 0;
    margin : 0;
    height : 68px;
    width : 100%;
    }

#dllink, #wwlink, #sillink {
    padding: 3px;
    }*/


section {display: block; }
section+section { border-top: 1em ridge rgba(153,204,0,.1); clear:both;}
    
article {display: block; }
article+article {margin-top: 1.5em;}
article>section {display: inline; }
article>section+section {border:0; display:inline-block;}




 /* LISTS */ 
#breadcrumbs {
    padding-left:16px;
    font-size: .72em;
    text-align: left;
    }

/*#jumpto {
    font-size: 1.3em;
    text-align: center;
    }*/
#disclaimer, .credits, .smallprint, .related, .tip, {	
    font-size: 74%; font-weight:normal;
} 


       

 /* SUBINDEX PAGES */
 
.cattitle, .vartitle {text-align:center; }
.subcattitle, .callout-title{	
    text-align: center;
    padding : 8px 6px;
    border-bottom: 1px solid #6C8A7D;
    border-top: 1px solid #6C8A7D;
    }
.subcattitle {
    background-color: #e9D6B6;
    }
.callout-title{	
    background-color: rgba(255,2552,255,.2);
    margin:auto; margin-bottom:1em;
    }

.bl_entry {
    clear : both;
    padding: 1.5em 1em;
    }	
.bl_entry li {	
	display : list-item; 
	}
    
.callout, blockquote, .article, .hackdescr {
    border-bottom: 1px solid #CCC;  
    padding:0; margin: auto;   
    background: rgba(255,255,255,.2);
    }

.description p {
    margin: 1em;
    }
.set-descr {}


.asis {color:red; background-color: black; padding-left: .3em; padding-right: .3em}

 /* TEXT BLOCKS */

 /* a thin border at top and bottom only that defines the space without separating it from the rest of the page completely. Center Alignment */
    .divider {	
    clear : both;
    padding : 6px;
    border-bottom: 1px solid #6C8A7D;
    border-top: 1px solid #6C8A7D;
    background-color: #e9D6B6;
	}
/* exceptions to that rule */
    .subset .settitle {
    background-color: transparent; 
    background-color: rgba (255,255,255,0);
    } 
    
    .hackdescr {
    font-family: monospace;
    padding: 0 1em;
    margin: auto;
    }
    .hackdescr h3 {
    font-family: monospace;
    font-weight: bold;
    margin-top: 1em; padding-top: .5em;
    }
    
 /* ========Font sizes======== */ 
    .subtitle, ul.dllist li, #strayapps {font-size: .88em;}
	.credits, .notation {font-size: .72em; 	}
 /* ========alignment======== */
.category, .index_more {text-align:center; }

 /* ====== IMAGES ====== */
 
.thumb, figure, figcaption, .caption {text-align:center}
figcaption, .caption {font-size: .72em;}
.thumb {font-size: .88em; padding: .5em .1em;}

.setimg, .dlimg{
  float : right;  margin: 0 0 .4em 1.4em;
}
.img-center{ padding: .5em .1em; }
.img-center img{ margin:auto; }
img.preview-left {
	margin-right: 1.4em;
	float: left;
}
img.preview-right {
	margin-left: 1.4em;
	float: right;
}
 
/*	.setimg img, img.catimg { border : 1px solid;	} */
/*	div.catimg {	float : left; 	padding-right : 1em; margin-right : 1em; } */
/* Was already disabled because of typo
dl_entry .thumb {
    padding-bottom: 2em;
     } */
     
 /* ================ */
    
.dltitle{
  line-height:1.2em;
}
.setlist li{
  list-style-type: square;
  font-size: 88%; 
}
.setlist lh{font-weight:bold; font-size: 1.2em; }
.setlist img.winzip {float:left; margin-right:1.2em; border:0; }
/*	.setnotes{

	} */
	.dl-set_entry, .dl_entry { clear : both; padding: .5em 0; }
 
 /*
	.dls {margin-top:0; padding-top:0;}
	*/
	
/*	ul.dllist li {	
	display : list-item;  
	margin-left : 2em; 
	list-style-type : disc; */
	}
    
  /*
    .category {	font-weight : bold;	}
	.pure-u-1-4 thumb {
	float:left;
	margin: 20px;
	}
   */     
.cf:after, .subindex_entry:after, .subcattitle:before, .subset:before, .dl_entry:after, .dl_set-entry:after, div.bl_entry:after {
    content:'';
    display: block;
    clear: both;
    }
    
    /*TO PHASE OUT */
 
 
.settitle, .sect_h {text-align:center; 
  line-height:1.2em;	
    clear : both;
    padding : 6px;
    border-bottom: 1px solid #6C8A7D;
    border-top: 1px solid #6C8A7D;
    background-color: #e9D6B6;
    color:green;
}

.caption {color: blue; }
.alert {color:#c00; text-shadow: 1px 1px 1px rgba(102,0,51,.3); font-weight:bold;}
#strayapps div {padding: .5em 0; text-align:center; }
 /*   #jumplinks {font-size: 1.05em; text-align:center; } */
#napacollage {text-align: center; margin: auto; max-width: 700px; overflow:hidden;}