/*
---------------------------------------------
Style: Portfolio
Description: The Artwork of Jim Gunardson
Author: Visual Elixir
Author URI: http://www.visualelixir.com
--------------------------------------------- */

/* Imported Styles
--------------------------------------------- */
@import url(colorbox.css);

/* Global
--------------------------------------------- */
body {font:16px Georgia, serif; color:#c9cfa3; background:#171b15 url(../images/gun_main_bkg.jpg) repeat;}
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td, a {margin:0; padding:0; outline:0;}
img {border-style:none;}
ul,ol,li {list-style-type:none;}

/* Typography
--------------------------------------------- */
a, a:active, a:visited {color:#a3c04e; text-decoration:none;}
a:hover {color:#f1feb5;}
p {font-size:16px; margin:0 0 1.4em 0; line-height:1.8em;}
.gly-image p {font-size:12px; margin:0; padding:0;}
.info-1 p {margin:0; padding:0; color:#90d7ba;}
.info-2 p {margin:0; padding:0; color:#d66827;}
.info-1 a {color:#f5fffb;}
.info-1 a:hover {text-decoration:underline;}
.info-2 a {color:#f9a90e;}
.info-2 a:hover {text-decoration:underline;}
#bio li {margin:0 0 6px 0; padding:0 0 0 18px; line-height:1.8em; background:url(../images/arrow_list.png) 0 50% no-repeat;}

h1, h2, h3, h4, h5 {color:#f1feb5;}
h1 {font:bold 60px Georgia, serif; margin:0 0 0.2em 0; line-height:1em;}
h2 {font:bold 48px Georgia, serif; margin:0 0 0.2em 0; line-height:1.2em;}
h3 {font:bold 36px Georgia, serif; margin:0 0 0.2em 0; line-height:1.2em;}
h4 {font:24px Georgia, serif; margin:0 0 0.4em 0; line-height:1.4em;}
h5 {font:20px Georgia, serif; margin:0 0 0.4em 0; line-height:1.4em;}

#tagline h5 {color:#a3c04e; font-size:20px; text-align:center;}
#logo h1 {margin:0; padding:0;}
#logo a {width:780px; height:98px; margin:0; padding:0; display:block; text-indent:-9999px; text-align:center; overflow:hidden;}
.contact h3 {margin:0; padding:0;}
.contact a {width:240px; height:82px; margin:0; padding:0; display:block; text-indent:-9999px; text-align:center; background:url(../images/contact.png) no-repeat; background-position:0 0; overflow:hidden;}
.contact a:hover {background-position:0 -82px;}
#bio h1 {width:126px; height:52px; margin:0 auto; padding:0; text-indent:-9999px; text-align:center; background:url(../images/title_bio.png) no-repeat;}
.anti {display:none;}
.freeze {color:#fff;}

/* Navigation
--------------------------------------------- */
ul#topnav {width:780px; margin:0; padding:6px 0 0 0; font-size:20px; text-align:center; list-style:none;}
ul#topnav li {margin:0; padding:0; display:inline;}
ul#topnav li a {margin:0 8px 0 8px; padding:4px; color:#a3c04e; text-decoration:none;}
ul#topnav li a:hover {color:#f1feb5;}

/* Layout
--------------------------------------------- */
#container {width:960px; margin:0 auto; padding:30px 0 30px 0;}
#container-inner {width:960px; margin:0; padding:0; background:url(../images/gun_trans_bkg.png) repeat-y;}
#work {width:960px; margin:0; padding:50px 0 0 0;}
#tagline {width:780px; margin:0; padding:48px 0 0 0;}
.title {padding:60px 0 60px 0;}
.contact {width:240px; height:144px; margin:0; padding:60px 0 0 0; text-align:center; background:url(../images/contact_bkg.png) no-repeat;}
.info-box-1 {margin:25px 0 0 0; padding:15px 0 15px 0; border-top:1px solid #053c3d; border-bottom:1px solid #053c3d;}
.info-box-2 {margin:25px 0 0 0; padding:15px 0 15px 0; border-top:1px solid #572303; border-bottom:1px solid #572303;}
.info-1 {width:220px; margin:0; padding:10px; background:#053c3d; text-align:center;}
.info-2 {width:220px; margin:0; padding:10px; background:#572303; text-align:center;}
#legal {margin:0; padding:30px 0 30px 0; border-top:1px solid #404b28; text-align:center;}

/* Grid
--------------------------------------------- */
.grid-1, .grid-2, .grid-3 {float:left; display:inline; margin:0; padding:0 30px 0 0;}
.grid-1 {width:240px;}
.grid-2 {width:510px;}
.grid-3 {width:780px;}

.section {width:870px; margin:0 auto; padding:0;}

#top.section {padding:0 0 0 90px; background:url(../images/gun_logo.png) no-repeat;}
#contact.section {padding:20px 0 0 90px;}
#bio.section {padding:0 0 0 90px;}
#footer.section {padding:30px 0 0 90px;}

/* Slider
--------------------------------------------- */
#image-slider {position:relative; width:870px; margin:0; padding:0 0 0 90px;}
.container {width:810px; height:340px; overflow:hidden; position:relative;}
.slides {position:absolute; top:0; left:0;}
.slides .slide {position:absolute; top:0; width:810px; display:none;}
.image-box {float:left; width:240px; margin:0 30px 10px 0; padding:0; text-align:center;}
.image-box img {margin:0 0 10px 0; padding:9px; background:#181d18; border:1px solid #252b11;}
.image-box a:hover img {margin:0 0 10px 0; padding:9px; background:#1e251e; border:1px solid #252b11;}
.image-box a {outline:0;}
.image-box p {margin:0; padding:0; font-size:14px;}
a.previous {position:absolute; top:90px; left:-1px; width:62px; height:68px; margin:0; padding:0; display:block; text-indent:-9999px; background:url(../images/slide_buttons.png) no-repeat; background-position:0 0; overflow:hidden;}
a.next {position:absolute; top:90px; right:-1px; width:62px; height:68px; margin:0; padding:0; display:block; text-indent:-9999px; background:url(../images/slide_buttons.png) no-repeat; background-position:-62px 0; overflow:hidden;}
a:hover.previous {background-position:0 -68px;}
a:hover.next {background-position:-62px -68px;}

/* Clear
--------------------------------------------- */
.clr:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}
.clr { display: inline-block; }
/* start commented backslash hack \*/
* html .clr { height: 1%; }
.clr { display: block; }
/* close commented backslash hack */

/* The End */