/* 
	Theme Name: Fluid Technology Corporation
	Description: This theme was designed by Jordan Miller and made live by Matt Rittman.
	Author: Matt Rittman
	Author URI: http://www.obsidian7.com/
	Version: 1.0
*/

/************************************************
*	CSS Reset				*
************************************************/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
   border: 0 none;
   font-family: inherit;
   font-size: 100%;
   font-style: inherit;
   font-weight: inherit;
   margin: 0;
   outline-color: invert;
   outline-style: none;
   outline-width: 0;
   padding: 0;
   vertical-align: baseline;
}

table {
   border-collapse: separate;
   border-spacing: 0;
}

caption, th, td {
   font-weight: normal;
   text-align: left;
}

blockquote:before, blockquote:after, q:before, q:after {content: "";}

blockquote, q {quotes: "" "";}

strong {font-weight: bold;}

em {font-style: italic;}

* {
   margin: 0;
   padding: 0;
}

/************************************************
*	Page Styles				*
************************************************/

html, body {height: 100%;}

body {
   background: #dbdcdd url(images/wrapper.jpg) repeat-x top center;
   color: #555;
   font: normal 0.85em/1.2em geneva, sans-serif;
}

#wrapper {
   margin: 0 auto;
   width: 960px;
   position: relative;
   height: auto !important;
   min-height: 100%;
   height: 100%;
}

h1 {font-size: 1.6em; margin-bottom: 1em;}
h2 {font-size: 1.4em; margin-bottom: .5em; color: #eb4029; font-weight: normal;}
h3 {font-size: 1.2em; margin-bottom: .83em; color: #eb4029;}
h4 {font-size: 1.0em; margin-bottom: 1.12em;}
h5 {font-size: 0.9em; margin-bottom: 1.5em;}
h6 {font-size: 0.8em; margin-bottom: 1.67em;}

p {margin: 1.12em 0;}

.clearfix:after {
   content: ".";
   display: block;
   height: 0;
   clear: both;
   visibility: hidden
}
.clearfix {display:block}
* html .clearfix{height:1%}

.clearboth {clear: both;}

.hilite {background: #c3ec1a;}

hr {
   border: none 0;
   border-top: 1px solid #bbb;
   margin-top: 1.8em;
}

/************************************************
*	Thumbnails				*
************************************************/

#content .thumbnail {
   float: left;
   width: 180px;
   margin: 0;
   padding: 16px;
   text-align: center;
   overflow: hidden;
}

#content .thumbnail ul {
   list-style-image: url(icons/arrow.gif);
   margin-left: 0;
   padding-left: 0.4em;
   padding-top: 0.5em;
   text-align: left;
}

.thumbnail h5 {font-weight: bold; color:#eb4029;}

#content .thumbnail2 {
   float: left;
   width: 280px;
   margin: 0;
   padding: 16px;
   text-align: center;
}

#content .thumbnail2 ul {
   list-style-image: url(icons/arrow.gif);
   margin-left: 0;
   padding-left: 0.4em;
   padding-top: 0.5em;
   text-align: left;
}

.thumbnail2 h5 {font-weight: bold; color:#eb4029;}

#content .vendor {float: left; padding: 4px;}

/************************************************
*	Hyperlinks				*
************************************************/

a:link, a:visited {
   color: #eb4029;
   text-decoration: none;
}

a:active {color: #eb4029;}

a:hover {
   color: #333;
   text-decoration: none;
}

/************************************************
*	Images					*
************************************************/

p img {
   padding: 0;
   max-width: 100%;
}

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

/************************************************
*	Header					*
************************************************/

#header {
   background: url(images/header2.jpg) no-repeat top center;
   height: 151px;
}

#logo a {
   display: inline;
   float: left;
   height: 116px;
   margin: 24px 0 0 16px;
   width: 128px;
}

/************************************************
*	Navigation Bar				*
************************************************/

ul#navbar {
   font: normal 1em/1em geneva, sans-serif;
   text-align: center;
   padding: 12px 0;
   margin: 0;
   width: 100%;
}

ul#navbar li {
   display: inline;
   padding: 5px 0;
   margin-left: -5px;
}

ul#navbar li a {
   padding: 6px 16px;
   color: #555;
   text-decoration: none;
   border-right: 1px solid #ccc;
}

ul#navbar li a:hover {
   color: #888;
   border-top:4px solid #bbb;
}

ul#navbar .current_page_item a {
   border-top:4px solid #eb4029;
}

ul#navbar .current_page_parent a {
   border-top:4px solid #eb4029;
}

ul#navbar .page-item-18 a {
   border-right: none;
}

/************************************************
*	Sidebar					*
************************************************/

#sidebar {
   color: #fff;
   float: right;
   width: 230px;
   margin-top: 40px;
}

#sidebar .widget {
   font: normal 0.85em/1.6em geneva, sans-serif;
   padding: 16px 0;
   color: #555;
   text-align: left;
   border-bottom: 1px solid #ccc;
}

#sidebar .widget a {color: #555;}

