/* body styles */
body{background-attachment:fixed; background-color:#fff;}
/* general article styles for style and tech pages */

body  a:hover {color:#ffffff; background:#f60; text-decoration:none; border:0; border-radius:11%;}

/* styles for nav */

nav ul{list-style-type:none; text-align:center; line-height:3em; margin:2%; min-width:100%;}
nav li{display:inline; float:none; position:relative; white-space:nowrap; text-align:center; font-size:1em; font-family:BloklettersBalpenBalpen, geneva, tahoma, sans-serif;}

#navBase li{display:inline; float:none; position:relative; white-space:nowrap; text-align:center;}
#navBase ul{list-style-type:none; text-align:center; line-height:3em; margin:2%; min-width:80%;}


article{position:relative;}
article{background: rgba(255,255,255,0.7); padding:1em 2em 2em 3em; margin:0 3%; border-radius: 3%;}
article p{text-align:justify; text-justify:distribute;  text-indent: 3em;}
article p, article ol, article li{color:#333; font-family: source_sans_proregular, tahoma, sans-serif; line-height:1.2em; font-size:95%;}

/* general aside element settings */

aside{position:relative; float:right; width:30%; min-height:100%; }
aside{padding:0; margin:0 2%; margin-top:5%; z-index:1;}
aside p{font-family: "source_sans_proitalic", tahoma, sans-serif; font-size:0.95em; color:#333; padding:0.5em 0; line-height:1.4em; text-indent:1.4em; text-align:justify; text-justify:distribute;}
aside ol{font-size:0.95em; line-height:1.1em;}
/* was f3e49f*/
aside a:hover {color:#ffffff; background:#f60; font-weight:normal; text-decoration:none; border:0;}
.aside1{-moz-box-shadow:inset 0 0 5px rgba(136,136,136,0.7); -webkit-box-shadow: inset 0 0 5px rgba(136,136,136,0.7);
box-shadow: inset 0 0 5px rgba(136,136,136,0.7); border-radius: 11px;}

/* footer structure */
footer{width:100%; margin:0;}

/* paragraph structure */

.fLine{padding:1em 0 0.5em 0;}
.fLine p:first-line{font-size:100%; font-weight:bold; text-indent:0;}
.innerLinks{margin: 0 0 0 11%;}

/* text styles */

.first3{font-size:1.1em; font-family: gandhi_serifitalic, serif;}
.innerLinks{font-family:BloklettersBalpenBalpen, geneva, tahoma, sans-serif; font-size:0.9em;}

/* headers */


h1{font-family: CaviarDreamsRegular, tahoma, serif; font-size:1.8em; padding:0.5em 0 0 3em; font-weight:normal;}
h2{font-family: gandhi_serifitalic, BloklettersBalpenBalpen, serif; font-size:1.2em; font-weight:normal; text-align:left; padding-left:4em; margin:0.8em 0;}
h3{font-family: gandhi_serifitalic, BloklettersBalpenBalpen, serif; font-size:1.05em; font-weight:normal; text-align:left; padding-left:2em; margin:0.8em 0;}
h4{color:#444; font-family: source_sans_proregular, tahoma, sans-serif; margin:0; margin-left:1em; margin-top:1em;  font-size:1.1em; font-weight:bold;}
h5{margin: 0.3em 0 0.5em 1em; font-weight:normal; font-family:gandhi_serifitalic, tahoma, sans-serif; font-size: 0.95em; color:#333;}
#iwii{z-index:-1; padding:0;  margin-top:-56px;}

/* general styles for listed explanation */

.shurui{margin:0 1em; font-size:1em; font-weight:bold; color:#555;}
.yoyaku{padding:0 1em; font-family:gandhi_serifitalic, tahoma, sans-serif; font-size: 1em;}
.setsumei{font-family:source_sans_proregular, tahoma, sans-serif; font-size:1em;}
.shokai{font-family:CaviarDreamsRegular, tahoma, sans-serif; font-size: 1em; margin-right:2em;}

/* general listed styles */

article ul li{padding-top:1em;}
article li{text-align:justify; text-justify:distribute;}
ul{list-style-type:none;}
ol.upper-roman {list-style-type:upper-roman;}
ol.upper-latin {list-style-type:upper-latin;}

#advanced{display:block; margin-right:auto; margin-left:auto; text-align:center; pading:0; margin:0;}

/* img styles */
.icons{float:left; width:48px; height:48px; margin-right:11px;}
.centered{display:block; margin-left:auto; margin-right:auto; padding:1.1em;}

/* headers, outlines */
.outlineheader{color: #fff; background-color:#9e9e9e; background-color:rgba(150,150,150,0.6); padding:0.3em; border-radius:11%;}
.saddle{margin-top:-1.5em; font-size:1.5em; padding-left:1em; font-family: CaviarDreamsRegular, tahoma, serif;}

/* various list styles */

.inner2em li{margin-left:2em;}
.inner2em{margin-top:3%;}
.innerHorizontal li{display:inline; margin:0 2em 0 4em; float:none; position:relative; white-space:nowrap; text-align:center; padding:0;}
.innerHorizontal ul{list-style-type:none; text-align:center; line-height:3em; margin:1%; min-width:80%;}
.inner2em1 li{margin-left:2em; padding:0.1em;}
.inner2em1{margin-top:0;}
/* circular numbers */

.circle-list li{
    padding: 0em;
    margin-left:1em;
}

.circle-list span{
    position: relative;
    margin: 0;
}

.circle-list span:before{
    content: counter(li);
    counter-increment: li;
    position: relative;    
    z-index: -1;
    background-color:#fff;
    height: 1.5em;
    width: 1.5em;
    border:#777;
    border: .1em solid rgba(180,180,180,0.7);
    text-align: center;
    font-style: bold;
    font-size: 1.5em;
    font-family: gandhi_serifitalic, Georgia, Serif;
    color: #777;
    border-radius: 2em;
    margin:0.4em;
    margin-left:-1em;
    padding: 0.1em 0.25em 0.1em 0.25em;
}

/* various rounded effects */

.shape1{background: rgba(255,255,255,0.8); padding:2em; padding-left:3em; margin:11px; margin-left:33px;
    border-radius: 30px 10px; -moz-box-shadow: 0 0 5px 5px rgba(230,230,230,0.5); -webkit-box-shadow: 0 0 5px 5px rgba(230,230,230,0.5); box-shadow: 0 0 5px 5px rgba(230,230,230,0.5);}
.shape2{background: rgba(255,255,255,0.8); padding:2em; padding-left:3em; margin:11px; margin-left:33px;
    border-radius: 10px 30px; -moz-box-shadow: 0 0 5px 5px rgba(230,230,230,0.5); -webkit-box-shadow: 0 0 5px 5px rgba(230,230,230,0.5); box-shadow: 0 0 5px 5px rgba(230,230,230,0.5);}
.shape3{background: rgba(255,255,255,0.8); padding:2em; padding-left:3em; margin:11px; margin-left:33px;
    border-radius: 3%; -moz-box-shadow: 0 0 5px 5px rgba(230,230,230,0.5); -webkit-box-shadow: 0 0 5px 5px rgba(230,230,230,0.5); box-shadow: 0 0 5px 5px rgba(230,230,230,0.5);}
.shape4{padding:3em; margin:11px; margin-left:33px;
    border-radius: 3%; -moz-box-shadow: 0 0 5px 5px rgba(230,230,230,0.5); -webkit-box-shadow: 0 0 5px 5px rgba(230,230,230,0.5); box-shadow: 0 0 5px 5px rgba(230,230,230,0.5);}
.Infoshape{background: rgba(255,255,255,0.85); padding:2em; padding-left:3em; margin:3%;
    border-radius: 11%; -moz-box-shadow: 0 0 5px 5px rgba(230,230,230,0.5); -webkit-box-shadow: 0 0 5px 5px rgba(230,230,230,0.5); box-shadow: 0 0 5px 5px rgba(230,230,230,0.5);}
.bordershadowonly{border-radius: 11%; -moz-box-shadow: 3px 3px 11px 21px rgba(250,250,250,0.4); -webkit-box-shadow: 0 0 11px 11px rgba(250,250,250,0.5); box-shadow: 3px 3px 11px 21px rgba(250,250,250,0.4);}

.all-four-rounded{
	-webkit-border-radius: 33px;
	-khtml-border-radius: 33px;	
	-moz-border-radius: 33px;
	border-radius: 33px;
	}
.top-right-rounded{
	-webkit-border-top-right-radius: 10px;
	-khtml-border-radius-topright: 10px;	
	-moz-border-radius-topright: 10px;
	border-top-right-radius: 10px;
	}
.bottom-left-rounded{
	-webkit-border-bottom-left-radius: 10px;
	-khtml-border-radius-bottomleft: 10px;	
	-moz-border-radius-bottomleft: 10px;
	border-bottom-left-radius: 10px;
	}
.bottom-right-rounded{
	-webkit-border-bottom-right-radius: 10px;
	-khtml-border-radius-bottomright: 10px;	
	-moz-border-radius-bottomright: 10px;
	border-bottom-right-radius: 10px;
	}
.bottom-right-rounded{
	-webkit-border-bottom-right-radius: 10px;
	-khtml-border-radius-bottomright: 10px;	
	-moz-border-radius-bottomright: 10px;
	border-bottom-right-radius: 10px;
	}
.shadow{    -moz-box-shadow: 5px -5px 5px #e6e6e6;
    -khtml-box-shadow: 5px -5px 5px #e6e6e6;
    -webkit-box-shadow: 5px -5px 5px #e6e6e6;
    box-shadow: 5px -5px 5px #e6e6e6;}
.bottom-rounded-shadow{
    -webkit-border-radius: 10px;
	-khtml-border-radius: 10px;	
	-moz-border-radius: 10px;
	border-radius: 10px;
    -moz-box-shadow: 5px 5px 7px 1px rgba(230, 230, 230, 0.5);
    -khtml-box-shadow: 5px 5px 7px 1px rgba(230, 230, 230, 0.5);
    -webkit-box-shadow: 5px 5px 7px 1px rgba(230, 230, 230, 0.5);
    box-shadow: 5px 5px 7px 1px rgba(230, 230, 230, 0.5);}

/* clearing */

.clear{clear:both; margin:0; padding:0;}

/* various divs */

#tori{position:absolute; top:3em; left:0;}
#pueo{position:relative; margin-left:37%; margin-top:-101px;}

/* mobile */

/* iPhone to 4 non-retina */
@media screen and (device-width: 480px) {
article{ font-size:1.3em;}
nav li{font-size:1.3em;}
aside p{font-size:1.2em;}
.shurui{font-size:1.3em;}
.yoyaku{font-size: 1.1em;}
.setsumei{font-size:1.3em;}
#tori{top:3em;}
#navBase, footer{font-size:1.3em;}
nav li{margin:0 1%; line-height:2em;}
}

/* iPhone4 iPod Touch with Retina Display */

@media screen and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2){
nav li{font-size:1.3em; margin:0 1%;}
article, aside p, .shurui, .yoyaku, .setsumei, #navBase, footer{font-size:1.3em;}
nav li{margin:0 1%;}
nav ul{line-height:4em;}
}

/*  various mobile browsers */
@media screen and (device-width: 480px) {
}

/* @media screen and (min-width: 1201px) {
article p{
	column-width:20em;
    -webkit-column-count: 3; /* Chrome, Safari, Opera */
    -moz-column-count: 3; /* Firefox */
    column-count: 3;
    column-gap:4em;}
}
@media screen and (min-width:760px) and (max-width: 1200px){
article p{
		column-width:20em;
    -webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2;
        column-gap:4em;}
}
*/