/* GLOBAL RULES
-----------------------------------------------------------------------------*/
html
{font-size: 100.01%;
 height: 100%;
 margin-bottom: 1px;}

body 
{background: #FFF url(/img/backgrounds/body.jpg) repeat-x left top;
 color: #000;
 font: 1em/1.5 arial, verdana, sans-serif;
 margin: 0;
 padding: 0;
 text-align: center;} /* IE Centering */

#container
{margin: 0 auto; /* Non IE Centering */
 width: 960px;}

#main
{background-color: #FFF;
 border-left: 1px solid #C6CACF;
 border-right: 1px solid #C6CACF;
 margin-top: 23px;
 width: 960px;}

#header
{height: 160px;
 position: relative;
 width: 960px;}

#logo
{height: 85px;
 left: 0;
 position: absolute;
 top: 25px;
 width: 200px;}

#logo img
{border: 0;}

.clear
{clear: both;
 height: 1px; 
 overflow: hidden;}

#innerFooter h1
{border-bottom: 1px solid #CCEE77;
 color: #CCEE77;
 font: 1.3em georgia, times, serif;
 margin: 0 0 5px 0;
 padding: 0 0 2px 0;
 text-align: left;}

h3
{color: #333;
 font-weight: normal;
 margin: 20px 0 0 0;
 padding: 0;}


/* SEARCH 
---------------------------------------------------------------------------------------------*/
div#search
{background: transparent url(/img/backgrounds/search.gif) no-repeat left top;
 height: 34px;
 left: 69%;
 position: absolute;
 top: 3px;
 width: 300px;}

div#search form
{margin: 0;
 padding: 5px 0 0 0;
 width: auto;}
 
div#search form fieldset
{border: none;
 margin: 0;
 padding: 0;}
 
div#search form input
{border: none;
 border-color: none;}

div#search form input.term
{background-color: #E7E7E7;
 color: #025993;
 float: left;
 font-size: 0.8em;
 margin: 0 0 0 40px;
 padding: 2px 0 2px 5px;
 width: 135px;}

/* Controls an image for the search button */
div#search form input.button
{background-color: transparent;
 cursor: pointer;
 float: left; 
 height: 20px;
 margin: 0 0 0 5px;
 padding: 0;
 width: 76px;}


/* MENU
---------------------------------------------------------------------------------------------*/
#menu
{background-color: transparent;
 border-bottom: 5px solid #009D04;
 height: 48px;
 left: 0; 
 margin: 0 auto;
 position: relative;
 top: 127px;
 width: 960px;}

#menu ul
{list-style: none;
 margin: 0;
 padding: 0;
 text-align: center;}

#menu ul li
{display: inline;}

#menu ul li a span
{font-size: 0.95em;
 font-weight: normal;
 font-variant: small-caps;
 text-transform: none;}

#menu ul li a:link, 
#menu ul li a:visited
{background: transparent url(/img/nav/tab.jpg) no-repeat left top;
 color: #076FB2;
 float: left;
 font: bold 0.8em trebuchet, arial, verdana, sans-serif;
 height: 42px;
 margin: 0 1px 0 0;
 padding-top: 10px; 
 position: relative;
 text-decoration: none;
 text-transform: uppercase;
 width: 110px;}

#menu ul li a:hover
{background: url(/img/nav/hover.jpg) no-repeat left top;
 color: #009D04;
 text-decoration: none;}


/* SAME NAVIGATION CODE ON EVERY LANDING PAGE FOR THE MAIN NAV
---------------------------------------------------------------------------------------------*/
body#home #t-home a,
body#about #t-about a,
body#services #t-services a,
body#products #t-products a,
body#portfolio #t-portfolio a,
body#contact #t-contact a,
body#blog #t-blog a  
{background: url("/img/nav/active.jpg") no-repeat;
 color: #FFF !important;
 font-weight: bold;}


/* UTILITIES: BREADCRUMBS and PAGETOOLS
---------------------------------------------------------------------------------------------*/
#utilities
{background-color: #EEE;
 border-bottom: 1px solid #DDD;
 font: normal 0.8em trebuchet, arial, verdana, sans-serif;
 height: 15px;
 margin: 0 auto;
 padding: 15px 0;
 width: 960px;}

/* --- Controls Breadcrumbs --- */
#utilities #breadcrumb
{float: left;
 position: relative;}

#utilities #breadcrumb ul
{list-style: none;
 margin: 0 0 0 15px;
 padding: 0;
 text-align: left;}

#utilities #breadcrumb ul li
{display: inline;}

#utilities #breadcrumb a:link, #breadcrumb a:visited
{color: #005A97;
 padding: 0 4px;
 text-decoration: underline;}

#utilities #breadcrumb a:hover
{color: #FF6600;
 text-decoration: none;}
 
/* --- Controls Pagetools --- */
#utilities #pagetools
{float: right;
 position: relative;}

#utilities #pagetools ul
{list-style: none;
 margin: 0;
 padding: 0;}

#utilities #pagetools li
{display: inline;
 padding-right: 15px;}

#utilities #pagetools li a
{color: #005A97;
 padding-left: 20px;}

#utilities #pagetools li a:hover
{color: #FF6600;
 padding-left: 20px;}

#utilities #pagetools #printthis
{background: url("/img/icons/print-friendly.gif") no-repeat 0% 50%;}

#utilities #pagetools #emailthis
{background: url("/img/icons/envelope.gif") no-repeat 0% 50%;}


/* SIDEBAR 
--------------------------------------------------------------------------------------------*/
#sidebar
{border-right: 1px solid #6D93CB;
 display: inline;
 float: left;
 font-size: 0.85em;
 margin: 15px 0 0 0;
 padding: 0 2px 15px 2px;
 position: relative;
 text-align: left;
 width: 210px;}

/* Hides Welcome Page */
div#content div#sidebar li.page-item-109
{display: none;}

