/*
Theme Name: Kirk Sigmon Site v.1
Theme URI: http://kirksigmon.com/
Description: The style for Kirk Sigmon's Personal Website
Version: 1.0
Author: Kirk Sigmon
Author URI: http://kirksigmon.com/
Tags: kirk sigmon, black, argyle, gold
*/

* {margin:0; padding:0; border-collapse:collapse; border:0; vertical-align:top; list-style:none;}
body {background:url(images/bg.jpg) top center no-repeat #000000;}

h2 {font-size:30px; color:#333333; font-weight:normal; padding:5px;}
h3 {font-size:24px; color:#414141; font-weight:normal; margin:5px;}
h4 {font-size:24px; color:#a79553; font-weight:normal; margin:5px;}

p {padding:7px; font-size:15px;}
li {list-style:inside square; margin-left:15px;}

hr {width:90%; margin:10px auto; border:none; border-top:solid 1px #f1f1f1;}
sub {font-size:14px; margin-left:25px;}
blockquote {background:#f5f5f5; border:solid 1px #eeeeee; margin:5px; clear:none; width:auto;}

input, textarea {border:solid 1px #F2F2F2;}

.alignleft {float:left;}
.alignright {float:right;}
.size-thumbnail {border:solid 1px #CCCCCC; margin:5px;}

div.h {display:block; width:1000px; height:106px; margin:0 auto;}
div.h h1 {display:block; float:left; width:369px; height:106px; background:url(images/kirk_sigmon.jpg);}
div.h h1 a {display:block; width:369px; height:106px;}
div.h h1 b {display:none;}

ul.nav {display:block; float:left; width:631px; height:36px; margin-top:62px;}
ul.nav li {display:block; float:left; width:151px; height:36px; background:top no-repeat; margin:0; margin-top:8px; list-style:none;}
ul.nav li a {display:block; float:left; width:151px; height:36px;}
ul.nav li a b {display:none;}

#home {background:url(images/tabs/home.jpg);}
#home:hover, #home.s {background:url(images/tabs/home_s.jpg);}
ul.nav #about {background:url(images/tabs/about.jpg);}
ul.nav #about:hover, ul.nav #about.s {background:url(images/tabs/about_s.jpg);}
#portfolio {background:url(images/tabs/portfolio.jpg);}
#portfolio:hover, #portfolio.s {background:url(images/tabs/portfolio_s.jpg);}
#blog {background:url(images/tabs/blog.jpg);}
#blog:hover, #blog.s {background:url(images/tabs/blog_s.jpg);}
#contact {background:url(images/tabs/contact.jpg);}
#contact:hover, #contact.s {background:url(images/tabs/contact_s.jpg);}


div.body {display:block; width:1000px; min-height:300px; margin:0 auto; background:#FFFFFF url(images/body_top.jpg) top no-repeat;}
div.body.td175 {background:url(images/head_175td.jpg) top no-repeat #FFFFFF; padding-top:9px;}
div.body.blog {background:url(images/head_blog.jpg) top no-repeat #FFFFFF; padding-top:9px;}
div.body td {width:auto;}
div.body table.td175 {width:1000px;}
div.body table.td175 td.l {width:225px; background:#f7f7f7; font-family:Arial, Helvetica, sans-serif; font-size:13px;}
div.body table.td175 td.l h4 {font-weight:bold; margin-top:10px; font-size:16px; padding-top:5px; padding-left:3px;}
div.body table.td175 td.l li {width:100%; list-style:none; border-bottom:solid 1px #FFFFFF; margin:0; padding-left:5px; padding-top:2px; padding-bottom:2px;}
div.body table.td175 td.l li a {color:#333333; text-decoration:none; font-size:13px; line-height:20px;}
div.body table.td175 td.l li:before {content:' >'; color:#FFFFFF; font-size:14px; padding-right:3px;}
div.body table.td175 td.l li:hover {background:#FFFFFF;}
div.body table.td175 td.l li:hover:before {color:#b4a042;}
div.body table.td175 td.l2 {width:275px; background:#f7f7f7; font-family:Arial, Helvetica, sans-serif; font-size:13px; padding:0; margin:0;}
div.body table.td175 td.l2 li {color:#999999; list-style:none;}

div.portfolio {display:block; width:90%; margin:0 auto 10px; background:url(images/block_bg.jpg) top repeat-x; border:solid 1px #eeeeee; border-top:none;}
div.portfolio h4 {font-size:26px; color:#1e1e1e; font-weight:normal; font-variant:small-caps; line-height:40px;}
div.portfolio p {margin:0 10px; color:#525252;}
div.portfolio h5 {font-size:20px; color:#00000; font-weight:normal; font-variant:small-caps; line-height:20px; margin-left:200px;}
div.portfolio ul {display:block; margin-left:200px;}
div.portfolio ul li {color:#898989;}

div#sidebar {padding-right:10px;}

div.social {text-align:center;}
div.social img {padding:0 5px; border-right:solid 1px #f1f1f1;}

div#respond {padding:20px; width:500px; margin:0 auto; background:#f7f7f7;}
div#respond textarea {width:100%;}

div.foot {display:block; width:990px; min-height:100px; margin:0 auto; padding:5px; padding-top:20px; background:url(images/footer.jpg) top no-repeat; color:#666666; text-align:right; font-family:Arial, Helvetica, sans-serif; font-size:10px;}
div.foot a {color:#685e2f;}

table.index_tables {width:100%;}
table.index_tables td {width:230px; padding:10px; text-align:jusitfy; font-size:15px;}
table.index_tables td.b {background:#f1f1f1;}
table.index_tables td a {display:block; width:100%; margin-top:20px; text-align:right; font-size:16px;}
table.index_tables td a:after {content:' >>';}

ul.url li {list-style:inside url(images/icons/url.gif);}

div.post {padding:10px;}
div.post h2, div.post h2 a {color:#a79553; text-decoration:none; }
div.post h2 {font-size:22px;}
div.post h4 {color:#666666;}
div.post small {margin-left:20px; color:#999999;}
div.post p {padding:15px;}
p.postmetadata {font-size:10px; font-family:Arial, Helvetica, sans-serif}

#imageGallery {position:relative; width:1000px; height:250px; overflow:hidden;}
#imageGallery ul {list-style:none; margin:0px; display:block; height:250px; width:1000px;}
#imageGallery ul li {float:left; list-style:none; margin:0;}
#imageGallery ul li a {text-indent:-1000px; background:#000000 none repeat scroll 0%; border-right:1px solid #000000; cursor:pointer; display:block; overflow:hidden; width:198px; height:250px;}
#imageGallery ul li.a a {background:url(images/panels/a.jpg) repeat scroll 0%;}
#imageGallery ul li.b a {background:url(images/panels/b.jpg) repeat scroll 0%;}
#imageGallery ul li.c a {background:url(images/panels/c.jpg) repeat scroll 0%;}
#imageGallery ul li.d a {background:url(images/panels/d.jpg) repeat scroll 0%;}
#imageGallery ul li.e a {background:url(images/panels/e.jpg) repeat scroll 0%; width:203px;}
.clear {clear:both;}

div#twitter_div h2 {background:url(images/social/twitter_right.jpg); width:150px; height:44px; padding:0; margin:10px 0;}
div#twitter_div h2 b {display:none;}
ul#twitter_update_list li {margin:0 10px; border-bottom:solid 1px #CCCCCC; padding:5px; margin-right:20px;}

/*preload classes*/ 
.svw {width: 50px; height: 20px; background: #fff;} 
.svw ul {position: relative; left: -999em;} 
 
/*core classes*/ 
.stripViewer { position: relative;overflow: hidden; border: 5px solid #EBEBEB;  margin: 0 auto;}
.stripViewer ul {margin: 0;padding: 0;position: relative;left: 0;top: 0;width: 1%;list-style-type: none;}
.stripViewer ul li { float:left; list-style:none; margin:0;}
.stripTransmitter {overflow: auto;width: 1%;}
.stripTransmitter ul {margin: 0; padding: 0;position: relative;list-style-type: none;} 
.stripTransmitter ul li{ width: 20px; float:left; margin: 0 1px 1px 0; list-style:none;} 
.stripTransmitter a{ font: bold 10px Verdana, Arial; text-align: center; line-height: 22px; background: #FFFFFF; color: #999999; text-decoration: none; display: block; padding:5px; font-size:18px;} 
.stripTransmitter a:hover, a.current{ background: #EBEBEB; color: #000000;}

/*Front Page Slideshow*/
.slideshow {display:block; position:relative; z-index:0; height:300px; margin:0 auto; width:1000px}
.slideshow-images {display:block; overflow:hidden; position:relative}
.slideshow-images img {display:block; position:absolute; z-index:1}
.slideshow-images {height:300px; width:1000px}
.slideshow-images-visible {opacity:1}
.slideshow-images-prev {opacity:0}
.slideshow-images-next {opacity:0}
.slideshow-images img {float:left; left:0; top:0}
.slideshow a img {border:0}
.slideshow-captions {background:#000; bottom:0; color:#FFF; font:normal 20px Arial,sans-serif; left:0; overflow:hidden; position:absolute; text-indent:10px; padding:10px 0; width:100%; z-index:10000}
.slideshow-captions a {color:#FFFFFF; text-decoration:none;}
.slideshow-captions a:hover {color:#FFFF00;}
.slideshow-captions-hidden {height:0; opacity:0}
.slideshow-captions-visible {height:22px; opacity:.7}
.slideshow-loader {height:28px; right:0; position:absolute; top:0; width:28px; z-index:10001}
.slideshow-loader-hidden {opacity:0}
.slideshow-loader-visible {opacity:1}

/*Portfolio Hoverboxes*/
.hoverbox {cursor:default;list-style:none}
.hoverbox a {}
.hoverbox a .preview {display:none}
.hoverbox a:hover .preview {display:block; position:absolute; top:0px; left:0px; z-index:1; cursor:pointer;cursor:hand}
.hoverbox img{background:#fff;border-color:#aaa #ccc #ddd #bbb;border-style:solid;border-width:1px;color:inherit;padding:2px;vertical-align:top;width:200px;height:150px;}
.hoverbox li{background:#eee;border-color:#ddd #bbb #aaa #ccc;border-style:solid;border-width:1px;color:inherit;display:inline;float:left; margin:10px; padding:5px;position:relative}
.hoverbox .preview{border-color:#000;width:300px;height:225px; cursor:pointer; cursor:hand;}