/*----------- 
Matt Kreiling
http://tinynow.com
Slightly Darker Blue:#99cdff
Partly Blue: #c7e3ff
Egg-shell: #FEF7E6
Merlot: #932a29

/*-----
RESET
-----*/
html, body, ul, ol, li, 
	form, fieldset, legend, a 	{ margin: 0; padding: 0; }
h1, h2, h3, h4, 
	h5,	h6,	p										{ margin-top: 0; }
img				 										{ border: 0; }
li 														{ list-style: none; }
sup 													{ vertical-align: text-top; }
sub 													{ vertical-align: text-bottom; }
table													{ border-collapse: collapse;	border-spacing: 0; }
caption, th, td								{ text-align: left;	vertical-align: top; font-weight: normal; }
input, textarea, select 			{	font-size: 110%; line-height: 1.1; }
abbr, acronym									{	border-bottom: .1em dotted;	cursor: help;}
a 														{ text-decoration: none; }
/*----------
@font-face
---------*/
@font-face {
font-family: 'Goudy'; 
src: url('fonts/goudy_bookletter_1911-webfont.eot'); 
src: local('☺'), url('fonts/goudy_bookletter_1911-webfont.woff') format('woff'), url('fonts goudy_bookletter_1911-webfont.ttf') format('truetype'), url('fonts/goudy_bookletter_1911-webfont.svg#webfont7C3Q21E5') format('svg'); 
font-weight: normal; font-style: normal;
}
@font-face {
font-family: 'TiresiasRegular';	
src: url('fonts/Tiresias_Infofont-webfont.eot'); 
src: local('☺'), url('fonts/Tiresias_Infofont-webfont.woff') format('woff'), url('fonts/Tiresias_Infofont-webfont.ttf') format('truetype'), url('fonts/Tiresias_Infofont-webfont.svg#webfontVo42gWJR') format('svg'); 
font-weight: normal;	font-style: normal;
}
@font-face {
font-family: 'TiresiasItalic'; 
src: url('fonts/Tiresias_Infofont_Italic-webfont.eot'); 
src: local('☺'), url('fonts/Tiresias_Infofont_Italic-webfont.woff') format('woff'), url('fonts/Tiresias_Infofont_Italic-webfont.ttf') format('truetype'), url('fonts/Tiresias_Infofont_Italic-webfont.svg#webfontiL9B9rWf') format('svg'); 
font-weight: normal; font-style: normal;
}
/*-------
STRUCTURE
-------*/
html 										{  background:url(img/butterfy-tile.png) repeat fixed #99cdff; }
.container {
padding-top: 200px;
height: 100%; 
/*--css gradient--*/ 
background: #99cdff; /* for non-css3 browsers */
_filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#99cdff' endColorstr='#000000'); /* for IE */ 
background: -webkit-gradient(linear, left top, left bottom, from(#99cdff), to(transparent)); /* for webkit browsers */
background: -moz-linear-gradient(top,  #99cdff,  transparent); /* for firefox 3.6+ */
z-index: 2;
}

 
header {
position:fixed;
height:100px;
width:90px;
left:17px; 
top:10px;
background:none repeat scroll 0 0 #C7E3FF;
_filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#C7E3FF' endColorstr='#FFFFFF'); /* for IE */ 
background: -webkit-gradient(linear, left top, left bottom, from(##C7E3FF), to(#fff)); /* for webkit browsers */
background: -moz-linear-gradient(top,  #C7E3FF, #FFFFFF); /* for firefox 3.6+ */; 
border:1px outset #FFFFFF; 
-moz-border-radius:5px; 
-webkit-border-radius: 5px; 
border-radius: 5px;

}
header img 								{ position:fixed; width:60px; left:33px; top:22px; }
#banner {
position: fixed;
left: 110px;
top: 10px;
min-width: 447px;
padding:6px;
background: #C7E3FF;
_filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#C7E3FF' endColorstr='#FFFFFF'); /* for IE */ 
background: -webkit-gradient(linear, left top, left bottom, from(##C7E3FF), to(#fff)); /* for webkit browsers */
background: -moz-linear-gradient(top,  #C7E3FF, #FFFFFF); /* for firefox 3.6+ */

border:1px outset #FFFFFF;
-moz-border-radius:5px;
-webkit-border-radius: 5px;
border-radius: 5px;
z-index: 0;
}
#apology 									{ width: 48%; height: 120px; background: url(img/butterflyh-75px.png) no-repeat 100px 40px;}
#apology h2             {font-size: 2em; text-align: center;}
#apology h2 a           {color: #FEF7E6; text-shadow: 1px 1px 1px gray; }
#apology h2 a:hover        {color: #ff0000; text-shadow: 1px 1px 1px white; }
/*--Newsletter sign-up--*/
form#publicForm 					{ width:50%;min-width: 220px; }
form#publicForm dl 				{ margin: 0; }
form#publicForm dt 				{ display:inline-block; width:17%; margin-bottom:12px; vertical-align:top;}
form#publicForm dd 				{ display:inline-block; margin:0; width:80%;}
form#publicForm input[type="text"], 
form#publicForm textarea 	{ width:80%; }
form#publicForm p.submit 	{ margin-left:65%; }

nav 											{ position: fixed; top: 10px; right:-1.6666666666667%; width: 160px; z-index: 6; }
article { 
position:relative; 
float:left; 
margin:0 0px 500px 0px; 
padding:10px 30px 10px 10px;
background-color:#FEF7E6;
-moz-border-radius:5px;
-webkit-border-radius: 5px;
-moz-box-shadow:7px 7px 30px #222;
-webkit-box-shadow:7px 7px 30px #222;
z-index: 4;
}
aside {
clear: none;
position: relative;
float: right;
width:25.6667%;
padding:2px;
margin-top: 150px;
background:none repeat scroll 0 0 #FEF7E6;
border-color:gray -moz-use-text-color gray gray;
border-style:inset none inset inset;
border-width:1px medium 1px 1px;
-moz-border-radius:5px 5px 5px 5px;

}


#tweets 									{ clear:both; padding: 2px;}
.twtr-widget-profile h3, 
.twtr-widget-profile h4 	{ clear:none; border:none;}
.twtr-ft 									{ display: none; height: 0px;}

a#back {position: fixed;
top:240px;
margin-left: 7.66666666667%;

width: 100px;
}
a#back:active {

  top: 241px;

}

footer {
height: 420px;
min-width: 768px; 
background:  #FEF7E6 ; 
border: inset 1px #932a29;  
-moz-border-radius: 5px; 
-webkit-border-radius: 5px; 
z-index:3;
}
footer section {
height: 100%;}
#info {margin-left: -2px; padding-left: 5px; border-left: 2px dashed #777;}
/*--------
NAVIGATION
--------*/
nav ul li 								{ float: right; padding: 5px 5px; }
nav	ul li a { 
display: block; 

width: 145px;
padding: 5px 6px 3px 5px; 
margin: 0 -5px 0 0 ; 
background:  url(img/nav-butterflies.png) no-repeat #C7E3FF;
border: outset 1px white; 
border-right: none;	
-moz-border-radius-topleft: 5px; 
-moz-border-radius-bottomleft: 5px;
-webkit-border-top-left-radius: 5px; 
-webkit-border-bottom-left-radius: 5px;
/*css animation*/
-webkit-transition-property:color, background, padding,;
-webkit-transition-duration: .1s, .1s, .1s;
-webkit-transition-timing-function: linear, ease-in;
transition-property:color, background, padding,;
transition-duration: .1s, .1s, .1s;
transition-timing-function: linear, ease-in;
}
nav ul li a:visited 			{border: none;}
nav ul li a:hover 				{ background: url(img/nav-butterflies-color.png) no-repeat #99cdff; border: outset 1px #99cdff; border-right: none; }
nav ul li a:active { 
border: 1px inset #fff;  
-moz-border-radius: 5px;
-webkit-border-radius: 5px; 
display: block; 
color: #777;
background: url(img/nav-butterflies-color.png) no-repeat #eee;
}
a.nav1 										{ font-size: 1.3em; letter-spacing: 0; background-position: 2px 3px; text-align: right;}
a.nav1:hover 							{ background-position: 2px 3px; padding: 5px 20px 3px 20px;}
a.nav2 										{ font-size: 2em;  background-position: 0 -51px; }
a.nav2:hover 							{ background-position:0 -51px; padding: 5px 20px 3px 20px;}
a.nav3 										{ font-size: 1.5em; background-position: 0 -90px; text-align: right;}
a.nav3:hover 							{ background-position:0 -90px; padding: 5px 20px 3px 20px; }
a.nav4 										{ font-size: 2em;  background-position: -10px -165px; }
a.nav4:hover 							{ background-position: -10px -165px; padding: 5px 20px 3px 5px; }
a.nav5 										{ font-size: 2em;  background-position: 0 -51px; }
a.nav5:hover 							{ background-position:0 -51px; padding: 5px 20px 3px 20px;}
/*----------
Social Buttons
---------*/
.social ul								{ height: 100%; min-width: 206px; }
.social ul li							{ float:left; margin:2px 4px; padding:1px; }
.social ul li a 					{ display:block; width:51px; padding:4px 6px 7px 36px;background:url("img/social.png") no-repeat scroll ; }
.social ul li a span 			{ display: none;}
.social ul li a:hover 		{ color:red; background:url("img/social-blue.png") no-repeat scroll; }
.social ul li a.soc1			{ background-position:3px 1px; }
.social ul li	a.soc2			{ background-position:-113px 1px; }
.social ul li a.soc3 			{ background-position:3px -36px; }
.social ul li a.soc4 			{ background-position:-113px -36px; }
.social ul li a.soc5 			{ background-position:3px -73px; }
.social ul li a.soc6 			{ background-position:-113px -73px; }
.social ul li a.soc7 			{ background-position:3px -110px; }
.social ul li a.soc8 			{ background-position:-113px -110px; }
.social ul li a.soc9 			{ background-position:3px -147px; }
.social ul li a.soc10			{ background-position:-113px -147px; margin-bottom: 30px; }
/*--------
TYPOGRAPHY
----------*/
body 											{ font-family: Goudy, georgia; font-size: 95%; letter-spacing: .0705em;  line-height: 150%;}
header h1 								{	font-size:1.3em; text-align:center; margin:75px 0 0 0;}
#banner 									{	font-size: .85em; line-height: 116%;}
#banner h3, p							{ margin: 3px 1px ;}
#banner h3								{ color: #f00; line-height: 101%;}
#banner p {font-family: TiresiasRegular, sans-serif;}
h1 												{ text-align:center;}
h2 												{ font-family: TiresiasRegular, sans-serif; color: #932a29; font-size: 3em; margin: 10px 0 30px 0px; line-height: 1.1em; letter-spacing: -.050em; /*text-shadow:0 1px 0 #000;*/}
h3 												{ font-size:1.7em; margin-left: .2em 0 .5em 0; text-align:left; text-shadow:0 1px 0 #FFF;}
article p   							{ margin: .5em .7em 1em .7em; padding: 1em 0 0 1em;font-size: 1.3em;}
a 												{ color: #932a29; display: inline; margin: 0;}
a:hover 									{ color: #f00;}
nav a 										{ color: #000;  text-shadow:0 1px 0 #FFF;}
nav a:hover								{ color: #932a29}
article ul 								{ margin: 1em .2em; font-size: 1.3em; line-height: 1.5em;}
article ul li 						{ list-style: circle; list-style-position: inside; padding: 0 0 0 30px;}
article ol li							{ list-style: inside; list-style-type: decimal; padding: 10px;}
.pic 											{ display:block; color: #F00;font-family: TiresiasItalic; font-size: 13px;  line-height: 1em; }
aside h2 									{ color:#eee; text-shadow:0 1px 0 #FFF; font-family:Goudy,georgia; font-size:2.2em; text-align:center; margin-bottom: 30px; }
aside h3 									{	color: #99cdff; font-family:TiresiasRegular,trebuchet,sans-serif; font-size:1.2em; letter-spacing:0.25em; text-transform:lowercase; line-height: 1em; border-bottom: 1px dashed #999; clear:both; }
aside ul li a							{ color:#777777; display:block; font-size:15px; text-transform:capitalize; }
aside p 									{ margin: 5px 0 0 10px; text-indent: -5px; }
blockquote								{ margin: 1em 4em; display: block; width: 50%; float: left;}
.emphasis 								{ font-size: 1.2em; font-family: TiresiasRegular, sans-serif; letter-spacing: .07em;}
.twtr-tweet-text 					{ font-family: Goudy; font-size:1.3em;}
/*-------
FUNKTIONS 
---------*/
.right 										{ float:right;}
.left 										{ float: left;}
.small 										{ width: 20%; }
.medium										{ width: 40%; }
.center										{ display: block; margin-left: auto; margin-right: auto;}
.large										{ width: 90%; }
.pic 											{ margin:5px; background-color: #fff; padding: 10px 2px; border: 1px double #99cdff; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
.pic img 									{ width: 100%; }
a.button { 
padding: 5px 20px 5px 5px; 
border: 1px outset #99cdff; 
background:  #99cdff; 
-moz-border-radius: 5px; 
-webkit-border-radius: 5px;
/*cssgradient*/
_filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#99cdff' endColorstr='#eee'); /* for IE */ 
background: -webkit-gradient(linear, left top, left bottom, from(#99cdff), to(#eee)); /* for webkit browsers */
background: -moz-linear-gradient(top,  #99cdff, #eee); /* for firefox 3.6+ */


/*--css animation--*/
-webkit-transition-property:color, background, padding; 
-webkit-transition-duration: .2s, .2s, .2s; 
-webkit-transition-timing-function: linear, ease-in;
}
a.button:hover	{ color: #f00; background-attachment:  url(img/fly-bullet.png) no-repeat right 5px; _filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#99cdff' endColorstr='#FFFFFF'); /* for IE */ 
background: -webkit-gradient(linear, left top, left bottom, from(#99cdff), to(#fff)); /* for webkit browsers */
background: -moz-linear-gradient(top,  #99cdff, #FFFFFF); /* for firefox 3.6+ */

 }
 a.button:active {
top:1px; 
 }
a.current {
display: block;
color: #777; 
border: 1px inset #fff;  
-moz-border-radius: 5px;
-webkit-border-radius: 5px; 
background: url(img/nav-butterflies-color.png) no-repeat #eee; 
}
.far											{ margin: 0 -160px 0 0 ; width: 50%;}
.right.decoration 				{ margin: 0 -40px 0 0 ;}
.left.decoration 					{ margin: 0 0 0 -40px; width: auto;}
.decoration 							{ width: 100px; z-index:4;}
.auto 										{ width: auto; }

hr {
	width: 90%;
	height: 0;
	border: 0;
	border-top: solid #ccc 1px;
	border-bottom: solid #fff 1px;
	margin: 5px 0 10px 0;
}
button { border: fuchsia 1px solid;}