/**
 * Plaidaladium.css
 *
 * For tumblr by studiomoh.com
 *
**/

/** Base Style **/
#tumblr_controls {
 position: fixed !important;
 top: 10px !important;
 right: 10px !important;
}

/** Global Reset **/
/* ---------------------------------------- */
html, body, a, img, div,
h1, h2, h3, h4, p,
dl, dt, dd,
blockquote, cite,
table, tr, td, tbody, span,
b, i, u, strong,
#menu, #paginator, .meta {
 margin: 0;
 padding: 0;
 font-size: 1em;
 border: 0 none;
}
hr {
 display: none;
}

#menu, #paginator, .meta {
 list-style-type: none;
}


/** Basics **/
body {
 font: 13px/1.3 "Helvetica Neue", helvetica, arial, sans-serif;
 color: #aaa;
 text-align: left;
 background: #4e555d url('http://static.tumblr.com/td3l81c/x9hlkovcq/wool-plaid.gif') -25px -25px;
 overflow-x: hidden;
 -webkit-text-size-adjust: none;
}

a {
 color: #0087d2;
}
a:hover {
 color: #fff;
 text-decoration: none;

 -moz-transition: color .25s;
 -webkit-transition: color .25s;
 transition: color .25s;
}

#tumblr_controls ooo {
 position: fixed !important;
 top: 10px !important;
 right: 10px !important;
}

.clear {
 clear: both;
 display: block;
}


/** Wrap it up **/
/* ---------------------------------------- */
#all {
 width: 804px !important;
 position: relative;
 padding: 140px 0;
 margin: 0 auto;
}

h1 a {
 text-decoration: none;
 position: absolute;
 top: 20px;
 left: 0;
 font-size: 24px;
 padding-left: 138px;
 padding-top: 22px;
 color: #fff;
 font-weight: normal;
 text-shadow: 0 0 3px rgba(0,0,0,.7);
 outline: none;
}
h1 a img {
 position: absolute;
 left: 10px;
 top: 20px;
 z-index: 100;
 border: 6px solid #fff;
 background: #fff;

 -moz-box-shadow: 0 0 8px rgba(0,0,0,.7);
 -webkit-box-shadow: 0 0 8px rgba(0,0,0,.7);
 box-shadow: 0 0 8px rgba(0,0,0,.7);
 -moz-transform: rotate(-2deg);
 -webkit-transform: rotate(-2deg);
 -o-transform: rotate(-2deg);
}
#about {
 position: absolute;
 top: 73px;
 left: 129px;
 font-style: normal;
 background: #000;
 padding: 10px;
}
#about:after {
 content: '\25C0\ ' ;
 position: absolute;
 top: 14px;
 left: -10px;
 font-size: 18px;
 color: #000;
 display: block;
}

#menu {
 position: absolute;
 top: 108px;
 right: 0;
 text-align: right;
 text-shadow: 0 0 3px rgba(0,0,0,.7);
}
#menu .search {
 display: none;
}
#menu li {
 display: block;
 float: left;
}
#menu a {
 font-size: 1.25em;
 text-decoration: none;
 color: #fff;
 padding: 6px 10px;
}
#menu a:hover {
 text-decoration: underline;
}

#pages {
 list-style-type: none;
 padding: 12px 18px;
 margin: 0;
 height: 96px;
 display: block;
 clear: both;
}
#pages li {
 padding: 0;
 margin: 0;
}
#pages a {
 display: block;
 float: left;
 text-decoration: none;
 padding: 12px;
 background: #000;
 height: 68px;
 width: 214px;
}
#pages a:hover {
 color: #000;
 background: #0087d2;
}

#contain {
 background: rgba(0,0,0,.5);
 padding: 6px;
 clear: both;
 position: relative;
 z-index: 200;
}
#content {
 background: #ced3d9;
 position: relative;
 padding: 0 0 0 0;
 border: 1px solid rgba(0,0,0,.1);
 border-top-color: rgba(255,255,255,.4);
 overflow-x: hidden;
}
body.index #content .altbreak {
 background: #c2c6cc;
 height: 250px;
 padding: 10px;
 width: 100%;
 margin: 0 0 -270px 0;
 clear: both;
 display: block !important;
 border-top: 1px solid rgba(0,0,0,.1);
 border-bottom: 1px solid rgba(255,255,255,.45);
}

.post {
 float: left;
 margin: 10px 0 10px 10px;
 overflow: hidden;
 height: 250px;
 width: 250px;
 position: relative;
 color: #777 !important;
}

body.index .notecount {
 display: none;
}
body.index .post:hover {
 border-color: #fff;
}
body.index .post:hover .notecount {
 display: block;
 position: absolute;
 bottom: 12px;
 left: 12px;
 z-index: 7000;
 color: #aaa;
}
body.index .post:hover .notecount a:hover {
 color: inherit;
}

