/*
99Lime.com HTML KickStart by Joshua Gatcke
style.css
*/
/*---------------------------------
IMPORTS
-----------------------------------*/
/*---------------------------------
OVERRIDES
-----------------------------------*/
h1,h2,h3,h4,h5,h6{
font-family: "Lucida Sans", "Lucida Grande", Tahoma, sans-serif;
}
thead th,
tbody th{
font-family: "Lucida Sans", "Lucida Grande", Tahoma, sans-serif;
}
button,
a.btn,
input[type="submit"],
input[type="reset"],
input[type="button"]{
font-family: "Lucida Sans", "Lucida Grande", Tahoma, sans-serif;
}
.menu{
font-family: "Lucida Sans", "Lucida Grande", Tahoma, sans-serif;
}
blockquote{
font-family: "Lucida Sans", "Lucida Grande", Tahoma, sans-serif;
}
/*---------------------------------
OVERRIDE
- mediaelementplayer.css / kickstart.css conflict
-----------------------------------*/
.mejs-controls .mejs-fullscreen-button button {
left: auto; /* reset these styles applied by kickstart */
right: 0; /* reset these styles applied by kickstart */
}
/*---------------------------------
LAYOUT
-----------------------------------*/
body{
margin:0;
padding:0;
color:#000;
background:#fff;
font:normal 0.9em/150% "Lucida Sans", "Lucida Grande", Tahoma, sans-serif;
text-shadow: 0px 0px 1px transparent; /* google font pixelation fix */
}
#wrap{
width:960px;/*960*/
margin:3px auto 3px auto;
padding:0;
}
.wrapair {background: #fff url(css/img/header_air.png) no-repeat center top;}
.wrapland {background: #fff url(css/img/header_land.png) no-repeat center top;}
.wrapfreshwater {background: #fff url(css/img/header_freshwater.png) no-repeat center top;}
.wrapsaltwater {background: #fff url(css/img/header_saltwater.png) no-repeat center top;}
.wrapintro {background: #fff url(css/img/header_intro.png) no-repeat center top;}
.wrapsummary {background: #fff url(css/img/header_summary.png) no-repeat center top;}
.menu{
margin:-1px -1px 0 -1px;
}
#footer{
text-align:center;
padding:0px 20px 28px 20px;
margin:0;
background: #fff url(css/img/footer.png) no-repeat center bottom;
color:#999;
font-size:0.8em;
text-shadow:0px 1px 1px #fff;
position: relative;
top:0;
left:0;
}
#link-top{
position: absolute;
top:10px;
right:10px;
*right:25px;/*IE 7 ONLY*/
left:auto;
color:#666;
text-decoration:none;
display: inline-block;
padding:5px 10px;
background:#e5e5e5;
line-height:100%;
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
}
.homeheader {padding: 20px; background-color:#FFF;}
.homepage {background: #d5eafb url(css/img/pbsheader.png) no-repeat center top;}
#wraphome{width:960px;/*960*/ background:#d5eafb; margin:150px auto 30px auto; padding:0;}
.blancobox {background-color:#FFF;}
.dismalbox {background-color:#999; padding:130px 200px;}
hr {margin: 0;}
.rightabs { float:right;}
a.rightabs {text-decoration:none;}
.leftabs { float:left;}
a.leftabs {text-decoration:none;}
.sidebarbox {width:10px; height:200px;}
.modules {background: #333 url(css/img/1411.png)}
a.glossary {text-decoration: none;}
.currents a:hover {cursor: default;}
.tt {padding-top: 10px;}
.modaltop {padding-top: 10px;}
.bstrong {color:#000;background:transparent;position:relative;top:0;left:0;padding:2px 5px;font-weight:bold;}
.hey {color:#F00;}
.correct {color:#197b30;}
button,
a.btn,
a.btn:visited,
a.button,
a.button:visited,
input[type="submit"],
input[type="reset"],
input[type="button"]{ line-height:150%; }
.math { font-family: TimesNewRoman, "Times New Roman", Times, Baskerville, Georgia, serif; font-weight: bold; }
.wrapnot { white-space:nowrap; }
.euroom {padding-top: 20px;}
.uroom {padding-top: 10px;}
.uroomi {padding-top: 15px;}
.euroomie {padding-top: 50px;}
.buttroom {padding-bottom: 10px;}
.buttroomier {padding-bottom: 20px;}
.euroomier {padding-top: 60px;}
.sp13 {padding-bottom: 13px;}
.bumpers {padding: 10px 0 20px 0;}
.prop {
min-height:380px;
height:auto !important;
height:380px;
}
.propsm {
min-height:350px;
height:auto !important;
height:350px;
min-width:350px;
width:auto !important;
width:350px;
}
/*---------------------------------
DISABLED GREEN BUTTONS
-----------------------------------*/
.buttonClone{
position:relative;
top:0;
left:0;
vertical-align: middle;
margin:0;
/*padding:10px 15px;*/
padding:14px 15px;
line-height:100%;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
cursor: default;
width:auto;
overflow:visible;
font-weight:normal;
font-size:14px; /*Pixels for consistancy*/
text-shadow:0 1px 0 #fff;
color:#666;
text-decoration:none;
vertical-align: middle;
box-sizing: border-box;
display:inline-block;
*display:inline;/*IE ONLY*/
zoom:1;
border:1px solid #ccc;
background: rgb(252,252,252); /* Old browsers */
background: -moz-linear-gradient(top, rgba(252,252,252,1) 0%, rgba(224,224,224,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(252,252,252,1)), color-stop(100%,rgba(224,224,224,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(252,252,252,1) 0%,rgba(224,224,224,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(252,252,252,1) 0%,rgba(224,224,224,1) 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, rgba(252,252,252,1) 0%,rgba(224,224,224,1) 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#e0e0e0',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, rgba(252,252,252,1) 0%,rgba(224,224,224,1) 100%); /* W3C */
}
.buttonClone.green {
color:#b0afaf;
border:1px solid #669E00;
background: rgb(229,239,174); /* Old browsers */
background: -moz-linear-gradient(top, rgba(229,239,174,1) 0%, rgba(222,240,123,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(198,226,120,1)), color-stop(100%,rgba(222,240,123,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(229,239,174,1) 0%,rgba(222,240,123,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(229,239,174,1) 0%,rgba(222,240,123,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(229,239,174,1) 0%,rgba(222,240,123,1) 100%); /* IE10+ */
background: linear-gradient(top, rgba(229,239,174,1) 0%,rgba(222,240,123,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c6e278', endColorstr='#a7d32c',GradientType=0 ); /* IE6-9 */
}
.tonedown {color: #b0afaf;}