/*

Theme Name: JeffHopeck2010
Theme URI: http://www.jeffhopeck.com
Description: 'Jeff Hopeck 2010'
Author: Joel Murphy
Author URI: http://www.killersharkmarketing.com
Version: 1.0

*/

/* Reset */

html, body, div, span, object, h1, a, address, code, img, small, strong, d1, dt, dd, ol, ul, fieldset, form, label {
   margin: 0;
   padding: 0;
   border: 0;
   outline: 0;
   font-size: 100%;
   vertical-align: baseline;
   background: transparent;
}

body {
   line-height: 1.5;
   font-family: helvetica, arial, sans-serif;
}

ol, ul {
   list-style: none;
}

/* End Reset */

body {
   background: url(img/bg.png);
}

#main {
   width: 825px;
   margin-left: auto;
   margin-right: auto;
   background: url(img/jeff.png) top right no-repeat;
   overflow: hidden;
}

h1 {
   background: url(img/logo.png) bottom center no-repeat;
   width: 626px;
   height: 186px;
   text-indent: -9999px;
   padding-top: 45px;
}

h1 a {
   display: block;
   width: 626px;
   height: 186px;
}

#buttons {
   clear: right;
   border-bottom: 1px solid #cccccc;
   padding-bottom: 20px;
   border-top: 1px solid #cccccc;
   padding-top: 20px;
   margin-top: 13px;
   width: 560px;
   height: 200px;
}

.buttons {
   float: left;
   clear: ;
}


.top-row li {
   float: left;
}

.ks {
   background: url(img/ks-button.png) no-repeat;
   width: 177px;
   height: 76px;
   margin-right: 10px;
}

.ks a {
   display: block;
   width: 177px;
   height: 76px;
}

.ks a:hover {
   background: url(img/ks-button-hover.png) no-repeat;
   width: 177px;
   height: 75px;
}

.ss {
   background: url(img/ss-button.png) no-repeat;
   width: 190px;
   height: 77px;
   margin-right: 28px;
}

.ss a {
   display: block;
   width: 190px;
   height: 77px;
}

.ss a:hover {
   background: url(img/ss-button-hover.png) no-repeat;
   width: 190px;
   height: 77px;
}

.book {
   background: url(img/book-button.png) no-repeat;
   width: 154px;
   height: 93px;
}

.book a {
   display: block;
   width: 154px;
   height: 93px;
}

.book a:hover {
   background: url(img/book-button-hover.png) no-repeat;
   width: 154px;
   height: 93px;
}

.bottom-row {
   border-top: 1px dashed #60738e;
   padding-top: 15px;
   margin-top: 100px;
}

.bottom-row li {
   float: left;
}

.fletc {
   background: url(img/fletc-button.png) no-repeat;
   width: 171px;
   height: 75px;
   margin-right: 18px;
} 

.fletc a {
   display: block;
   width: 171px;
   height: 75px;
}

.fletc a:hover {
   background: url(img/fletc-button-hover.png);
   width: 171px;
   height: 75px;
}

.biz {
   background: url(img/biz-button.png) no-repeat;
   width: 186px;
   height: 78px;
   margin-right: 12px;
}

.biz a {
   display: block;
   width: 186px;
   height: 78px;
}

.biz a:hover {
   background: url(img/biz-button-hover.png);
   width: 186px;
   height: 78px;
}

.pres {
   background: url(img/pres-button.png) no-repeat;
   width: 169px;
   height: 79px;
}

.pres a {
   display: block;
   width: 169px;
   height: 79px;
}

.pres a:hover {
   background: url(img/pres-button-hover.png);
   width: 169px;
   height: 79px;
}

#content {
   width: 556px;
   margin-top: 25px;
   border-bottom: 1px solid #cccccc;
   padding-bottom: 15px;
   margin-bottom: 45px;
   float: left;
}

p {
   font-size: 11pt;
   color: #cccccc;
   text-align: justify;
}

h2 {
   font-size: 16pt;
   color: #ffffff;
   margin-bottom: 0;
}

a {
  color: #3faffe;
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

a:visted {
  color: #0899ff;
}

#sidebar {
  float: right;
  margin-top: 130px;
}

.fb {
   background: url(img/fb-button.png) no-repeat;
   width: 161px;
   height: 59px;
   margin-right: 50px;
}

.fb a {
   display: block;
   width: 161px;
   height: 59px;
}

.fb a:hover {
   background: url(img/fb-button-hover.png);
   width: 161px;
   height: 59px;
}

.footer-wrapper {
   background: url(img/footer-bg.png) repeat-x;
   background-color: #203451;
   overflow: hidden;
}

.footer {
   width: 930px;
   margin-left: auto;
   margin-right: auto;
   margin-top: 50px;
}

.footer-sub {
   font-size: 9pt;
   float: right;
   margin-right: 25px;
   margin-top: 70px;
}

