/*
Theme Name: Kemron Environmental Theme
Theme URI: http://www.onewaydesigns.com
Description: A custom Wordpress Theme for Kemron Environmental
Version: 1.0
Author: Adam J. Walker
Author URI: http://www.onewaydesigns.com
Tags: 960, based on 960

*/

body {
  background: #ffffff url(images/site_bg.png) repeat-x top left;
  font: normal 11px Arial, Helvetica, sans-serif;
  color: #000;
}

/* TOP MENU */

.top_menu {
  height:18px;
  width: 250px;
  text-align: left;
  padding-left: 760px;
  color: #fff;
  font-size: 14px;
}

/* HEADER */

.logo {
  height: 66px;
width:456px;
float:left;
  margin: 7px 0 16px 10px;
}

.logo h1 {
  height: 66px;
width:456px;
float:left;
}

.logo h1 a {
  background: url('images/logo.png') no-repeat scroll top left;
  height: 66px;
width:456px;
float:left;
}

/* End Header*/

/* MENU */

.nav_bar {
  background: url('images/nav_bar.png') no-repeat scroll top left;
  height: 30px;
  margin-bottom: 10px;
}

.menu_items {
  height: 35px;
}

/*End Menu*/

/* Content */

.coda_slider {
  background: url('images/coda_slider.png') no-repeat scroll top left;
  padding: 3px;
}

.content_top {
  background: url('images/content_top.png') no-repeat scroll top left;
}

.content_repeat {
  background: url('images/content_repeat.png') repeat-y scroll top left;
  height:100%;
}

.content_bottom {
  background: url('images/content_bottom.png') no-repeat scroll top left;
  height: 20px;
clear: left;
}

.content {
  width:580px;
  padding:20px;
  float:left;
}

/* Post */

.post {
  font-size:14px;
}

.post .title {
}

.post .title a {
  text-decoration: none;
  color: #000;
}

.post .date {
  margin-bottom: 20px;
  font-size: 11px;
  font-weight: normal;
}

.post .date strong {
  font-weight: bold;
  color: #AAAAAA;
}

/*.navigation {
}*/

.alignleft {
  float: left;
}

.alignright {
  float: right;
}



/* Search */

#search {
  float: left;
  width: 290px;
}

#search form {
  margin: 0;
  padding: 4px 0 0 7px;
}

#search fieldset {
  margin: 0;
  padding: 0;
  border: none;
}

#s {
  width: 180px;
  height:22px;
  float: left;
  background: url('images/search_box.png') no-repeat scroll top left;
  padding:4px 15px 0 9px;
  border: none;
}

#selector {

  width: 198px;
  height: 30px;
}

#searchsubmit {
  height: 22px;
  width: 74px;
  background: url('images/search_button.png') no-repeat scroll top left;
  float:left;
  border: none;
  text-transform: lowercase;
  font-size: 12px;
  color: #00529c;
}

/* End Search */


/* Page */


.credit {
  text-align: right;
  font-size: 12px;
}

/* Sidebar Area */

/* Subpage Content Sidebar */

.subpage_sb {
  width: 300px;
  float:left;
}

.subpage_sb h2 {
  background: url('images/sb_top.png') no-repeat scroll top left;
  width: 300px;
  height: 49px;
  text-align:center;
  color:#fff;
  margin:20px 0 0 0; /* all browsers */

  line-height:49px;
}

.subpage_sb .textwidget {
  background: url('images/sb_repeat.png') repeat-y scroll top left;
  height:100%;
  font-size:12px;
  padding:10px;
}

.subpage_sb ul {
    background: url('images/sb_repeat.png') repeat-y scroll top left;
    height:100%;
    font-size:12px;
    padding:10px;
    margin:0;
    list-style:none;
  }

.subpage_sb li {
  margin:0;
  list-style:none;
}

.subpage_sb_bottom {
  background: url('images/sb_bottom.png') no-repeat scroll top left;
  width: 300px;
  height: 5px;
}