#sidebar .widget a:hover {color: #000;}

#sidebar hr {
   height: 1px;
   border: 1px solid #999;
}

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

#sidebar ul ul {
   list-style-type: none;
   margin: 5px 0px 0px 20px;
   padding: 0;
}
	
#sidebar ul li li {
   list-style-type: square;
   margin: 0;
   padding: 0;
}
	
#sidebar ul li ul li {
   margin: 0;
   padding: 0px 0px 3px 0px;
}

#sidebar h2 {
   color: #eb4029;
   font-size: 1.1em;
   font-weight: normal;
   text-align: left;
}

.widget_calendar h2 {display: none;}

.widget_calendar table {
   border-collapse: separate;
   border-spacing: 2px;
}

#wp-calendar {width: 210px;}

#wp-calendar #today {background: #252525;}

#wp-calendar tbody a {font-weight: bold;}

#wp-calendar caption {
   font-size: 1.1em; 
   margin-bottom: .2em; 
   color: #ff6600; 
   font-weight: bold;
   padding-left: 2px;
}

#wp-calendar th, #wp-calendar td {text-align: center;}

#wp-calendar th {font-weight: bold;}

#wp-calendar tr {font-size: 0.9em;}

#wp-calendar tbody td {border: 1px solid #ccc; padding: 3px;}

#wp-calendar tbody td.pad {border: 0 none;}

#wp-calendar th {
   background: #999;
   color: #fff;
}

#wp-calendar td#prev {
   text-align: left;
   padding-top: 5px;
}
#wp-calendar td#next {
   text-align: right;
   padding-top: 5px;
}

/************************************************
*	Search Form				*
************************************************/

#searchbox {
   background: url(images/search.jpg) no-repeat;
   width: 186px;
   height: 19px;
   display: block;
   padding: 2px 2px 0 2px;
}

#searchbox .textfield {
   color: #444;
   font: normal 1em/1.2em verdana, sans-serif;
   background: none;
   border: 0;
   width: 135px;
   float: left;
   margin-right: 2px;
   padding-left: 2px;
}

#searchbox .textfield:focus {color:#333;}

#searchbox .button {
   background: none;
   border: 0;
   width: 18px;
   height: 18px;
   cursor: pointer;
   float: left;
}

/************************************************
*	Content Area				*
************************************************/

#content {
   padding: 60px 20px 150px 20px;  /* bottom should be enough for #footer height */
   margin-right: 270px;
}

#content h2 {margin-bottom: 1.5em;}

#content h4 {
   font-size: 1.2em;
   font-weight: bold;
   margin-bottom: -6px;
   margin-top: 2em;
}

#content h4.inline {
   display: inline;
   font-size: 1.2em;
   font-weight: bold;
   margin-bottom: -6px;
   margin-top: 2em;
}

#content ul .current_page_item a {color: #444; font-weight: bold;}

#content ol {
   margin: 0 0 0 15px;
   padding: 0 0 5px 0;
}
	
#content ol li {
   margin: 0 0 0 15px;
   padding: 0 0 5px 0;
}
	
#content ul {
   list-style-type: disc;
   margin: 0 0 0 15px;
   padding: 0 0 5px 0;
}
	
#content ul li {
   list-style-type: disc;
   margin: 0 0 0 15px;
   padding: 0 0 5px 0;
}
	
#content ul ul {
   list-style-type: none;
   margin: 5px 0 0 20px;
   padding: 0;
}
	
#content ul li li {
   list-style-type: disc;
   margin: 0;
   padding: 0;
}
	
#content ul li ul li {
   margin: 0;
   padding: 0 0 3px 0;
}

#content ul#childpages {padding-bottom:14px;}

/************************************************
*	Posts					*
************************************************/

.post p {clear: left;}

.post h2 {
   display: block;
   border-bottom: 1px dotted #999;
   padding: 0 0 4px;
   margin-bottom: 0.3em;
}

.post h2 a {
   text-decoration: none;
}

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

.post .postinfo {overflow: auto;}

.post .date, 
.post .author, 
.post .editpost,
.post .comments,  
.post .addcomment {
   background: url(icons/icons.gif) no-repeat;
   padding-left: 22px;
   height: 16px;
   line-height: 16px;
   display: block;
   font-size: 11px;
}

.post .date {
   background-position: 0 -48px;
   margin-right: 15px;
   float: left;
}

.post .author {
   background-position: 0 0;
   float: left;
}

.post .editpost {
   background-position: 0 -64px;
   margin-left: 15px;
   float: right;
}

.post .tags, .post .categories {
   background: url(icons/icons.gif) no-repeat;
   width: 16px;
   height: 16px;
   line-height: 16px;
   display: block;
   text-indent: -999em;
}

.post .comments {
   background-position: 0 -96px;
   float: right;
}

.post .addcomment {
   background-position: 0 -112px;
   margin-left: 15px;
   float: right;
}

.post .postmeta span.tags, 
.post .postmeta span.categories {margin-right: 6px;}

.post .tags {background-position: 0 -400px;}

