/* 
-----------------------------------------------
\\\ Reset 
----------------------------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, 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-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline;
}
:focus {   /* remember to define focus styles! */
    outline: 0;
}
body {
    line-height: 1;
    color: black;
}
ol, ul {
    list-style: none;
}
table {    /* tables still need 'cellspacing="0"' in the markup  */
    border-collapse: separate;
    border-spacing: 0;
}
caption, th, td {
    text-align: left;
    font-weight: normal;
}

/* 
-----------------------------------------------
\\\ General
----------------------------------------------- */

body { 
background: #fff;
color: #333; 
font: normal 15px/24px "Lucida Fax",Cambria,Georgia,Times,"Times New Roman",serif;
text-align: center; 
}


#container {
width: 980px;
margin: 0 auto;
text-align: left;
}

#wrap {
width: 980px;
position: relative;
margin-top: 0px;
float: left;
}

#content {
float: left;
width: 500px;
margin: 0 0 0 240px;
display: inline;
}

.clearboth {
clear: left;
height: 1px;
} 

p, ul, blockquote {
margin-bottom: 10px;
}

li {
	margin-bottom: 0;
}

#content li {
	padding-left: 14px;
	background: url(http://assets.fallingandlaughing.com/images/bull.gif) no-repeat 0 10px;
}

em, i {
    font-style: italic;
}


h2, .tkhead {
	margin-bottom: 10px;
	font-weight: 700 !important;
	line-height: 1.2;
	font-size: 24px;
	font-family: Futura,sans-serif;
	letter-spacing: -0.02em
}

.tkbold {
	font-family: Futura,sans-serif;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #252525;
	font-size: 14px;
	line-height: 18px;
}

h2 a:link, h2 a:visited {
	color: #333;
}

blockquote {
	padding-left: 20px;
	border-left: 2px solid #CFCCC8;
}

a:link, a:visited {
	color: #2d86a0;
}

a:link, a:visited  {
text-decoration: none;
}

a:hover {
text-decoration: underline;
}

h2 a:hover {
text-decoration: none;
}

#content h3 {
	margin-top: 18px;
	margin-bottom: 8px;
	letter-spacing: 1px;
	text-transform: uppercase;
	font-weight: bold;
	font: 12px;
}

/* 
-----------------------------------------------
\\\ Masthead
----------------------------------------------- */
#drawer {
	position: relative;
	float: left;
	width: 520px;
	height: 380px;
	margin-left: 231px;
	margin-bottom: 48px;
	z-index: 1;
}

#mark {
	position: absolute;
	z-index: 30;
	width: 520px;
	height: 328px;
	line-height: 328px;
	text-indent: -5000px;
	background: url(http://assets.fallingandlaughing.com/images/drawer.jpg) no-repeat scroll 0 0;
	left: 2px;
	bottom: 2px;
}

#mark a {
	display:block;
	height:328px;
}

#close_drawer {
	z-index: 28;
	width: 169px;
	height: 11px;
	line-height: 11px;
	position: absolute;
	right: 27px;
	bottom: 33px;
	text-indent:-5000px;
	background: url(http://assets.fallingandlaughing.com/images/close.jpg) no-repeat scroll 0 0;
}

#close_drawer a {
	height: 17px;
	display: block;
}

