/*
Theme Name: Six11Ink
Theme URI: http://www.six11ink.com/wp-content/themes/six11ink/
Description: Custom WordPress Theme for six11ink.com
Version: 1.0
Author: we are pixel8, inc.
Author URI: http://www.wearepixel8.com/
*/

/* Load League Gothic */
@font-face { font-family: 'LeagueGothicRegular'; src: url('League_Gothic-webfont.eot'); src: local('League Gothic'), url('League_Gothic-webfont.woff') format('woff'), url('League_Gothic-webfont.ttf') format('truetype'), url('League_Gothic-webfont.svg#webfont') format('svg'); }

/* General Structure and Layout */
body { font: 62.5% Georgia, "Times New Roman", Times, serif; color: #4c4c4c; background-color: #141313; }
body.mceContentBody { background: none; color: #333; }
.container, .copy_container { position: relative; width: 960px; margin: 0 auto; }
.copy_container { background: url(images/copycontainer_bg.jpg) no-repeat 0 0; padding: 40px 0; }
#paper { position: relative; width: 100%; background: #ebecea url(images/canvaspaper.jpg); padding: 90px 0 0; }
#post-container { position: relative; width: 960px; }
.quill { background: url(images/lrg_quill.jpg) no-repeat 0 0; }
.typewriter { background: url(images/lrg_typewriter.jpg) no-repeat 0 0; }
.vintage-phone { background: url(images/lrg_telephone.jpg) no-repeat 0 0; }
.pointing { background: url(images/pointer.jpg) no-repeat 0 0; }
.post { position: relative; width: 620px; float: right; }
.archives { position: relative; width: 640px; float: right; margin: 0 -10px 0 0; }
h1, h2, h3, h4, h5, h6 { color: #383838; }

/* Floats and Clearing Floats */
.clear { display: inline-block; }
.clear:after { display: block; visibility: hidden; clear: both; height: 0; content: "."; }
.right { float: right; }
.left { float: left; }

/* Masthead */
#masthead { width: 100%; background-color: #3c2981; padding: 10px 0 0; margin: 0 0 90px; position: relative; height: 46px; }
.logo { position: absolute; top: -60px; left: 330px; display: block; width: 300px; height: 155px; background: url(images/masthead.png) no-repeat -310px 0; text-indent: -9999px; }
#main_nav { padding: 0 20px; width: 920px; }
#main_nav li { float: left; }
#main_nav .home, #main_nav .about, #main_nav .blog, #main_nav .contact { display: block; width: 120px; height: 36px; text-indent: -9999px; }
#main_nav .home { background: url(images/masthead.png) no-repeat 0 -60px; margin: 0 40px 0 0; }
#main_nav .home:hover, #home #main_nav .home { background-position: 0 0; }
#main_nav .about { background: url(images/masthead.png) no-repeat -160px -60px; margin: 0 180px 0 0; }
#main_nav .about:hover, #about #main_nav .about { background-position: -160px 0; }
#main_nav .blog { background: url(images/masthead.png) no-repeat -640px -60px; margin: 0 0 0 180px; }
#main_nav .blog:hover, #archive #main_nav .blog { background-position: -640px 0; }
#main_nav .contact { background: url(images/masthead.png) no-repeat -800px -60px; margin: 0 0 0 40px; }
#main_nav .contact:hover, #contactus #main_nav .contact { background-position: -800px 0; }

/* Intro */
#intro { position: relative; width: 940px; margin: 0 10px 40px; padding: 0 0 40px; background: url(images/intro_divider.jpg) no-repeat bottom left; }
#statement { position: relative; width: 540px; margin: 0 60px; padding: 0 0 0 280px; background: url(images/lrg_butterfly.jpg) no-repeat 0 10px; }
#statement h2 { display: block; height: 520px; height: 180px; text-indent: -9999px; background: url(images/h2_intro.png) no-repeat 0 0; margin: 0 0 40px; }
#statement p { font-size: 1.6em; line-height: 24px; }
#action-nav { margin: 20px 0 0; }
#action-nav li { float: left; margin: 0 20px 0 0; }
.what, .start { display: block; width: 140px; height: 40px; text-indent: -9999px; }
.what { background: url(images/what.png) no-repeat 0 0; }
.start { background: url(images/start.png) no-repeat 0 0; padding: 0 !important; border: none !important; }
.what:hover, .start:hover { background-position: 0 -45px; }

/* Body Columns */
.col-wrap { position: relative; width: 960px; }
.column { width: 258px; border-left: 1px solid #b1b1b0; border-right: 1px solid #b1b1b0; padding: 200px 20px 40px; margin: 0 10px; float: left; }
.s_quill { background: url(images/small_quill.jpg) no-repeat center 40px; }
.s_telephone { background: url(images/small_telephone.jpg) no-repeat center 40px; }
.s_typewriter { background: url(images/small_typewriter.jpg) no-repeat center 40px; }
.column h3 { text-align: center; font: 3.5em 'LeagueGothicRegular', "Helvetica Neue", Helvetica, Arial, sans-serif; text-transform: uppercase; font-weight: normal; margin: 0 0 15px; }
.column p { font-size: 1.4em; line-height: 20px; margin: 0 0 20px; }
.column .col-link { font-size: 1.4em; }
.column a, .column a:visited { color: #332273; text-decoration: none; border-bottom: 1px dotted #332273; }
.column a:hover, .column a:active { border-bottom: 1px solid #332273; }
.date { position: relative; float: left; text-transform: lowercase; color: #fff; background-color: #383838; padding: 2px 4px 6px; margin: 0 5px 0 0; font-style: italic; }
.date p { margin: 0 !important; line-height: 1 !important; font-size: 1.2em !important; }

/* Posts Styles */
.post a, .post a:visited { color: #332273; text-decoration: none; border-bottom: 1px dotted #332273; }
.post a:hover, .post a:active { border-bottom: 1px solid #332273; }
.post h1, .post h2, .post h3, .post h4, .post h5, .post h6 { font-family: 'LeagueGothicRegular', "Helvetica Neue", Helvetica, Arial, sans-serif; text-transform: uppercase; font-weight: normal; }
.post h1 { font-size: 5em; }
.post h2 { font-size: 3em; }
.post h3 { font-size: 2.75em; }
.post h4 { font-size: 2.5em; }
.post h5 { font-size: 2.25em; }
.post h6 { font-size: 2em; }
.post p { font-size: 1.6em; line-height: 24px; margin: 20px 0; word-spacing: 1px; }
.meta { background: url(images/pencil.png) no-repeat left center; padding: 2px 0 2px 25px; font: 1.75em 'LeagueGothicRegular', "Helvetica Neue", Helvetica, Arial, sans-serif !important; margin: 0 0 10px !important; text-transform: uppercase; }
.post ul, .post ol { font-size: 1.6em; line-height: 24px; margin: 0 0 20px 40px; }
.post ul { list-style: circle; }
.post ol { list-style: lower-alpha; }
.post blockquote { width: 460px; margin: 0 auto; background: url(images/blockquote_top.png) no-repeat 0 0; padding: 30px 40px; }
.post blockquote p { margin: 0; font-style: italic; background: url(images/blockquote_bottom.png) no-repeat bottom left; padding: 0 0 30px; }

/* Images */
.post img { padding: 5px; background-color: #fff; border-bottom: 1px solid #b0b0af; border-right: 1px solid #b0b0af; }
img.alignright { float: right; margin: 0 0 0 15px; }
img.alignleft { float: left; margin: 0 15px 0 0; }
img.aligncenter { display: block; margin: 0 auto; }

/* Author Box */
.post_divider { position: relative; width: 620px; background: url(images/post_divider.png) no-repeat center top; padding: 40px 0 20px; }
.post-columns { position: relative; width: 300px; }
.author-avatar { float: left; padding: 5px; background-color: #fff; border-bottom: 1px solid #b0b0af; border-right: 1px solid #b0b0af; margin: 20px 0 0 0; }
.author-info { float: right; width: 180px; margin: 20px 0 0; }
.author-info p { margin: 0 0 10px; font-size: 1.3em; line-height: 21px; }

/* Social Links */
#social { margin: 20px 0 0; list-style: none; }
#social li { float: left; margin: 0 20px 0 0; }

/* Comments */
#comment-list { list-style: none; margin: 0 !important; }
#comment-list li { margin: 0 0 10px; }
.comment-container { position: relative; width: 620px; }
.avatar-container { position: relative; width: 160px; float: left; padding: 40px 0 0; }
.avatar-container small { display: block; width: 140px; height: 32px; background: url(images/comment_date.png) no-repeat 0 0; color: #fff; font: 130% 'LeagueGothicRegular', "Helvetica Neue", Helvetica, Arial, sans-serif; text-transform: uppercase; text-align: right; padding: 8px 20px 0 0; margin: 0 0 20px; }
.avatar-container img { padding: 5px; background-color: #fff; border-bottom: 1px solid #b0b0af; border-right: 1px solid #b0b0af; float: right; margin: 0 20px 0 0; }
.discussion { position: relative; width: 460px; float: right; background-color: #fff; padding: 20px 0; }
.author_comment .discussion { background: #fff url(images/author.gif) no-repeat right 25px; }
.discussion cite { display: inline-block; height: 32px; background: #3c2981 url(images/comment_author.gif) no-repeat right top; padding: 8px 30px 0 20px; color: #fff; font: 130% 'LeagueGothicRegular', "Helvetica Neue", Helvetica, Arial, sans-serif; text-transform: uppercase; }
.discussion cite a, .discussion cite a:visited { color: #fff; text-decoration: none; border-bottom: 1px dotted #fff; }
.discussion cite a:hover, .discussion cite a:active { border-bottom: 1px solid #fff !important; }
.discussion p { font-size: 0.8em; line-height: 20px; padding: 0 20px; }

/* Forms */
#commentform { margin: 10px 0 0; }
.wpcf7 { font-size: 70%; padding: 10px 0 0 !important; }
#commentform label, .wpcf7-form label { display: block; font-variant: small-caps; letter-spacing: 2px; margin: 0 0 3px; font: 1.1em Georgia, "Times New Roman", Times, serif; font-variant: small-caps; }
.text-input { width: 281px; height: 41px; background: url(images/input.png) no-repeat 0 0; margin: 0 0 20px; padding: 0 10px; color: #333; font-size: 1.3em; }
#textarea-message, #your-message { width: 451px; height: 176px; overflow: auto; border: none; background: url(images/textarea.png) no-repeat 0 0; margin: 0 0 20px; display: block; padding: 10px; color: #333; font-size: 1.3em; line-height: 21px;  }
.text-input, #textarea-message, #your-message { font-family: "Myriad Pro", Myriad, "Helvetica Neue", Arial, sans-serif; }
#submitform { width: 140px; height: 40px; background: url(images/button.jpg) no-repeat 0 0; color: #fff; font: 2.1em 'LeagueGothicRegular', "Helvetica Neue", Helvetica, Arial, sans-serif; text-transform: uppercase; margin: 0 0 0 320px; cursor: pointer; }
.wpcf7-validation-errors, .wpcf7-mail-sent-ok { border: none !important; }
.wpcf7-response-output { margin: 10px 0 0 !important; padding: 0 !important; font-size: 1.6em; color: #332273; font-style: italic; }
.wpcf7-not-valid-tip { padding: 0 !important; border: none !important; background-color: #332273 !important; color: #fff; text-align: center; -moz-border-radius: 5px; -webkit-border-radius: 5px; }

/* Contact Page */
#contact-info { position: relative; width: 260px; padding: 260px 0 0; margin: 0 0 0 10px; float: left; }
#contact-list a, #contact-list a:visited { color: #332273; text-decoration: underline; }
#contact-list a:hover, #contact-list a:active { text-decoration: none; }
#contact-info h2 { font: 3em 'LeagueGothicRegular', "Helvetica Neue", Helvetica, Arial, sans-serif; text-transform: uppercase; font-weight: normal; text-align: center; margin: 0 0 20px; }
#contact-list, #contact-list li { width: 260px; }
#contact-list li { overflow: hidden; margin: 0 0 10px; font-size: 1.2em; }
.heading, .information { width: 130px; }
.heading { float: left; }
.information { float: right; text-align: right; }
.heading { font-variant: small-caps; letter-spacing: 2px; }

/* Archives */
.archives h1 { margin: 0 0 20px 10px; font: 5em 'LeagueGothicRegular', "Helvetica Neue", Helvetica, Arial, sans-serif; text-transform: uppercase; font-weight: normal; }
.archive-column { width: 258px; border-color: #383838 #b1b1b0; border-style: solid; border-width: 5px 1px; padding: 20px; margin: 20px 10px; float: left; }
.archive-column:hover { background-color: #fff; }
.archive-column h2 { text-align: center; font-weight: normal; margin: 0 0 20px; font-size: 1.4em; line-height: 20px; }
.archive-column p { font-size: 1.4em; line-height: 20px; margin: 0 0 20px; }
.archive-column .col-link { font-size: 1.4em; }
.archive-column a, .archive-column a:visited { color: #332273; text-decoration: none; border-bottom: 1px dotted #332273; padding: 0 0 2px; }
.archive-column a:hover, .archive-column a:active { border-bottom: 1px solid #332273; }

/* Footer */
#footer { position: relative; width: 100%; background: #2a2a2a url(images/floral.gif); padding: 40px 0 0; color: #fff; }
#testimonials { width: 940px; margin: 0 10px; padding: 0 0 40px; }
#clients { width: 460px; float: left; }
#clients h3 { color: #fff; text-transform: uppercase; font-weight: normal; font-size: 1.5em; line-height: 20px; letter-spacing: 3px; background: url(images/divider.png) no-repeat center bottom; padding: 0 0 25px; margin: 0 0 20px; text-align: center; }
#clients p { font-size: 1.4em; line-height: 22px; }
#quotes { position: relative; width: 460px; height: 240px; float: right; z-index: 100; overflow: scroll; }
#slide_nav { position: relative; height: 10px; margin: 0 0 10px; }
#slide_nav a { display: block; width: 10px; height: 10px; float: left; margin: 0 5px 0 0; text-indent: -9999px; background: url(images/slidenav.png) no-repeat -15px 0; }
#slide_nav a:hover, #slide_nav a.activeSlide { background-position: 0 0; }
#quotes blockquote { width: 420px; padding: 10px 20px; background: url(images/quotes-bg.png) no-repeat 0 0; }
#quotes blockquote p { font-size: 1.4em; line-height: 22px; font-style: italic; }
#quotes cite { height: 10px; background: url(images/quotes-stem.png) no-repeat right top; padding: 10px 30px 0 0; text-align: right; margin: 0 80px 0 0; font-size: 1.3em; font-style: normal; display: block; }
#cline { width: 940px; padding: 20px 0; margin: 0 10px; font-size: 1.2em; border-top: 1px solid #555; }
#cline ul { float: right; }
#cline ul li { float: left; margin: 0 0 0 20px; }
#cline p { float: left; }
#cline a, #cline a:visited { color: #fff; text-decoration: underline; }
#cline a:hover, #cline a:active { color: #d5d5d5; }

/* Fun Facts */
#toggler { position: relative; width: 100%; height: 35px; background: url(images/canvaspaper.jpg); }
#funfacts { position: relative; padding: 40px 0; color: #fff; background-color: #141313; }
.open-fun { display: block; width: 140px; height: 55px; background: url(images/funfacts.png) no-repeat 0 0; position: absolute; right: 10px; top: 0; z-index: 200; text-indent: -9999px; }
.close-fun { background: url(images/funfacts.png) no-repeat 0 -60px; }
.funfacts-col { width: 178px; position: relative; border-left: 1px solid #555; border-right: 1px solid #4f4e4e; padding: 20px; text-align: center; margin: 0 10px; float: left; }
.funfacts-col h5 { color: #fff; font-variant: small-caps; letter-spacing: 1px; font-size: 1.25em; font-weight: normal; background: url(images/divider.png) no-repeat center bottom; padding: 0 0 20px; margin: 0 0 15px; }
.funfacts-col p { font-size: 1.2em; line-height: 20px; word-spacing: 1px; }
#fact-head, #fact-invent { width: 220px; position: relative; float: left; margin: 0 10px; }
#little-known { width: 460px; position: relative; float: left; margin: 0 10px; }
#fact-head h5, #fact-invent h6, #little-known h6 { color: #fff; font-variant: small-caps; font-weight: normal; }
#fact-head h5 { font-size: 1.7em; letter-spacing: 2px; width: 219px; height: 31px; text-align: center; background: url(images/facthead_bg.png) no-repeat 0 0; padding: 10px 0 0; }
#fact-invent h6, #little-known h6 { margin: 0 0 10px; font-size: 1.3em; letter-spacing: 2px; }
#fact-invent p, #little-known p { font-size: 1.25em; line-height: 20px; word-spacing: 1px; }