.quickReblog {
 display: none;
 position: absolute;
 z-index: 9000;
 bottom: 14px;
 right: 14px;
 cursor: pointer;
}
.post:hover .quickReblog {
 display: block;
}
body.index .post a {
 text-decoration: none !important;
}
body.index .datelink {
 position: absolute;
 top: 0;
 left: 0;
 z-index: 400;
 width: 238px;
 height: 238px;
 color: transparent;
 border: 6px solid transparent;
}
body.index .datelink:hover,
body.index .post:hover .datelink {
 color: #fff;
 background: rgba(0,0,0,.25);
}

body.index .post .permalink {
 background: #fff;
 color: #666;
 position: absolute;
 display: none;
 bottom: -6px;
 left: -6px;
 right: -6px;
 padding: 6px 12px 30px 12px;
 font-weight: bold;
}
body.index .post .datelink:hover .permalink,
body.index .post:hover .permalink {
 display: block;
}

body.index .typephoto .datelink {
 border-color: #e6ecf2;
}
body.index .typephoto .datelink:hover {
 border-color: #fff;
}

body.index .photo img,
body.index .set img {
 min-height: 300px;
 min-width: 300px;
 display: block;
 position: absolute;
 bottom: -20%;
 right: -20%;
}

div.asker {
 background: #e6ecf2;
 padding: 10px;
 position: relative;
 margin: 10px;
 color: #666;
}
div.question {
 max-height: 188px;
 overflow: hidden;
 font-size: .9em;
}
div.asker:after {
 content: '\25E4\ ';
 position: absolute;
 font-size: 20px;
 bottom: -18px;
 left: 44px;
 color: #e6ecf2;
 -moz-transform: scaleX(.7);
 -webkit-transform: scaleX(.7);
 -o-transform: scaleX(.7);
}

img.asker {
 display: block;
 width: 32px;
 height: 32px;
 position: absolute;
 bottom: -26px;
}

div.answer {
 margin: 40px 10px 10px 10px;
}

body.index div.typetext .text,
body.index div.typechat div.chat {
 padding: 10px;
}

.chat ul {
 list-style-type: none;
 margin: 0;
 padding: 0;
}
.chat li {
 padding: 2px 6px;
}
.chat .user_2 {
 background: rgba(0,0,0,.1);
}
.chat .label {
 font-weight: bold;
}

body.index .typevideo object,
body.index .typevideo embed {
 margin: 10px 0;
 position: absolute;
 top: 0;
 left: 0;
 z-index: 210;
}
body.index .typevideo p {
 display: none;
}


/** Pagination **/
#paginator, #loading, #end {
 width: 400px !important;
 margin: 2em auto;
 text-align: center;
 display: block !important;
}
#paginator li {
 display: inline;
}
#paginator a, #loading, #end {
 font-size: 1.5em;
 display: inline-block;
 text-decoration: none;
 background: #000;
 padding: 6px 12px;
 width: 120px;
}
.js #paginator a {
 display: none !important;
}

.autopage {
 overflow: hidden;
}


/** Post page **/
body.perma #content {
 padding-top: 1px;
}
body.perma .post {
 height: auto;
 width: auto;
 background: #fff;
 padding: 10px;
 float: none;
}
body.perma .photo img {
 max-width: 100%;
 display: block;
 margin: 0 auto 1em auto;
}
body.perma .permalink, body.perma .notecount, body.perma #pages {
 display: none;
}

body.perma .post h2 {
 font-size: 1.5em;
}
body.perma .post p {
 padding: .35em 0;
}

.post blockquote {
 padding: 0 .5em;
 margin: 0 1em;
 border-left: 2px solid;
}

body.perma h3.date {
 clear: both;
 color: #fff;
 padding: 10px;
 text-align: right;
 margin: 0 10px 0 10px;
 border-bottom: 1px solid #fff;
}
#flike, div.reblogged {
 position: relative;
 top: -30px;
 left: 20px;
}

body.perma ol.notes {
 color: #666;
 padding: 10px;
 margin: 0 0 0 28px;
 width: 720px;

 -moz-column-count: 3;
 -moz-column-gap: 40px;
 -webkit-column-count: 3;
 -webkit-column-gap: 40px;
 column-count: 3;
 column-gap: 40px;
}
body.perma ol.notes img {
 vertical-align: bottom;
}
body.perma ol.notes li {
 margin-bottom: 1em;
 padding-bottom: 1em;
 border-bottom: 1px solid rgba(0,0,0,.1);
}

/** Comments **/
#comments {
 width: 600px;
 margin: 0 auto 2em auto;
}
#comments h3 {
 font-size: 1.2em;
}
#dsq-post-button {
 float: none !important;
}
#comments .dsq-attach-media {
 float: right;
}
#comments .dsq-post-footer {
 padding-bottom: 1em;
 margin-bottom: 1em;
 border-bottom: 2px solid #000;
}

#comments .dsq-item-trackback, #comments .dsq-options {
 display: none !important;
}
#comments .dsq-brlink, #comments .dsq-brlink * {
 color: #000;
}