/*  
Theme Name: Schrock Innovations
Theme URI: 
Description: 
Version: 1.0
Author: Schrock Innovations
Author URI:
*/

/*-------------------------------------------------------
Blocks
-------------------------------------------------------*/
#wrapper #hmBlocks h3 {color:#333;}

#wrapper ul#hmBlocks {
     margin:15px 0 0 0;
     padding:0;
     list-style:none;
     }

#hmBlocks li {
     width:243px;
     height:230px;
     float:left;
     display:inline;
     }

#hmBlocks .block1 {border-right:1px solid #ccc; padding-right:15px;}
#hmBlocks .block2 {padding-left:15px;}
#hmBlocks .block3 {border-right:1px solid #ccc; border-top:1px solid #ccc; padding:15px 15px 0 0;}
#hmBlocks .block4 {border-top:1px solid #ccc; padding:15px 0 0 15px;}



/*-------------------------------------------------------
Global
-------------------------------------------------------*/

* {
     margin: 0; padding: 0
     }

h1, h2, h3, h4, h5, h6 {
     margin: 0px;
     font-weight: normal;
     letter-spacing: -1px;
     }

/*-------------------------------------------------------
Body
-------------------------------------------------------*/

body {
     font-size:62.5%;
     }

/*-------------------------------------------------------
 Misc Classes
-------------------------------------------------------*/
  img {border:0;}
 .clear {clear:both;}
 .floatLeft {float: left;}
 .floatRight {float: right;}
 .alignLeft {text-align: left;}
 .alignRight {text-align: right;}
 img.alignleft {float: left; margin: 3px 10px 2px 0; padding:3px;}
 img.alignright {float: right; margin-top: 8px; margin-bottom: 5px; margin-left: 8px; margin-right: 15px; }
 img.aligncenter {display: block; margin-top: 0px; margin-right: auto;	margin-bottom: 4px; margin-left: auto;	clear: both;}
 .margincomps {margin-top:4px;}
 
/*-------------------------------------------------------
  Layout/Structure
-------------------------------------------------------*/

#wrapper {
     width:865px;
     margin:30px auto 30px auto;
     background:transparent url(images/wrapper-bg.png) repeat-y bottom left;
     }

/*-------------------------------------------------------
  Header
-------------------------------------------------------*/

#header-top {
     width:865px;
     height:43px;
     background:#fff url(images/header-top-bg.png) no-repeat bottom left;
     }

#header {
     width:865px;
     height:140px;
     background:transparent url(images/header-bg.png) repeat-y bottom left;
     }

#logo {
     width:400px;
     float:left;
     display:inline;  
     padding:5px 0 0 0;  
     margin:0 0 0 45px; 
     }

#contact {
     width:293px;
     float:right;
     height:140px;
     display:inline;  
     padding:0; 
     margin:0 13px 0 0;
     background:transparent url(images/contact-bg.png) no-repeat bottom left;
     text-align:center; 
     }

#contact h1 {
     font: normal 1.4em/1.6em Verdana, Arial, Sans-serif;
     color:#111;    
     margin:31px 0 7px 0; 
     }

#contact p {
     font: bold 1.2em/1.6em Verdana, Arial, Sans-serif;
     color:#01a9c9;     
     }

/*-------------------------------------------------------
  Content
-------------------------------------------------------*/

#content {
     width:520px;
     height:auto;
     float:left;
     display:inline;
     padding:15px 0 25px 0;
     margin:0 0 0 35px;
     }

#content h1 {
     font: normal 2.1em/1.6em Verdana, Arial, Sans-serif;
     color:#111;
     }

#content h2 {
     font: normal 1.8em/1.6em Verdana, Arial, Sans-serif;
     color:#222;
     margin-bottom:13px;
     letter-spacing:-1px;
     padding-bottom:5px;
     border-bottom:1px solid #dedede;
     }

#content h2 a, #content h2 a:hover {
     text-decoration:none;
     color:#01527a;
     margin-bottom:13px;
     }

#content h3 {
     font: bold 1.4em/1.6em Verdana, Arial, Sans-serif;
     color:#111;
     margin-bottom:13px;
     }

#content p {
     font: normal 1.1em/1.6em Verdana, Arial, Sans-serif;
     color:#333;
     margin-bottom:13px;
     }

#content ol {
     margin:0 0 13px 27px;
     }

