/*
Theme Name: Servidyne
Theme URI: http://blakeperdue.com
Description: Corporate website
Version: 1.0
Author: Blake Perdue
Tags: servidyne
*/
body {background:url(images/bg.gif) repeat-x #949598; font:normal 12px Helvetica, Arial, sans-serif; margin:0 0 20px 0; color:#616365;}
a {color:#2B68AF; text-decoration:underline;}
a:hover {color:#C6D740; text-decoration:none;}
.logo-print {display:none;}

.wrapper {width:980px; margin:0 auto; background:#fff; border-top:solid 4px #C6D740;}
.header {height:115px;}
.logo {float:left; width:40%;}
.top-right {float:right; width:60%; text-align:right;}
.logo h1 {margin:0; padding:0;}
.logo h1 a {display:block; width:314px; height:103px; text-indent:-9999px; background:url(images/logo.gif) no-repeat;}
.search {float:right; background:#c6d740; margin-bottom:24px; color:#97a527;}
.search form {margin:0; padding:0;}
.search ul {list-style:none; margin:0; padding:0;}
.search li {float:left; padding:0 10px; height:26px; line-height:20px;}
.search li.search-l {background:url(images/search-l.gif) 0 0 no-repeat #fff; padding:0;}
.search li.search-r {background:url(images/search-r.gif) top right no-repeat #fff; padding:0;}
.search input {background:url(images/magnify.gif) no-repeat; background-color:#98A628; color:#fff; font:normal 12px Helvetica, Arial, sans-serif; padding:0 10px 0 22px; border:0; height:19px;}
#googlesearch{ background:url(images/magnify.gif) no-repeat; background-color:#98A628; withth:80px;}
.search li a {color:#fff; font-weight:bold; text-decoration:none;}
.search li a:hover {color:#fff; text-decoration:underline;}
.phone {clear:both;}
.phone h2 {font-size:16px; font-weight:normal; font-style:italic; margin:0; padding:0; color:#949598;}
.phone h2 em {font-size:28px; font-weight:bold; font-style:normal;}
.nav {background:url(images/bg-nav.gif) no-repeat; height:35px; clear:both;}
.nav ul {float:left; list-style:none; margin:0 0 0 10px; padding:0; border-right:solid 1px #b2b3b6;}
.nav ul ul {margin-left:0;}
.nav li {float:left; border-right:solid 1px #949598; border-left:solid 1px #b2b3b6;}
.nav li.first {border-left:0;}
.nav li a {display:block; line-height:35px; font-size:14px; color:#fff; text-decoration:none; padding:0 15px;}
.nav li a:hover {background:#949598;}
.nav li.selected a, .nav li.over a, .nav li.current_page_ancestor a, .nav li.current_page_item a {background:#949598;}
.nav li ul {float:none; list-style:none; padding:0;  border:solid 1px #b2b3b6; position:absolute; visibility:hidden; z-index:9999;}
.nav li ul li {float:none; display:block; border-bottom:solid 1px #b2b3b6; margin:0;}
.nav li ul li a, .nav li li.current_page_item a {width:180px; background:#949598; padding:0 10px 0 15px; margin:0;}


.nav li ul li ul {float:none; margin:-5px 0 0 0; padding:0px; border:0; position:inherit;}
.nav li ul li ul li {float:none; list-style:outside circle !important; color:#fff; display:inline; border:0; margin:0; padding:0;}
.nav li ul li ul li a {font-size:14px; color:#c1c9cf; width:auto; border:0; margin:0; padding-left:25px; line-height:28px !important; height:28px !important;}
.nav li ul li a:hover {color:#949598; background:#fff;}
.nav li ul ul {margin:-32px 0 0 171px;}

.sidebar .sub-nav {margin-bottom:30px;}
.sidebar .sub-nav ul {list-style:none; margin:0; padding:0;}
.sidebar .sub-nav ul li ul li a {padding:8px 10px 8px 35px; background:url(images/arrow.png) 19px 6px no-repeat #efefef;}
.sidebar .sub-nav ul li ul li a:hover {padding:8px 10px 8px 35px; background:url(images/arrow.png) 19px 6px no-repeat #fff;}
.sidebar .sub-nav li {list-style:none; margin:0; padding:0;}
.sidebar .sub-nav li a {display:block; padding:8px 10px 8px 20px; background:url(images/arrow.png) 4px 6px no-repeat #efefef; color:#2b68af; text-decoration:none; font-size:14px; border-bottom:solid 1px #fff;}
.sidebar .sub-nav li a:hover {background:url(images/arrow.png) 4px 6px no-repeat #fff;}

.boxes {height:81px; background:url(images/bg-boxes.png) repeat; position:absolute; top:411px; z-index:999; width:981px; max-width:981px; overflow:hidden;}
#boxes-page {position:static !important;}
.boxes ul {list-style:none; padding:0; margin:0;}
.boxes li {float:left; width:326px; font-size:16px; font-weight:normal; border-right:solid 1px #082c53; height:81px;}
#boxes-page li {width:325px;}
.boxes li:hover {background:#082c53;}
.boxes li.last {border-right:0;}
.boxes li a {display:block; padding:10px; color:#fff; text-decoration:none;}
.boxes li a b {color:#97cdff; font-weight:bold; font-size:20px; padding-top:8px; display:block;}
.boxes img {float:left; padding-right:10px; width:86px; height:61px;}
.boxes ul.lower li.lower, .boxes ul.reduce li.reduce, .boxes ul.enhance li.enhance {background:#082c53;}

.hometable h3 {font-size:12px; text-transform:uppercase; color:#2b68af; margin:0 0 10px; padding:0;}
.hometable td {width:33%;}
p {line-height:20px; color:#616365; font-size:14px;}
.hometable, .helpme {padding-top:10px;}
.hometable ul {margin:0 0 0 14px; padding:0; list-style:disc; font-size:14px;}
.hometable li {margin:0 0 8px 0;}
.hometable li a {color:#616365;}
.hometable li a:hover {color:#2b68af;}
.helpme a {display:block; height:46px; width:175px; background:url(images/helpme.png) 0 0 no-repeat; text-indent:-9999px; }
.helpme a:hover {background:url(images/helpme.png) 0 -51px no-repeat;}
.spot {margin-bottom:8px; float:left;}
.sl {float:left; width:15%; font-size:10px; font-weight:bold; line-height:18px; color:#2b68af;}
.sr {float:right; width:85%; font-size:14px; line-height:18px;}
.spot a {color:#616365; text-decoration:underline;}

/* content */
#left {float:left; width:600px;}
#right {float:right; width:340px;}
.content {padding:20px; min-height:300px}
.sidebar { padding-left:15px;}
.sidebar ul {list-style:none; margin:0; padding:0;}
.sidebar li {list-style:none; margin:0; padding:0;}
.sidebar li a {display:block; padding:8px 10px 8px 20px; background:url(images/arrow.png) 4px 6px no-repeat #efefef; color:#2b68af; text-decoration:none; font-size:14px; border-bottom:solid 1px #fff;}
.sidebar li a:hover {background:url(images/arrow.png) 4px 6px no-repeat #fff;}


.footer {width:980px; margin:20px auto 10px auto; background:#fff;}
.foot-left {float:left; width:50%;}
.foot-right {float:right; width:50%;}
.foot-left div, .foot-right div {padding:0 15px;}
.foot-right div {float:right; padding-top:6px;}
.footbot {clear:both; width:980px; margin:0 auto 20px auto; background:#949598;}
.footbot-left {float:left; width:50%; color:#ccc;}
.footbot-right {float:right; width:50%; color:#ccc; text-align:right;}
.footbot-left a, .footbot-right a {color:#fff; text-decoration:none;}
.footbot-left a:hover, .footbot-right a:hover {color:#C6D740; text-decoration:none;}

.footNav a {font-size:16px; margin:15px 0 20px 0; line-height:22px;}

.main_view{float:left; position:relative}
.window{height:338px; width:980px; overflow:hidden; position:relative}
.image_reel{position:absolute; top:0; left:0}
.image_reel img {float:left; width:980px; height:338px;}
.paging{position:absolute; bottom:90px; right:-7px; width:134px; height:47px; z-index:100; text-align:center; line-height:40px; background:url(images/bg-pag.png) no-repeat; display:none}
.paging a{padding:5px; text-decoration:none; color:#fff}
.paging a.active{font-weight:bold; background:#0e3c6b; border:1px solid #0e3c6b; -moz-border-radius:3px; -khtml-border-radius:3px; -webkit-border-radius:3px}
.paging a:hover{font-weight:bold}

.stock-holder {margin-bottom:15px;}
.stock {background:#ccc;}
.stock td {padding:5px; background:#fff;}

/* other */
table.company-profile {background:#ccc; margin-top:10px;}
.company-profile td {background:#fff; padding:6px;}
.contact input {width:200px;}
.contact input.city {width:60px;}
.contact input.state {width:25px;}
.contact input.zip {width:40px;}
.contact textarea {width:300px;}
.help {border:solid 1px #A8BDCF; margin:5px 0 30px 0; padding:10px; line-height:22px; font-size:14px; background:#E0E8EF;}
.post {padding-bottom:20px; margin-bottom:20px; border-bottom:dashed 1px #A8BDCF;}
.post h1 {font-size:24px; line-height:28px;}
.sociable_tagline {margin-bottom:5px;}
.post-foot {float:right;}

/* bp */
.postText li {line-height:22px; font-size:14px}
h1 {clear:both; font-size:24px; font-weight:bold; margin:0 0 10px 0; padding:0; color:#2b68af; line-height:32px;} 
.content H1 A:link, .content H1 A:visited {color:#2b68af; text-decoration:none;}
.content H1 A:hover {color:#2b68af;}
H1 SPAN.commentsNum {font-size:20px; color:#ccc;}
H1 SPAN.commentsNum A:link, H1 SPAN.commentsNum A:visited {color:#aaa;}
H1 SPAN.commentsNum A:hover {color:#fff; background:#aaa;}
h2 {font-size:22px; font-weight:bold; padding:0; margin:30px 0 0 0; color:#666;}
h3 {font-size:16px; line-height:20px; padding:0; margin:10px 0 0 0; color:#666;}
h4 {font-size:14px; line-height:18px; padding:0; margin:10px 0 0 0; color:#666;}
p {margin:2px 0 20px 0;}
.photo {float:left; border:solid 2px #ccc; margin:0 15px 20px 0; background:#fff url(http://blog.blakeperdue.com/images/bp.png) -308px 0 no-repeat; width:71px; height:94px; overflow:hidden; text-indent:-9999px;}

#right H1 {margin:50px 0 15px 0;}
#right H1.first {margin-top:50px;}
A.title:link {color:#808080;}
A.title:visited {color:#808080;}
A.title:hover {color:#fff;}
.date {font-size:13px; padding:0; color:#999; margin:0 0 10px 0; line-height:18px;}
.date A:link, .date A:visited {color:#999; text-decoration:underline;}
.date A:hover {text-decoration:none; color:#C6D740;}
.more {font-size:14px; padding-top:8px;}
.sm {padding-top:12px;}
.works {line-height:32px;}
A:link img.bdr {border:solid 2px #ccc;}
A:visited img.bdr {border:solid 2px #e0e0e0;}
A:hover img.bdr {border:solid 2px #c00;}
img#wpstats{display:none}

.shortfield{
	width:200px;
}
.field1{
	width:283px;
}
.field2{
	width:135px;
}
.field3{
	width:109px;
}
.field4{
	width:40px;
}
.sidebar-form{
	width:325px;
	background-color:#E0E8EF;
	float:right;
	margin:0px 0px 20px 0px;
}
.sidebar-form-table{
	margin:20px;
	width:285px;
	float:right;
}
.sidebar-form-table input{
	border:1px solid #ccc;
}
span.wpcf7-list-item {
display:block;
}

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;
}