/* (c) August 3, 2010 Albino Blacksheep Inc. albinoblacksheep.com */ 
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline;
}

html {margin: 0; padding: 0;}
body {margin: 0; padding: 0; font-family: Georgia; font-size: 16px;
background: #FFF url(/images/bgstyle4.jpg) top center repeat-x;
color: #231f20;
-webkit-text-size-adjust: none; 
-webkit-font-smoothing: antialiased;
}


#wrapper {margin: 0 auto; width: 960px; max-width: 960px;}



 article, aside, figure, footer, header, hgroup,
  menu, nav, section {display: block; font-size:16px;}


header {background: url(/images/shade.jpg) -200px center; height: 120px; font-family: Helvetica, Arial, Verdana, sans-serif;}

header h1 {text-indent: -8000px; background: url(/images/4-32.png) no-repeat 12px 10px;
width:300px; height: 100px; margin: 0; padding:0; display:inline; float:left;
-webkit-box-reflect: below -7px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(0.9, transparent), to(white));
cursor: pointer;
opacity: 0.9;
-webkit-transition: all 0.6s ease-in-out; 
-moz-transition: all 0.6s ease-in-out; 
-o-transition: all 0.6s ease-in-out; 
transition: all 0.6s ease-in-out;}

header h1:hover {opacity: 1.0;}



nav {display:inline; float: right;}

nav ul {margin-right: 20px;}
nav ul li {display:inline; line-height: 18px; }
nav li a {padding: 24px 12px;  color:#7fc3e5; text-decoration: none;
 background: url(/images/66-white.png) 0px -58px no-repeat; 
 font-weight: normal;
 font-size: 14px;
 -webkit-transition: all 0.8s ease-in-out; 
-moz-transition: all 0.8s ease-in-out; 
-o-transition: all 0.8s ease-in-out; 
transition: all 0.8s ease-in-out;


}

nav li a:hover { background: url(/images/66-white.png) 0px 0px no-repeat; color:#333; }





#umph {background: url(/images/water8.jpg) center 0px repeat-x; height: 240px; clear:both; border-top: 2px solid #666;}



article {float:left; display:inline;width:600px; border: 0px solid red;
padding: 12px 12px 0 6px; margin:-54px 0 0 12px;
background: transparent url(/images/article-png.png); background: rgba(255,255,255,0.8);
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
-o-border-radius: 6px;
border-radius:6px;

 -webkit-box-shadow: 1px 0px 8px #999;
-moz-box-shadow: 1px 0px 8px #999;
-o-box-shadow: 1px 0px 8px #999;
box-shadow: 1px 0px 8px #999;
}
article {clear: both;}

aside {float:right;display:inline;
width:250px;
background: #dff0fa;

border:0px solid #fff;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
-o-border-radius: 8px;
border-radius: 8px;
 -webkit-box-shadow: 1px 0px 8px #999;
-moz-box-shadow: 1px 0px 8px #999;
-o-box-shadow: 1px 0px 8px #999;
box-shadow: 1px 0px 8px #999;
padding: 0 0 24px 0; margin:-54px 12px 0 0;
}

#footer {clear:both; margin:0 0 0 0;padding:100px 0 0 0;}




article h1, article h2 {font-family:  Helvetica, Arial, sans-serif; font-size: 26px; margin: 0 12px 24px 12px; padding: 0; font-weight: normal;
border-top: 0px solid #1a75bc; 
clear: both;
text-shadow: rgba(0, 0, 0, 0.3) 0 1px 0;}

aside h1, aside h2 {font-family:  Helvetica, Arial, sans-serif; font-size: 18px; margin: 12px 12px 12px 12px; padding: 0; font-weight: normal;
border-top: 0px solid #1a75bc; 
clear: both;}

aside h2 {font-size: 16px;}

.lefty {float: left;display:inline;}
.righty {float:right;display:inline;}

article ul, article ol, aside ul, aside ol, footer ul {margin: 0px 24px 24px 24px; padding:0px; list-style-position: inside;}
article li {font-size: 16px; line-height: 22px;}


p {margin: 12px 24px 24px 12px; padding: 0; line-height: 24px; clear:both;}
article p + p {text-indent: 1em;}
.center {text-indent: 0em;}
.center + p {text-indent: 0em;}
aside p {font-size: 11px; line-height: 13px;}

#shade {
background:transparent url(/images/lamp.png) no-repeat center 0;
overflow:hidden;
position:fixed;
top:-6px;
width:100%;
height: 18px;
margin: 0 auto;}