p.nav {
	position: absolute;
	top: 12px;
	left: 10px;
	z-index: 10;
	width: 188px;
	height: 54px;
	line-height: 54px;
	text-indent: -5000px;
	background:transparent url(http://assets.fallingandlaughing.com/images/tab_m.png) no-repeat scroll 0 0;
}

p#subjects_nav {
	z-index: -1;
	top: 11px;
	left: 165px;
	background:transparent url(http://assets.fallingandlaughing.com/images/tab_c.png) no-repeat scroll 0 0;
}

p#gold_nav {
	z-index: -2;
	top: 12px;
	left: 321px;
	background:transparent url(http://assets.fallingandlaughing.com/images/tab_y.png) no-repeat scroll 0 0;
}

p.nav a {
	display: block;
	height: 54px;
}

.card {
	background: url(http://assets.fallingandlaughing.com/images/card_main.jpg) no-repeat scroll 0 0;
	width: 520px;
	height: 306px;
	position: absolute;
	top: 52px;
	left: 0;
	display: none;
	z-index: 1;
}

#author_card {
	display: block;
	z-index: 1;
}

#author_main {
	position: absolute;
	width: 377px;
	height: 204px;
	line-height: 204px;
	text-indent: -5000px;
	background: url(http://assets.fallingandlaughing.com/images/author.jpg) no-repeat scroll 0 0;
	top: 33px;
	left: 130px;
}

#bee_link {
	position: absolute;
	width: 144px;
	height: 37px;
	line-height: 37px;
	text-indent: -5000px;
	background: url(http://assets.fallingandlaughing.com/images/gun.jpg) no-repeat scroll 0 0;
	top: 234px;
	left: 300px;
}

#bee_link a {
	display: block;
	height: 37px;
}

#subjects_main {
	position: absolute;
	width: 467px;
	height: 210px;
	line-height: 210px;
	text-indent: -5000px;
	background: url(http://assets.fallingandlaughing.com/images/subjects.jpg) no-repeat scroll 0 0;
	top: 31px;
	left: 23px;
}

#gold_card {
	background: url(http://assets.fallingandlaughing.com/images/card_gold.jpg) no-repeat scroll 0 0;
}

#gold_head {
	width: 367px;
	height: 33px;
	line-height: 33px;
	text-indent: -5000px;
	position: absolute;
	top: 32px;
	left: 130px;
	background: url(http://assets.fallingandlaughing.com/images/gold_soundz.jpg) no-repeat scroll 0 0;
}

#gold_nav {
	position: absolute;
	left: 130px;
	top: 70px;
	width: 327px;
	height: 163px;
}

#gold_nav li {
	background: url(http://assets.fallingandlaughing.com/images/gold_nav.jpg) no-repeat scroll 0 0;
	height:17px;
	line-height:17px;
	text-indent:-5000px;
	width:327px;
	margin-bottom: 0;
}

#gold_nav li a {
	display: block;
	height: 17px;
}

#gold_nav li#gold2 {
	height: 15px;
	background: url(http://assets.fallingandlaughing.com/images/gold_nav.jpg) no-repeat scroll 0 -17px;
}

#gold_nav li#gold3 {
	height: 17px;
	background: url(http://assets.fallingandlaughing.com/images/gold_nav.jpg) no-repeat scroll 0 -32px;
}

#gold_nav li#gold4 {
	height: 15px;
	background: url(http://assets.fallingandlaughing.com/images/gold_nav.jpg) no-repeat scroll 0 -49px;
}

#gold_nav li#gold5 {
	height: 17px;
	background: url(http://assets.fallingandlaughing.com/images/gold_nav.jpg) no-repeat scroll 0 -64px;
}

#gold_nav li#gold6 {
	height: 15px;
	background: url(http://assets.fallingandlaughing.com/images/gold_nav.jpg) no-repeat scroll 0 -81px;
}

#gold_nav li#gold7 {
	height: 15px;
	background: url(http://assets.fallingandlaughing.com/images/gold_nav.jpg) no-repeat scroll 0 -96px;
}

#gold_nav li#gold8 {
	height: 15px;
	background: url(http://assets.fallingandlaughing.com/images/gold_nav.jpg) no-repeat scroll 0 -111px;
}

#gold_nav li#gold9 {
	height: 17px;
	background: url(http://assets.fallingandlaughing.com/images/gold_nav.jpg) no-repeat scroll 0 -126px;
}

#gold_nav li#gold10 {
	height: 18px;
	background: url(http://assets.fallingandlaughing.com/images/gold_nav.jpg) no-repeat scroll 0 -143px;
}




