/*
For:Started:['']
Finished:['']
Amended:['2012-12-31']
Colors:*/
@font-face{font-family:'Smile';src:url('/fonts/Smilage.eot');src:url('/fonts/Smilage.eot?#iefix') format('embedded-opentype'),url('/fonts/Smilage.otf') format("opentype");}
@font-face{font-family:'Smiles';src:url('/fonts/Smilage.eot');}
body{position:relative;overflow-x:hidden;}
.container{margin:auto;display:block;/*max-width:1100px;min-width:910px;*/ padding-bottom:2em;}
.container.dark{ background-color:rgba(0,0,0, .2); }
header{display:block;width:100%;margin:auto;border:0px solid red;min-height:344px;background:url('/imgs/style/spotted-paint.png') no-repeat 0% 0%;margin-bottom:0em;max-width:865px;}
header h1{font-size:96px;margin-left:30%;padding-top:1.25em; font-family:Smile,Smiles,Georgia,"times new roman",serif;}
h1{font-size:3.5em;color:#970F00;}
h2{color:#fff;}
header,article,footer{clear:both;}
article{width:100%;margin:auto;margin-bottom:5em;padding-bottom:0em;padding-top:4em;display:block;max-width:820px;height:auto;overflow-x:auto;}

.content{width:65%;float:left;clear:left;padding-bottom:1em;}
article.alternative .content{ clear:none; }
#boom-boom{margin-top:-62px;}
p{font-size:1em;font-weight:300;}
*{padding:0px;margin:0px;font-weight:normal;text-decoration:none;}
h1,h2,h3,.underTheBonnet a{/*font-family:Smile,Smiles,Georgia,"times new roman",serif;*/}
body{color:#fff;/*,*/ font-family:"Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;padding-top:3em;letter-spacing:.05em;height:100%;background-color:#1A79B0; }
.fright{float:right;clear:right;margin-bottom:1em;}
.fleft{float:left;}
/*--- LISTS ---*/
ol,ul,dl{margin-left:1em;}
#examples .content{ width:100%; position:relative; z-index:75;}
ul.examples{margin-left:0;list-style-type:none;padding-top:1em; }
ul.examples li{width:23%;float:left;margin-right:2%;min-height:200px;}
/* could do this :nth-child(3) */
ul.examples li:first-child + li + li +li {margin-right:0%;}
ul.examples li figure{display:block;width:100%;}
ul.examples li figure img{}
ul.examples li figure a{height:135px;display:block;overflow:hidden; border:none;}
ul.examples li figure figcaption{display:block;font-size:75%;font-weight:lighter;width:100%;min-height:3em;padding-top:.5em;}
/*--- NAVIGATION ---*/
nav{border-bottom:2px solid #000;background-color:rgb(132,186,62);background-color:rgba(132,186,62,.75);width:100%;position:fixed;top:0px;left:0px;
	/*font-family:Smile,Smiles,Georgia,"times new roman",serif;*/ z-index:100;}
nav ul{padding:1em 0 1em 0em;width:100%;margin:auto;max-width:865px; list-style-type:none; text-align:center; box-sizing:border-box; height:auto;}
nav ul:after{ content:''; clear:both; display:table; height:auto;}
nav li{ float:left; border-right:1px solid #666; width:16.6%; box-sizing:border-box;}
nav li:last-child{border-right:0px solid #fff;}
nav a{color:#fff;padding:.5em;font-weight:normal;border-bottom:0px solid red; padding:1em; white-space:pre;}
a.active{color:#222;}
/* accessibility when tabbing */
a:focus{/*outline:1px dotted red;background-color:#000;*/text-decoration:none;}
/*--- Black hole ---*/
#blackHole{position:absolute;bottom:1em;right:2em; max-width:70%; opacity:.9;}
.clouds{ width:100%; overflow-x:hidden; position:absolute; bottom:0; height:1200px; overflow-x:hidden }
.cloud{background:url('/imgs/clouds.png') 75% 0% no-repeat;height:245px;width:795px;position:absolute;top:50px;margin-left:40%;margin-left:10%;}
#cloud4{background:url('/imgs/clouds.png') 50% 0% no-repeat;top:150px; margin-left:190%;}
#cloud5{background:url('/imgs/clouds.png') 20% 0% no-repeat;top:300px; margin-left:10%;}
#cloud6{background:url('/imgs/clouds.png') 50% 0% no-repeat;top:400px; margin-left:60%;}
#cloud7{background:url('/imgs/clouds.png') 50% 0% no-repeat;top:550px; margin-left:120%;}
#cloud8{background:url('/imgs/clouds.png') 50% 0% no-repeat;top:700px; margin-left:10%;}
#cloud9{background:url('/imgs/clouds.png') 50% 0% no-repeat;top:800px; margin-left:80%;}
.scenery{width:100%;height:425px;position:relative;}
.mountains{background:url('/imgs/mountains.png') 50% 0% repeat-x;clear:both;opacity:.5;height:375px;position:absolute;width:100%;top:0px;left:0;}
.bigger-hills{background:url('/imgs/hills.png') 55% 0% repeat-x;clear:both;opacity:.5;height:175px;position:absolute;width:100%;bottom:150px;left:0;}
.hills{background:url('/imgs/foothills.png') 57% 0% repeat-x;clear:both;height:175px;width:100%;position:absolute;bottom:100px;left:0;}
/*--- Colophon for bunnies ---*/
footer#colophon{display:block;width:100%;position:absolute;bottom:0;left:0;color:#222;clear:both;height:225px;background:transparent url('/blog/wp-content/themes/spottedpaint/meadow.png') 60% 0% repeat-x;overflow:hidden;}
#ie7 footer#colophon,
#ie8 footer#colophon,
#ie9 footer#colophon{position:relative;bottom:-2em;padding-bottom:1em;}
.contact-and-site-info{text-shadow:0px 0px 1px #09093F; text-align:center; position:relative;top:160px;max-width:800px;margin:auto; color:#09093F; opacity:.6;}
footer#colophon a{text-decoration:none; color:#09093F; border-bottom:none;position:relative; font-weight:normal; top:-1px;}
/* bunnies */
.bunnies{width:800px;position:relative;padding-top:5px;top:100px;height:10px;margin:auto;}
.hole{position:absolute;display:block;width:30px;margin-top:30px;height:13px;background-color:#000;background-color:rgba(51,0,0,.6);border-top-left-radius:15px 5px;border-top-right-radius:15px 5px;border-bottom-right-radius:15px 5px;border-bottom-left-radius:15px 5px;}
#ie6 .hole,#ie7 .hole,#ie8 .hole{display:none;}
.bunny{position:absolute;display:block;width:40px;height:51px;background-image:url('/blog/wp-content/themes/spottedpaint/bunny.png');background-repeat:no-repeat;}
.bunny:nth-child(2n){background-image:url('/blog/wp-content/themes/spottedpaint/bunny-reversed.png');}
#bunnyA{top:30px;left:0px;}
#bunnyB{bottom:5px;right:25px;z-index:100;}
#bunnyC{bottom:-10px;right:75px;}
#bunnyD{top:50px;left:100px;z-index:100;}
#bunnyE{top:35px;left:130px;}
/*--- HEADINGS ---*/
h1,h2,h3,h4,h5,h6,h7,h8,h9{line-height:1em;margin:0em 0 0.25em 0;  /*font-family:Smile,Smiles,Georgia,"times new roman",serif;*/}
h1{font-size:2.5em;}
h2{font-size:2em;/*letter-spacing:.15em;*/ font-weight:300; /* text-shadow:0px 0px 1px #eee;*/ }
h3{font-size:1.5em;/*letter-spacing:.05em;*/}
h4{font-size:1em;/*letter-spacing:.05em;*/}
h5{font-size:.8em;/*letter-spacing:.05em;*/}
h6{font-size:.7em;/* letter-spacing:.05em; */}
/*---IMGS ---*/
img{border:0;}
/*--- TEXT ---*/
address{}
article aside{float:left;width:30%;padding-left:3%;clear:right;}
article aside.fleft{ clear:none;padding-left:0; padding-right:3%;}
blockquote{font-size:.8em;font-weight:300;font-style:italic;letter-spacing:.05em;margin-bottom:1em;text-indent:.5em;color:#fff; border:0;}
blockquote p.quotey{font-size:.9em;padding-top:1em;clear:both;text-indent:0;width:80% !important;}
blockquote:before{content:'“';font-size:2em;line-height:0em;position:relative;font-family:times,serif;top:.25em;left:-2px;color:#fff;color:rgba(255,255,255,0.6);}
p{padding-bottom:.6em;color:rgb(0,0,51);color:#fff;}
sup{vertical-align:text-top;}
sub{vertical-align:text-bottom;}
abbr,acronym{cursor:help;}
pre,code,kbd,samp,tt,dfn,var{font-family:monospace;}
q:before,q:after{content:'';}
/*--- LINKS ---*/
a{color:#8ECAE8;font-weight:300;border-bottom:1px dotted #8ECAE8;}
p a:visited{color:#000;border-bottom:1px dotted #000000;}
p a:hover{color:rgb(0,0,51);color:#73BE1E;border-bottom:1px dotted #73BE1E;}
a:link{}
a:hover{}
a:focus{}
a:active{}
a[target="_blank"]:after,
a[target="new"]:after{font:1em "Zapf Dingbats";content:"\27A6";padding-left:1em;}
/*--- FORMS ---*/
input,
textarea,
select{font-family:inherit;font-size:inherit;font-weight:inherit;}

@media only screen and (max-width:925px){
nav li:nth-child(6), nav li:nth-child(1){ width:10%;}
nav li:nth-child(2), nav li:nth-child(3){ width:22%;}
#boom-boom{margin-top:0px;}
header#home h1{width:auto;}
header{padding-top:2em;min-width:580px;}
header h1{padding-left:0px;margin-left:280px;padding-top:100px;width:305px;font-size:64px;}
article{overflow:hidden;padding:0 12px 0 12px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
.container{min-width:410px;}
.content,
.container,
.content,
article aside,
article{}
article{padding-top:3em;}
article aside img{padding-left:0px;}
ul.examples li{width:30.5%;}
ul.examples li:first-child + li + li + li{margin-right:2%;}
ul.examples li:first-child + li + li{margin-right:0%;}
}


@media only screen and (max-width:800px){
	nav li a{ white-space:normal; }
}

/* @media only screen and (max-width:675px){*/
@media only screen and (max-width:685px){
header#home h1{width:auto;}
nav{position:absolute;}
.content{width:100%;}
article aside{clear:both;width:100%;padding-left:0%;}
nav ul{padding:.5em;margin-left:0px;clear:both;height:auto;float:left;width:100%;display:block;}
nav ul:after{content:"";}
nav ul li{width:33%;display:block;float:left;padding:.1em;border-right:0px solid #fff;}
nav ul li:hover{background:rgba(28,65,130,.75)}
nav ul li:nth-child(1),
nav ul li:nth-child(2),
nav ul li:nth-child(3){border-bottom:1px dashed rgb(28,65,130); width:33%;}
nav ul li:nth-child(2),
nav ul li:nth-child(3),
nav ul li:nth-child(5),
nav ul li:nth-child(6){border-left:1px dashed rgb(28,65,130); width:33%;}
header{min-width:520px;padding-top:5em;background-position:0 3em;}
header,
article,
.container{min-width:200px;max-width:100%;}

.content,
article aside{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
}

@media only screen and (max-width:550px){
.container{min-width:320px}
nav{min-width:320px;}
nav ul{ padding:.25em;}
nav ul li{width:50% !important;padding:.25em;}
nav ul li:nth-child(1),
nav ul li:nth-child(2),
nav ul li:nth-child(3),
nav ul li:nth-child(4){border-bottom:1px dashed rgb(28,65,130);}
nav ul li:nth-child(2),
nav ul li:nth-child(4),
nav ul li:nth-child(6){border-left:1px dashed rgb(28,65,130);}
nav ul li:nth-child(5),
nav ul li:nth-child(3){border-left:0px dashed rgb(28,65,130);}
nav ul li:nth-child(1),
nav ul li:nth-child(3){border-left:0px dashed rgb(28,65,130);}
nav ul li a{white-space:pre;}
header h1{display:none;}
ul.examples li{width:42.5%;margin-right:2%;}
ul.examples li:first-child + li{margin-right:0%;}
ul.examples li:first-child + li + li{margin-right:2%;}
footer#colophon span, footer#colophon a{ white-space:pre;}
.contact-and-site-info{ top:150px;}
}

small{font-size:.75em;font-weight:lighter;}
article.paypal .content form ul{margin-left:0;}
article.paypal .content form li{list-style-type:none;display:block;padding-bottom:1em;}
article.paypal .button{background-color:green;color:#fff;font-weight:bolder;border-radius:1em;padding:.5em;}
article.paypal label{display:block;padding-bottom:.25em;}