.center {text-align:center; margin:auto;}
aside .center img {
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
-o-border-radius: 8px;
border-radius: 8px;
background: #ddeff9;
padding:6px;
text-align: center;
display:block;
margin:auto;
 -webkit-box-shadow: 1px 1px 3px #999;
-moz-box-shadow: 1px 1px 3px #999;
-o-box-shadow: 1px 1px 3px #999;
box-shadow: 1px 1px 3px #999;
}

h3  {clear:both;margin: 0 12px; padding: 0; font-weight: normal; font-size: 18px; line-height: 20px; font-family:  Helvetica, Arial, sans-serif;}
h2 + h3 {margin:24px 12px}
h4 {margin: 0 12px; padding: 0; font-weight: normal; font-size: 16px; line-height: 20px; font-family:  Helvetica, Arial, sans-serif;}
q:before {content: "\201C";}
q:after {content: "\201D";}


blockquote p:before {content: "\201C";}
blockquote p:after {content: "\201D";}

dl, ul, ol {margin: 24px 12px; padding:0;}
ol li {margin:24px}
li ul {margin: 12px 24px; padding:0;}
dt {clear: both;  font-family: Helvetica, Arial, sans-serif; font-size: 13px; font-weight: bold;}
dt a, .org {clear: both; font-family: Helvetica, Arial, sans-serif; font-size: 13px; font-weight: bold;}
footer .org {font-size: 11px;}
dd {margin: 12px; font-size: 13px; line-height: 18px;   }

dt img, footer .vcard img, iframe, .center img, .center object, .center embed {
float: left;
display: inline;
margin: -3px 12px 12px 0;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
-o-border-radius: 8px;
border-radius: 8px;
background: #f1f9fd;
padding:6px;
text-align: center;
 -webkit-box-shadow: 1px 1px 3px #999;
-moz-box-shadow: 1px 1px 3px #999;
-o-box-shadow: 1px 1px 3px #999;
box-shadow: 1px 1px 3px #999;

-webkit-transition: all 0.6s ease-in-out; 
-moz-transition: all 0.6s ease-in-out; 
-o-transition: all 0.6s ease-in-out; 
transition: all 0.6s ease-in-out;
}

iframe, .center img, .center object, .center embed {margin:0px 0 12px 0; float: none;}

dt a img {opacity: 0.8; filter: alpha(opacity=80);}

dt a:hover img, iframe,  .center a:hover img { -webkit-box-shadow: 1px 1px 3px #000;
-moz-box-shadow: 1px 1px 3px #000;
-o-box-shadow: 1px 1px 3px #000;
box-shadow: 1px 1px 3px #000;
opacity: 1;
filter: alpha(opacity=100);
}

footer {font-size: 12px; line-height: 18px; font-family: Helvetica, Arial, sans-serif;}
footer .vcard {font-size: 11px; line-height: 18px;margin:0;padding:0;}
footer div {width: 300px;margin:0;padding:0;}
footer .righty {float:right; display:inline; width: 310px; margin:0;padding:0;}

.copyright img {width: 20px; height: 20px; -webkit-transition: all 0.6s ease-in-out; 
-moz-transition: all 0.6s ease-in-out; 
-o-transition: all 0.6s ease-in-out; 
transition: all 0.6s ease-in-out;}

.copyright a {line-height: 90px;}
.copyright a:hover img {width: 48px; height: 48px; -webkit-transform: rotate(360deg) scale(1.0); }


.social {margin: 0 0 0 99px; padding: 0; z-index: 1;}
.ribbon .social li {display: inline;}