#content ul {
     margin:0 0 13px 27px;
     }

#content li {
     font: normal 1.1em/1.9em Verdana, Arial, Sans-serif;
     color:#333;
     }

blockquote {
     width:450px;
     border-left:4px solid #ccc;
     padding-left:11px;
     margin-left:23px;
     color:#999;
     }

/*-------------------------------------------------------
  Blog Cats
-------------------------------------------------------*/

#blogcats {
     width:515px;
     border-top:1px solid #ccc;
     padding:7px;   
     }

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

#catlist li {
     font: normal 1.3em/1.9em Verdana, Arial, Sans-serif;
     display:inline;
     margin:0 20px 0 0;
     }


/*-------------------------------------------------------

  Sidebar
-------------------------------------------------------*/

#sidebar {
     width:272px;
     float:right;
     display:inline;
     margin:0 8px 0 0;
     }

#video {
     width:270px;
     padding:13px 0 13px 0;
     text-align:center;
     margin-right:2px;
     background:transparent url(images/search-bg.png) no-repeat top left;
     }

#video p{
     font: normal 1.1em/1.6em Verdana, Arial, Sans-serif;
     color:#fff;
     margin:7px 9px;
     }

#video-wrap {
     padding:3px;
     width:240px;
     height:175px;
     border:1px solid #fff;
     margin:0 auto;
     }
     
#search {
     width:250px;
     padding:11px 0 11px 11px; 
     }
     
#search .text {
     width:170px;
     padding:3px;
     font: normal 1.2em/1.2em Verdana, Arial, Sans-serif;
     color:#555;
     border:1px solid #33b2b8; 
     }
     
#search .btn {
     width:67px;
     text-align:center; 
     }

/*-------------------------------------------------------
  Footer
-------------------------------------------------------*/

#footer-top {
     width:838px;
     height:86px;
     background:transparent url(images/footer-top-bg.jpg) no-repeat bottom left;
     margin:0 0 0 8px;
     padding-left:11px;
     }

#categories{
     width:550px;
     height:86px;
     float:left;
     display:inline;
     }

#categories h2 {
     font: normal 1.5em/1.6em Verdana, Arial, Sans-serif;
     color:#111;
     border-bottom:1px solid #ddd;
     }

#join{
     width:272px;
     height:86px;
     float:right;
     display:inline;
     }

#footer {
     width:865px;
     height:240px;
     background:transparent url(images/footer-bg.png) repeat-y top left;
     }

#footer h3 {
     font: normal 1.1em/1.6em Verdana, Arial, Sans-serif;
     color:#fff;
     padding:2px 17px 3px 17px;
     text-align:left;
     margin:0 0 7px 0;
     }

#comps {
     width:241px;
     height:240px;
     float:left;
     margin:0 0 0 8px;
     text-align:center;
     display:inline;
     }

#comps p {
     font: normal 1.0em/1.2em Verdana, Arial, Sans-serif;
     color:#777;
     margin:7px 21px;
     }

.compsbtn {
     margin:8px 0 0 0;
     }

#design {
     width:327px;
     height:240px;
     float:left;
     background:transparent url(images/footer-sep.png) no-repeat 0 22px;
     display:inline;
     }

#design p {
     font: normal 1.0em/1.2em Verdana, Arial, Sans-serif;
     color:#777;
     margin:19px 21px 11px 21px;

     }

.designbtn {
     margin:21px auto 0 auto;  
     width:auto;
     display:block; 
     }

#support {
     width:270px;
     height:240px;
     float:right;
     background:transparent url(images/footer-sep.png) no-repeat 0 22px;
     text-align:center;
     margin:0 10px 0 0;
     display:inline;
     }

#support p {
     font: normal 1.0em/1.2em Verdana, Arial, Sans-serif;
     color:#777;
     margin:7px 21px;
     }

.comps {
     background:transparent url(images/comps-hd-bg.jpg) repeat-y top left;
     }

.design {
     background:transparent url(images/design-hd-bg.jpg) repeat-y top left;
     }

.support {
     background:transparent url(images/support-hd-bg.jpg) repeat-y top left;
     }

#footer-bottom {
     width:865px;
     height:57px;
     background:transparent url(images/footer-bottom-bg.png) no-repeat top left;
     }

