/*
Theme Name: equivocality 11
Theme URI: http://equivocality.com/
Description: A clean, minimalist, grid-based theme, with high contrast
Version: 1.0
Author: Jeff Ngan
Author URI: http://equivocality.com/
Tags: black, white, fixed-width, two-columns, custom-colors, threaded-comments, sticky-post

This theme was designed and built by Jeff Ngan, http://equivocality.com/

License: GNU General Public License (GPL) version 3

*/

/*** Reset Styles ************************************************************/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, acronym, abbr, blockquote, pre, a, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, tt, var, b, u, i, center, 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-size:100%; vertical-align:baseline; background:transparent;}
body {line-height:1.5;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content:''; content:none;}
:focus {outline:0;}
ins {text-decoration:none;}
del {text-decoration: line-through;}
table {border-collapse:collapse; border-spacing:0;}
a img {border:none;}


/*** Grid ********************************************************************/

.span-1 {width:100px; margin-right:20px; float:left;}
.span-2 {width:220px; margin-right:20px; float:left;}
.span-3 {width:340px; margin-right:20px; float:left;}
.span-4 {width:460px; margin-right:20px; float:left;}
.span-5 {width:580px; margin-right:20px; float:left;}
.span-6 {width:700px; margin-right:20px; float:left;}
.span-8 {width:940px; margin-right:0; float:left;}
.last {margin-right:0px;}

.pull-1 {margin-left:-120px; /*width:41.428em*/}
.pull-2 {margin-left:-240px; /*width:50em;*/}
.push-1 {margin-right:-120px;}
.push-2 {margin-right:-240px;}
* html .pull-1, * html .pull-2 {/*position:relative;*/} /* Fix for IE6 */


/*** General *****************************************************************/

body {background:#fff url(images/grid-bg.gif) center 0; color:#333; margin:0; padding:0; text-align:center; font-size:75%; font-family:"Helvetica Neue", Arial, Helvetica, sans-serif;}

p {font-size:1.167em; line-height:1.5em; margin:0 0 1.5em;}
small {font-size:0.75em;}
strong {color:#000;}

a:link, a:visited {color:#000; text-decoration:none;}
a:hover {}

img {/*margin:1em 0;*/ margin:0;}
img.alignleft {margin-right:1.5em;}
img.alignright {margin-left:1.5em;}

.center-column {width:940px; margin:0px auto; text-align:left; clear:both; /*background:url(images/grid.gif) repeat-y; */}

.align-right {float:right;}
.align-left {float:left;}
.aligncenter, div.aligncenter {display:block; margin-left:auto; margin-right:auto;}
.wp-caption {border:1px solid #ddd; text-align: center; background-color:#f3f3f3; padding-top:4px; margin:10px;}
.wp-caption img {margin:0; padding:0; border:0 none;}
.wp-caption p.wp-caption-text {font-size:11px; line-height:17px; padding:0 4px 5px; margin:0;}
.clear-both {clear:both;}

.navigation {color:#fff; background:#000; text-transform:uppercase; font-size:0.916em; font-weight:bold; margin:3em 0 0; /*padding:5px 10px 0;*/}
.navigation a:link, .navigation a:visited {color:#fff;}

.pagetitle {padding:0.333em 0; font-size:1.5em; color:#959ea1; position:relative; border-top:1px solid #d1d9dc;}
.pagetitle span {position:absolute; left:240px;}

/* Misc */

.definition {font-size:0.917em; color:#666;}

/*** Header ******************************************************************/

#header {padding:3em 0 2em;}

#stamp {float:left; margin-right:10px;}
#title {float:left; margin-top:8px;}

#search-form {margin:30px 0 0;}
#search-form #s {height:16px; width:80px; font-size:1em; border:1px solid #ccc; background:#fefefe;}
#search-form #search-button {padding:4px 0 0 5px;}

#menu-bar {font-size:0.916em; height:25px; background-color:#000; color:#fff; text-transform:uppercase; font-style:italic; font-weight:bold; margin-top:2em;}
#menu-bar .page-type {letter-spacing:1px; height:25px; padding:5px 0 0 10px;}
#menu-bar .page-type a {color:#fff;} /* For the dashboard link */

#menu {margin:0; padding:0; font-style:normal;}
#menu li {float:left; padding:0; /*width:9.917em;*/ height:25px; display:block; list-style:none; width:120px;}
#menu li a {background:url(images/menu.gif) no-repeat; text-indent:-9999em; margin:0; display:block; color:#fff; padding:5px 0 0 10px; padding-right:20px; height:20px; border-left:1px solid #fff; text-decoration:none;}
/*#menu li a:hover {color:#000; background-color:#ececec; font-weight:normal;}*/
#menu .last {width:100px; padding-right:0;}

li#menu-home a:link, #menu-home a:visited {background-position: 0 0; outline:none;}
li#menu-about a:link, #menu-about a:visited {background-position: -120px 0; outline:none;}
li#menu-archives a:link, li#menu-archives a:visited {background-position: -240px 0; outline:none;}
li#menu-photography a:link, li#menu-photography a:visited {background-position: -360px 0; outline:none;}
li#menu-rss a:link, li#menu-rss a:visited {background-position: -480px 0; outline:none;}

li#menu-home a:hover {background-position:0 -25px;}
li#menu-about a:hover {background-position:-120px -25px;}
li#menu-archives a:hover {background-position:-240px -25px;}
li#menu-photography a:hover {background-position:-360px -25px;}
li#menu-rss a:hover {background-position:-480px -25px;}


/*** Posts and Pages *********************************************************/

.post, .page {margin:3em 0 0;}
* html .post, * html .page {height:1%;} /* Fix for IE6 */

.sticky {border-top:3px solid #d1d9dc;}

h1 {color:#000; font-size:4em; font-weight:bold; line-height:1em; /*text-transform:lowercase;*/ padding-bottom:0.5em;}
h1 a:link, h1 a:visited {color:#000; text-decoration:none;}
h1 a:hover {color:#000;}

.post-info {float:left; width:18.333em; margin:0 1.667em 0 0;}

.timestamp {font-size:0.916em; letter-spacing:1px; color:#999; text-transform:uppercase; display:block; width:100%; border-bottom:3px solid #000; margin-bottom:1em;}

.comment-bubble {font-size:4em; font-family:Georgia; text-align:center;}
.comment-bubble a:link, .comment-bubble a:visited {line-height:0.833em; color:#000; text-decoration:none; display:block; width:64px; height:70px; background:url(images/comment-bubble.png) no-repeat;}
.comment-bubble a:hover {color:#efefef; background-position:0 -70px;}

.post-content {overflow:visible;}
.post-content a:link, .post-content a:visited {color:#000; text-decoration:underline;}
.post-content a:hover {color:#999;}

.post-content h2 {font-size:2.0em; margin-bottom:0.75em;}
.post-content h3 {font-size:1.5em; margin-bottom:1em; text-transform:uppercase; font-weight:bold; color:#000;}
.post-content h4 {font-size:1.167em; margin-bottom:0.867em;}

blockquote {color:#787878; background:url(images/blockquote.png) no-repeat top left; font-family: Georgia; font-size:1.0em; /*margin-left:-35px;*/ padding-left:60px; /*margin-left:60px; padding-left:60px;*/ line-height:1.5em; font-style:italic;}
blockquote p {line-height:1.5em;}
cite {margin-left:55px; margin-top:-1.5em}

.post-content ul, .post-content ol {margin:0 0 1.5em; padding:0; font-size:1.167em;}
.post-content ul li, .post-content ol li {margin-left:3em; padding-left:0em; line-height:1.5em;}
.post-content ul li ul, .post-content ol li ol, .post-content ul li ol, .post-content ol li ul {font-size:1em;}

pre {white-space:pre-wrap; /*word-wrap:break-word;*/ margin:0 0 1.5em;}

dl {margin:0 0 1.5em;}
dt {font-weight:bold; font-size:1.167em;}
dd {font-size:1.167em; margin-left:8.571em;}

acronym, abbr {border-bottom:1px dotted #333;}

hr {color:#000; height:3px; background-color:#000; border:0;}

.more-link {/*display:block;*/ font-size:1.5em; margin-top:1.5em; font-weight:bold; text-decoration:none; border:0;}

.categories-title, .tags-title {letter-spacing:1px; font-size:0.916em; color:#000; text-transform:uppercase;}
.post-meta-data {font-size:0.916em; margin:0 0 1em 0; padding:0.333em 0; border-top:1px solid #000; text-transform:lowercase; }
.post-meta-data a:link, .post-meta-data a:visited {color:#666; background-color:#efefef; padding:2px 5px; line-height:2em; white-space:nowrap;}
.post-meta-data a:hover {color:#000;}

.gallery {margin:0 0 1.5em 0; padding:0;}
.gallery-item {float:left; margin:10px 0 0 0; text-align:left; padding:0;}
.gallery img, .gallery a img {border:solid 1px #D9D9D9; background:#ffffff; padding:4px; margin:0;}
.gallery a:hover img {border-color:#666666; background:#fff;}
.gallery-caption {margin:0 0 1.5em 0; font-size:0.833em; line-height:1.167em; color:#666;}

.caption {font-size:0.916em; background:#ececec; font-style:italic; color:#666; margin:-5px 0 0 0; padding:13px 14px 1px;}
.caption p {line-height:1.167em; margin-bottom:1em}
.big-picture-portrait {width:627px; margin-bottom:3em;}
.big-picture-landscape {width:940px; margin-left:-120px; margin-bottom:3em;}

.pull-left {margin-left:-120px; float:left; margin-right:20px;}

table {margin:1.5em 0; padding:0; border-collapse:collapse;}
table th {padding:0.5em; border:1px solid #d1d9dc; background-color:#f8f8f8;}
table tr {margin:0; padding:0;}
table tr td {padding:0.5em; border:1px solid #d1d9dc;}

.conversation {margin:0; padding:0;}
.conversation ul {padding-left:0; list-style:none; margin:0;}
.conversation ul li {margin:0; background:none; padding-bottom:10px;}
.conversation .odd {/*background-color: #3e3e3e;*/}
.conversation .label {font-weight:bold;}
.conversation .user_1 {color: #409fbc;}
.conversation .user_2 {color: #c97576;}
.conversation p {border-top: 1px dotted #3e3e3e;}

.edit {font-style:italic; margin:0 0 1.5em 0; border: 1px solid #dadada; background: #f6f6f6; padding:1em 1.5em;}
.strikeout {text-decoration:line-through;}

.tagline {margin-bottom: 1.5em; line-height:1em; font-size: 1.5em; margin-left: 135px; padding:0 10px 0 12px; border-left: 5px solid #dbdbdb; font-weight:normal;}
.tagline p {line-height: 1em; margin-top: 1.5em; margin-bottom: 1.5em;}


/* Tweets
---------------------------------------------------------- */

.tweet-icon {margin:0; margin-left:66px; height:24px; width:54px; float:left;}
.tweet-icon a:link, .tweet-icon a:visited {outline:none; margin-top:13px; height:24px; width:54px; background:url(images/twitter-icon.png) no-repeat; display:block; text-indent:-9999em; text-decoration:none;}
.tweet-icon a:hover {background-position:0 -24px;}

.tweet-content {width:581px; margin:0.75em 0 0.75em 0; float:left;}
.tweet-content p {font-size:1em; margin-top:0.75em; margin-bottom:0.75em;}

.time-since {padding:15px 0 0 20px; color:#999; font-weight:normal; float:left;}

.spiffy {display:block}
.spiffy *{display:block; height:1px; overflow:hidden; font-size:.01em; background:#ececec}
.spiffy1 {margin-left:3px; margin-right:3px; padding-left:1px; padding-right:1px; border-left:1px solid #f6f6f6; border-right:1px solid #f6f6f6; background:#f0f0f0}
.spiffy2 {margin-left:1px; margin-right:1px; padding-right:1px; padding-left:1px; border-left:1px solid #fdfdfd; border-right:1px solid #fdfdfd; background:#efefef}
.spiffy3 {margin-left:1px; margin-right:1px; border-left:1px solid #efefef; border-right:1px solid #efefef;}
.spiffy4 {border-left:1px solid #f6f6f6; border-right:1px solid #f6f6f6}
.spiffy5 {border-left:1px solid #f0f0f0; border-right:1px solid #f0f0f0}
.spiffyfg {background:#ececec; padding:0 1em;}
.spiffyfg p {display:inline;}


/*** Comments ****************************************************************/

#comment-wrapper {/*padding-left:10em; border-top:1px solid #d1d9dc;*/ /*width:700px;*/ margin:3em /*240px*/0 0 0;}
#comment-wrapper a:link, #comment-wrapper a:visited {font-weight:bold;}
#comment-wrapper a:hover {color:#999;}

h3#comments {font-size:1.5em; font-family:Georgia; position:relative; height:100%; padding:0.333em 0; color:#000; font-weight:normal;}
h3#comments span {position:absolute; left:6.667em; top:0.333em;}

ol.commentlist li.comment p a:link, ol.commentlist li.comment p a:visited {font-weight:normal; text-decoration:underline;}

ol.commentlist {margin:0; padding:0;}
ol.commentlist li {list-style:none; position:relative; padding:0em 0 1em 10em; border-top:2px solid #d9d9d9; padding-right:240px;}
ol.commentlist li.bypostauthor {/*border-top:2px solid #ff0000;*/} 
ol.commentlist li.comment-author-admin {/*border-top:1px solid #6a797d;*/}
ol.commentlist li.comment div .comment-author {margin-bottom:1em;}
ol.commentlist li.comment ul li.depth-2, ol.commentlist li.comment ul li.depth-3, ol.commentlist li.comment ul li.depth-4, ol.commentlist li.comment ul li.depth-5 {padding-right:0px;}
ol.commentlist li.comment div {/*padding-top:1.0em;*/ padding-top:0.5em;}
ol.commentlist li.comment div cite.fn {font-size:1.167em; font-style:normal; margin-left:0;}
ol.commentlist li.comment div img.avatar {position:absolute; left:0; top:-2px; padding-top:0.333em; border-top:2px solid #000; padding-top:1.333em; padding-right:52px;}
* html ol.commentlist li.comment div img.avatar {left:-10em;} /* Fix for IE6 */
ol.commentlist li.comment div span.says {visibility:hidden;}
ol.commentlist li.comment div span.comment-meta a {font-weight:bold; font-size:1.167em;} 
ol.commentlist li.comment div .reply {position:absolute; top:8px; right:0;}
ol.commentlist li.pingback div {padding-top:1.0em;} 
ol.commentlist li.pingback div cite.fn {font-size:1.167em;} 
ol.commentlist li.pingback div span.says {visibility:hidden;}
ol.commentlist li.pingback div.reply {position:absolute; top:8px; right:3px;}
/*
ol.commentlist li.pingback div.vcard {padding-top:1.0em;} 
ol.commentlist li.pingback div.vcard cite.fn {font-size:1.167em;} 
ol.commentlist li.pingback div.vcard span.says {visibility:hidden;}
ol.commentlist li.pingback div.reply {position:absolute; top:8px; right:3px;}
*/
#respond {position:relative; padding:0; border-top:1px solid #000; margin-bottom:3em;}
#respond h3 {font-family:Georgia; font-size:1.5em; color:#000; padding:0.333em 0; font-weight:normal;}

.cancel-comment-reply {position:absolute; top:8px; right:3px;}

#commentform {border-top:1px solid #000; padding-top:1em; padding-bottom:1em;}

.nocomments {border-top:1px solid #d1d9dc; padding:1em 0 0 8.571em;}

.subscribe-to-comments {/*line-height:2em;*/ padding-top:2px; margin:0 0 0 270px; /*position:relative;*/ /*left:0; top:25em;*/}

.form-field {position:absolute; position:relative; margin-bottom:1em; /*height:100%;*/}
.form-field span {position:absolute; left:8.571em;}
.form-field #author, .form-field #email, .form-field #url {font-size:1em; background-color:#fcfcfc; border:1px solid #333; width:180px;}
.form-field span textarea#comment {background-color:#fcfcfc; border:1px solid #333; width:100%; /*width:31.857em;*/  height:200px; padding:0em; font-size:1em; font-family:"Helvetica Neue", Arial, Helvetica, sans-serif;}

.comment-box {margin-bottom:200px;}


/*** Sidebar + Widgets *******************************************************/

.center-column-sidebar {width:58.334em; margin:0px auto; text-align:left; clear:both; overflow:hidden;}

#sidebar {width:60em; border-top:1px solid #d1d9dc; margin:0 0 1em 0; padding:1em 0 0 0;}
#sidebar li {display:inline; width:15.713em; margin-right:1.429em; overflow:hidden; float:left; list-style:none;}
#sidebar .widget {font-size:1.167em; line-height:1.5em;}
#sidebar li h2 {font-size:1.714em; color:#959ea1; padding:0.333em 0;}

#sidebar li ul li a {display:block;}


/*** Footer ******************************************************************/

#footer {color:#000; margin:0px; padding:5em 0; font-size:1.167em;}
#footer a:link, #footer a:visited {text-decoration:none; font-weight:bold;}
#footer a:link img, #footer a:visited img {border:0; margin-right:8px;}
#footer-text {font-size:1em; margin-top:15px; padding:4px 0px 0 0; width:897px; border-top:5px solid #000;}

.rss a:link, .rss a:visited {padding-left:18px; background:url(images/feed-icon.png) no-repeat;}
.rss a:hover {background-position:0 -18px; color:#999;}



/*** Archives index  **************************************************/

#smart-archives-block {list-style-type:none; font-size:0.916em; color:#b4b4b4; line-height:1.667em; margin:0 0 3em;}
#smart-archives-block li {margin:0 0 5px 0;}
#smart-archives-block a:link, #smart-archives-block visited {color:#000; background-color:#ececec; padding:3px 3px; margin:5px 2px;}
#smart-archives-block a:hover {color:#fff; background-color:#000;}
.empty-month {padding:3px 3px; margin:5px 2px;}

.archives {margin:3em 0 0; font-size:1.167em;}
.archives ul {margin:0 0 3em;}
.archives ul li {margin:0 0 0 1.5em;}


/*** WP-PageNavi Plugin  **************************************************/


.wp-pagenavi {clear:both; padding:2px 0; height:20px; font-size:1.167em; position:relative; padding-left:120px;}
.wp-pagenavi a, .wp-pagenavi span {text-decoration:none; padding:1px 8px; margin:0 0 1px 0;}
.wp-pagenavi a:hover, .wp-pagenavi span.current {background-color:#999;}
.wp-pagenavi .page {margin:0 2px;}
.wp-pagenavi .pages {margin-right:20px; position:absolute; left:0px;}
.wp-pagenavi span.current {padding:1px 8px; margin:0 0 1px 0; font-weight:normal; background-color:#666;}


/*** Legacy  **************************************************/

.thumbnail-wrapper {padding:0px; margin:1.5em 0 0 0;}
.thumbnail-wrapper .thumbnail {float:left; margin:0 10px 10px 0px; padding:0; display:inline;}
.thumbnail-wrapper .thumbnail .expand {background:url(images/icons.gif) no-repeat -5600px -4px; padding: 0px 0px 0px 0; display:block; bottom:1px; right:1px; color: #fff; position: absolute;}
.clearboth {clear:both;}