/*
Theme Name: davequintana
Designed by: http://www.defiantinteractive.org/
Author: Dave Quintana

Based on the Starkers Theme at http://elliotjaystocks.com

*/

@import "style/css/reset.css";
@import "style/css/typography.css";
@import "style/css/layout.css";

html, body {
          height: 100%;
          margin: 0;
          padding: 0;
          background: #435843 url(style/images/background.jpg) no-repeat top left;
          font-family: Georgia, "Times New Roman", serif;
          line-height: 145%;
}
a

h1 {
    font-size: 52px;
    font-weight: bold;
    color: #ffffff;
    text-decoration: none;
}

  
h2 {
    font-size: 24px;
    font-weight: bold;
    color: #000000;
    text-decoration: none;
}

h3 {
    font-size: 18px;
    font-weight: bold;
    color: #000000;
    text-decoration: none;
}

a {
    color:#000000;
    text-decoration: none;
}

/*
------------------------------
- site structure
   - header-wrap
   - header
   - nav
   - art
   - content
       - main-content
       - sidebar
   - footer-wrap
   - footer
      - about
      - pix
      - me
      - copy
-------------------------------
*/

#page-wrap {
  position: relative;
  min-height: 100%;
  height: auto !important;
  height: 100%;
}

#header-wrap {
      background: url(style/images/title-repeat.png) repeat top left;      height: 284px;  
      top: 63px; 
      position: relative;
}

#main {
     padding-bottom: 825px;
     position: relative;
     background: url(style/images/body.png) repeat-y top left;
     top: 100px;

}

#art {
      background: url(style/images/art.png);
     height: 489px; 
      width: 596px;
      position: absolute;
      left: 530px;
      top: -3px;
      margin-bottom: 200px;
      z-index: 20;
}

#title {
      background: url(style/images/title.jpg);
      position: absolute;
      height: 125px;
      width: 617px;
      z-index: 21;
      top: 147px;
}

#nav {
     position: absolute;
     z-index: 1;
     left: 40px;
     margin: 0px -5px 0px -5px;
     top: 100px;
}

#header {
      background: url(style/images/header.png) no-repeat;
      height: 100px;
      position: relative;
      top: -100px;
      z-index: 5;
}

#content-container {

      padding-bottom: 825px; 
      position: relative;
       min-height: 100%;
      top: 0px;
  
}

#content {
      width: 1006px;
      margin-top: 0px;
      position: relative;
}



#main-content div {
     width: 600px;
     padding: 0px 0px 0px 100px;
     float: left;
     top: -100px;
     position: relative;


}

#sidebar {
     float: right:
     width: 100px;
     left: 750px;
     top: 50px;
     position: absolute;
}

#subscribe {
    position: relative;
}

#rss {
    width: 200px;
    height: 175px;
    position:relative;

}

#feed {
    position: relative;
}

#connect {
    position:relative;
}

/*
#tfollowers {
    font-size:11px;
    color:#ffffff;
    height: 22px;
    width: 160px;
    background-color:#0d75b2;
    padding-left:8px;
    padding-top: 2px;
    font-family: myriad pro;
    letter-spacing: 0.03cm;
}
 
#tfollowers a {
    text-decoration: none;
    color:#ffffff;
    font-family: myriad pro;
}

#tsub {
    font-size: 6px;
    color:#555555;
    bottom: 25px;
    letter-spacing:0.055cm;
    font-family: myriad pro;
}
*/


#fb {
    width: 200px;
    height: 75px;
    position: relative;
    z-index:10;
}

#twit {
    width: 200px;
    height: 75px;
    position: relative;

}

#in {
    width: 200px;
    height: 75px;
    position: relative;

}


#my {
    width: 200px;
    height: 75px;
    position: relative;

}

#business li {
    display: inline;
    padding-right:5px; 
}

#wp {
    height:49px;
    width:48px;
}

btwit {
    height:49px;
    width:41px;
}



#footer-repeat {
     background: url(style/images/footer-repeat.jpg) repeat-x top left;
     height: 875px;
     width: 100%;
  position: relative;
  bottom: 0 !important;
  bottom: -1px;
  clear: both;
  margin-top: -775px;


}

#footer-top {
     background: url(style/images/footer-top.png) no-repeat;
     height: 239px;
     width: 1021px;
     left: -2px;
     position: absolute;
     z-index: 15;
}

#dq {
     background: url(style/images/dq.jpg) no-repeat;
     height: 544px;
     width: 461px;
     left: 600px;
     top: 330px;
     z-index: 16;
     position: absolute;

}

#name {
     font-family: helvetica, myriad pro, arial black;
     position: absolute;
     color: #ffffff;
     font-weight: bold;
     font-size: 48px;
     top: 400px;
     padding: 0px 0px 0px 60px;
}

#name a {
     color: #ffffff;
     text-decoration: none;
}

#about {
     font-family: helvetica, myriad pro, arial black;
     position: absolute;
     top: 500px;
     color: #ffffff;
     font-weight: bold;
     font-size: 16px;
     line-height: 160%;
     padding: 0px 0px 0px 60px;
}

#about a {
     color: #ffffff;
     text-decoration: none;
}

#copy {
     color: #ffffff;
     margin-top: 600px;
     position: relative;
     padding: 0px 0px 0px 60px;
     font-family: helvetica, myriad pro, arial black;     
}

#comments {
        width: 500px;
}

#post-nav {
       font-size: 16px;
       font-weight: bold;
}

/*   Class Styles */

.clear {
	clear:all;
}

.list {
       list-style:disc;
}



.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */