﻿/*
Description: Jordan Cook wordpress theme.
Version: 1.0
Author: Eden von Garcia
Author URI: http://jessej.net/
Tags: grunge, dark, fixed width, grid layout, widgets
*/

/*css reset*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; font-family: inherit;}

:focus {outline: 0;}
body {font-family:Arial; font-size:12px; color:#fff; word-wrap:break-word; }
ul {list-style: none;}
table {border-collapse: separate;border-spacing: 0; width:100%; }
caption, th, td {text-align: left;font-weight: normal; padding:5px; vertical-align:top; font-size:11px; }
blockquote:before, blockquote:after,q:before, q:after {content: ""; }
blockquote, q {quotes: "" ""; }
input {margin: 0; padding: 0; outline: 0; font-style: inherit; font-size: 100%; font-family: inherit; }
.clearfix:after {content: "."; display:block; height:0; clear:both; visibility:hidden; }

/* Hides from IE-max \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/*--- 1. Common ---*/

html {overflow-y: scroll; background:#000 url(images/bg.jpg) no-repeat; }
h1, h2, h3, h4, h5, h6 {font-weight:normal; }
a {color:#F8910D; text-decoration:none; }
a:hover { color:#F8910D; }
ul, li {list-style-type:none;}
hr {height: 1px; margin:20px 0 0 0; padding: 0; border: 0; border-bottom: 1px solid #a6a292; clear:both; }
h4 {font-size:14px; font-weight:bold; }

#logo {float:left; padding:10px 0 0 10px; }
#wrapper {margin:0 auto; width:970px; padding:15px; overflow:hidden; }
#navigator {float:right; padding:5px 20px 0 0; width:668px; }
#navigator ul li {display:inline; }
#navigator ul li a {float:left; margin-right:10px; }

.about { width:72px; height:22px; }
#about a {background:url(images/menu.png) no-repeat 0 0; text-indent:-9999px; }
#about a:hover {background:url(images/menu.png) no-repeat 0 -22px; }

.shows { width:78px; height:22px; }
#shows a {background:url(images/menu.png) no-repeat -79px 0; text-indent:-9999px; }
#shows a:hover {background:url(images/menu.png) no-repeat -79px -22px; }

.music { width:64px; height:22px; }
#music a {background:url(images/menu.png) no-repeat -166px 0; text-indent:-9999px; }
#music a:hover {background:url(images/menu.png) no-repeat -166px -22px; }

.videos { width:75px; height:22px; }
#videos a {background:url(images/menu.png) no-repeat -238px 0; text-indent:-9999px; }
#videos a:hover {background:url(images/menu.png) no-repeat -238px -22px; }

.photos { width:86px; height:22px; }
#photos a {background:url(images/menu.png) no-repeat -322px 0; text-indent:-9999px; }
#photos a:hover {background:url(images/menu.png) no-repeat -322px -22px; }

.blogs { width:54px; height:22px; }
#blogs a {background:url(images/menu.png) no-repeat -416px 0; text-indent:-9999px; }
#blogs a:hover {background:url(images/menu.png) no-repeat -416px -22px; }

.shop { width:60px; height:22px; }
#shop a {background:url(images/menu.png) no-repeat -480px 0; text-indent:-9999px; }
#shop a:hover {background:url(images/menu.png) no-repeat -480px -22px; }

.contact { width:97px; height:22px; }
#contact a {background:url(images/menu.png) no-repeat -547px 0; text-indent:-9999px; }
#contact a:hover {background:url(images/menu.png) no-repeat -547px -22px; }

/*container*/
#content {float: left; width:952px; padding:0 18px 0 15px; margin-top:26px; background:url(images/content-bg.png) repeat-y right top; }
#left_container {float:left; width:412px; padding:5px 10px 20px 10px; float:left; overflow:hidden; min-height:705px; }
#left_container2 {float:left; width:627px; padding:5px 10px 20px 10px; float:left; overflow:hidden; background:url(images/content-bg2.png) repeat-y; min-height:705px; }
#left_container2 .wordtube, #left_container #flashPlayer {margin-top:15px; }
.page-id-15 #left_container .wordtube object {width:413px; height:233px!important; }
.page-id-16 #left_container .wordtube { margin:20px auto 0; width:615x; }

/*sidebar*/
#sidebar { float:left; padding:0 20px 20px 20px; width:155px; height:522px;  margin-left:20px; min-height:705px;}
#sidebar h2 {margin-top:15px; font-size:13px; color:#f6c76b; font-weight:bold;}
#sidebar ul {margin-top:8px;}
#sidebar li {padding:2px 5px;}
#sidebar li a {font-size:11px; color:#fff; }
#sidebar li a:hover {color:#e59026; }

#sidebar2 {float:left; width:195px; height:542px; margin-left:20px; }
#sidebar2 h2 {margin-top:15px; font-size:13px; color:#f6c76b; font-weight:bold;}
#sidebar2 ul {margin-top:8px;}
#sidebar2 li {padding:2px 5px;}
#sidebar2 li a {font-size:11px; color:#fff; }
#sidebar2 li a:hover {color:#e59026; }

#sidebar2 .wordtube object {width:195px!important; height:232px!important; }

/*footer*/
#footer * {vertical-align:middle; }
#footer {width:970px; margin:0 auto; padding:10px 0; overflow:hidden; }
#footer img {margin-left:5px; }
#footer_left {float:right; text-align:right; font-family:Helvetica; padding-right:24px; color:#F6C76B; }
#footer_left a {color:#F6C76B; }
#footer_left a:hover {color:#F8910D; }
#footer_right {float:right; text-align:right; padding-right:24px; }
.footer_row { float:left; width:970px; }

/*misc*/
.clear {clear:both; }

/*post*/
#left_container .post {position: relative; }
.post h2  {margin-top:15px; font-size:18px; text-transform:uppercase; font-weight:bold; }
.post h3 {margin-top:15px; font-size:18px; color:#f6c76b; }
.post h3 a { color:#f6c76b; }
.post h3 a:hover {color:#fad285; }
.entry {}
.entry a {color:#F6C76B; }
.entry a:hover {color:#fcdea4; }
.entry p {margin-top:15px; line-height:15px; font-size:12px; }
.entry ul {margin-top:15px; size:11px;}
.entry ul li {list-style-type:disc; padding:2px 0; list-style-position:inside; }
.metadata {color:#8d1501; margin-top:5px; font-size:11px; }
.metadata {color:#8d1501; }
.entry p * {vertical-align:middle; }
#single_post {padding-bottom:20px; }

#left_container .scroller_container { }
#vBar {top: 0;left: 0;float: left;width: 20px;height: 542px;position: relative;background: url(images/scrollbar.png) repeat-y; }
#vKnob {left: 0;width: 20px;height: 150px; background: url(images/scroller.jpg) no-repeat;cursor:pointer; }

/*ff album*/
.falbum-random {padding:10px; }
.falbum-thumbnail-nods {float:left; margin:5px 5px 0 5px; }
.falbum-thumbnail-nods img {border:solid 1px #fff; }

/*blog*/
.blog #gigpress-3, .home #twitter-tools, .page-id-2 #twitter-tools, .single #gigpress-3, .archive #gigpress-3, .search #gigpress-3 {display:none; }

/*comment_form*/
#commentform p {margin-top:5px!important; font-size:11px; }
.commentlist {float:left; width:409px; }
.comment {float:left; margin:10px 0 0 0; border:solid 1px #f4e2c7; width:409px; background:#f9f1e0; filter:alpha(opacity=60); -moz-opacity:0.6; -khtml-opacity: 0.6; opacity: 0.6; color:#6B573F; }
.comment em {padding-left:5px; color:#841615; font-size:11px; font-weight:bold; }
.commentlist li .avatar { float: right;padding: 2px; border:solid 1px #e7d9d5; }
.comment-author {padding:5px; }
.commentmetadata {padding-left:5px; padding-bottom:10px; border-bottom:solid 1px #fff; } 
.commentmetadata, .commentmetadata a {font-size:11px; color:#6B573F; }
.comment p {padding:10px; margin-top:0!important; background:#fbf5ec; color:#6B573F; font-size:11px; }
.comment , .comment a {text-decoration:none; font-style:normal; }
.comment a:hover {color:#000; }
.comment .fn, .comment .fn a {text-transform:uppercase; font-weight:bold; color:#7f4910; }

/*search*/
#search * {vertical-align:middle; }
#search {padding:20px 0 0 0; }
#search #s {background:url(images/white.png); font-family:Tahoma; font-size:11px; padding:4px; color:#2b211b; border:solid 1px #87552a; width:112px; }
#search #searchsubmit {background:#141414 ; cursor:pointer; border:0; color:#fff; padding:4px 0; -webkit-border-radius:3px; -moz-border-radius:3px; -khtml-border-radius 3px; border-radius:3px; font-family:Tahoma; font-size:11px; width:30px; !!width:25px; }

/*shoppe*/
#shopp .category { }
.product_wrapper { float:left; width:191px; padding:0 7px 10px 7px; }
.product_content {float:left; width:175px; height:165px; background:url(images/background-bg.png) no-repeat; padding:10px; }
.product_bottom {float:left; width:163px; padding:0 10px; }
.price_text {float:left; color:#F6C76B; }
.shopp_add, .shopp_view {float:right; margin-left:2px; background:#141414; cursor:pointer; border:0; -webkit-border-radius:3px; -moz-border-radius:3px; -khtml-border-radius 3px; border-radius:3px; font-family:Tahoma; font-size:11px;}
.shopp_view {color:#c27314!important; padding:4px 8px; height:14px; }
.shopp_add {color:#c27314; padding:3px 8px 4px 8px; }
.cart_container {margin-top: 20px; }
.product_gallery {float:left; width:210px; padding-right:10px; margin-top:15px; }
.product_description_area {float:left; width:190px; margin-top:15px; }
.details {margin-top:15px!important; }

/*newsletter*/
#go {background:url(images/sign-up.jpg) no-repeat center center; cursor:pointer; border:0; width:75px; height:23px; margin-right:10px; }
.footer_textbox { background:url(images/newsletter-textbox.jpg); font-family:Tahoma; font-size:11px; padding:4px; color:#fff; border:solid 1px #87552a; }

/*pagination*/
.navigation {margin-top:20px; }
.wp-pagenavi {clear: both; }
.wp-pagenavi a, .wp-pagenavi span {text-decoration: none;padding: 3px 5px;margin: 2px; background:url(images/white.png); color:#000; }
.wp-pagenavi a:hover, .wp-pagenavi span.current {background: url(images/scroller.jpg); color:#fff;}
.wp-pagenavi span.current {font-weight: bold;}

/*misc*/
.textbox, select, #aktt_tweet_text { background:url(images/white.png); font-family:Tahoma; font-size:11px; padding:4px; color:#2b211b; border:solid 1px #87552a; }
.billing_zip_code {width:60px!important; }
.shipping_zip_code {width:60px!important; }
select option {background:url(images/white.png);}
.button, .update-button, #aktt_tweet_submit {background:#141414; cursor:pointer; border:0; color:#fff; padding:4px 8px; -webkit-border-radius:3px; -moz-border-radius:3px; -khtml-border-radius 3px; border-radius:3px; font-family:Tahoma; font-size:11px; }
.red {color:#f00; }
.left {float:left; }
.right {float:right; }
.padding_vertical {padding:0 20px; }
.linethrough {text-decoration:line-through; }
.martop10 {padding-top:10px; }
.text-right {text-align:right!important; }
.text-center {text-align:center!important; }

/*like*/
.connect_widget { position:fixed; top:0; right:0; background:#fff; padding:3px 3px 2px 3px; width:82px; }
