/*  
Theme Name: AMI
Description: APPALACHIAN MOUNTIAN INSTITUTE
Author: Mike McKearin THINKITSTUDIO.COM
 
/* =-=-=-=-=-=-=-=-=-=-=-=-=-=- HTML ELEMENTS -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=  */
* { margin:0; padding:0; }
body,html { min-height:101%; }
body { padding-left:0; padding-bottom:25px; padding-right:0; padding-top:0; color:#545454; background-image:url(images/bg.jpg); background-repeat:repeat-x; background-color:#919a99; overflow: -moz-scrollbars-vertical;
overflow-x: hidden;
overflow-y: scroll;
}
body,select,input,textarea { font:100% Arial, Verdana, Sans-Serif; }
p { margin:15px 0; }
a:link,a:visited { color:#7da939; text-decoration:none; }
a:hover,a:active { color:#333; text-decoration:underline; }
hr { display:block; height:1px; background:#333; border:0; }
small { font-size:.95em; background:#eef5e1; padding:3px 6px; }
img,a:link img,a:visited img { border:0; }
.alignright { float:right; padding-left:10px; }
.alignleft { float:left; padding-right:10px; }

/* -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= MISC =-=-=-=-=-=-=-=-=-=-=-=-=-=-=- */

.coolbtn, .coolbtn:visited {background: #539721 url(/images/alert-overlay.png) repeat-x; display: inline-block; padding: 5px 10px 6px; color: #fff; text-decoration: none;-moz-border-radius: 5px; -webkit-border-radius: 5px;-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);text-shadow: 0 -1px 1px rgba(0,0,0,0.25);border-bottom: 1px solid rgba(0,0,0,0.25);position: relative;cursor: pointer;}

.coolbtn:hover							{ background-color: #264811; color: #fff; }
.coolbtn:active							{ top: 1px; }
.small.coolbtn, .small.coolbtn:visited 	{ font-size: 13px; padding: ; float: left; margin:20px 20px 0 0;}
		

/* =-=-=-=-=-=-=-=-=-=-=-=-=-=- HEADERS -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=  */
h1 { }
h2 { font:2.3em Helvetica, Verdana, Arial, sans-serif; padding-bottom:8px; border-bottom:1px solid #333; margin:20px 0; }
h3 { padding:5px 0px 8px; font:2.3em Helvetica, Verdana, Arial, sans-serif; margin:5px 0; }
#sidebar h2 { font:1em Arial, Helvetica, sans-serif; text-transform:uppercase; letter-spacing:.1em; margin-bottom:4px; font-weight:bold; color:#5f5f5f; }
#sidebar h3,#sidebar h2 { padding-left:2px; padding-bottom:6px; padding-right:2px; padding-top:6px; border-top:5px solid #BBB; border-bottom:1px solid #BBB; margin:22px 0 15px; font-size:1em; }
h3#respond { border-top:1px dotted #b6b6b6; margin-top:25px; padding-top:20px; }
h3#comments { margin-top:32px; }
h4 { font-size:1.6em; margin-bottom:6px; }
h5 { font-style: italic; font-size:1.6em; margin-bottom:6px; }
h6 { font-weight: bold; font-size: 12px;}

/* =-=-=-=-=-=-=-=-=-=-=-=-=-=- STRUCTURE -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=  */
#page { padding-bottom:35px; width:838px; margin:0 auto; font-size:.7em; background:#FFF; }
#branding { width:625px; padding-bottom:15px; }
.left { float:left; }
.right { float:right; }
#sidebar { padding-right:20px; padding-top:20px; width:170px; float:right; }
#leftcol { width:150px; border-right:1px dotted #b6b6b6; padding-right:18px; }
#leftcol,#rightcol { margin-top:10px; float:left; }
#rightcol { width:600px; padding-left:18px; margin-top:-2px; }
#gear { position:relative; margin-left:769px; z-index:2000; }
#header { padding-top:0; padding-right:0; padding-bottom:0; z-index:1; margin-top:-480px; background-image:url(images/ami_header.png); background-repeat:no-repeat; height:123px; width:838px; }
#container { width:838px; text-align:left; 
/* this overrides the text-align: center on the body element. */
margin-right:auto; margin-bottom:0; margin-left:auto; border-top-width:1px; border-right-width:1px; border-bottom-width:1px; border-left-width:1px; border-top-style:none; border-right-style:none; border-bottom-style:none; border-left-style:none; background-color:white; }
#pics { padding-left:20px; padding-bottom:10px; padding-right:10px; padding-top:10px; background-color:#0E4407; margin-bottom:0; height:380px; }
#pic_guiding { float:left; margin-right:45px; margin-left:45px; text-align:center; }
#pic_information { float:left; text-align:center; }
#pic_instruction { float:left; margin-left:20px; text-align:center; }

/* =-=-=-=-=-=-=-=-=-=-=-=-=-=- NAV -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=  */
#suckerfishnav { background:#e48e23 repeat-x; font-size:13px; font-family:helvetica,sans-serif; font-weight:bold; width:100%; position:relative; z-index:100; }
#suckerfishnav,#suckerfishnav ul { float:left; list-style:none; line-height:20px; padding:0; border:1px solid #aaa; margin:0; width:100%; }
#suckerfishnav a { display:block; color:#fff; text-decoration:none; padding:10px; }
#suckerfishnav li { float:left; padding:0; }
#suckerfishnav ul { position:absolute; left:-999em; height:auto; width:201px; font-weight:normal; margin:0; line-height:1; border:0; border-top:1px solid #666666; }
#suckerfishnav li li { width:199px; border-bottom:1px solid #666666; border-left:1px solid #666666; border-right:1px solid #666666; font-weight:bold; font-family:helvetica,sans-serif; }
#suckerfishnav li li a { padding:4px 10px; width:180px; font-size:13px; color:#fff; }
#suckerfishnav li ul ul { margin:-22px 0 0 -202px; }
#suckerfishnav li li:hover { background:#e58f24; }
#suckerfishnav li ul li:hover a,#suckerfishnav li ul li li:hover a,#suckerfishnav li ul li li li:hover a,#suckerfishnav li ul li li li:hover a { color:#fff; }
#suckerfishnav li:hover a,#suckerfishnav li.sfhover a { color:#fff; }
#suckerfishnav li:hover li a,#suckerfishnav li li:hover li a,#suckerfishnav li li li:hover li a,#suckerfishnav li li li li:hover li a { color:#fff; }
#suckerfishnav li:hover ul ul,#suckerfishnav li:hover ul ul ul,#suckerfishnav li:hover ul ul ul ul,#suckerfishnav li.sfhover ul ul,#suckerfishnav li.sfhover ul ul ul,#suckerfishnav li.sfhover ul ul ul ul { left:-999em; }
#suckerfishnav li:hover ul,#suckerfishnav li li:hover ul,#suckerfishnav li li li:hover ul,#suckerfishnav li li li li:hover ul,#suckerfishnav li.sfhover ul,#suckerfishnav li li.sfhover ul,#suckerfishnav li li li.sfhover ul,#suckerfishnav li li li li.sfhover ul { left:auto; background:#bbb; }
#suckerfishnav li:hover,#suckerfishnav li.sfhover { background:#777777; }

/* =-=-=-=-=-=-=-=-=-=-=-=-=-=- SUBNAV -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=  */
.subnav li { list-style:none; border-bottom:1px solid #FFF; }
.subnav li a:link,.subnav li a:visited { background:#eef5e1; display:block; padding:4px 4px 4px 8px; border-left:4px solid #e4efd5; }
.subnav li a:hover,.subnav li a:active { background:#e4efd5; text-decoration:none; color:#7da939; }
.subnav li li a:link,.subnav li li a:visited { border-left:none; }

/* =-=-=-=-=-=-=-=-=-=-=-=-=-=- SLIDER -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=  */
#s3slider { position:relative; z-index:1; font-family:Helvetica, Verdana, Arial, sans-serif; font-size:130%; width:838px; 
/* important to be same as image width */
height:300px; 
/* important to be same as image height */

/* important */
overflow:hidden; 
/* important */
}
#s3sliderContent { z-index:1; width:838px; 
/* important to be same as image width or wider */
position:absolute; 
/* important */
top:0; 
/* important */
margin-left:0; 
/* important */
}
.s3sliderImage { float:left; 
/* important */
position:relative; 
/* important */
display:none; 
/* important */
z-index:1; }
.s3sliderImage span { z-index:1; position:absolute; 
/* important */
left:0; padding:20px; width:800px; background-color:#000; color:#fff; display:none; 
/* important */
top:0; filter:alpha(opacity=70); 
/* here you can set the opacity of box with text - WILL CAUSE VALIDATION ERRORS IN CSS*/
-moz-opacity:0.7; 
/* here you can set the opacity of box with text  - WILL CAUSE VALIDATION ERRORS IN CSS*/
-khtml-opacity:0.7; 
/* here you can set the opacity of box with text  - WILL CAUSE VALIDATION ERRORS IN CSS*/
opacity:0.7; 
/* here you can set the opacity of box with text  - WILL CAUSE VALIDATION ERRORS IN CSS*/

/*
       if you put
       top: 0; -> the box with text will be shown at the top of the image
       if you put
       bottom: 0; -> the box with text will be shown at the bottom of the image
   */
}
.clear { clear:both; }

/* =-=-=-=-=-=-=-=-=-=-=-=-=-=- HOMEPAGE TABS -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=  */

/* $Id: example.css,v 1.5 2006/03/27 02:44:36 pat Exp $ */

/*--------------------------------------------------
  REQUIRED to hide the non-active tab content.
  But do not hide them in the print stylesheet!
  --------------------------------------------------*/
.tabberlive .tabbertabhide { display:none; }

/*--------------------------------------------------
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  --------------------------------------------------*/
.tabber { }
.tabberlive { margin-top:1em; }

/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/
ul.tabbernav { margin:0; padding:3px 0; border-bottom:1px solid #778; font:bold 12px Verdana, sans-serif; }
ul.tabbernav li { list-style:none; margin:0; display:inline; }
ul.tabbernav li a { padding:3px .5em; margin-left:3px; border:1px solid #778; border-bottom:none; background:#E4EFD5; text-decoration:none; }
ul.tabbernav li a:link { }
ul.tabbernav li a:visited { }
ul.tabbernav li a:hover { color:#000; background:#7DA939; border-color:#227; }
ul.tabbernav li.tabberactive a { background-color:#fff; border-bottom:1px solid #fff; }
ul.tabbernav li.tabberactive a:hover { color:#000; background:white; border-bottom:1px solid white; }

/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
.tabberlive .tabbertab { padding:5px; border:1px solid #aaa; border-top:0; 
/* If you don't want the tab size changing whenever a tab is changed
    you can set a fixed height */

/* height:200px; */

/* If you set a fix height set overflow to auto and you will get a
    scrollbar when necessary */

/* overflow:auto; */
}

/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h2 { display:none; }
.tabberlive .tabbertab h3 { display:none; }

/* Example of using an ID to set different styles for the tabs on the page */
.tabberlive#tab1 { }
.tabberlive#tab2 { }
.tabberlive#tab2 .tabbertab { height:200px; overflow:auto; }

/* =-=-=-=-=-=-=-=-=-=-=-=-=-=- CONTENT -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=  */
#content { padding:20px; width:605px; float:left; background-color:white; }
.description { font-size:1.3em; font-weight:bold; font-style:italic; color:#545454; margin-top:-4px; }
.feature { background:#f2f2f2; padding:15px; border-bottom:1px dotted #b6b6b6; border-top:1px dotted #b6b6b6; }
.feature:hover { background:#e9e9e9; }
.feature p,#rightcol p { margin:0;line-height:1.4em; }
.feature img,#rightcol img { padding:1px; border:1px solid #000; }
#leadpic { float:left; margin:0 18px 8px 0; }
#lead { margin-top:22px; font-size:12px; }
#lead ul li { list-style-position:inside; list-style-type:square; list-style:square; margin-left:25px; padding:3px; }
.title { font-size:1.2em; font-weight:bold; line-height:115%; }
.feature#lead .title { font:1.8em Georgia, "Times New Roman", Times, serif; line-height:100%; display:block; padding-bottom:7px; }
#leftcol .feature { margin-bottom:5px; border-bottom:none; }
#rightcol img { float:left; margin:3px 10px 4px 0; }
#leftcol img { margin-bottom:4px; display:block; }
#rightcol .clearfloat { border-bottom:1px dotted #b6b6b6; padding:12px 0; }
#sidelist li { list-style:none; }
.bullets li { list-style:none; border-bottom:1px solid #FFF; }
#sidelist .bullets li { list-style:square; margin-bottom:5px; line-height:115%; margin-left:22px; }
#sidelist .children { background:#e4efd5; }
#sidelist .children li { list-style:square; margin-left:28px; border-bottom:1px solid #e4efd5; }
#sidelist .children li a,#sidelist .children li a:visited { padding:2px 2px 2px 0; border:0; background:#e4efd5; color:#818d6f; }
#sidelist .children li a:hover,#sidelist .children li a:active { color:#465d23; }
.postmetadata { margin:30px 0; }
#writer { background:#eef5e1; margin:25px 0 15px; padding:12px; }
#writer img { padding:1px; border:1px solid #7da939; float:left; width:80px; }
#writer span { display:block; padding-top:4px; border-top:1px solid #cbd8b4; margin-top:12px; }
#writer p { margin:0; width:482px; }
.entry { padding-bottom:28px; }
h3 a:link,h3 a:visited { color:#5f5f5f; }

/* =-=-=-=-=-=-=-=-=-=-=-=-=-=- POST FORMATTING -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=  */
.picleft { float:left; margin:3px 14px 10px 0; border:7px solid #f2f2f2; }
.picright { float:right; margin:3px 0 10px 14px; border:7px solid #f2f2f2; }
.post blockquote { color:#76767a; background:#f2f2f2; padding:5px 10px 42px; margin:18px 35px; border-right:1px solid #DDD; border-bottom:1px solid #DDD; }
.post ul li { list-style:square; margin-bottom:5px; line-height:115%; margin-left:42px; }
.post ol li { margin-bottom:5px; line-height:115%; margin-left:48px; }
#tags { padding:3px; border-bottom:1px solid #DDD; border-top:1px solid #DDD; }

/* =-=-=-=-=-=-=-=-=-=-=-=-=-=- FORM ELEMENTS -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=  */
select { background:#f2f2f2; border:1px solid #9c9c9c; width:100%; }
#searchform { margin-right:20px; padding:7px; float:right; }
.button { background-color:#010000; padding:3px; color:#fffcfb; border:none; }
.button:hover { background-color:#626262; color:#FFF; text-decoration:none; }
#commentform input { width:170px; margin:5px 5px 1px 0; }
#commentform textarea { width:100%; margin-top:5px; }

/* =-=-=-=-=-=-=-=-=-=-=-=-=-=- COMMENT -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=  */
.commentlist { padding-left:30px; }
.commentlist li { margin:15px 0 3px; padding:8px 15px 10px; background:#f2f2f2; border-top:1px solid #ddd; }
#commentform small { background:#FFF; font-weight:bold; padding:0; }
.commentmetadata { display:block; }
.commentlist small { background:#e9e9e9; }
.commentlist cite { font:1.6em Georgia, "Times New Roman", Times, serif; font-weight:bold; letter-spacing:-.05em; }

/* =-=-=-=-=-=-=-=-=-=-=-=-=-=- FLOATS -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=  */
.clearfloat:after { display:block; visibility:hidden; clear:both; height:0; content:"."; }
.clearfloat { display:inline-block; }
.clearfloat { display:block; }
.clear { clear:both; }

/* =-=-=-=-=-=-=-=-=-=-=-=-=-=- FOOTER -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=  */
.ft {float: left; width:655px;}
#footer { background-color:#245820; margin:0 auto; width:808px; font-size:.7em; padding:15px; color:#FFF; clear:both; }
#footer a { color:#d3d1d1; }
#footerspace { clear:both; background-color:white; }