/*<style>*/
/*  
Theme Name: FibroTheme
Theme URI: http://www.fibrowattusa.com
Description: Custom theme for Fibrowatt LLC.
Version: 1.0
Author:  Becky Teague
Author URI: http://www.towerwebdesign.com/
*/

/*
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.5.2
*/
body {font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}
table {font-size:inherit;font:100%;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, 
pre, form, fieldset, input, textarea, p, blockquote, th, td { 
	padding:0;margin:0;}
fieldset, img {border:0;}
table {border-collapse: collapse;border-spacing:0;}
ul {list-style:none;}

/* ----------------  end yahoo stylesheet, begin fibrowatt styles -------------------- */

/* Q&A page template has styles for expanding text divs */ 

body {
background: #F4F4F2 url(bg-gray1.jpg) repeat;
text-align:center;
font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
}
  	 
#header {
width:100%; height:80px;
border-top:4px solid #00713D;
background:#004827;
text-align:left;
}

#header-left {
width:50%;
float:left;
height:80px;
color:white;
background:#004827 url(logo.png) no-repeat 20px 10px;
}

#header-left h1{
color:#f2ea23;
font-weight:normal;
font-size:1.1em;
height:0;
font-family:'trebuchet ms', geneva, sans-serif;
margin-left:-3000px;
}

#header-left h2{
color:#f2ea23;
font-weight:normal;
font-size:123.1%;
font-family:'trebuchet ms', geneva, sans-serif;
position:relative;
top:50px;
left:72px;
}

#header-right{
width:49.5%;
height:80px;
float:right;
text-align:right;
}

/* wordpress search box */

.search {
margin:0 0px 20px 10px;
background:transparent;
}

.searchform {
background:transparent url(images/chick.gif) no-repeat right bottom;
height:110px;
width: 240px;
display:table-cell;
vertical-align:middle;
}

#searchform .s {font-size:1em;}

#searchtext {
height:1.2em;
width:130px;
border:1px solid #c4c4ba;
padding:1px;
color:#707070;
}

#searchtext:focus {background-color:#fefed7;}

.small {font-size:1em; color:#707070;}

/* font style for textbox in searchform.php overrides WP default */
#searchtext {font-family:'Lucida Sans Unicode', 'Lucida Grande', sans-serif;}

/* main content and sidebar wrapper */

#container {
width:950px; 
margin:16px auto 20px;
}

/* left section */

#content {
width:637px;
float:left;
text-align:left;
}

/* top content box for home page */
div.wrap1 {
display:table-cell;
width:635px;
border-width:1px;
background:#fff;
border-color:#659C3C;
border-style:solid;
color:#333;
margin-bottom:16px;
padding:0;
}

.announcebox {
background:#fff;
color:#333;
width:314px;
float:right;
margin-top:10px;
}

.announcebox p {font-size:116%;}
.announcebox h3 {color:#fff!important;}



/* centers header menu */
.mid960 {
margin:0 auto;
width:960px;
background:transparent;
}



/* main content area */

.contentbox {
width:635px;
border-width:1px;
background:#fff;
border-color:#D0D0C8;
border-style:solid;
margin-bottom:16px;
padding:10px 0 20px;
}

/* in the news area, home page only */
.newsbox {
width:635px;
border-width:1px;
background:#fff;
border-color:#D0D0C8;
border-style:solid;
margin-bottom:16px;
padding:15px 0 15px 0;
}

.newsbox div.title {
background:#fff url(newspaper.gif) no-repeat top left;
width:582px;
margin:0 0 6px 20px;
height:45px;
}

/* bumps h3 over to make space for icon at left as in news section */
div.title h3 {
font-size:1.5em!important;
padding-left:45px;
line-height:45px;
}


#content h2 {
font-size:123.1%;
margin:0 3% 15px 3%;
}

#content h3 {
font-size:123%;
margin:0 3% 12px 3%;
color:#1E7400;
}

#content h4 {
font-size:116%;
margin:20px 3% 4px 3%;
color:#1E7400;
}


#content h5 {
font-size:1.05em;
margin:15px 10px 4px 20px;
color:#1E7400;
font-weight:bold;
}

#content p {
margin:0 3% 15px 3%;
line-height:1.3em;
letter-spacing:.05px;
}



#content ul li, #content ol li {
margin: 0 20px 20px 30px;
line-height:1.4em;
margin-bottom:8px;
}

#content ol li { margin-left:35px;}

#content ul li {
padding-left: 18px;
background-image: url(http://66.147.242.168/~fibrowat/wp-content/themes/fibrotheme/images/bullet_green.png);
background-repeat: no-repeat;
background-position:top left;
}

/* removes bullet for site map and addresses lists */
div.noBullet ul li {
padding-left: 18px;
background-image:none!important;
list-style-type:none!important;
line-height:1.2em!important;
margin-bottom:4px!important;
}
div.noBullet ul li ul {
margin-top:8px!important;
}