#sidebar h2
{background: transparent url(http://www.webnetts.com/img/markers/red-side-arrow.gif) no-repeat 3% 35%;
 border-bottom: 1px solid #FF6600;
 color: #009D04;
 font: normal 1.1em georgia, "trebuchet ms", tahoma, verdana, arial, sans-serif;
 letter-spacing: 0;
 margin: 30px 0 0 0;
 padding: 0 0 2px 20px;
 text-transform: uppercase;
 text-align: left;}

#sidebar h2 a
{color: #000;
 text-decoration: none;}

#sidebar h2 a:hover
{text-decoration: underline;}

#sidebar h2 img
{margin: 0 5px -2px 0;}

#sidebar form
{margin: 0 0 0 5px;}

#sidebar form p
{margin-top: 10px;}

#sidebar ul
{list-style-type: none;
 margin: 0;
 padding: 0;}

#sidebar ul li a 
{background-color: #EEEDE5;
 border-bottom: 1px solid #C8C6B7;
 color: #005A97;
 display: block;
 font-size: 1em;
 padding: 8px 5px;
 text-decoration: none;
 text-transform: normal;}

#sidebar ul li a:hover
{background: #F9F9F9;
 border-bottom: 1px dotted #555;
 color: #F60;}

#sidebar #tweets ul
{list-style: disc; 
 margin-top: 15px; 
 margin-left: 15px;}

#sidebar #tweets ul li a
{background-color: #FFF; 
 border-bottom: none;
 padding: 0;
 text-transform: none;}

#sidebar p
{margin: 0; 
 padding: 0;}

#sidebar ul li ul {margin:0;}
#sidebar ul li ul li {list-style-type:disc;color:#999;margin:0 0 0 20px;text-transform:none;}
#sidebar ul li ul li a {text-transform:none;width:170px;}
#sidebar .current-cat a, #sidebar .current_page_item a {background:#FFFFDF;}
#sidebar ul#recentcomments li.recentcomments {display:block;text-transform:uppercase;font-size:0.9em;width:190px;padding:15px 5px 8px;color:#000;text-decoration:none;border-bottom:1px dotted #ddd;}
#sidebar ul#recentcomments li.recentcomments a {border-bottom:none;font-size:1em;}
#sidebar .textwidget {padding:10px 0 20px 5px;font-size:0.9em;line-height:1.2em;}
#sidebar select {margin:15px 0 30px 5px;width:195px;border:1px dotted #555;padding:3px;font-size:0.8em;}
#sidebar select option {padding:3px;}
#sidebar table#wp-calendar {width:190px;margin:10px 0 0 5px;}
#sidebar table#wp-calendar caption {margin:15px 0 0 0;font-weight:bold;}
#sidebar table#wp-calendar td {height:25px;text-align:center;}
#sidebar table#wp-calendar td a {color:#000;font-weight:bold;text-decoration:none;}
#sidebar table#wp-calendar td a:hover {background:#ddd;}
#sidebar table#wp-calendar tfoot a {padding:5px;text-decoration:none;background:#eee;border:1px solid #ddd;color:#000;}


/* CONTENT
---------------------------------------------------------------------------- */
#content #posts
{display: inline;
 float: right;
 font: 0.9em/1.5 arial, verdana, sans-serif;
 margin: 25px 10px 0 0;
 padding: 0 10px;
 position: relative;
 text-align: left;
 width: 700px;}

#content #posts h1
{color: #0269AB;
 font-size: 1.8em;
 font-weight: normal;
 margin: 0 0 25px 20px;
 padding: 0;}

#content #posts h2
{border-bottom: 1px solid #CCC;
 margin: 15px 0 5px 0;}

#content #posts h2 a
{font-size: 1em;
 font-weight:normal;
 color:#000;
 text-decoration:none;}

#content #posts .post 
{border: 3px solid #EEEDE5;
 float: left;
 margin: 0 0 20px 0;
 padding: 0 15px;
 position: relative;}

#content #posts .post .metadata
{color: #555;
  font-size: 0.8em;
  margin: 0 0 20px 0;}

#content #posts .post .metadata a
{color: #005CA1;
  text-decoration: underline;}

#content #posts .post .metadata a:hover
{color: #F60;
  text-decoration: none;}

#content #posts .post .postcontent
{color: #333;
 font-size: 0.95em;
 line-height: 1.5em;}

#content #posts .post .postcontent p
{margin: 10px 0;}

#content #posts .post .postcontent ul {padding:10px 0 10px 40px;}
#content #posts .post .postcontent ol {padding:10px 0 10px 40px;list-style-type:decimal;}
#content #posts .post .postcontent ol li {list-style-type:decimal;}
#content #posts .post .postcontent img {border:1px solid #888;}
#content #posts .post .postcontent blockquote {background:#eee;border:1px dotted #ccc;padding:15px;font-style:italic;}
#content #posts .post a {color:#005A97;}
#content #posts .post a:hover
{color:#F60;
 text-decoration:none;}

#content #posts .post .commentlink 
{float: left;
 margin: 10px 0 20px 0;
 padding: 8px 0;
 position: relative;}

#content #posts .post .commentlink a
{background-color: #EEEDE5;
 border: 1px solid #999;
 color: #005A97;
 padding: 8px;
 text-decoration: none;}

#content #posts .post .commentlink a:hover
{background-color: #F9F9F9;
 border: 1px solid #005A97;
 color: #F60;}

#content .navigation .alignleft
{float: left;
 margin-top: 0;
 margin-bottom: 35px;}

#content .navigation .alignright
{float: right;
 margin-top: -15px;
 margin-bottom: 35px;}

#content .navigation .alignleft a, 
#content .navigation .alignright a
{background: #F9F9F9;
 border: 1px solid #ddd;
 color: #F60;
 padding: 2px 8px;
 text-decoration: none;}

#content .navigation .alignleft a:hover, 
#content .navigation .alignright a:hover 
{background: #F9F9F9; 
 border: 1px solid #F60;
 color: #005A97;}

h3 #searchresults {color:#FF000A;}


/* ARCHIVES
--------------------------------------------------------------------------------------------*/
#content .categoryposts h3 {font-size:1.2em;margin:0 0 30px 0;}
#content .categoryposts h3 a {color:#000;text-decoration:none;}
#content .categoryposts h3 a:hover {text-decoration:underline;}
#content #posts li {list-style-type:disc;margin:10px 0 0 15px;}
#content #posts li a {color:#000;text-decoration:none;}
#content #posts li a:hover {text-decoration:underline;}


/* COMMENTS
---------------------------------------------------------------------------------------------*/
#comments
{float: left;
 position: relative;
 width: 700px;}

#comments h2
{font-size: 1.2em;
 font-weight: normal;
 margin: 0; 
 padding: 0;}

#comments h2#postcomment
{float: left;
 margin: 30px 0 5px 0;}

#content #comments h2
{border-bottom: none;}

#comments p
{margin: 15px 0;
 padding: 0;}

#comments ul
{margin: 0;
 padding: 0;}

#comments ul#commentlist 
{position: relative;
 float: left;
 width: 650px;
 list-style-type: none;}

#comments ul#commentlist li
{border: 1px dotted #555;
 float: left;
 list-style-type: none;
 margin: 5px 0;
 padding: 20px 10px 25px 10px;
 position: relative;
 width: 678px;}

#comments ul#commentlist li.graybox {background:#eee;}

#comments ul#commentlist li .commentheader {position:relative;float:left;width:200px;}
#comments ul#commentlist li .commentheader cite {position:relative;float:left;width:200px;padding:5px 0 8px 0;font-style:normal;font-weight:bold;clear:both;}
#comments ul#commentlist li .commentheader cite a {color:#333;text-decoration:none;}
#comments ul#commentlist li .commentheader cite a:hover {text-decoration:underline;color:#000;}
#comments ul#commentlist li .commentheader .commentnumber {position:relative;float:left;width:200px;font-size:0.8em;}
#comments ul#commentlist li .commentheader .commentnumber a {color:#333;text-decoration:none;}
#comments ul#commentlist li .commentheader .commentnumber a:hover {color:#000;text-decoration:underline;}
#comments ul#commentlist li .commentheader small {color:#888;font-size:0.8em;}
#comments ul#commentlist li .commenttext {position:relative;float:right;width:400px;font-size:0.9em;color:#555;line-height:1.2em;padding:8px 0 0 0;}
#comments ul#commentlist li .commenttext a {color:#000;}
#comments ul#commentlist li .commenttext a:hover {text-decoration:none;}


/* COMMENT FORM
---------------------------------------------------------------------------------------------*/
#comments form#commentform 
{background-color: #eee;
 border: 1px solid #ddd;
 float: left;
 margin: 0 0 15px 0;
 padding: 10px;
 position: relative;
 width: 678px;}

#comments form#commentform p 
{padding: 5px 0;}

#comments form#commentform input 
{border: 1px solid #ddd;
 margin: 0 10px 0 0;
 padding: 5px 0;}

#comments form#commentform label 
{font-size: 0.9em;}

#comments form#commentform textarea 
{border: 1px solid #ddd;
 width: 600px;}

#comments form#commentform input#submit 
{background: #555;
 color: #fff; 
 cursor: pointer;
 float: right;
 margin: 5px 25px;
 padding: 8px 5px 5px;}


/* IMAGES
---------------------------------------------------------------------------------------------*/
img.centered {display: block;margin-left: auto;margin-right: auto;}
img.alignright {padding: 4px;margin: 0 0 2px 7px;display: inline;}
img.alignleft {padding: 4px;margin: 0 7px 2px 0;display: inline;}
.alignright {float: right;}
.alignleft {float: left;}

img.left
{background-color: #E9E9E9;
 border: 1px solid #333;
 float: left;
 margin: 5px 15px 15px 0;
 padding: 5px;
 position: relative;}

img.right
{background-color: #E9E9E9;
 border: 1px solid #333;
 float: right;
 margin: 5px 0 15px 15px;
 padding: 5px;
 position: relative;}


/* ----- controls dl on the team page ----- */
dl
{margin: 0;
 padding: 15px 0;}

dd
{padding: 10px 0 0 0;}

.biophoto
{border: 1px solid #000;
 float: left;
 margin-right: 15px;
 padding: 2px;}


/* FOOTER: HOMEPAGE
---------------------------------------------------------------------------------------------*/
#innerFooterWrap
{background: #0269AB url(/img/backgrounds/footer.jpg) repeat-x left top;
 border-top: 2px solid #025993;
 border-bottom: 2px solid #0270B9;
 height: 220px;
 margin: 0;
 padding: 0;
 position: relative;
 width: 100%;
 z-index: 20}

#innerFooter
{color: #fff;
 font-size: 0.8em;
 margin: 0 auto;
 width: 960px;}

#innerFooter #webnet
{float: left;
 margin: 28px 63px 0 0;
 padding: 0;
 position: relative;
 text-align: left;
 width: 265px;}

#innerFooter #webnet p
{color: #A6DBFF;}

#innerFooter #webnet a:link, 
#innerFooter #webnet a:visited
{color: #CCEE77;
 text-transform: none;}

#innerFooter #webnet p a:hover
{text-decoration: underline;}

#innerFooter #webnet ul
{margin: 25px 0 0 0;
 padding: 0;}

#innerFooter #webnet li
{display: inline;
 list-style: none;
 text-align: left;}

#innerFooter #webnet a:link, 
#innerFooter #webnet a:visited
{padding: 0 3px;}

#innerFooter #resources
{border-left: 1px solid #0264A6;
 border-right: 1px solid #0264A6;
 float: left;
 margin: 28px 0 0 0;
 padding: 0 61px;
 width: 220px;}

#innerFooter #specials
{float: right;
 margin: 28px 0 0 0;
 padding: 0;
 width: 220px;}

#innerFooter #resources ul,
#innerFooter #specials ul
{line-height: 1.8;
 margin: 0;
 padding: 0;}

#innerFooter #resources ul li,
#innerFooter #specials ul li
{background: transparent url(/img/markers/arrow.gif) no-repeat 0% 50%;
 list-style: none;
 padding-left: 15px;
 text-align: left;}

#innerFooter a:link, 
#innerFooter a:visited
{text-decoration: none;
 text-transform: capitalize;
 color: #A6DBFF;
 padding: 0;}

#innerFooter a:hover
{text-decoration: none;
 color: #CCEE77;
 border-bottom: none;}

 
/* BACK TO TOP
---------------------------------------------------------------------------------------------*/ 
#innerFooter a.top
{left: 95.5%;
 position: absolute;
 top: 222px;}

#innerFooter a.top
{background: url(/img/home/top.gif) no-repeat;
 display: block;
 height: 17px;
 width: 23px;}


 /* SITEMAP 
---------------------------------------------------------------------------------------------*/
#outerFooterWrap
{background-color: #025993;
 height: 55px;
 position: relative;
 width: 100%;
 z-index: 10}

#outerFooter
{color: #EEE;
 font-size: 0.7em;
 margin: 0 auto;
 padding: 20px 0;
 width: 960px;}

#outerFooter ul
{margin: 0;
 padding: 0;}

#outerFooter ul li
{display: inline;
 list-style: none;
 text-align: left;}

#outerFooter #sitemap
{display: inline;
 float: left;
 margin-left: -10px;}

#outerFooter ul li a
{color: #CCC;
 padding: 0 10px;
 text-decoration: none;}

#outerFooter ul li a:hover
{text-decoration: underline;}


 /* SITEMAP: SOCIAL MEDIA 
-------------------------------------------------------------------------------------------- */ #outerFooter #social
{display: inline;
 float: right;
 font-size: 1.2em;
 padding-right: 5%;} /* unhide blog: margin-right: 10%; */

#outerFooter  li.socialize
{padding-right: 15px;}

#outerFooter #social li a
{padding: 0 0 0 15px;
 text-decoration: none;}

#outerFooter #social li.twitter a
{padding-right: 15px;}

#outerFooter #social li.twitter
{background: url(/img/icons/social.gif) no-repeat left -103px;
 padding-left: 6px;}

#outerFooter #social ul li.twitter:hover
{background: url(/img/icons/social.gif) no-repeat left -129px;}

#outerFooter #social li.blog
{background: url(/img/icons/social.gif) no-repeat left 0;
 padding-left: 6px;}

#outerFooter #social ul li.blog:hover
{background: url(/img/icons/social.gif) no-repeat left -25px;}  


/* FOOTER: CORE PAGES
-------------------------------------------------------------------------------------------- */  
#coreFooterWrap
{background: #0269AB url(/img/backgrounds/footer.jpg) repeat-x left top;
  border-top: 2px solid #1F334D;
  border-bottom: 1px solid #0270B9;
  height: 80px;
  margin: 0;
  padding: 0;
  position: relative;
  width: 100%;}
 
#coreFooter
{color: #fff;
  font-size: 0.8em;
  margin: 0 auto;
  padding: 30px 0 0 0;
  width: 960px;}

#coreFooter ul
{margin: 0;
  padding: 0;}

#coreFooter ul li
{display: inline;
  list-style: none;
  text-align: left;}

#coreFooter ul li a
{color: #CCC;
  padding: 0 15px;}