.post .categories {background-position: 0 -480px;}

.post .postmeta {
   height: 16px;
   line-height: 16px;
   font-size: 11px;
   margin-bottom: 40px;
}

.post .postmeta span {
   float: left;
   margin-right: 15px;
}

.postnavigation {
   border-top: 1px dotted #999;
   margin: 10px -5px 0;
   padding: 5px 5px 10px;
   font-size: 0.8em;
   clear: both;
}

.postnavigation .newer a, .postnavigation .prev a {float: left;}

.postnavigation .older a, .postnavigation .next a {float: right;}

/************************************************
*	Comments  				*
************************************************/

.comment {
   overflow: hidden;
   margin: 20px 20px 20px 0;
}

.comment .author {
   background: none;
   float: left;
   clear: left;
   width: 110px;
   text-align: center;
   padding: 10px 0;
}

.comment .pic {
   background: url(images/commentpoint.png) 100% 33% no-repeat;
   padding-bottom: 4px;
}

.comment .name {
   font-weight: bold;
   font-size: 1.1em;
   overflow: hidden;
}

.comment .info {
   background: #444 url(images/comment.gif) 0 0 no-repeat;
   float: left;
   padding: 10px 15px 0;
   width: 494px;
}

.comment .date {
   font-size: 11px;
   color: #666;
   margin-top: 2px;
}

.comment .content {
   background: url(images/comment.gif) 100% 100% no-repeat;
   margin: 0 -15px;
   padding: 10px 15px 10px;
   line-height: 145%;
}

.comment .content p {margin: 22px 0 6px 0;}

form#commentform {
   border-top: 1px solid #666;
   padding-top: 10px;
}

form#commentform p {margin: 0.7em 0;}

form .small {font-size: 12px;}

input.textfield,
textarea,
input#author,
input#email,
input#url {
   border: 1px solid #555;
   font-size: 12px;
   padding: 2px;
   background-color: #ccc;
   color: #888;
   font: normal 0.85em/1.2em verdana, sans-serif;
}

.comments_reply textarea {width:530px;}

.comments_reply {
   clear: left;
   padding: 10px 0;
}

.comments_reply #submit {
   background: #888;
   border:1px solid #888;
   color: #fff;
   cursor: pointer;
   font-size: 11px;
   padding: 3px 6px;
}

.comments_reply #submit:hover {background: #555;}

/************************************************
*	Contact Form  				*
************************************************/

#content .wpcf7 input {
   background-color: #ddd;
   border: 1px solid #555;
   color: #333;
   font: 0.85em/1.2em geneva, sans-serif;
   margin-right: 2px;
   padding-left: 2px;
   width: 200px;
   height: 20px;
}

#content .wpcf7 textarea {
   font: 0.85em/1.2em geneva, sans-serif;
   width: 500px;
   height: 140px;
   border: 1px solid #555;
   background-color: #ddd;
   color: #333;
   padding: 2px;
}

#content .wpcf7 .submitbutton {
   cursor: pointer;
   border: outset 1px #ccc;
   background: #999;
   color: #666;
   font-weight: bold;
   padding: 1px 2px;
   width: 80px;
   height: 28px;
   background: url(images/formbg.gif) repeat-x left top;
}

#content .wpcf7-response-output {width: 400px; border: none;}

#content .wpcf7-mail-sent-ok {width: 400px; border: none;}

#content .wpcf7-validation-errors {width: 500px; border: none;}

/************************************************
*	Footer  					*
************************************************/

#footer {
   background-color: #b2b2b2;
   color: #fff;
   padding: 10px 0 0 0;
   overflow: hidden;
   width: 100%;
   height: 130px;
   font-size: 0.8em;
   margin-top: -140px; /* Please adjust according to height of footer */
   min-width: 960px;
}

#footerContent {
   margin: 0 auto;
   width: 960px;
}

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

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

ul#footernav {
   float: left;
   padding: .6em 0;
   margin-bottom: 10px;
   font: normal 0.9em geneva, verdana, sans-serif;
   text-transform: uppercase;
   letter-spacing: 0.3em;
}

ul#footernav  li {}

ul#footernav  li a {
   text-decoration: none;
   padding: 0em .4em .1em .2em;
}

ul#footernav li a:hover {color: #555;}

.obsidian {
   clear: both;
   text-align: left;
}

.obsidian a {
   background: url('images/obsidianlogo.gif') no-repeat left 0;
   display: block;
   float: right;
   padding-left: 30px;
   height: 28px;
   margin-top: 4px;
   line-height: 1.5em;
}

.obsidian a:hover {background-position: left -28px;}

.left {
   position: relative;
   float: left;
   top: 0;
   right: 14%;
   width: 32%;
   text-align: right;
   padding-top: 5px;
}
.center {
   border-left: 1px solid #ccc;
   border-right: 1px solid #ccc;
   float: left;
   height: 110px;
   left: -4%;
   padding-left: 100px;
   position: relative;
   width: 29%;
}
.right {
   position: relative;
   float: right;
   right: 5%;
   width: 27%;
}