/* Left Sidebar */

.sb_left_top {
  background: url('images/sb_left_top.png') no-repeat scroll top left;
  height: 49px;
  margin-top: 10px;
  text-align: center;
  color: #fff;
  font-size: 20px;
  line-height: 50px;
}

.sb_left_bottom {
  background: url('images/sb_left_bottom.png') no-repeat scroll top left;
  height: 5px;
}

.sb_left_repeat {
  background: url('images/sb_left_repeat.png') repeat-y scroll top left;
  height: 100%;
min-height:220px;
}

.sb_left_repeat li {
  list-style: none;
  padding:2px 10px 10px 10px;
  margin:0;
font-size:14px;
}

.sb_left_repeat p {
	font-size:14px;
}

/* End Left Sidebar */

/* Right Sidebar */

.sb_right_repeat {
  background: url('images/sb_right_repeat.png') repeat-y scroll top left;
  height: 100%;
min-height:220px;
}

.sb_right_repeat li {
  list-style: none;
  padding:2px 10px 10px 10px;
  margin:0;
}

.sb_right_repeat p {
	font-size:14px;
}

.sb_right_top {
  background: url('images/sb_right_top.png') no-repeat scroll top left;
  height: 49px;
  margin-top: 10px;
  text-align: center;
  color: #fff;
  font-size: 20px;
  line-height: 50px;
}

.sb_right_bottom{
  background: url('images/sb_right_bottom.png') no-repeat scroll top left;
  height: 5px;
}

/* End Right Sidebar */


/* Middle Sidebar */

.sb_middle_top {
  background: url('images/sb_middle_top.png') no-repeat scroll top left;
  height: 49px;
  margin-top: 10px;
  text-align: center;
  color: #fff;
  font-size: 20px;
  line-height: 50px;
}

.sb_middle_bottom {
  background: url('images/sb_middle_bottom.png') no-repeat scroll top left;
  height: 5px;
}

.sb_middle_repeat {
  background: url('images/sb_middle_repeat.png') repeat-y scroll top left;
  height: 100%;
min-height:220px;
}

.sb_middle_repeat li {
  list-style: none;
  padding:2px 10px 10px 10px;
  margin:0;
}

.sb_middle_repeat p {
	font-size:14px;
}

/* End Middle Sidebar */

/* Footer */

.footer_page {
	font-size:12px;
	margin-left:auto;
	margin-right:auto;
	width:400px;
	text-align:center;
}

.footer {
  background: url(images/footer-bg-trans.png) no-repeat top left;
  height: 50px;
  width: 960px;
}

/* End Footer */

/* Sucker Fish Nav CSS */
#suckerfishnav {
	z-index:1000;
    font-family:arial,verdana,sans-serif;
    font-weight:normal;
    width:100%;
  font-size:16px;
    }
#suckerfishnav, #suckerfishnav ul {
	z-index:1000;
    float:left;
    list-style:none;
    line-height:30px;
    padding:0 0 0 0;
    margin:0;
    width:100%;
    }
#suckerfishnav a {
	z-index:1000;
    display:block;
    color:#00529c;
    text-decoration:none;
    padding:0px 0px;
    }
#suckerfishnav li {
	z-index:1000;
    float:left;
    padding: 0 20px 0 20px;
  margin: 0;
    }
#suckerfishnav ul {
	z-index:1000;
    position:absolute;
    left:-999em;
    height:auto;
    width:190px;
    font-weight:normal;
    margin:0;
    line-height:1;
    border:0;
    border-top:1px solid #666666;
    }
#suckerfishnav li li {
	z-index:1000;
    width:149px;
    border-bottom:1px solid #666666;
    border-left:1px solid #666666;
    border-right:1px solid #666666;
    font-weight:bold;
    font-family:verdana,sans-serif;
  margin-left:0;
    }
#suckerfishnav li li a {
	z-index:1000;
    padding:4px 10px;
    width:130px;
    font-size:12px;
    color:#dddddd;
    }