#copyright {
     width:865px;
     font: normal 1.0em/1.6em Verdana, Arial, Sans-serif;
     color:#111; 
     margin:0 auto 30px auto;    
     text-align:center;
     }
           
/*-------------------------------------------------------
 Navigation
-------------------------------------------------------*/

#navcontainer {
     width:849px;
     height:50px;
     background:transparent url(images/nav-bg.jpg) no-repeat top left;
     margin:0 0 0 8px;
     overflow:hidden;
     }

ul#navlist {
     width:855px;
     margin:0;
     padding:0;
     list-style:none;
     }

#navlist li {
     font: normal 1.1em/1.6em Verdana, Arial, Sans-serif;
     float:left;
     letter-spacing:-1px;
     margin:0 2px 0 0;
     }

#navlist a {
     color:#fff;
     width:119px;
     padding:13px 0 21px 0;
     display:block;
     text-align:center;
     text-decoration:none;
     }

#navlist a:hover {
     color:#fff;
     background:transparent url(images/hover-bg.jpg) no-repeat top left;
     }

#navlist .home a:hover {
     color:#fff;
     background:transparent url(images/home-hover-bg.jpg) no-repeat top left;
     }

#navlist .contact a {
     color:#fff;
     width:123px;
     }

#navlist .contact a:hover {
     color:#fff;
     background:transparent url(images/contact-hover-bg.jpg) no-repeat top left;
     width:123px;
     }

/*------------------------------------------------------- Lower-Navigation

-------------------------------------------------------*/

.lowerlinks {
     width:865px;
     padding:35px 0 0 0;
     text-align:center;
     margin:0 auto;
     }

.lowerlinks ul {
     margin:0;
     padding:0;
     list-style:none;
     }

.lowerlinks li {
     display:inline;
     font: normal 1.0em/1.6em Verdana, Arial, Sans-serif;
     }

.lowerlinks li a {
     color:#111;
     text-decoration:none;
     }


/*-------------------------------------------------------
  Hyperlinks
-------------------------------------------------------*/

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

a:hover {
     color: #01b6d2;
     text-decoration: underline;
     }

a:active, a:focus{
	outline:none;
}

/*-------------------------------------------------------
 Posts
-------------------------------------------------------*/

.post {
     margin-bottom:21px;     
     }

/*-------------------------------------------------------
 PostData
-------------------------------------------------------*/

#content .meta p {
     font: normal 1.0em/1.6em Verdana, Arial, Sans-serif;
     color:#555;
     display:block;
     border:1px solid #dedede;
     padding:3px 7px;
     margin:12px 0 13px 0;
     background:transparent url(images/meta-bg.png) no-repeat 1px 1px;
     }

/*-------------------------------------------------------
 Comments
-------------------------------------------------------*/

#comments h3 {
     font: normal 1.7em/1.6em Verdana, Arial, Sans-serif;
     color:#111;
     border-top:1px solid #ddd;
     border-bottom:1px solid #ddd;
     margin-bottom:21px;
     }

.singlecomment {
     margin-bottom:21px;
     }

.text {

     padding:3px;
     color:#777;
     }


.textarea {
     padding:3px;
     color:#777;
     font: normal 1.1em/1.6em Verdana, Arial, Sans-serif;
     width:525px;
     }

/*-------------------------------------------------------
  Forms
-------------------------------------------------------*/

textarea {
      overflow:auto;
      }

/*-------------------------------------------------------
  Lists
-------------------------------------------------------*/

ul#cats {
     margin:0;
     padding:17px 0 17px 19px;
     list-style:none;
     }

#cats li {
     font: normal 1.15em/1.6em Verdana, Arial, Sans-serif;
     color:#111;
     float:left;
     margin:0 5px 5px 0;
     display:block;
     width:143px;
     }

#cats a {
     color:#111;
     }

#cats a:hover {
     color:#777;
     }

ul#table {
     margin:0;
     padding:1px 0 1px 19px;
     list-style:none;
     }

#table li {
     font: normal 1.15em/1.6em Verdana, Arial, Sans-serif;
     color:#111;
     margin:0 5px 5px 0;
     display:block; 
     list-style:circle outside;
     color:#01a9c9;   
     }

#table a {
     color:#01a9c9;
     }

#table a:hover {
     color:#777;
     }

/*-------------------------------------------------------
  Everything Else...
-------------------------------------------------------*/