/*
-----------------------------------------------
Site: www.cameroncorda.com
Author:  Cameron Corda

Light Brown: #875E49
Dark Brown: #63301D
Orange: #CB651B
Yellow: #E0AA02
Off-white: #F4EED1
----------------------------------------------- */

/* RESET
-----------------------------------------------

/*
Copyright (c) 2007, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.4.1
*/

html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;font-variant:normal;}sup {vertical-align:text-top;}sub {vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}legend{color:#000;}

html, body {margin: 0; padding: 0; text-align: center; color: #F4EED1;}
html {background: #875E49 url(/img/bg_twocol.png) repeat-y top center; padding-bottom: 30px;}

html {font-size: 100%; } /* Somehow Fixes IE */
body {font-size: 62.5%; font-family: 'lucida grande', 'lucida sans unicode', verdana, helvetica, arial, sans-serif;} /* sets font to 10px */

h1, h2, h3, h4, h5, h6, p, ul, ol {margin-top: 0;}

h3 {font-size: 1.4em; margin-bottom: 1.2em; font-weight: normal;}
h4 {font-size: 1.1em; margin-bottom: 1.2em; font-weight: bold;}
h5 {font-size: 1.0em; margin-bottom: 1.2em; font-weight: bold;}
h6 {font-size: 0.8em; margin-bottom: 1.2em; font-weight: bold;}

ol, li {font-size: 1em; line-height: 1.4em; margin-top: 0.8em; margin-bottom: 0.4em;}
p {font-size: 1em; line-height: 1.4em; margin-bottom: 1.2em;}
blockquote {font-size: 1em; line-height: 1.4em; margin: 1.2em 3em 1.2em 3em; text-align: justify;}
pre {font-family: monospace; font-size: 1.0em;}
strong, b {font-weight: bold;}
td {vertical-align: top;}

code {border-left: 3px double #63301D; background: #875E49; display: block; margin-left: 10px; margin-right: 10px;  padding: 7px; font-family: monospace; letter-spacing: 0;}

#container {font-size: 11px;}

.pageContent {letter-spacing: .5px; line-height: 1.5em; }
.pageContent h1 {font-size: 20px; margin-bottom: 30px; line-height: 1.2em; margin-bottom: 8px; color: #E0AA02;}
.pageContent h1 .subtitle {font-size: 14px;}
.pageContent h2 {font-size: 14px; font-weight: normal; padding: 5px 10px; margin-left: -10px; margin-bottom: 4px;}
.pageContent h2 a {border: none;}
.pageContent h2 a:hover {}

.pageContent .dateline {font-style: italic;}

#right {line-height: 1.5em; }

/* LINKS
----------------------------------------------- */

a:link, a:visited {border-bottom: 1px dotted #E0AA02; text-decoration: none; color: #E0AA02;}
a:hover, a:active {border-bottom: 1px solid #E0AA02}

a img {border-width: 0; border-style: none; display: block}

/* LAYOUT
----------------------------------------------- */
body.onecol {background-image: url(/img/bg.png);}
body.threecol {background-image: url(/img/bg_threecol.png);}

#fullwidth {background: url(/img/tiles.png) repeat-x top center; margin: 0; padding: 0;}

#container {text-align: left; margin: 0 auto 0 auto; padding: 157px 0 0 0; width: 892px; background: url(/img/banner.png) no-repeat; position: relative;}

#left {float: left; width: 600px; margin: 0; min-height: 600px;}
#leftInner {padding: 10px;}

#right {float: right; width: 290px; margin: 0; display: inline;}
#rightInner {padding: 10px;}

#content {float: left; width: 360px; margin: 0px; display: inline;}
#contentInner {margin: 0 15px 0 0px;}
#sidebar {float: right; width: 320px; margin: 0px;}


/* HEADER
----------------------------------------------- */
#logo {position: absolute; top: 40px; left: 300px;}
/* #logo a {border: none;}
#logo a:hover {background: transparent; border: none;} */


/* LEFT
----------------------------------------------- */
/* #left {font-family: Palatino Linotype, helvetica, arial, verdana, sans-serif; line-height: 1.5em;} */

.article {padding: 10px 10px 60px 10px;}

#contentBlogList {padding: 10px;}
#contentBlogList .entry {margin-bottom: 20px; padding-bottom: 20px; border-bottom: 3px double #875E49;}

#articleTOC {background: #F6EFD7; margin: 10p 0x; border: 4px double #63301D; padding: 10px 10px 8px 10px; color: #63301D;}
#articleTOC ul {margin: 0;}
#articleTOC li {list-style-type: none; margin: 2px 0; padding: 1px 0;}
#articleTOC li a {padding: 3px 5px; border: 1px solid #875E49; color: #875E49; display: block; margin: 0; background: #F6EFD7}
#articleTOC li a:hover {border: 1px solid #63301D; background: #875E49; color: #F6EFD7;}

.postedby {margin-bottom: 10px;}

.rss_top {float: right}

.archiveNav {position: relative;}
.archiveNav a {color: #F4EED1; border: none;}
.archiveNav #navDate, {}
.archiveNavText a {background: #875E49; padding: 1px 3px;}

.yearly_archives {}
.yearly_archives ul li {display: inline; margin-right: 4px;}

/* .link_archives li {margin-bottom: 20px;} */

.popup {position: absolute; background: #875E49; z-index: 100; width: 350px; padding: 10px; top: 20px;}
.popup ul {margin: 0;}
.popup li {margin: 0;}
.popup a:hover {text-decoration: underline;}

#comments {margin: 0 10px;}
#commentPost {margin: 0 10px;}
.comment {margin-bottom: 30px;}
.comment {font: .9em "lucida grande", verdana, lucida, arial, helvetica, sans-serif;}

.commentOdd {background: #63301D;}
.commentEven {background: #63301D;}

.commentLeft {width: 50px; float: left;}
.commentGravatar {border: 1px solid #875E49; border-right: none;width: 44px; text-align: center; padding: 2px 0; background: #63301D;}

.commentRight {border: 1px solid #875E49; margin-left: 45px; padding-bottom: 0px; border-bottom: none;}
.commentAuthor {border: 1px solid #875E49; background: #875E49; text-align: left; padding: 3px 5px; color: #F6EFD7; margin-top: 0px; margin-bottom: 2px;}
.commentAuthor {text-transform: uppercase;}
.commentAuthor span {clor: #E0AA02; padding-left: 2px; padding-right: 2px; font-size: 1.2em; font-weight: bold;}
.commentText {padding: 5px; font-size: .9em; letter-spacing: 1px;}

.commentFooter {background: #875E49;}

.commentNumber {float: left; background: #875E49; width: 43px; text-align: center; padding: 3px 0 0 1px;}
.commentNumber a {font-weight: normal; letter-spacing: .2em;}
.commentDate {margin-left: 44px; padding: 3px 5px; border-left: 1px solid #63301D;}

#commentCC {border-color: #F6EFD7;}

#commentCC .commentRight {border-color: #F6EFD7;}
#commentCC .commentGravatar {border-color: #F6EFD7; background: #63301D;}
#commentCC .commentAuthor {border-color: #F6EFD7; background: #F6EFD7; color: #875E49;}
#commentCC .commentFooter {background: #F6EFD7;}
#commentCC .commentNumber {border-color: #F6EFD7; background: #F6EFD7;}
#commentCC .commentNumber a {color: #CB651B; border-color: #CB651B;}
#commentCC .commentDate {color: #875E49;}
#commentCC .commentText {}

/* CENTER
----------------------------------------------- */
#center {}


/* RIGHT
----------------------------------------------- */

#right {font-size: .95em;}

.sideBlock {margin-bottom: 25px;}
.sideBlock h3 {margin-bottom: 8px; color: #CB651B;}
.sideBlock li.more {border-top: 3px double #875E49; padding: 3px 0 0 0; margin-top: 20px;}

#sideBlockTags a  {font-weight: normal;}

li.archiveDate {margin-top: 20px; margin-bottom: 0px; font-weight: bold;}
li.archiveLink {padding: 2px 4px; margin: 4px -4px}
li.archiveLink a {border-bottom: none;}
li.archiveLink a:hover {border-bottom: none;}
.link_archives li.hovered {background: #754733; cursor: pointer;}

/* FOOTER
----------------------------------------------- */
#footer {background: #63301D; border-top: 3px double #875E49; margin: 20px 0 0 0; padding: 3px 10px; clear: both; text-align: right;}

#catfish {position:fixed; bottom: 0; padding: 0px 0; width: 100%; height: 50px; z-index: 9999;}
#catfish {background: transparent url(/img/footer-wave-left2.png) no-repeat center -30px;}
#catfishInner {padding-top: 60px; width: 900px; margin: 0 auto;}


/* UTILS
----------------------------------------------- */

#tag8 {display: none !important;} /* fix for empty tag */

img {border: 0;}
.left {text-align: left;}
.center {text-align: center;}
.right {text-align: right;}
.floatl {float: left; margin: 0; padding: 0 10px 10px 0;}
.floatr {float: right; margin: 0; padding: 0 0 10px 10px;}
.whitespace {margin: 0; padding: 0; width:  740px; background: #fff; height: 10px; clear: both;}
.clear {clear:both; height:0; margin:0; font-size: 1px; line-height: 0;}

.clearfix:after {
        content:".";
        display:block;
        height:0;
        clear:both;
        visibility:hidden;
}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */



/* FORM ATTRIBUTES
----------------------------------------------- */
form {margin: 0;}
form p, form label {font-size: 10px; margin: 0; padding: 1px; line-height: 1.2em;}
select {font-size: 10px;}
input, textarea {text-align: left; font-family: "lucida grande", verdana, lucida, arial, helvetica, sans-serif;}
input span {padding: 3px;}
input.text, textarea {background: #F4EED1; border: 3px double #875E49; font-size: .9em; color: #CB651B;}

input.button {cursor: pointer;}
input.buttonImg {cursor: pointer;}
label {padding: 0px; font: 11px "lucida grande", verdana, lucida, arial, helvetica, sans-serif; line-height: 1.1em;}

form {padding: 0; margin: 0;}
#commentPost form {}
#commentPost form p {margin-bottom: 6px;}
#commentPost form label {display: block; width: 90px; float: left; text-align: right; padding-right: 10px; color: #E0AA02;}
#commentPost form input.text {width: 340px;}
#commentPost form input.checkbox {margin-right: 8px; border: none; background: none;}
#commentPost form textarea {width: 340px;}


/* DISQUS COMMENTS
----------------------------------------------- */
.comments {padding: 10px;}

/* 
  Comment Posting  
  (See styles_disqus_post for iframe form styles)
*/

body#entry #dsq-post-add {background: #875E49; padding: 5px 10px 5px 5px; margin-bottom: 20px;}
body#entry #dsq-content iframe {height: 180px;}
body#entry #dsq-content #dsq-comments iframe {width: 550px;}

/*
  Individual Comments
*/

body#entry #dsq-content h3 {font-weight: normal;}
body#entry #dsq-options-toggle {display: none;}

body#entry #dsq-content #dsq-comments .dsq-comment-header,
body#entry #dsq-content #dsq-comments .dsq-comment-body
{font: 10px 'lucida grande', verdana, lucida, arial, helvetica, sans-serif; font-weight: normal;}

body#entry #dsq-content #dsq-comments .dsq-comment {margin-bottom: 20px; position: relative; border: none;}

body#entry #dsq-content #dsq-comments .dsq-header-avatar {border: 1px solid #875E49; width: 36px; height: 36px; text-align: center; position: absolute; top: 2px; left: 0;}
body#entry #dsq-content #dsq-comments .dsq-header-avatar img {margin: 2px; padding: 0;}

body#entry #dsq-content #dsq-comments .dsq-comment-header {font-size: 12px; border: 1px solid #875E49; background: #875E49; color: #F6EFD7; margin-left: 38px; height: auto; padding: 3px 5px; font-weight: normal; height: 14px;}
body#entry #dsq-content #dsq-comments .dsq-comment-header .dsq-header-time {font-size: 10px; float: right; margin-top: 1px;}
body#entry #dsq-content #dsq-comments .dsq-comment-header a {color: #F6EFD7; font-weight: normal;}

body#entry #dsq-content #dsq-comments .dsq-comment-header .dsq-menu {background: #875E49; border: none; margin-left: -1px;}
body#entry #dsq-content #dsq-comments .dsq-comment-header .dsq-menu a {color: #F6EFD7;}
body#entry #dsq-content #dsq-comments .dsq-header-avatar.dsq-menu-on,
body#entry #dsq-content #dsq-comments .dsq-header-avatar:hover {background: #875E49;}

body#entry #dsq-content #dsq-comments .dsq-comment-body {margin-left: 37px; border: 1px solid #875E49; padding: 10px; line-height: 1.5em;}

body#entry #dsq-content #dsq-comments .dsq-comment-footer {margin: 5px 0 0 37px}

body#entry #dsq-content #dsq-comments .dsq-comment-rate {display: none;}

/* 
  Moderator Comments
*/

body#entry #dsq-content #dsq-comments .dsq-moderator {}

body#entry #dsq-content #dsq-comments .dsq-moderator .dsq-header-avatar {border-color: #F6EFD7;}

body#entry #dsq-content #dsq-comments .dsq-moderator .dsq-comment-header {border: 1px solid #F6EFD7; background: #F6EFD7; color: #875E49;}
body#entry #dsq-content #dsq-comments .dsq-moderator .dsq-comment-header a {color: #875E49;}
body#entry #dsq-content #dsq-comments .dsq-moderator .dsq-comment-header img.icon-adjust {display: none;}

body#entry #dsq-content #dsq-comments .dsq-moderator .dsq-comment-header .dsq-menu a {color: #F6EFD7;}
body#entry #dsq-content #dsq-comments .dsq-moderator .dsq-header-avatar.dsq-menu-on,
body#entry #dsq-content #dsq-comments .dsq-moderator .dsq-header-avatar:hover {background: #F6EFD7;}


body#entry #dsq-content #dsq-comments .dsq-moderator .dsq-comment-body {border-color: #F6EFD7;}