/*
Theme Name: Equivocality 10
Theme URI: http://equivocality.com/2008/01/14/100/
Description: Surgical style
Version: 10.3
Author: Jeff Ngan
Author URI: http://equivocality.com
*/


/* Global styles 
---------------------------------------------------------- */

body {font-size:75%; font-family:Arial, Verdana, Sans-Serif; color:#333; background-color:#fff; margin:0; padding:0;}
html>body {font-size:12px;}

p {font-size: 1em; line-height: 1.5em; margin-top: 1.5em; margin-bottom: 1.5em; padding:0 10px;}
a:link, a:visited {color:#000;}
a:hover {color:#999;}

small {font-size:0.75em; line-height:1.5em;}

img {border:0;}
a img {border:0; text-decoration:none;}

ul {list-style-type:none; padding:0; margin:0 10px 1.5em 30px;}
ul li {background:url(images/icons.gif) no-repeat -4800px 1px; padding-left:16px;}
ul li, ol li {line-height:1.636em;}
ul li ul {margin-bottom:0;}

#main-column {width:553px; margin:0 auto; text-align:left; }

.align-right {float:right;}
.align-left {float:left;}
.clearboth {clear:both;}

/* Hides from IE-mac \*/

* html .clearfix {height:1%;}
  
/* End hide from IE-mac */


/* Header
---------------------------------------------------------- */

#description {display:none;}

#header {margin:21px 0 0 51px; padding-top:42px; width:500px; height:142px; text-align:center; background-color:#f7f7f7; border:1px solid #e5e5e5;}
.logo {margin:0 30px 20px 0;}

#menu {width:502px; height:10px; margin:10px 0 2.5em 51px; padding:0; overflow: hidden; background:url(images/menu_bg.gif);}
#menu li {height:10px; display:block; float:left; background-image: none; padding:0;}
#menu li a {height:10px; display:block; background:url(images/menu.gif) no-repeat; text-indent:-9999em;}

li#nav-home a:link, li#nav-home a:visited {margin-left:27px; background-position: 0 0; width:41px; outline:none;}
li#nav-archives a:link, li#nav-archives a:visited {margin-left:39px; background-position:-41px 0; width:62px; outline:none;}
li#nav-about a:link, li#nav-about a:visited {margin-left:39px; background-position:-103px 0px; width:46px; outline:none;}
li#nav-photography a:link, li#nav-photography a:visited {margin-left:39px; background-position:-149px 0px; width:95px; outline:none;}
li#nav-rss a:link, li#nav-rss a:visited {margin-left:40px; background-position:-244px 0px; width:40px; outline:none;}

li#nav-home a:hover {background-position:0px -10px; width:41px;}
li#nav-archives a:hover {background-position:-41px -10px; width:62px;}
li#nav-about a:hover {background-position:-103px -10px; width:46px;}
li#nav-photography a:hover {background-position:-149px -10px; width:95px;}
li#nav-rss a:hover {background-position:-244px -10px; width:40px;}


/* Archives
---------------------------------------------------------- */

.archive-text {width:220px;}

#archives-category {width:230px;}

#archives-month {font-size: 1.0em; color: #b4b4b4; line-height:1.667em; margin:0 0 30px; padding:0 10px;}
#archives-month ul {margin:0; padding:0;}
#archives-month ul li {margin:0; padding:0;background:none;}
#archives-month a:link, #archives-month a:visited {white-space:nowrap; padding:3px 3px; margin:5px 2px;}
.emptymonth {padding: 3px 3px; margin: 5px 2px;}

.archive-title {background:url(images/archive-title-bg.gif) no-repeat; margin:0 0 0.5em 51px; color:#414141; height:21px; padding:4px 0 0 0; letter-spacing:1px; word-spacing:2px; text-align:center; font: bold 0.916em arial; text-transform:uppercase;}


/* Asides
---------------------------------------------------------- */

.twitter {width:230px;}

.aktt_tweets ul {margin-left:0px; padding:0 10px;}
.aktt_tweets ul li {margin:0; padding:0 0 1.5em 16px;}

.flickr {width:230px; padding-right:20px; text-align:left;}

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

.tweet-icon {margin:1.325em 0 0 26px; margin-right:0px; height:16px; width:25px;}
.tweet-icon a:link, .tweet-icon a:visited {outline:none; height:16px; width:25px; background:url(images/icons.gif) no-repeat -7196px -1px; display:block; text-indent:-9999em; text-decoration:none;}
.tweet-icon a:hover {background-position:-7196px -20px;}

.tweet-content {background-color:#f7f7f7; width:502px; margin:0.75em 0 0.75em 0; padding:0; font-size:0.916em; float:right;}
.tweet-content p {margin-top:0.75em; margin-bottom:0.75em;}

.time-since {color:#ccc; font-weight:normal;}

.roundedcorner-box {background: #f2f2f2; float:right; height:1%; width:502px; font-size:0.916em; margin:0.75em 0 0.75em 0;}
.roundedcorner-top div {background:url(images/roundedcorner-tl.png) no-repeat top left;}
.roundedcorner-top {background:url(images/roundedcorner-tr.png) no-repeat top right;}
.roundedcorner-bottom div {background:url(images/roundedcorner-bl.png) no-repeat bottom left;}
.roundedcorner-bottom {background: url(images/roundedcorner-br.png) no-repeat bottom right;}
.roundedcorner-top div, .roundedcorner-top, .roundedcorner-bottom div, .roundedcorner-bottom {width:100%; height:7px; padding:0; margin:0;}
.roundedcorner-content {padding:0 10px;}
.roundedcorner-content p {margin:0; padding:0; display:inline;}


/* Snaps
---------------------------------------------------------- */

.flickr-icon {margin:2.167em 0 0 26px; margin-right:0px; height:16px; width:25px;}
.flickr-icon a:link, .flickr-icon a:visited {outline:none; height:16px; width:25px; background:url(images/icons.gif) no-repeat -5594px -1px; display:block; text-indent:-9999em; text-decoration:none;}
.flickr-icon a:hover {background-position:-5594px -20px;}

.snaps {float:right; border:1px solid #e5e5e5; background-color:#e5e5e5; width:500px; height:379px; margin:1.5em 0; position:relative;}
.snaps p {margin:0; padding:0;}
.snaps p a:link, .snaps p a:visited {text-decoration:none;}

.snap-title {position:absolute; padding:2px 5px; background-color:#000; color:#fff; top:350px; left:10px; font:bold 0.916em arial; text-transform:lowercase;}

/* Post
---------------------------------------------------------- */

.entry {height:1%;} /* Why is this here? Cause IE doubles the bottom floated margin. Suck my balls, IE. */
.post {background:url(images/grid_bg.gif) repeat; width:500px; margin:1.5em 0 1.5em 0; padding:0; border:1px solid #e5e5e5; float:right;}
.post-extras {width:500px; margin:0 0 3em 0; padding:0; float:right; background-color:#fcfcfc; border-top:1px solid #e5e5e5; border-bottom:1px solid #ccc;}

/*.side-meta {float:left;}*/
.date {font-weight:bold; font-size:1.5em; margin-top:2.167em; margin-right:6px; padding:0; width:45px; text-align:right; line-height:0.75em;}
.month {font-weight:normal; font-size:0.667em; text-transform:uppercase;}
.comment-count-bubble {margin:1.667em 0 0 18px; text-align:center; font-weight:bold; font-size:1em; width:27px; height:32px;}
.comment-count-bubble a:link, .comment-count-bubble a:visited {padding:5px 0 0 0; display:block; text-decoration:none; background:url(images/comment-count-bubble.gif) no-repeat; height:26px; outline:none;}
.comment-count-bubble a:hover {color:#fff; background-position:0 -32px;}

h1 {font-family: Arial, Verdana, sans-serif; font-size:1.5em; padding:0 10px; margin-top:1.167em; margin-bottom:1px; border:none; line-height:0.75em;}
h1 a:link, h1 a:visited {text-decoration:none; border:none; line-height:0.667em; outline:none; color:#000;}
h1 img {border:none;}

h2 {color: #414141; font-size:1.167em; margin:1.5em 0; padding:0 10px; line-height:1.5em; text-transform:uppercase; font-weight:bold;}
h2 span {font-size:0.75em; text-transform:lowercase; font-weight:normal;}

h3 {color: #414141; font-size:1em; margin:1.5em 0; padding:0 10px; line-height:1.5em; /*text-transform:uppercase;*/ font-weight:bold;}

.tagline {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;}

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

blockquote {/*width:417px;*/ font-family: Georgia,'Trebuchet MS', serif; font-size: 1em; font-style: italic; color:#414141; margin:0 10px 0 40px; padding: 0 10px 0 20px; background:url(images/blockquoteopen.gif) 0 0 no-repeat;}
/* Hides from IE-mac \*/
* html blockquote {margin:0 10px 0 37px;}
/* End hide from IE-mac */
blockquote p {line-height:1.5em; margin-top: 1.5em; margin-bottom: 1.5em; /*padding:0 10px;*/}

blockquote.dialogue {font-family: Georgia, 'Trebuchet MS', serif; font-size: 1em; line-height: 1.5em; color: #414141; margin: 0px 10px 0px 50px; padding: 0 10px 0 10px; background-image: none; font-style: normal;}
blockquote.dialogue q {font-style: italic;}
/* blockquote.dialogue p:last-child {background-image: none;} */

.person-a {margin:1.5em 0; padding:0 10px; background-color:#eee;}
.person-b {background-color:#eee;}

.post cite {font-family: Georgia, 'Trebuchet MS', serif; color: #414141; font-size: 1em; padding: 0 0 0 80px; display:block; font-style:normal;}

.moretext {background:url(images/icons.gif) no-repeat -6400px -2px; padding-left:14px; font-weight:bold;}

.series {list-style-position: inside; margin:0 0 1.5em 10px; padding:0;}
.series li {line-height: 1.636em;}

dt {font-weight:bold; line-height:1.636em;}
dd {line-height:1.636em;}

.thumbnail-wrapper {padding:0px; margin:1.5em 0 -10px 0;}
.thumbnail-wrapper .thumbnail {float:left; margin:0 0 10px 10px; 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;}

.meta {font-size:0.916em; margin-bottom:1.5em; padding:0 10px;}

hr {text-align:center; height:1px; width:480px; border:0; color:#666; background-color:#666; margin:1.5em 10px;}

.thumbnails {border:1px solid #000;}
.thumbnails ul {padding:0;}
.thumbnails ul li {background:none; list-style:none; float:left; padding:10px 10px 0 0;}

/*
table {margin:10px; padding:0; border-collapse:collapse;border:1px solid #283833;}
table tr {margin:0; padding:0;}
table tr td {padding:10px; background-color:#e9e9e9;}
*/

.definition {margin-bottom:1.5em;}
.definition tr td {vertical-align:top; padding:5px 10px;}
.term {font-weight:bold; width:4em;}

.navigation {margin:1.0em 0 1.0em 51px; padding:0 10px; font-family: Arial, Verdana, Sans-Serif; font-size:1.25em; text-decoration: none; border-top:1px solid #ccc; border-bottom:1px solid #ccc; background-color:#f7f7f7;}

/*.video320x240, .video480x327, .video480x320, .video480x375 {margin-top:0em; margin-bottom:0em; padding:0 10px;}*/
.flashmovie {margin-top:1.5em; margin-bottom:1.5em; padding:0 10px;}

.photo_self {margin-top:1.5em; margin-bottom:1.5em; padding:0 10px;}

#searchform {padding:0 10px;}

.conversation {margin:0 10px 1em;}
.conversation ul {padding-left:0; list-style-type:none; list-style:none; margin:0;}
.conversation li {padding: 5px 0px; background:none;}
.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; padding-top: 10px;}



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

/* New comment styling */

#comments {font-family: Georgia, Verdana, 'Trebuchet MS', 'Lucida Grande', serif; font-size:1.333em; margin:0.75em 0 0.75em 0;}

.comments {padding-left:51px; width:502px;}

.commentlist {list-style-type:none; margin:0; padding:0;}
.commentlist li {background:none; /*background-color:#f7f7f7;*/ border-top:1px solid #e5e5e5; margin:0 0 1.5em 0; padding:10px 0 0 0; position:relative;}
.commentlist li span.says {display:none;}

.commentlist li.bypostauthor {border-top:1px solid #333;}
.commentlist li.comment div.comment-author {padding:0;}

.commentlist li.comment div.reply {position:absolute; top:5px; right:3px;}
.commentlist li.comment div.reply a {background:url(images/icons.gif) no-repeat -2397px -2px; padding-left:16px; font-size:0.916em; text-decoration:none;}

.commentlist li.comment div.vcard img.avatar {float:left; margin:0 10px 0 0; padding:0;}

.commentlist li.comment div.vcard cite.fn {font-style:normal; margin:0; padding:0;}
.commentlist li.comment div.vcard cite.fn a.url {font-weight:bold; text-decoration:none; margin:0; padding:0;}

.commentlist li.comment div.comment-meta {font-size:0.916em; line-height:0.916em; padding:0 10px;}
.commentlist li.comment div.comment-meta a {margin:0; padding:0; text-decoration:none;}
.commentlist li.comment div.comment-meta a:hover {}

.commentlist li.comment p {padding-left:0px;}

.commentlist li.comment ul.children {margin:0 0 0 42px;}

/* Form */

.respond {margin:1.5em 0; font-weight:bold;}

.commentbox {width:100%; padding:0; margin:0;}
.comment-text {margin-bottom:1.5em; position:relative; border-top:1px dotted #333; padding:0;}

#cancel-comment-reply {position:absolute; top:1.5em; right:3px;}
#cancel-comment-reply a {background:url(images/icons.gif) no-repeat -796px -2px; padding-left:16px; font-size:0.916em; text-decoration:none;}

.inputrow {margin:1.5em 0;}

.commentregistration {margin-bottom:1.5em;}


/* Bottom content
---------------------------------------------------------- */

#bottom-content {font-size:1em; margin-left:51px; line-height:1.636em; padding-top:20px;}
#bottom-content a:link, #bottom-content a:visited {color:#4d4d4d;}
#bottom-content a:hover {color:#999;}

#bottom-content ul {margin:0px; padding:0; color:#ccc; list-style-type:none;}
#bottom-content li {background:none; padding:2px 11px;}

#popular-posts {background:url(images/bottom-titles.gif) no-repeat; width:245px; padding:45px 0 0 0; float:left;}

#recent-comments {background:url(images/bottom-titles.gif) no-repeat -243px 0; margin-left:12px; padding:45px 0 0 0; width:245px; float:left;}
.recent-commenter {color:#414141; font-weight:bold; margin-right:4px;}
#recent-comments li a:hover .recent_commenter {color:#fff;}
#recent-comments img {border:0;}



/* Footer
---------------------------------------------------------- */

#footer {color:#a6a6a6; margin:0 0 1.5em 51px; padding:60px 0 30px 0;}
#footer a:link, #footer a:visited {text-decoration:none;}
#footer a:link img, #footer a:visited img {border:0; margin-right:8px;}
#footer-text {font-size:1em; margin-top:10px; padding:4px 10px 0 0; width:457px; border-top:5px solid #eee;}

.rss a:link, .rss a:visited {padding-left:15px; background:url(images/icons.gif) no-repeat -8000px -2px;}
.rss a:hover {background-position:-8000px -20px;}



/* Photography
---------------------------------------------------------- */

#stamp {padding-right:10px; float:left;}
#photo-description {font-family: Georgia,'Trebuchet MS', serif; font-size: 1em; font-style: italic; color:#414141;}
#photo-description p {line-height:1.5em; margin-top: 1.5em; margin-bottom: 1.5em;}

.photo-info {background-color:#f9f9f9; margin:0 10px 3.0em 10px; padding:0; border-top:1px dotted #999; border-bottom:1px dotted #999;}
.photo-title {font-weight:bold;}


/* Lightbox
---------------------------------------------------------- */

#lightbox {position:absolute; left:0; width:100%; z-index:100; text-align: center; line-height: 0;}
#lightbox a img {border:none;}

#outerImageContainer {position: relative; background-color:#000; width:250px; height:250px; margin:0 auto;}

#imageContainer {padding:10px;}

#loading {position:absolute; top:40%; left:0%; height:25%; width:100%; text-align:center; line-height:0;}

#hoverNav {position:absolute; top:0; left:0; height:100%; width:100%; z-index:10;}
#imageContainer>#hoverNav {left:0;}
#hoverNav a {outline:none;}

#prevLink, #nextLink{width:49%; height:100%; background:transparent url(images/blank.gif) no-repeat; /* Trick IE into showing hover */ display: block;}
#prevLink {left:0; float:left;}
#nextLink {right:0; float:right;}
#prevLink:hover, #prevLink:visited:hover {background:url(images/prevlabel.gif) left 15% no-repeat;}
#nextLink:hover, #nextLink:visited:hover {background:url(images/nextlabel.gif) right 15% no-repeat;}

#imageDataContainer {font:10px Verdana, Helvetica, sans-serif; background-color:#000; margin:0 auto; line-height:1.4em; overflow:auto; width:100%}

#imageData {padding:0 10px; color:#ccc;}
#imageData #imageDetails {width:70%; float:left; text-align:left;}
#imageData #caption {font-weight:bold;}
#imageData #caption a:link, #imageData #caption a:visited {color:#fff;}
#imageData #caption a:hover {color:#ccc;}
#imageData #numberDisplay {display:block; clear:left; padding-bottom:1.0em;}
#imageData #bottomNavClose{width:66px; float:right; padding-bottom:0.7em;}
		
#overlay{position:absolute; top:0; left:0; z-index:90; width:100%; height: 500px; background-color: #000;}