/* to align images add padding and border */

#content img.postleft {
padding:8px;
float:left;
border:1px solid #ccc5bc;
margin:0 10px 10px 0;
}

#content img.postright {
padding:8px;
float:right;
border:1px solid #ccc5bc;
margin:0 0 10px 10px;
}

#content img.post {
padding:8px;
border:1px solid #ccc5bc;
margin:10px auto;
}

.post {
 }

.entry {margin-bottom:20px }

.post-content {
margin-bottom:25px;
}

/* creates div at top of content for breadcrumbs and addThis button */
#postLinks {
float:left;
}

#postLinksLeft {
float:left;
width:394.5px;
}

#postLinksRight {
position:relative;
float:right;
width:240px;
}


/* ---------------- sidebar ------------- */
#sidebar {
background:#F0F0ED;
width:295px;
vertical-align:top;
border:1px solid #D0D0C8;
margin-left:15.5px;
text-align:left;
float:right;
padding:16px 0 20px;
margin-bottom:16px;
}

#sidebar .page_item {font-size:.9em;display:inline;}

#sidebar h3 {
font-size:116%;
margin:0 0 16px 0;
color:#1E7400;  
}

#sidebar p, #sidebar h3, #sidebar ul {
margin:10px;
font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
line-height:1.1em;
}

#sidebar p { font-size:.95em;}


/* text box in sidebar */
.sidefull, .sidefull2 {
margin:0px 16px 20px;
padding-bottom:10px;
}

/* with lt gray background */
.sidefull {
background:#fff;
border:1px solid #DCDCD6;
}


/* transparent bg */
.sidefull2 {
background:transparent;
border:0px;
}

/* class for links in sidebar */

/* class for new icon */
.newIcon {
height:74px;
background:#fff url(http://www.fibrowattusa.com/images/new80.png) no-repeat top right;
}

/* --------------------------- footer -------------------------- */

#footerwrap {
clear:both;
width:100%;
background-color: #659C3C;
color:#fff;
border-top:1px solid #175a00;
margin-top:16px;
text-align:center;
}

#footer {
width:950px;
padding: 10px 0 12px;
margin:0 auto;
background-color: #659C3C ;
color:#fff;
text-align:center;
}

#footer p {
margin:1em 0 1em 0px;
}

#footer a {
color:#fff;
text-decoration:underline;
}
#footer a:hover { text-decoration:none;}

#footer #linkslist li
{
display: inline;
list-style-type: none;
padding-right:20px;
}

#footer #linkslist li.last {padding-right: 0;}

/* -------------------- link styles ----------------------------- */

#content a {
text-decoration: underline;
background-color:transparent;
color:#3B65B5;
font-weight:bold;
}

#content #contactForm a {text-decoration:none;}

#sidebar p a { 
font-weight:normal;
}

#content a:link, #sidebar p a:link {
color:#3B65B5;
}

#content a:visited, #sidebar p a:visited {
color:#3B65B5;
}

#content a:hover, #sidebar p a:hover {
text-decoration: none;
background-color:#E6E2DD;
}

#content a:active, #sidebar p a:active {
color:#3B65B5;
}

/* add class to img links */
.imagelink {
border:none!important;
}

/* no hover effect on images that are links */
#content a:hover.imagelink {
background-color:#fff!important;
}

#content hr {
clear:both;
border-style: dotted;
border-color: #727272;
border-width:1px 0 0 0;
width: 90%;
margin:10px 5% 20px 5%;
height:1px;
}

#contactForm p.linklove a {border-none:none!important;}

/* -------- misc text styles ---------- */
.note { font-size:.9em;}