#suckerfishnav li ul ul {
	z-index:1000;
    margin:-21px 0 0 150px;
    }
#suckerfishnav li li:hover {
	z-index:1000;
    background:#3e6c9f;
    }
#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 {
	z-index:1000;
    color:#000000;
    }
#suckerfishnav li:hover a, #suckerfishnav li.sfhover a {
	z-index:1000;
    color:#000000;
    }
#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 {
	z-index:1000;
    color:#dddddd;
    }
#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 {
	z-index:1000;
    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 {
	z-index:1000;
    left:auto;
    background:#444444;
    }
#suckerfishnav li:hover, #suckerfishnav li.sfhover {
	z-index:1000;
    background:#b2d4f3;
    }
/* End Suckerfish Nav CSS */

/* Sucker Fish Nav 2 CSS */
#suckerfishnav_2 {
	z-index:1000;
    font-family:arial,verdana,sans-serif;
    font-weight:normal;
    width:100%;
  font-size:13px;
    }
#suckerfishnav_2, #suckerfishnav_2 ul {
	z-index:1000;
    float:left;
    list-style:none;suckerfishnav_2
    line-height:20;
    padding:0 0 0 0;
    margin:0;
    width:100%;
    }
#suckerfishnav_2 a {
	z-index:1000;
    display:block;
    color:#fff;
    text-decoration:none;
    padding:0px 0px;
    }
#suckerfishnav_2 li {
	z-index:1000;
    float:left;
    padding: 0 10px 0 10px;
  margin: 0;
    }
#suckerfishnav_2 ul {
	z-index:1000;
    position:absolute;
    left:-999em;
    height:auto;
    width:151px;
    font-weight:normal;
    margin:0;
    line-height:1;
    border:0;
    border-top:1px solid #666666;
    }
#suckerfishnav_2 li li {
	z-index:1000;
    width:149px;
    border-bottom:1px solid #666666;
    border-left:1px solid #666666;
    border-right:1px solid #666666;
    font-weight:normal;
    font-family:arial,verdana,sans-serif;
  margin-left:0;
  padding: 0;
    }
#suckerfishnav_2 li li a {
	z-index:1000;
    padding:4px 10px;
    width:130px;
    font-size:12px;
    color:#dddddd;
    }
#suckerfishnav_2 li ul ul {
	z-index:1000;
    margin:-21px 0 0 150px;
    }
#suckerfishnav_2 li li:hover {
	z-index:1000;
    background:#3e6c9f;
    }
#suckerfishnav_2 li ul li:hover a, #suckerfishnav_2 li ul li li:hover a, #suckerfishnav_2 li ul li li li:hover a, #suckerfishnav_2 li ul li li li:hover a {
	z-index:1000;
    color:#000000;
    }
#suckerfishnav_2 li:hover a, #suckerfishnav_2 li.sfhover a {
	z-index:1000;
    color:#000000;
    }
#suckerfishnav_2 li:hover li a, #suckerfishnav_2 li li:hover li a, #suckerfishnav_2 li li li:hover li a, #suckerfishnav_2 li li li li:hover li a {
	z-index:1000;
    color:#000;
    }
#suckerfishnav_2 li:hover ul ul, #suckerfishnav_2 li:hover ul ul ul, #suckerfishnav_2 li:hover ul ul ul ul, #suckerfishnav_2 li.sfhover ul ul, #suckerfishnav_2 li.sfhover ul ul ul, #suckerfishnav_2 li.sfhover ul ul ul ul {
	z-index:1000;
    left:-999em;
    }
#suckerfishnav_2 li:hover ul, #suckerfishnav_2 li li:hover ul, #suckerfishnav_2 li li li:hover ul, #suckerfishnav_2 li li li li:hover ul, #suckerfishnav_2 li.sfhover ul, #suckerfishnav_2 li li.sfhover ul, #suckerfishnav_2 li li li.sfhover ul, #suckerfishnav_2 li li li li.sfhover ul {
	z-index:1000;
    left:auto;
    background:#b2d4f3;
    }