.social a {width:32px; height: 32px; float:left; display: inline; margin: 7px;  padding: 0;text-indent: -8000px;

opacity: 0.7;
filter: alpha(opacity=70);

-webkit-transition: all 0.6s ease-in-out; 
-moz-transition: all 0.6s ease-in-out; 
-o-transition: all 0.6s ease-in-out; 
transition: all 0.6s ease-in-out;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-o-border-radius: 2px;
border-radius: 2px; 
-webkit-box-reflect: below 1px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(0.8, transparent), to(white));

background-image: url(/images/social-32-32.png); background-repeat: no-repeat;
}



.facebook {background: url(/images/social-32-32.png) 0 0;}
.twitter {background: url(/images/social-32-32.png) -50px 0;}
.rss {background: url(/images/social-32-32.png) -100px 0;}
.youtube {background: url(/images/social-32-32.png) -150px 0;}



* html .social .facebook {background: url(/images/facebook-32x32.png) 0 0; cursor: hand;}
* html .social .twitter {background: url(/images/twitter-32x32.png) 0 0; cursor: hand;}
* html .social .rss {background: url(/images/feed-32x32.png) 0 0; cursor: hand;}


.social a:hover {padding: 0; 
 -webkit-box-shadow: 0px 0px 8px #FFFF00;
-moz-box-shadow: 0px 0px 8px #FFFF00;
-o-box-shadow: 0px 0px 8px #FFFF00;
box-shadow: 0px 0px 8px #FFFF00;
opacity: 1.0;
filter: alpha(opacity=100);
}

.ribbon {position: absolute; top: 57px; margin-bottom:0px}

.dual-list {clear:both;}

.byline {font-style: italic; margin-top:0; padding-top:0;}
.ampm {font-size: 10px; font-family: Helvetica, Arial, sans-serif; text-transform: uppercase}
table {margin:12px; padding:0; border:0; border-spacing: 2px;}
td {text-align: left; vertical-align: middle; padding: 4px;}
td abbr {font-family: Helvetica, Arial, sans-serif; font-size: 14px;}
th {font-weight: normal; font-size: 13px;}
.odd {background: #a9cce5;}
td{
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-o-border-radius: 4px;
border-radius:4px; }
.big {font-size: 16px;}
.middle {vertical-align: middle; padding: 4px;}
.adr {clear: left;}


strong, .b, b {font-weight: bold;}
em, cite, i {font-style: italic;}
blockquote {margin: 24px;}
q:before {content: "\201C";}
q:after {content: "\201D";}
blockquote p:before {content: "\201C";}
blockquote p:after {content: "\201D";}


.dual-list .righty {margin-right: 150px;}

.copyright {margin:-3px 0 0 14px; font-size: 11px;}
.copyright img {vertical-align: middle; padding-right: 4px;}
.copyright a {text-decoration: none; padding: 6px 0;}

.fmap {width: 120px; height:90px;}

article a, footer a {color:#1b75bc; font-weight: bold; text-decoration: none; border-bottom: 1px solid transparent;
-webkit-transition: all 0.6s ease-in-out; 
-moz-transition: all 0.6s ease-in-out; 
-o-transition: all 0.6s ease-in-out; 
transition: all 0.6s ease-in-out;}
article a:hover, footer a:hover {color:#333; text-decoration: none; border-bottom: 1px solid #000;
}


table {width:100%; margin: 0px; padding: 12px;}
caption {padding-left: 1px; text-align: center;}

.list-i {list-style-type:lower-roman;}


/* Stupid IE6 PNGs */ 

* html h1, * html aside middle, * html aside .png, * html article img, * html article, * html .facebook, * html .rss, * html .twitter {behavior: url(/colonspas/iepngfix.htc);}


/* * #container {background: url(png-sides.png); width: 910px; margin: 0 auto; padding: 0; } */


/*.flower {background: url(flower4.png); position: absolute; top: 290px; z-index: -1; width: 281px; height: 217px; margin-left: 530px;}
*/