.notew { font-size:85%;color:#fff; }

.trademark { font-family: 'trebuchet ms', helvetica, sans-serif;font-size:85%;}

.font95 {font-size:.95em;}
.announceDate {font-size:1.1em;color:#878787;}

/* ---------------------- display styles ------------------------- */

.cushiontop {
padding:15px 0px;
}

.cushion2{
padding:15px 20px;
}

.alignright {
float:right;
margin-left:12px;
}

.alignleft {
float:left;
padding-right:20px;
}

/* to center elements within content or sidebar */

.aligncenter {display: block; margin-left: auto; margin-right: auto}

.center-wrap, .alignCenter {text-align:center;}


/* to add space between sections on a page or post */
.section {margin:30px 0 20px;} 
.section2 {margin:20px 0;}

/*   tables */

.border1 {border:1px solid silver;
border-collapse:collapse;}

/* class for sitemap or addresses such as on contact page */

table.address {
width:94%;
margin:20px 3% 20px;
}


table.address th {text-align:center;vertical-align:middle;height:28px;}
table.address th h4 {line-height:28px!important;padding:0!important;margin:0!important;}
table.address td{
width:50%;
padding:4px 4px;
}

table.address td ul li {margin-left:0px!important;}

table.address2 {
width:94%;
margin:20px 3% 20px;
}

/* table for email links on contact */

table.icons {width:540px;margin:10px 0px 15px 45px;} 

table.icons tr {vertical-align:middle;}

/* for previous next page links */

.navigation {
margin:30px 20px 20px;
}

/* for tables that list updates and press releases */
/* zebra striping uses javascript in head of page.php and jquery */
table.newslinks {
border:1px solid #adadad;
border-collapse:collapse;
margin:20px 10%;
width:80%;
}

table.newslinks td {
border:1px solid #adadad;
border-collapse:collapse;
background:transparent;
padding:4px;
}

table.newslinks td.cell-date { width:90px; text-align:center;}

table.newslinks td a { 
text-decoration:none!important;
background:transparent!important;
}

.table1 {
margin:10px auto 20px;
border:0;
z-index:10;
}

.table1 td.first {
padding:10px;
text-align:center;
vertical-align:middle;
}

.table1 td.divider {text-align:center;
}


hr.post-rule {
width:80%;
height:1px;
background:#fff;
border-bottom:1px solid #C4C4BA;
border-top:0!important;
margin:20px 10%;
}




/* these may not be used now contact 7 is out? */

table.contactform {
border:0;
margin:10px 0 25px 20px;
}

table.contactform td {padding:4px 0;}

table.contactform td.form-submit { 
padding:0; 
vertical-align:top;
text-align:right; }



/******************  fibrowatt multilevel navigation menu *************/

#pixopoint_menu_wrapper1{
clear:both;
width:100%;
top:88px;
margin:0 auto;
background:#5c5956 url(menu-bg.png) repeat-x;
color:#fff;
height:34px;
text-align:center;
border-top:4px solid #f2ea23;
}

	
ul#suckerfishnav {
    margin: 0 auto;
    list-style:none;
	height:34px;
    line-height:34px;
    padding:0;
    width:950px;
	background:#5c5956 url(menu-bg.png) repeat-x;
	font-size:1em;
    font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
    font-weight:normal;
    }  /* border removed */
	
#suckerfishnav a {
    display:block;
    color:#fff;
    text-decoration:none;
    padding:0px 10px;
    }
#suckerfishnav li {
    float:right;
    padding:0;
    }
#suckerfishnav ul {
    position:absolute;
    left:-999em;
    height:auto;
    width:121px;
    font-weight:normal;
    margin:0;
    line-height:1.0;
    border:0;
    }
#suckerfishnav li li {
    width:119px;
    border-bottom:1px solid #666666;
    border-left:1px solid #666666;
    border-right:1px solid #666666;
    font-weight:normal;
    font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
	text-align:left;
	z-index:10;
    }
#suckerfishnav li li a {
    padding:5px 10px;
    width:100px;
	font-size:12.5px;
    color:#fff;
    }
#suckerfishnav li ul ul {
    margin:-21px 0 0 120px;
    }
#suckerfishnav li li:hover {
    background:#99D083; 
	color:#175a00; /*drop down hover */
    }
#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:#175a00;
    }/* text color of hover 1st level */
#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:#175A00;
    } /* link text color of drop downs */
#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:#C6E5BA;
	color:#175a00;
	z-index:10;
    } /*drop down */
#suckerfishnav li:hover, #suckerfishnav li.sfhover {
    background:#d4d4d4 url(menu-bg-hover.png) repeat-x;
	z-index:10;
    } /* 1st level hover */
	

	
/* smoothslideshow */

/* on grand opening page */
#FibrominnSlideshow {
margin:15px auto 20px auto;
width:525px;
}


#jdGallery, jdGallery2 {
	margin-left:auto;
	margin-right:auto;
	}

#TechSlideShow  {
margin:0px auto 0px auto;
}

#myInfoContainer { 
margin:4px auto 10px auto;
}

.mySlideInfoZone{
background:#E8E8E4;
color:#333;
border:1px solid #D0D0C8;
height:60px;
width:400px;
}

.mySlideInfoZone p { border:1px solid #e8e8e4; }

div#techGallery .mySlideInfoZone{
height:80px!important;
}



/* needed for zebra striping for newslinks tables */
tr.alt td {
background:#ecf6fc;
}

/* .stripeMe { } */

/* styles related to handheld display */

img.mobile { }

a#fwattButton {
background:#fff url(http://www.fibrowattusa.com/images/fibrowatt-button.png) no-repeat 0 0;
display:block;
height:77px;
width:204px;
border:0;
text-decoration:none;
}

a#fwattButton:link, a#fwattButton:visited {
background-position:0 -77px;
}

a#fwattButton:hover {
background-position:0 0px;
}