/* 
-----------------------------------------------
\\\ tumblr General
----------------------------------------------- */
.post {
	margin-bottom: 80px;
	width: 500px;
	float: left;
}


.post_info {
	margin-top: 10px;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: 9px;
}

.post_info div {
	float: left;
}

.post_info a:link, .post_info a:visited {
	color: #415d75;
}

#page_nav {
	float: left;
	width: 513px;
	margin-left: -7px;
	margin-bottom: 18px;
	z-index: 100;
	line-height: 1;
	font-style: italic !important;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 12px;
}

#page_nav p a {
	display: block;
	line-height: 1;
	padding: 6px 10px 4px;
	color: #2d86a0;
}

#old {
	float: left;
}

#future {
	float: right;
}

.notes_container {
	margin-top: 40px;
	float: left;
	width: 100%;
}

#content .notes_container li {
	background: none;
	padding-left: 0;
}

.caption blockquote {
	margin-top: 12px !important;
}

/* 
-----------------------------------------------
\\\ Quotes
----------------------------------------------- */

blockquote + p {
	margin-top: 22px;
}

.quote p {
}

.quote_text {
	font-size: 16px;
	color: #222;
	font-style: italic;
}

.source, .regular b, .video b, .link b, .photo b {
font-weight: bold;
}

#content h3 b {
	margin-top: 18px;
	margin-bottom: 8px;
	letter-spacing: 1px;
	text-transform: uppercase;
	font-weight: bold !important;
	font-size: 13px !important;
}


/* 
-----------------------------------------------
\\\ Conversations
----------------------------------------------- */
.conversation .label {
	letter-spacing: 1px;
	text-transform: uppercase;
}

#content .conversation li {
	padding-left: 0px;
	background: none;
}


/* 
-----------------------------------------------
\\\ Notes
----------------------------------------------- */

ol.notes {
  padding: 0px;
  margin: 0 0 25px;
  list-style-type: none;
  border-bottom: solid 1px #ccc;
  font-size: 11px;
}

ol.notes li.note {
  border-top: solid 1px #ccc;
  padding: 10px;
  margin-bottom: 0;
}

ol.notes li.note img.avatar {
  vertical-align: -4px;
  margin-right: 10px;
  width: 16px;
  height: 16px;
}

ol.notes li.note .answer_content {
  font-weight: normal;
}

ol.notes li.note blockquote {
  padding: 0px 10px;
  margin: 10px 0px 0px 30px;
}

ol.notes li.note blockquote a {
  text-decoration: none;
}

/* 
-----------------------------------------------
\\\ Search
----------------------------------------------- */
#searchresultcount {
	font-style: italic;
	margin-bottom: 50px;
	font-size: 17px;
}


/* 
-----------------------------------------------
\\\ Comments
----------------------------------------------- */


/* Everything Disqus on your page is contained within this. */
#disqus_thread h3 {
   color: #111 !important;
   font-weight: normal !important;
   font-size: 12px !important;
}

.dsq-comment-cite {
	margin-bottom: 6px;
	letter-spacing: 1px;
	text-transform: uppercase;
	color: #535353 !important;
	font-size: 11px;
	font-weight: bold;
}

#dsq-post-add {
	margin-bottom: 40px !important;
}

.dsq-comment-header cite {
	margin-left: 0 !important;
	float: none !important;
}

#dsq-content #dsq-comments .dsq-comment-header {
	height: auto !important;
	line-height: 1.6 !important;
	background: none !important;
}

.dsq-comment-message {
	color: #535353 !important;
	font-size: 12px !important;
}

.dsq-list-style {
	font-size: 10px !important;
	text-transform: uppercase !important;
}

.dsq-list-style a {
	color: #4a6f8f !important;
}

#comment-form textarea {
	font-size: 12px !important;
	color: #444 !important;
	border: 1px solid #666 !important;
}

/* The form elements (Name, Email, Website). */
input.form-text {
	font-size: 100%; 
}

/* The submit button "Post". */
input.submit {
	background-color: #ffffff;
}