.footerwidgets {
  margin-top: 0px;
}

.fwidget {
  background: #104a72;
  width: 200px;
  margin-left: 20px;
  margin-right: auto;
  float: left;
  padding: 5px;
  height: 300px;
}

.fwidget p {
  padding-left: 10px;
  padding-right: 10px;
}

.fwidget ul {
  padding-left: 10px;
  padding-right: 10px;
}

.textwidget p {
  font-size: 9.5pt;
}

.textwidget a {
  text-decoration: none;
}

.textwidget a:hover {
  text-decoration: underline;
}

.fwidget ul li a {
  text-decoration: none;
}

.fwidget ul li a:hover {
  text-decoration: underline;
}

.blogroll li a {
  text-decoration: none;
}

.blogroll li a:hover {
  text-decoration: underline;
}

.widgettitle {
  font-size: 11pt;
  color: #7e90a7;
  border-bottom: 1px solid #cccccc;
  padding-bottom: 3px;
}

#collisionwidget-4 {
  width: 230px;
}

#collisionwidget-4 p {
  font-size: 9pt;
}

/****************
advanced comment styles
****************/
 
h3#comments,.comment-navigation,.comment-navigation:after,#respond:after,.comment-rss{display:block} 
ol.commentlist{width:600px;} 
h3#comments,#respond h3{height:25px;text-align:left;background:#4c7faa;color:#fff;padding:5px 0 0 5px} 
ol.commentlist,li.authorcomment,li.comment,#respond h3,form#commentform,input#submit{margin:0}
ol.commentlist,ol.commentlist ul,form#commentform{padding:0}  
ol.commentlist{border-bottom:1px solid #ccc} 
ol.commentlist ul{margin:0 0 0 20px} 
li.authorcomment,li.comment,form#commentform textarea,form#commentform input{border:1px solid #ccc}
li.authorcomment,li.comment{padding:10px 0 0 10px;list-style:none;border-bottom:none} 
li.even{background:#fff} 
li.odd{background:#efefef} 
.authorcomment{background:#deebf9} 
ul.children ul{margin-left:20px} 
ul.children li{border-right:none} 
.vcard img{float:left;background:#c4c4c4} 
.vcard img,.comment-navigation .newer a,.comment-navigation .older a{padding:5px} 
.comment-meta,ol.commentlist li small,p.subscribe-to-comments label{position:relative} 
.comment-meta,ol.commentlist li small{top:10px;left:10px} 
.comment-text{margin:0 10px 0 0} 
.reply,.comment-navigation .newer,input#submit{float:right} 
.reply,.comment-navigation .newer a,.comment-navigation .older a,input#submit{background:#4c7faa} 
.reply{margin:0 10px 10px 0} 
a.comment-reply-link,.reply a:link,
.comment-navigation .newer a,.comment-navigation .older a,input#submit{display:inline-block;text-align:center;cursor:pointer;color:#fff} 
a.comment-reply-link,.reply a:link{padding:5px 0} a.comment-reply-link,.reply a:link,input#submit{width:70px} 
a.comment-reply-link:hover,.reply a:hover,.comment-navigation .newer a:hover,
.comment-navigation .older a:hover,input#submit:hover{background:#e7e7e7;text-decoration:none;color:#4c7faa;font-weight:bold} 
a.comment-reply-link:hover,.reply a:hover,input#submit:hover{width:68px} 
a.comment-reply-link:hover,.reply a:hover{padding:4px 0} 
a.comment-reply-link:hover,.reply a:hover,.comment-navigation .newer a:hover,.comment-navigation .older a:hover{border:1px solid #4c7faa} 
.comment-navigation{margin:10px 0 10px 0} .comment-navigation:after,#respond:after{content:".";height:0;visibility:hidden} 
.clear{clear:both} 
.comment-navigation .newer a:hover,.comment-navigation .older a:hover{padding:4px} 
form#commentform textarea,form#commentform input{padding:2px 3px} 
form#commentform textarea{width:442px} 
input#submit{padding:5px 0 !important;border:0 !important} 
input#submit,p.subscribe-to-comments input{outline:0} 
input#submit:hover{padding:4px 0 !important;border:1px solid #4c7faa !important} 
p.subscribe-to-comments{background:url('images/email_32.png') no-repeat} 
p.subscribe-to-comments,.comment-rss{height:32px;text-indent:42px;padding:5px 0 0 0} 
p.subscribe-to-comments input{margin:5px 3px 3px 3px !important;border:0} 
p.subscribe-to-comments label{top:-2px;color:#666} 
.comment-rss{background:url('images/rss_32.png') no-repeat} 
 
/*comment total stlying*/
 
.comment-total{text-align: center;font-size: 1.5em;color: #fff;}
.comment-total span{font-size: 2em;color: #800000;}