#suckerfishnav_2 li:hover, #suckerfishnav_2 li.sfhover {
 z-index:1000;
   background:#b2d4f3;
    }
/* End Suckerfish Nav 2 CSS */


/* SLIDER CSS */
#sliderWrap           { width: 934px; margin: 0px; height: 300px; background: url(images/widget-bottom-bg.jpg) 7px bottom no-repeat; padding-bottom: 50px; position: relative; overflow:hidden; }
#slider             { margin-left: 0px; padding: 0; width: 934px; background: transparent; }
.stripViewer             { position: relative; overflow: hidden; clear: both; }
.stripViewer .panelContainer     { position: relative; left: 0px; top: 0px; }
.stripViewer .panelContainer .panel { float: left; position: relative; width: 934px; }
.wrapper               { padding: 0px; }
.innerWrap               { width: 934px; overflow: hidden; }
#push                 { height: 35px; }


/* 
  MAIN TABBED NAVIGATION
*/
.stripNav               { margin-left: 22px; position: relative; top: 18px; z-index: 99; width: 285px; }
.stripNav ul li           { float: left; }

.stripNav li a             { /* Generic "CSS image replacement" */ display: block; height: 18px; text-indent: -9999px; }
/* The below class names are auto-generated by the JavaScript
.stripNav li.tab1 a { background: #000 url(images/tab-psdtuts.jpg) top center no-repeat; width: 63px; }
.stripNav li.tab2 a { background: #000 url(images/tab-nettuts.jpg) top center no-repeat; width: 63px; }
.stripNav li.tab3 a { background: #000 url(images/tab-vectortuts.jpg) top center no-repeat; width: 85px; }
.stripNav li.tab4 a { background: #000 url(images/tab-audiotuts.jpg) top center no-repeat; width: 73px; }

.stripNav li a:hover, 
.stripNav li a:active, 
.stripNav li a:focus         { background-position: top center; }
*/

/* 
  SUB NAVIGATION
*/
.stripNavL a, .stripNavR a { display: block; position: absolute; top: 160px; width: 32px; height: 32px; text-indent: -9999px; z-index: 1001; background: transparent; }
.stripNavL a            { left: 0px; background: url(images/arrow-left-32.png); }
.stripNavR a             { right: 0px; background: url(images/arrow-right-32.png); position: absolute; }

.stripNav      { display: none; }
/* 
  HEADLINES STYLING 
*/
.panel ul               { width: 240px; }
.panel ul li a             { border-bottom: 1px solid #C1B599; color: #303030;
                        display: block; padding: 7px 10px; }
.panel ul li:last-child a       { /* Remove bottom border on last list item
                         Hooray for pseudo selectors! */
                      border: none; }
                      /* Unique rollover colors for each list */
.panel ul#psd-list li a:hover     { background: #b20202; color: white; }
.panel ul#net-list li a:hover     { background: #4a8c7f; color: white; }
.panel ul#vector-list li a:hover   { background: #1f5293; color: white; }
.panel ul#audio-list li a:hover   { background: #4f7c11; color: white; }


.nav-thumb             { border: 1px solid black; margin-right: 5px; }
#movers-row            { margin: -43px 0 0 62px; }
#movers-row div          { width: 20%; float: left; }
#movers-row div a.cross-link         { float: right; }
.photo-meta-data          { background: url(images/transpBlack.png); padding: 10px; height: 30px;
                        margin-top: -50px; position: relative; z-index: 9999; color: white; }
.photo-meta-data span           { font-size: 13px; }
.cross-link            { display: block; width: 62px; margin-top: -14px;
                        position: relative; padding-top: 15px; z-index: 9999; }
.active-thumb             { background: transparent url(images/icon-uparrowsmallwhite.png) top center no-repeat; }