/*--------------------------------------------------

Main Stylesheet

Date: 12/20/08
Created by: Ian Wilson

Primary Colors:

Light Tan: #fff0db
Medium Tan: #d1bc83
Darker Tan: #b8a57c

---------------------------------------------------*/

/* Whitespace reset */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, 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-weight: inherit;font-style: inherit;font-size: 100%;font-family: inherit;font-weight: normal;vertical-align: baseline;}

a:focus {border: none !important;}

/*--------------------------------------------------
----         Primary content styles             ----
---------------------------------------------------*/

a {text-decoration: underline; color: #fff0db;}
a:hover {color: #d1bc83;}

body {font-size: 14px; color: #fff; letter-spacing: .02em; line-height: 1.4em; background: #5d8adf url(images/wood-tile-bg.png) 0 0 repeat; font-family: Lucida Grande, Helvetica, Trebuchet Ms, sans-serif; padding: 0px; margin: 0px !important;}

h1 {font-size: 18px; line-height: 32px; color: #d1bc83;}
h1 a {text-decoration: none;}

#super-container {width: 100%; min-height: 700px; background: transparent url(images/super-container-background.jpg) 50% 0 no-repeat;}

.wrapper {width: 990px; margin: 0px auto;}
.display-column {width: 720px; margin: 0 auto; margin-top: 24px;}

.centered {width: 400px; margin: 0px auto;}


/*--------------------------------------------------
----              Float Control                 ----
---------------------------------------------------*/

.float-left {float: left;}
.float-right {float: right;}
.clear-left {clear: left;}
.clear-right {clear: right;}
.clearer {clear: both; line-height: 0px;}

/*--------------------------------------------------
----           Header Styles              ----
---------------------------------------------------*/

#header {position: relative; height: 268px; width: 910px; padding: 0 40px; z-index: 99;}

#main-nav {height: 40px; width: 600px; position: absolute; left: 116px; bottom: -2px; list-style-type: none;}

#commission-link {position: absolute; bottom: 8px; right: 208px; background: rgba(57, 37, 12, .4); padding: 4px 8px; color: #fff; font-family: trebuchet ms; font-size: 15px;}

#footer-container {width: 100%; height: 208px; background: transparent url(images/footer-bg.jpg) 0 6px repeat-x;}
#footer {width: 990px; margin: 0 auto; height: 208px; vertical-align: bottom; background: transparent url(images/footer-bg.jpg) -200px 6px no-repeat;}

/*--------------------------------------------------
----          Index Stream Display Styles       ----
---------------------------------------------------*/

.blog-box {width: 658px; margin: 72px 0;}
.blog-box h1 {font-size: 20px; font-weight: bold; line-height: 36px; letter-spacing: 0.025em; margin-bottom: 18px; color: #d1bc83;}
.blog-box p {font-size: 13px !important; font-family: Lucida Grande,sans-serif !important; color: #fff !important; font-weight: normal; line-height: 18px;}
.date {float: right; margin-right: 24px; color: #d1bc83; font-size: 12px;}

.comment-bubble {display: block; padding-bottom: 4px; width: 26px; height: 19px; text-align: center; color: #000; float: left; padding-right: 8px; background: transparent url(images/comment-bubble.png) 0 0 no-repeat;}


/*--------------------------------------------------
----         Single Post Display Styles       ----
---------------------------------------------------*/

.show-post {padding: 16px; width: 640px; color: #fff;}
.show-post p {font-size: 13px; color: #fff4eb;}
.show-post h1 {font-size: 24px; font-weight: bold; color: #5a4c22; line-height: 36px; margin-bottom: 8px;}

.posted-by {font-size: 12px; float: right; color: #eddecc; margin-right: 24px;}


.comment-form {background: transparent url(images/tweet-bg.png) -24px 0 repeat; width: 330px; margin-left: -16px; -moz-border-radius-topleft: 8px; -moz-border-radius-topright: 8px; -moz-border-radius-bottomright: 8px; -moz-border-radius-bottomleft: 8px; padding: 24px; padding-top: 16px; }

/*--------------------------------------------------
----         Wordpress Post Display Styles       ----
---------------------------------------------------*/

#content-container {position: relative; z-index: 1; width: 913px; margin: 0 auto; background: url(images/content-top.jpg) 0 0 no-repeat;}
#yet-another-content-container {float: left; width: 674px; background: url(images/content-bg2.jpg) 74px 0 repeat-y; display: table-cell; min-height: 100%;}
#content {position: relative; float: right; margin-left: 72px; width: 602px; min-height: 1300px; color: #333; background: url(images/content-top.jpg) -72px 0 no-repeat; -moz-box-shadow: 1px 2px 2px #222;}
.post {position: relative; padding: 0 24px 0 32px;}
.post a {color: #666;}
.post h1 {margin-top: 20px;}
.post h1 a {color: #369;}
.date-box {position: absolute; top: 16px; left: -72px; width: 124px; height: 88px; background: url(images/date-box-bg.png) 0 0 no-repeat;}
.day {font-size: 42px; font-family: georgia; color: #462d0e; opacity: .8; padding: 20px 50px 8px 16px; text-align: center; }
.month {font-size: 12px; font-family: georgia; text-align: center; color: #39250c; padding: 0 40px 0 8px;}


#sidebar-container {float: right; width: 239px; background: url(images/sidebar-bg.jpg) 0 0 repeat-y;}
#sidebar { width: 198px; padding: 0 20px; padding-top: 24px; background: url(images/content-top.jpg) 100% 0 no-repeat; }

#sidebar ul {list-style-type: none;}
#sidebar .block a {padding: 8px 16px 8px 24px !important; border-color: #39250c !important;}
#sidebar .block a:hover {background: rgba(57, 37, 12, .4) !important; color: #fff;}
#sidebar div h3 { color: #f7f7f7; opacity: .6; margin-bottom: 6px; font-family: georgia;}
#sidebar div h3 a {color: #fff; opacity: 10 !important;}

#sidebar .block table td, #sidebar .block table th {font-size: 11px; padding: 4px;}
#sidebar .block table td a {padding: 0px !important; padding-left: 7px !important;}
#sidebar .block table tr.item td {border-bottom: 1px solid #333; padding: 7px 4px;}

#sidebar .wp_paypal_shopping_cart_widgets {margin: 0;}

.tweet-block { font-size: 11px;}
.tweet-block ul {}
.tweet-block ul li {margin-bottom: 8px; padding: 8px; border-bottom: 1px dotted #39250c; background: rgba(57, 37, 12, .4) !important;}
.aktt_tweet_time {display: block;}

.comment-top, .comment-bg, .comment-bottom {width: 529px;}
.comment-top {height: 25px; background: url(images/comment-top.png) 0 0 no-repeat;}
.comment-bg {position: relative; background: url(images/comment-bg.png) 0 0 repeat-y;}
.comment-bottom {min-height: 75px; padding-top: 42px; font-size: 15px; font-family: Georgia; background: url(images/comment-bottom.png) 0 0 no-repeat;}

.comment-bottom div {width: 410px; padding-left: 16px;}

.comment-bg p {margin: 0 !important; padding: 0 32px 0 32px; color: #111; opacity: .8; font-size: 15px;}
.comment-bg span {position: absolute; right: 0px; top: -16px; opacity: .3;}

.commentlist {margin: 0 !important;}

#main-nav li {float: left;}
#main-nav li a {display: block; float: left; width: 104px; height: 28px; padding: 12px 8px 0 8px; text-align: center; text-decoration: none; color: #3b2a1b; font-family: georgia; font-size: 15px; opacity: .9;}
#main-nav li a:hover {border-bottom: none; opacity: .9; color: #036;}

#main-nav li a.tab1 {background: url(images/main-tab-bg-1.png) 50% 100% no-repeat;}
#main-nav li a.tab2 {background: url(images/main-tab-bg-2.png) 50% 100% no-repeat;}
#main-nav li a.tab3 {background: url(images/main-tab-bg-3.png) 50% 100% no-repeat;}
#main-nav li a.tab4 {background: url(images/main-tab-bg-4.png) 50% 100% no-repeat;}

#main-nav li a.tab1:hover {background: url(images/main-tab-bg-1-hover.png) 50% 100% no-repeat;}
#main-nav li a.tab2:hover {background: url(images/main-tab-bg-2-hover.png) 50% 100% no-repeat;}
#main-nav li a.tab3:hover {background: url(images/main-tab-bg-3-hover.png) 50% 100% no-repeat;}
#main-nav li a.tab4:hover {background: url(images/main-tab-bg-4-hover.png) 50% 100% no-repeat;}

#comment, #url, #email, #author {background: url(images/comment-form-bg.png) 0 0 repeat; padding: 8px; 
	-moz-box-shadow: 0px 0px 2px #333; -webkit-box-shadow: 0px 0px 2px #333; border: 4px solid #dcc7a7; color: #3b2a1b; width: 500px !important; opacity: .8;}

#comments #submit {background: url(images/comment-bg.png) 50% 0 no-repeat; padding: 8px; width: 522px; 
	-moz-box-shadow: 0px 0px 2px #333; -webkit-box-shadow: 0px 0px 2px #333; border: 4px solid #dcc7a7;color: #3b2a1b; text-shadow: 0 1px 1px #e0e0c3;}

#comments ul.formlist {width: 500px !important;}
#comments h4 {color: #3b2a1b;}

/*--------------------------------------------------
----         Store Styles					      ----
---------------------------------------------------*/

.ngg-gallery-thumbnail { float: left; clear: left; margin-bottom: 14px; padding-bottom: 14px; border-bottom: 1px solid #b9ba90; text-align: left !important;}
.ngg-gallery-thumbnail a {float: left; margin-right: 14px; padding-bottom: 72px;}
.ngg-gallery-thumbnail a:hover {border: none; background: none;}
.ngg-gallery-thumbnail h1 {font-size: 18px; color: #369; margin-top: 0; font-family: trebuchet ms; line-height: 1.3em;}
.ngg-gallery-thumbnail h1:hover {color: #369;}
.ngg-gallery-thumbnail input {float: right; background: #fafafa; color: #444; -moz-border-radius: 5px; -webkit-border-radius: 5px; border: 1px solid #999; font-size: 15px; padding: 7px 14px; cursor: pointer;}
.ngg-gallery-thumbnail strong {font-size: 14px; color: #369; display: block; margin-top: 14px;}

.linklove {display: none;}