/* This is the meta information about the post (time stamp and points). */
.dsq-header-meta {
	font-size: 9px !important;
	text-transform: uppercase !important;
	color: #777 !important;
	line-height: 1.3 !important;
}

.dsq-comment-options, #dsq-options, .dsq-by, .dsq-item-feed, .dsq-header-avatar, .dsq-authenticated-pic, .logout img {
	display: none !important;
}

#dsq-content #dsq-auth .dsq-authenticated-info ul, #dsq-content #dsq-auth .dsq-authenticated-info ul li {
	float: left !important;
	padding-left: 0 !important;
}

#dsq-content #dsq-auth .dsq-authenticated-info ul {
	width: 500px;
}

#dsq-content #dsq-auth .dsq-authenticated-info ul, #dsq-content #dsq-auth .dsq-authenticated-info ul li.logout {
	float: right !important;
	padding: 2px 0 0 0 !important;
}

.dsq-comment {
	margin-bottom: 30px !important;
}
 
.dsq-comment-body {
}

/* This contains and determines the style for the pagination links. */
#dsq-pagination {
}

.dsq-comment-child {
	margin-top: -15px !important;
}

#dsq-comments-title {
	clear: left;
}

.dsq-request-user-avatar, .dsq-dc-logo {
	display: none !important;
}

.dsq-comment-header-meta {
	padding-left: 0 !important;
}

.tags {
	float: left;
	width: 500px;
	margin-top: 7px;
}

#content .tags li {
	float: left;
	list-style-type: none !important;
	font-size: 10px;
	text-transform: uppercase;
	background-image: none !important;
	padding-left: 0;
	padding-right: 10px;
	margin-bottom: 0;
}

#content .tags li a {
	color: #999 !important;
}

sup {
	vertical-align: baseline;
	font-size: 0.8em;
	position: relative;
	top: -0.4em;
	}

sub {
	font-size: .8em;
}

/* 
-----------------------------------------------
\\\ Footer
----------------------------------------------- */
#footer {
	position: relative;
	float: left;
	width: 520px;
	height: 408px;
	margin: 40px 0 10px 231px;
}

#footer.perm_footer {
	height: 107px;
	margin-top: 190px;
	overflow: hidden;
	margin-bottom: -8px;
}

#archives {
	position: absolute;
	left: 9px;
	top: 0;
	width: 241px;
	height: 399px;
	line-height: 399px;
	text-indent: -5000px;
    background: url(http://assets.fallingandlaughing.com/images/archives.jpg) no-repeat scroll 0 0;
}

#call_slip {
	position: absolute;
	right:10px;
	top: 3px;
	width: 234px;
	height: 184px;
	background: url(http://assets.fallingandlaughing.com/images/call_slip.jpg) no-repeat scroll 0 0;
}

#call_contact {
	position: absolute;
	right: 123px;
	top: 81px;
	width: 101px;
	height: 44px;
	text-indent: -5000px;
	background: url(http://assets.fallingandlaughing.com/images/call_nav.jpg) no-repeat scroll 0 0;
}

#call_contact a {
	display: block;
	height: 44px;
}

#call_rss {
	position: absolute;
	right: 9px;
	top: 80px;
	width: 101px;
	height: 44px;
	text-indent: -5000px;
	background: url(http://assets.fallingandlaughing.com/images/call_nav.jpg) no-repeat scroll 0 -44px;
}

#call_rss a {
	display: block;
	height: 44px;
}

#query_form {
	position: absolute;
	right: 10px;
	top: 212px;
	width: 234px;
	height: 184px;
	background: url(http://assets.fallingandlaughing.com/images/search.jpg) no-repeat scroll 0 0;
}

#search_button {
	display: none;
}

#query_form form {
	position: absolute;
	top: 100px;
	left: 32px;
	border: none !important;
	background: transparent !important;
}

#query_form form input {
	border: none !important;
	background: transparent !important;
	width: 160px;
	font: 11px 'Courier New',courier,'American Typewriter';
}